:root{--primary-color:#0ff0fc;--secondary-color:#f0f;--bg-color:#0a0a0a;--panel-bg:#111;--text-color:#f0f0f0;--grid-border:#0ff0fc1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;overflow:hidden}h1,h2,h3{margin:0;font-weight:600}button{color:var(--text-color);border:1px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-weight:700;transition:all .2s}button:hover{background:var(--primary-color);color:#000;box-shadow:0 0 10px var(--primary-color)}button.primary{background:var(--primary-color);color:#000}button.primary:hover{box-shadow:0 0 15px var(--primary-color);background:#00bcd4}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111c;border:1px solid #ffffff1a;box-shadow:0 4px 30px #00000080}.glow-text{text-shadow:0 0 10px var(--primary-color)}.app-container{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-color);flex-direction:row;display:flex;position:relative;overflow:hidden}.mobile-only-price{display:none}.desktop-only{display:block}.stats-header{border-bottom:1px solid var(--grid-border);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.stats-title h1{margin-bottom:4px;font-size:24px}.stats-title p{opacity:.7;margin:0;font-size:14px}.stats-counters{text-align:right;gap:32px;display:flex}.stat-label{color:#888;text-transform:uppercase;letter-spacing:2px;font-size:12px}.stat-value{font-family:monospace;font-size:24px}.stat-value.available{color:var(--primary-color)}.stat-value.raised{color:var(--secondary-color)}.canvas-container{cursor:crosshair;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:auto}.canvas-transform{transform-origin:0 0;position:absolute}.grid-canvas{border:1px solid var(--grid-border);image-rendering:pixelated;background-color:#fff;box-shadow:0 0 50px #000c}.selection-panel-sidebar{border-left:1px solid var(--grid-border);background-color:var(--panel-bg);box-sizing:border-box;z-index:20;flex-direction:column;gap:24px;width:300px;min-width:300px;height:100%;padding:24px;display:flex}.selection-info p{color:#ccc;font-family:monospace;font-size:14px}.selection-panel-sidebar .selection-total{text-align:left;border-top:1px solid #fff3;padding-top:24px}.selection-panel-sidebar .selection-total .price{color:#4ade80;font-family:monospace;font-size:32px}.selection-panel-sidebar .selection-actions{flex-direction:column;gap:12px;margin-top:auto;padding-bottom:60px;display:flex}.selection-panel-sidebar .selection-actions button{width:100%}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--primary-color);border-radius:16px;width:100%;max-width:400px;padding:32px}.modal-area-info{background-color:#00000080;border-radius:8px;justify-content:space-between;margin-bottom:24px;padding:16px;display:flex}.modal-area-info .price{color:#4ade80;font-weight:700}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#aaa;margin-bottom:4px;font-size:14px}.form-group input{color:#fff;box-sizing:border-box;background-color:#00000080;border:1px solid #fff3;border-radius:4px;width:100%;padding:8px 12px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.selection-row{align-items:center;gap:8px;display:flex;position:relative}.info-button{cursor:pointer;opacity:.8;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-family:serif;font-size:13px;font-style:italic;line-height:1;transition:all .2s;display:inline-flex;color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;background:0 0!important;border-radius:50%!important;padding:0!important}.info-button:hover{opacity:1;color:#fff!important;box-shadow:0 0 8px var(--primary-color)!important;background:#0ff0fc26!important}.min-purchase-tooltip{z-index:100;color:#fff;border:1px solid #fff3;border-left:3px solid var(--primary-color);width:240px;margin-top:10px;padding:12px;font-size:13px;line-height:1.5;animation:.2s fadeIn;position:absolute;top:100%;left:0}.mode-toggle,.zoom-btn{border:1px solid var(--primary-color);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #00000080}.mode-toggle.active{background:var(--primary-color);color:#000;box-shadow:0 0 20px var(--primary-color);border-color:#fff;transform:scale(1.1)}.zoom-btn{font-weight:700}.zoom-btn:active{transform:scale(.9)}.menu-trigger{z-index:50;font-size:24px;box-shadow:0 0 15px #ffffff1a;border-radius:50%!important;width:44px!important;height:44px!important}.zoom-controls.collapsed{border-radius:30px;width:auto!important}.menu-items-anim{animation:.3s cubic-bezier(.4,0,.2,1) slideUp}.onboarding-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9}.onboarding-content{border:1px solid #0ff0fc4d;max-width:480px;padding:40px;box-shadow:0 0 50px #000000e6,0 0 20px #0ff0fc1a}.onboarding-icon-main{margin-bottom:20px;font-size:64px}.onboarding-text{color:#aaa;margin-bottom:30px;line-height:1.6}.onboarding-steps{text-align:left;flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.onboarding-step{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:20px;padding:16px;display:flex}.step-icon{text-align:center;min-width:50px;font-size:32px}.step-info strong{color:var(--primary-color);margin-bottom:4px;font-size:16px;display:block}.step-info span{color:#888;font-size:13px}.onboarding-close-btn{letter-spacing:1px;width:100%;padding:16px;font-size:16px}@media (width<=500px){.onboarding-content{margin:20px;padding:30px 20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.stats-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.stats-title h1{font-size:18px}.stats-title p{font-size:11px;display:none}.stats-counters{justify-content:space-between;gap:16px;width:100%}.stat-value{font-size:20px}.selection-panel-sidebar{border-left:none;border-top:2px solid var(--primary-color);width:100%;height:auto;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);flex-direction:row;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;box-shadow:0 -10px 40px #000c}.selection-info{flex:1}.selection-total{display:none}.selection-actions{flex-direction:row;gap:8px;margin-top:0}.selection-actions button{padding:12px;font-size:14px}.canvas-container{padding-bottom:120px}.modal-content{max-height:85vh;margin:16px;padding:24px;overflow-y:auto}.desktop-only{display:none}.mobile-only-price{margin-top:2px;font-size:16px;display:block}}.main-footer{z-index:10;color:#666;background:#0a0a0a80;border-top:1px solid #ffffff0d;width:100%;margin-top:40px;padding:40px 0;font-size:13px;position:relative}.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:1000px;margin:0 auto;padding:0 20px;display:flex}.footer-top{align-items:center;gap:16px;display:flex}.footer-disclaimer{color:#666;text-align:center;max-width:800px;font-size:11px;line-height:1.5}.footer-disclaimer strong{color:#888}.contact-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s}.contact-link:hover{text-shadow:0 0 8px var(--primary-color);color:#fff}.separator{opacity:.3}@media (width<=768px){.footer-top{text-align:center;flex-direction:column;gap:4px}.separator{display:none}.app-container{padding-bottom:0}.footer-disclaimer{font-size:10px}}.app-sidebar{border-right:1px solid var(--grid-border);box-sizing:border-box;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;flex-direction:column;gap:24px;width:320px;min-width:320px;height:100%;padding:24px;display:flex;overflow-y:auto}.sidebar-header .subtitle{opacity:.8;margin-top:8px;font-size:13px;line-height:1.5}.sidebar-section{border-bottom:1px solid #ffffff14;flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.sidebar-section:last-of-type{border-bottom:none}.sidebar-section h3{text-transform:uppercase;letter-spacing:1px;color:#888;margin:0 0 4px;font-size:12px}.stats-section{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats-section .stat-card{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.stats-section .stat-card .stat-label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:10px}.stats-section .stat-card .stat-value{margin-top:4px;font-family:monospace;font-size:16px}.mode-buttons,.zoom-buttons{gap:8px;display:flex}.mode-buttons .mode-toggle{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:auto;padding:10px;font-size:12px;display:flex}.zoom-buttons .zoom-btn{border-radius:8px;flex:1;height:auto;padding:8px;font-size:14px}.zoom-buttons .zoom-btn-reset{border-radius:8px;flex:.8;height:auto;padding:8px;font-size:12px}.zoom-level{color:#666;text-align:right;margin-top:4px;font-family:monospace;font-size:11px}.selection-details{background:#0ff0fc0d;border:1px solid #0ff0fc33;border-radius:8px;margin-bottom:8px;padding:16px}.selection-dim{color:#ccc;margin:0;font-family:monospace;font-size:12px}.selection-total-price{margin-top:8px}.selection-total-price .price{color:#4ade80;font-family:monospace;font-size:20px;font-weight:700}.selection-actions{flex-direction:column;gap:8px;display:flex}.selection-hint{color:#888;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:16px;font-size:12px;line-height:1.5}.selection-hint p{margin:0}.sidebar-footer{color:#555;border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;font-size:11px;display:flex}.sidebar-footer .contact-link{font-size:11px}.sidebar-footer .copyright{opacity:.7}.main-grid-area{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.canvas-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;min-width:fit-content;min-height:fit-content;margin:0 auto;padding:40px;display:flex}@media (width<=768px){.app-container{flex-direction:column;overflow-y:auto}.app-sidebar{border-right:none;border-bottom:1px solid var(--grid-border);gap:16px;width:100%;min-width:100%;height:auto;padding:16px}.sidebar-header .subtitle{display:none}.sidebar-section{gap:8px;padding-bottom:12px}.main-grid-area{height:auto;min-height:500px;overflow:visible}.canvas-wrapper{padding:20px}}