:root{font-family:Inter,Segoe UI,sans-serif;color:#dce6ef;background:#0b1018;font-synthesis:none;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #2a3748;background:#192331;color:#d6e5f0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;transition:background .15s}button:hover:not(:disabled){background:#25364a}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}svg{flex-shrink:0}small{color:#7e91a6;font-size:10px;letter-spacing:.07em}.topbar{height:76px;border-bottom:1px solid #202c3b;display:flex;align-items:center;padding:0 28px;gap:24px;background:#101722}.brand{font-size:19px;letter-spacing:.18em;font-weight:750;display:flex;align-items:center;gap:12px}.brand-icon{font-size:23px;font-weight:500;display:grid;place-items:center;width:33px;height:35px;border:1px solid #4bc6d4;border-radius:9px 2px;color:#58d4dc;transform:skew(-6deg)}.brand-divider{height:23px;border-right:1px solid #334153}.workbench-label{font-size:10px;letter-spacing:.19em;color:#9aacbe}.prototype{margin-left:auto;font-size:9px;letter-spacing:.12em;color:#8b9eb1;display:flex;gap:9px;align-items:center}.prototype i,.status-dot{width:5px;height:5px;background:#6cd9b1;border-radius:50%;display:inline-block}.toolnav{height:55px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #202c3b;padding:0 28px;color:#7d90a5;font-size:12px}.toolnav span{display:flex;align-items:center;gap:9px}.toolnav .active{color:#67d8df}.toolnav small{margin-left:auto;font-size:9px}main{display:grid;grid-template-columns:230px minmax(300px,1fr) 280px;min-height:calc(100vh - 166px)}.left-panel,.right-panel{padding:24px 20px;background:#101722;min-width:0}.left-panel{border-right:1px solid #202c3b;display:flex;flex-direction:column}.right-panel{border-left:1px solid #202c3b}.panel-title{color:#9aacc0;font-size:9px;font-weight:650;letter-spacing:.13em;display:flex;align-items:center;gap:6px;margin:1px 0 17px}.panel-title>span{margin-left:auto;color:#52677c}.upload-card{display:flex;flex-direction:column;padding:25px 8px;width:100%;border:1px dashed #365366;background:#13202b;gap:10px;color:#70d6de}.upload-card strong{font-size:11px;font-weight:600;color:#cfdee8}.upload-card span{font-size:10px;color:#879eb1}.upload-card small{font-size:9px;color:#627c91}.file-card{display:flex;gap:10px;align-items:center;margin:20px 0 30px;padding:12px 0;border-block:1px solid #243041;color:#8fa8bb}.file-card div{min-width:0;flex:1}.file-card strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d2e0eb;font-weight:500}.file-card small{font-size:9px;display:block;margin-top:6px;letter-spacing:0}#file{position:absolute;width:1px;height:1px;opacity:0}select{width:100%;padding:10px 6px;background:#192331;border:1px solid #29384a;border-radius:4px;color:#b5c9da;font-size:11px;margin-bottom:30px}.layer-list label{display:flex;align-items:center;gap:8px;font-size:10px;margin:16px 0;color:#b1c1d1;overflow-wrap:anywhere}.layer-list input{accent-color:#53c3cf;width:12px;height:12px;margin:0}.layer-list small{margin-left:auto;font-size:9px}.swatch{width:7px;height:7px;border-radius:1px;background:#58d4dc;flex-shrink:0}.swatch-1{background:#afbcff}.swatch-2{background:#edc87b}.privacy{display:flex;gap:10px;color:#627f94;margin-top:auto;padding-top:80px}.privacy strong{font-size:10px;color:#a0b2c4;font-weight:500}.privacy p{font-size:10px;line-height:1.7;color:#6c8499;margin-bottom:0}.center-panel{padding:28px 28px 15px;min-width:0;display:flex;flex-direction:column}.workspace-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:10px}.workspace-title small{font-size:9px;letter-spacing:.16em;color:#5da8b5}.workspace-title h1{font-weight:450;font-size:25px;letter-spacing:-.045em;margin:7px 0 0}.open-button{font-size:11px;padding:9px 12px}.drawing{border:1px solid #263747;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:420px}.canvas-heading{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #233342;background:#121c27;color:#9ab0c3;font-size:10px;gap:7px}.canvas-heading>span{display:flex;align-items:center;gap:8px}.canvas-heading>span:last-child{font-size:9px}.tag{padding:3px 6px;border:1px solid #354858;border-radius:3px;color:#b0c9d6}.canvas-wrap{position:relative;min-height:350px;flex:1;background:#0d1620}.canvas-wrap>svg{display:block;position:absolute;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-wrap path[role=button],.canvas-wrap circle[role=button]{cursor:pointer;pointer-events:visibleStroke}.canvas-wrap path[role=button]:hover,.canvas-wrap circle[role=button]:hover{stroke:#fff;stroke-width:3}.view-tools{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;padding:3px;background:#14212e;border:1px solid #2c3e51;border-radius:5px;box-shadow:0 3px 10px #0003}.view-tools button{padding:8px;border:0;background:transparent;border-radius:3px;color:#89a4ba}.view-tools button[aria-pressed=true]{color:#6bdee5;background:#203744}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#416479;text-align:center;padding:30px}.empty-state h2{font-weight:400;font-size:22px;color:#9aafc0;letter-spacing:-.03em;margin-bottom:4px}.empty-state p{font-size:11px;color:#728ba1;max-width:260px;line-height:1.7}.empty-state span{font-size:9px;margin-top:15px;color:#486477}.axis-indicator{position:absolute;bottom:18px;left:20px;font:10px Consolas,monospace;color:#5f9aab;pointer-events:none}.axis-indicator span,.axis-indicator b{display:block;line-height:1.8}.canvas-status{min-height:31px;background:#111e2a;border-top:1px solid #243849;display:flex;align-items:center;justify-content:space-between;padding:5px 12px;gap:10px;font:9px Consolas,monospace;color:#6f899f}.canvas-status>span{display:flex;align-items:center;gap:7px}.canvas-status em{height:8px;border-left:1px solid #344858;margin:0 3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;gap:1px;background:#263343;border:1px solid #263343;border-radius:5px;overflow:hidden}.metrics div{padding:16px 14px;background:#111b27}.metrics small{letter-spacing:0;font-size:10px}.metrics strong{display:block;font-size:20px;font-weight:450;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.metrics strong span{font-size:10px;color:#7b94aa;margin-left:5px}.workspace-note{font-size:9px;color:#647d93;display:flex;align-items:center;gap:8px;margin-top:17px;line-height:1.6}.workspace-note>span:last-child{display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;font-size:8px}.muted{font-size:11px;line-height:1.8;color:#738ca1;margin:0 0 28px}.right-panel dl{margin:0 0 28px;font-size:10px}.right-panel dl>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #1d2c3b}.right-panel dt{color:#778ea3;text-transform:capitalize}.right-panel dd{margin:0;color:#bdcfde;max-width:140px;overflow-wrap:anywhere;text-align:right}.object-data{margin-bottom:24px;font-size:10px}.object-data b{font-weight:500;color:#67cbd5}.object-data pre{max-height:180px;overflow:auto;font:10px/1.5 Consolas,monospace;color:#829fb3;white-space:pre-wrap}.validation{display:flex;align-items:center;gap:8px;color:#8196a9;font-size:10px;background:#172330;padding:12px;border-radius:4px;margin-bottom:13px}.validation strong{font-weight:500}.validation.valid{background:#122d2b;color:#85d4b6}.warning{color:#8ba0b3;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.warning b{font-size:8px;letter-spacing:.05em;color:#dab87d;display:block;margin-bottom:3px}.support{font-size:9px;line-height:1.6;color:#7894a6;display:flex;gap:6px;align-items:start}.support svg{color:#5ca6a7;margin-top:2px}.block-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.block-list span{font:9px Consolas,monospace;background:#1c2a37;color:#8faabf;border:1px solid #2c3e4f;border-radius:3px;padding:4px}.export-panel{margin-top:28px;border-top:1px solid #263747;padding-top:22px}.export-panel>small{font-size:8px;letter-spacing:.15em;color:#62afb9}.export-panel h3{font-weight:450;font-size:18px;margin:8px 0}.export-panel p{font-size:9px;color:#728da3;line-height:1.8}.primary{width:100%;margin-top:9px;background:#58cbd2;border-color:#58cbd2;color:#08262e;font-size:11px;font-weight:650}.primary:hover:not(:disabled){background:#7bdee3}.primary:disabled{background:#293f48;border-color:#293f48;color:#8badb6;opacity:.65}.conversion-result{padding:8px;background:#142e2a;color:#8bd2b6!important;border-radius:4px}footer{height:35px;border-top:1px solid #223141;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:8px;color:#587087;letter-spacing:.05em}footer b{font-weight:400;margin:0 10px;color:#34495e}.error{display:flex;gap:10px;align-items:start;padding:13px;background:#3a2525;border:1px solid #75433d;color:#efb5a7;margin-bottom:16px;font-size:11px;line-height:1.7;border-radius:5px;overflow-wrap:anywhere}.loading{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#224551;border:1px solid #4a8393;padding:12px 20px;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 4px 30px #0009}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop-overlay{position:fixed;inset:10px;border:2px dashed #62d8e1;background:#0d2639ee;border-radius:10px;display:grid;place-items:center;z-index:10;color:#9ee9ef;font-size:24px;pointer-events:none}@media(min-width:1550px){main{grid-template-columns:250px minmax(300px,1fr) 300px}.center-panel{padding:35px}.drawing{min-height:530px}}@media(max-width:1120px){main{grid-template-columns:190px minmax(250px,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.right-panel .panel-title{grid-column:1/-1;margin-top:12px}.right-panel dl,.right-panel .object-data,.right-panel .muted{grid-column:1/-1;margin-bottom:0}.right-panel .export-panel{grid-column:1/-1}.center-panel{padding:22px 18px}.left-panel{padding:22px 14px}.canvas-status{flex-wrap:wrap}.workspace-note>span:last-child{display:none}}@media(max-width:680px){.topbar{height:65px;padding:0 16px;gap:10px}.brand{font-size:15px;letter-spacing:.12em}.brand-divider,.workbench-label{display:none}.prototype{font-size:7px}.toolnav{padding:0 14px;gap:10px;font-size:10px;height:48px}.toolnav small{display:none}.toolnav svg{width:12px}main{display:flex;flex-direction:column}.left-panel{border-right:0;border-bottom:1px solid #263747;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.left-panel>.panel-title{grid-column:1/-1;margin:8px 0 0}.upload-card{padding:14px 5px;gap:6px}.file-card{margin:0;border:0}.left-panel select{margin:0;grid-column:1/-1}.layer-list{grid-column:1/-1;display:flex;gap:15px;flex-wrap:wrap}.layer-list label{margin:5px 0}.privacy{grid-column:1/-1;padding-top:0;display:none}.center-panel{padding:22px 14px}.workspace-title h1{font-size:22px}.workspace-title small{font-size:8px}.drawing{min-height:380px}.canvas-wrap{min-height:320px}.canvas-status{font-size:8px;padding:8px}.canvas-status>span:last-child{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:13px}.metrics strong{font-size:18px}.right-panel{display:block;border-left:0;border-top:1px solid #263747;padding:20px}.right-panel .panel-title{margin:20px 0 14px}.right-panel dl{margin-bottom:26px}.right-panel .muted{margin-bottom:25px}footer{height:auto;padding:15px;gap:12px;flex-wrap:wrap}.drop-overlay{font-size:18px;text-align:center;padding:20px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}button{transition:none}}@media(min-width:1121px){main{height:calc(100dvh - 166px);min-height:680px}.right-panel{overflow-y:auto}.center-panel{min-height:0}.drawing{min-height:300px}.canvas-wrap{min-height:240px}}