:root{--bg:#09090b;--bg-panel:rgba(9,9,11,.92);--surface-1:#131316;--surface-2:#1f1f23;--surface-3:#2a2a30;--code-bg:#09090b;--border:#232328;--border-strong:#34343a;--ring:hsla(240,5%,96%,.45);--text:#fafafa;--text-muted:#a1a1aa;--text-faint:#71717a;--accent:#fafafa;--accent-hover:#e4e4e7;--on-accent:#09090b;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.85rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--transition:0.15s ease;--glow:0 0 24px hsla(0,0%,100%,.25);--glow-strong:0 0 32px hsla(0,0%,100%,.4)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font:inherit;cursor:pointer}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-hero{position:relative;flex:1 1;display:grid;place-items:center;text-align:center;padding:4rem 2rem}.landing-hero h1{font-size:clamp(2rem,6vw,4.5rem);font-weight:700;margin:0 0 var(--space-4);letter-spacing:-.02em}.landing-hero p{font-size:clamp(1rem,2vw,1.25rem);max-width:38rem;margin:0 auto var(--space-6);opacity:.85}.landing-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:.85rem 1.6rem;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-pill);font-weight:600;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition);box-shadow:var(--glow)}.landing-cta:hover{transform:translateY(-2px);box-shadow:var(--glow-strong)}.landing-blob{position:absolute;inset:0;z-index:-1;pointer-events:none}.landing-footer{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.constructor{position:relative;height:100vh;overflow:hidden}.constructor-canvas{position:absolute;inset:0}.constructor-panel{position:absolute;top:16px;right:16px;bottom:16px;width:420px;display:flex;flex-direction:column;background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,.5);overflow:hidden;z-index:10}.constructor-panel-scroll{flex:1 1;overflow-y:auto}.constructor-panel h2{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:var(--space-5) 0 var(--space-2)}.constructor-panel h2:first-child{margin-top:0}.constructor-export{flex-shrink:0;padding:1.25rem;background:rgba(9,9,11,.6);border-top:1px solid var(--border)}.constructor-export h2{margin:0 0 var(--space-3)}.constructor-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.constructor-export .constructor-actions{margin-top:0;gap:.65rem}.btn{padding:.6rem 1.1rem;background:var(--surface-2);color:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition),border-color var(--transition)}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-in{0%{transform:translateX(calc(100% + 32px));opacity:0}to{transform:translateX(0);opacity:1}}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;animation:sheet-fade-in .16s ease-out}.export-sheet{position:fixed;top:16px;right:16px;bottom:16px;width:min(560px,calc(100vw - 32px));background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;z-index:101;animation:sheet-slide-in .24s cubic-bezier(.32,.72,0,1)}.export-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:1.25rem 1.25rem 1rem}.export-sheet-header h3{margin:0 0 4px;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.export-sheet-header p{margin:0;font-size:.8125rem;color:var(--text-muted)}.sheet-close{background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);width:28px;height:28px;font-size:16px;line-height:1;flex-shrink:0;transition:background var(--transition),color var(--transition)}.sheet-close:hover{background:var(--surface-2);color:var(--text)}.export-sheet-tabs{display:flex;gap:0;padding:0 1.25rem;border-bottom:1px solid var(--border);overflow-x:auto}.export-sheet-tabs button{position:relative;padding:10px 14px;background:transparent;color:var(--text-muted);border:none;border-bottom:2px solid transparent;font-size:.8125rem;font-weight:500;white-space:nowrap;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition)}.export-sheet-tabs button:first-child{padding-left:0}.export-sheet-tabs button:hover{color:var(--text)}.export-sheet-tabs button.active{border-bottom-color:var(--text);color:var(--text)}.export-sheet-body{flex:1 1;padding:1rem 1.25rem;overflow-y:auto}.code-block{position:relative;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.code-block pre{margin:0;padding:14px 72px 14px 16px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-all;overflow-x:auto}.code-copy{position:absolute;top:8px;right:8px;padding:5px 10px;font-size:11px;font-weight:500;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background var(--transition),border-color var(--transition)}.code-copy:hover{background:var(--surface-3);border-color:var(--border-strong)}.export-sheet-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:1rem 1.25rem;border-top:1px solid var(--border)}@media (max-width:720px){.export-sheet{top:8px;left:8px;right:8px;bottom:8px;width:auto}}.controls-leva>div>div>div{row-gap:0}.controls-leva>div{background:transparent!important}.controls-leva input[type=number],.controls-leva input[type=text],.controls-leva select{text-align:left!important;padding:0 8px!important;color:var(--text)!important;font-weight:500}.controls-leva [class*=Label-],.controls-leva label{color:var(--text)!important;opacity:.92;font-weight:500}.controls-leva [class*=Folder-]>div:first-child,.controls-leva [class*=StyledTitle]{color:#fff!important;font-weight:600!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;opacity:1!important;padding-top:4px;padding-bottom:4px}.controls-leva>div>div>div>div+div{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.controls-leva [class*=Range] [class*=Indicator],.controls-leva [class*=Range] [class*=Scrubber]{background:var(--accent)!important}.controls-leva input[type=checkbox]+label>svg{stroke:var(--on-accent)}.controls-leva input[type=checkbox]+label{box-shadow:inset 0 0 0 1px var(--border-strong)}.controls-leva input[type=checkbox]:checked+label{box-shadow:none}.controls-leva div[style*=height]:not([style*="height: 0px"]){height:auto!important;overflow:visible!important}.ds{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-5)}.ds h1{font-size:2rem;margin:0 0 var(--space-2)}.ds-lede{color:var(--text-muted);margin:0 0 var(--space-6)}.ds-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.ds-section:last-child{border-bottom:none}.ds-section h2{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 var(--space-4)}.ds-row{display:flex;flex-wrap:wrap;align-items:center}.ds-grid,.ds-row{gap:var(--space-3)}.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--space-3)}.ds-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.ds-swatch{height:56px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:var(--space-2)}.ds-label{color:var(--text-muted);display:block;word-break:break-all}.ds-label,.ds-token{font-size:var(--font-size-xs);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ds-token{color:var(--text)}.ds-type-sample{margin:0 0 var(--space-2)}.ds-spacing-bar{height:12px;background:var(--accent);border-radius:var(--radius-sm)}@media (max-width:768px){.constructor-panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:60vh}}