:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select{font:inherit}button{color:#eff6ff;cursor:pointer;background:#121823;border:1px solid #2b3545;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:34px;transition:border-color .14s,background .14s,color .14s;display:inline-flex}button:hover:not(:disabled){background:#182232;border-color:#53657d}button:disabled{opacity:.38;cursor:not-allowed}select,input[type=number]{color:#f8fafc;background:#0d121b;border:1px solid #2b3545;border-radius:6px;min-height:32px;padding:0 10px}input[type=checkbox]{accent-color:#78dce8}.app-shell{background:#05070b;grid-template-columns:minmax(340px,34vw) 1fr;height:100%;display:grid;overflow:hidden}.control-panel{background:#0a0f18;border-right:1px solid #1e293b;padding:18px;overflow:auto}.brand-block{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:18px;display:flex}.brand-block h1{letter-spacing:0;margin:2px 0 0;font-size:28px;line-height:1.05}.eyebrow{text-transform:uppercase;color:#a5b4c8;letter-spacing:.08em;margin:0;font-size:11px}.status-pill{color:#a5f3fc;white-space:nowrap;background:#101826;border:1px solid #334155;border-radius:999px;padding:5px 9px;font-size:12px}.panel-section{border-bottom:1px solid #1e293b;padding:16px 0}.panel-section.compact{padding-bottom:12px}.section-title{color:#d5b46a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px}.field-label{color:#cbd5e1;gap:7px;margin-bottom:10px;font-size:12px;display:grid}.field-label select{width:100%}.button-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.button-grid button:nth-last-child(-n+2){grid-column:span 1}.control-row{grid-template-columns:minmax(108px,.9fr) minmax(90px,1fr) 86px;align-items:center;gap:9px;min-height:38px;display:grid}.control-label{color:#cbd5e1;justify-content:space-between;gap:8px;font-size:12px;display:flex}.control-label small{color:#64748b}.range-input{accent-color:#78dce8;width:100%}.number-input{width:86px}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toggle-grid label{color:#cbd5e1;background:#0d121b;border:1px solid #243044;border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:0 9px;font-size:12px;display:flex}.segmented{border:1px solid #2b3545;border-radius:6px;grid-template-columns:1fr 1fr;margin-top:10px;display:grid;overflow:hidden}.segmented button{background:#0d121b;border:0;border-radius:0}.segmented button.active{color:#a5f3fc;background:#1f3342}.layer-list{gap:7px;max-height:190px;padding-right:2px;display:grid;overflow:auto}.layer-toggle{color:#94a3b8;justify-content:flex-start;min-height:31px}.layer-toggle.is-visible{color:#f8fafc}.layer-toggle span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.swatch{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0f172a}.sticky-actions{background:linear-gradient(#0a0f18d1,#0a0f18 24%);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:18px;display:grid;position:sticky;bottom:-18px}.primary-action{color:#d9fbff;background:#14313b;border-color:#35899b}.preview-shell{background:linear-gradient(90deg,#d5b46a14,#0000 30%),#05070b;grid-template-rows:auto 1fr;min-width:0;display:grid}.preview-toolbar{background:#090d14;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}.preview-toolbar strong{font-size:15px;display:block}.preview-toolbar span{color:#94a3b8;font-size:12px}.toolbar-actions{gap:8px;display:flex}.toolbar-actions button{width:34px;padding:0}.preview-svg{touch-action:none;cursor:crosshair;width:100%;height:100%}.preview-svg.is-panning{cursor:grabbing}.grid-layer line{stroke:#253145;stroke-width:.035px;vector-effect:non-scaling-stroke}.measure-layer{fill:none;stroke:#9ca3af;stroke-width:.045px;vector-effect:non-scaling-stroke;opacity:.74}.measure-layer text{fill:#cbd5e1;stroke:none;font-size:1.6px}.dial-mode{pointer-events:none}@media (width<=900px){.app-shell{grid-template-rows:minmax(390px,48vh) 1fr;grid-template-columns:1fr}.control-panel{border-top:1px solid #1e293b;border-right:0;order:2}.preview-shell{order:1;min-height:390px}}