:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#08111f;font-synthesis:none;color-scheme:dark;--cyan:#59ffd2;--blue:#2f80ed;--muted:#9fb0c7;--border:rgba(255,255,255,.11);--panel:#0c1523;--field:rgba(255,255,255,.045)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);color:inherit;background:#142133;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,transform .15s}button:hover{border-color:#59ffd277;background:#1a3040}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button svg{width:17px;height:17px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,svg [role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}svg{display:block}h1,h2,h3,p{margin:0}label{display:block;min-width:0;font-size:10px;color:#9fb0c7;font-weight:500}input[type=number],input[type=text],select{display:block;width:100%;min-width:0;margin-top:7px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;color:#f7fbff;background:#ffffff07;font-size:12px}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#59ffd277}input[type=checkbox],input[type=range]{accent-color:var(--cyan)}input[type=checkbox]{width:13px;height:13px}input[type=range]{width:100%;margin:9px 0 0;cursor:pointer}input:disabled{opacity:.45}input:invalid{border-color:#e48677}select option{background:#0c1523;color:#f7fbff}.sr-only{position:fixed;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#app{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:76px minmax(0,1fr);height:100dvh;min-height:600px}.studio{display:contents}.app-header{grid-column:1;grid-row:1;min-width:0;padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:5;border-bottom:1px solid var(--border);background:#08111fbb}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;color:#061827;font-size:25px;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 9px 24px #0004}.brand-copy{display:flex;flex-direction:column;line-height:1.12}.brand-copy b{font-size:16px;letter-spacing:-.02em}.brand-copy small{margin-top:4px;color:var(--muted);font-size:11px}.header-actions{display:flex;align-items:center;gap:15px}.local-badge{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.local-badge i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.icon-button{width:32px;height:32px;padding:7px}.settings{grid-column:2;grid-row:1/span 2;min-height:0;overflow-y:auto;padding:26px 24px 18px;border-left:1px solid var(--border);background:var(--panel);box-shadow:-20px 0 65px #0002;scrollbar-width:thin;scrollbar-color:#2c4055 transparent}.all-tools-link{font-size:10px;color:var(--muted)}.all-tools-link:hover{color:var(--cyan)}.title-row{display:flex;align-items:center;gap:10px;margin-top:22px}.title-row h1{font-size:27px;letter-spacing:-.045em;font-weight:750}.beta-tag{font-size:8px;letter-spacing:.08em;padding:4px 5px;border:1px solid #59ffd238;border-radius:5px;color:var(--cyan)}.sidebar-intro p{color:var(--muted);font-size:12px;line-height:1.65;margin:9px 0 22px}.settings-section,.photo-card,.export-card{border:1px solid var(--border);border-radius:14px;padding:15px;margin-bottom:13px;background:#ffffff03}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.section-heading h2{font-size:12px;font-weight:700}.step{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;font-size:10px;font-weight:800;color:#071d25;background:linear-gradient(135deg,var(--blue),var(--cyan))}.unit-label{margin-left:auto;color:#7792a8;font-size:9px}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.preset{flex-direction:column;gap:9px;min-width:0;padding:10px 3px;background:#0a1521;color:var(--muted);font-size:9px}.preset.active{border-color:#59ffd26e;background:#59ffd20a;color:var(--cyan)}.mini-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;width:42px;height:32px;padding:3px;border-radius:4px;background:#526f7d}.mini-layout i{background:#a9c6c0;border-radius:1px}.preset.active .mini-layout{background:#428b83}.preset.active .mini-layout i{background:#abded0}.mini-layout.everyday i:first-child{grid-row:span 2}.mini-layout.everyday i:last-child{grid-column:span 2}.mini-layout.workshop i:nth-child(-n+2){grid-row:span 2}.mini-layout.single{display:block}.mini-layout.single i{display:block;height:100%}.fields{display:grid;gap:12px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.axis{color:#69839b;font-size:8px;margin-left:4px}.hint{margin:10px 0 14px;color:#8097aa;font-size:10px;font-weight:400;line-height:1.65}.hint.micro{font-size:9px;margin-bottom:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;margin:18px 0 14px}.switch-row span{display:grid;gap:5px}.switch-row strong{font-size:11px;color:#c6d6e4;font-weight:600}.switch-row small{font-size:9px;color:#849aaf;font-weight:400;line-height:1.5}.switch-row input{width:15px;height:15px;margin:0;flex-shrink:0;cursor:pointer}.inline-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.input-unit{display:flex;align-items:center;position:relative}.input-unit input{max-width:95px;padding-right:29px;margin:0}.input-unit span{position:absolute;right:10px;color:#69839b;font-size:10px}.grid-builder{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) auto;gap:7px;align-items:end}.grid-builder>span{font-size:12px;color:#69839b;padding-bottom:10px}.grid-builder input{padding:8px}.grid-builder button{padding:9px 7px;font-size:9px}.cell-list{display:flex;flex-wrap:wrap;gap:6px;max-height:155px;overflow-y:auto;margin-bottom:14px;scrollbar-width:thin}.cell-chip{flex:1 1 120px;justify-content:flex-start;gap:5px;padding:8px;min-width:0;font-size:9px;background:#0a1521;color:var(--muted);overflow:hidden}.cell-chip>span{color:#7895a9;font-size:9px}.cell-chip svg{width:12px;height:12px}.cell-chip.active{border-color:#59ffd26e;background:#59ffd20a;color:var(--cyan)}.inspector{padding:12px;border:1px solid #59ffd230;border-radius:10px;background:#08132180}.inspector-heading{display:flex;align-items:center;gap:5px;color:#78a49e;font-size:7px;letter-spacing:.07em;line-height:1.6}.inspector-heading b{margin-left:auto;font-size:8px;font-weight:400;letter-spacing:0;color:#819bad}.selected-dot{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.name-input{margin:8px 0 12px!important;padding:8px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;font-size:14px!important;font-weight:600}.segmented{display:inline-flex;gap:6px}.segmented button{min-height:34px;padding:8px 10px;border-radius:9px;background:#0a1523;color:#92a8bc;font-size:10px;line-height:1.4;white-space:nowrap}.segmented button.active{color:var(--cyan);border-color:#59ffd26e;background:#59ffd210}.kind-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}.kind-switch button{padding:7px 4px;gap:4px;white-space:normal;font-size:8px}.kind-switch svg{width:12px;height:12px}.compact{margin:14px 0}.compact strong{font-size:10px}.compact small{font-size:8px}.split-tools{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.split-tools label{font-size:9px}.split-tools output{float:right;color:var(--cyan);font-size:9px}.button-row{display:flex;gap:6px}.button-row button{flex:1;padding:8px 5px;font-size:9px;white-space:nowrap}.split-tools .button-row{gap:4px}.merge-row{display:flex;gap:6px;margin-top:12px}.merge-row select{margin:0;padding:7px;font-size:9px}.merge-row button{padding:7px 10px;font-size:9px}details>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:#c6d6e4;font-size:11px;font-weight:600}details>summary:after{content:"+";color:#849aaf;margin-left:auto}details[open]>summary:after{content:"−"}details>summary svg{width:16px;height:16px}.details-fields{margin:18px 0 12px}.tool-info{display:flex;align-items:center;gap:5px;color:var(--cyan);font-size:9px;margin:13px 0}.tool-info svg{width:12px;height:12px}.tool-info button{margin-left:auto;padding:0;font-size:9px}.tool-settings .fields{gap:10px 8px}.tool-settings label{font-size:9px}.tool-settings input{font-size:11px;padding:8px}.tool-position{margin:10px 0}.tool-position summary{font-size:9px}.tool-position .fields{margin-top:10px}.warning{color:#ffd36a}.workspace{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:radial-gradient(ellipse at 45% 60%,#152535 0,#08111f 72%)}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 30px 15px;flex-shrink:0}.eyebrow{display:block;color:#69839b;letter-spacing:.14em;font-size:9px;font-weight:800}.workspace-top h2{margin-top:6px;font-size:18px;letter-spacing:-.03em;font-weight:600}.history-actions{display:flex;gap:5px;padding:4px;border:1px solid var(--border);border-radius:10px;background:#0a1523}.history-actions button{border:0;background:transparent;color:var(--muted)}.canvas-card{display:flex;flex-direction:column;flex:1;min-height:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 30px 12px;flex-shrink:0}.build-status{display:flex;align-items:center;gap:7px;color:#a3b3c4;font-size:10px;white-space:nowrap}.build-status i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.build-status i.busy{background:#ffd36a;animation:pulse 1s infinite}.build-status i.error{background:#f95d6c}@keyframes pulse{50%{opacity:.3}}.model-view{position:relative;flex:1;min-height:220px;overflow:hidden}.model-view canvas{display:block;width:100%;height:100%;touch-action:none}.model-caption{position:absolute;top:20px;left:30px;pointer-events:none}.tiny-label{display:block;font-size:8px;color:#69839b;letter-spacing:.12em;margin-bottom:6px}.model-caption strong{color:#b3c8d2;font-size:12px;font-weight:500}.model-caption small{font-size:10px;color:#7890a7}.view-tools{position:absolute;left:30px;bottom:24px;display:flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:10px;padding:5px;background:#0a1523e8}.view-tools button{background:transparent;border-color:transparent;padding:6px 9px;font-size:10px;color:var(--muted)}.view-tools button[aria-pressed=true]{color:var(--cyan);border-color:#59ffd26e;background:#59ffd210}.view-tools>span{width:1px;height:18px;background:var(--border);margin:0 3px}.color-swatch{display:block;width:20px;height:20px;border:1px solid #718e9b;border-radius:50%;overflow:hidden;cursor:pointer;margin:0 5px}.color-swatch input{width:35px;height:35px;padding:0;border:0;transform:translate(-8px,-8px);cursor:pointer}.model-options{position:absolute;top:20px;right:30px;display:flex;gap:14px}.model-options label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:400;color:#9fb0c7}.orbit-hint{position:absolute;bottom:36px;right:30px;font-size:9px;color:#7890a7;pointer-events:none}.stale-badge{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:11px 16px;border:1px solid #ffd36a44;border-radius:9px;background:#1c2433e8;color:#ffd36a;font-size:11px;pointer-events:none}.viewer-fallback{position:absolute;left:20%;right:20%;top:45%;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}.layout-view{display:flex;flex-direction:column;flex:1;min-height:220px;overflow:hidden;margin:0 30px;padding:14px;border:1px solid #b7d8e411;border-radius:18px;background-image:radial-gradient(#40536a55 1px,transparent 1px);background-size:18px 18px}.layout-help{display:flex;justify-content:space-between;gap:10px;color:#7890a7;font-size:9px}.layout-help>span:first-child{display:flex;align-items:center;gap:7px}.layout-help svg{width:13px;height:13px}#layout{flex:1;min-height:0;width:100%;padding:15px;touch-action:manipulation}#layout [role=button]{cursor:pointer}#layout [role=button]:hover>rect:first-child{stroke:#59ffd2;stroke-width:1}#layout text{pointer-events:none;font-family:inherit;fill:#365361}.dimension-text{font-size:4px;fill:#9fb0c7!important;letter-spacing:.3px}.cell-number{font-weight:600}.cell-size{fill:#738790!important;font-weight:400}.layout-legend{display:flex;justify-content:center;gap:22px;font-size:9px;color:#849aaf}.layout-legend>span{display:flex;align-items:center;gap:6px}.layout-legend i{width:7px;height:7px;border:1px solid #59ffd2;border-radius:2px;background:#59ffd225}.layout-legend i.pocket{background:#7898a0;border-color:#91cdbd}.layout-legend i.lid{background:repeating-linear-gradient(45deg,#263a44 0 2px,#8ca89f 2px 3px);border-color:#8ca89f}.photo-card{display:flex;align-items:flex-start;gap:12px}.photo-illustration{padding-top:5px;flex:0 0 23px;color:#91cdbd}.photo-illustration>svg{width:23px;height:23px}.photo-illustration>span,.photo-illustration>svg:last-child{display:none}.photo-card .eyebrow{font-size:8px}.photo-card h3{font-size:12px;margin:7px 0;font-weight:600}.photo-card p{color:#849aaf;font-size:10px;line-height:1.65}.text-button{border:0;padding:0;background:transparent;color:var(--cyan);font-size:10px}.text-button:hover{background:transparent;color:#acffe8}.photo-card .text-button{margin-top:12px}.text-button svg{width:14px;height:14px}.export-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.export-heading .eyebrow{font-size:8px;letter-spacing:.1em}.free-label{font-size:7px;padding:3px 5px;color:#91cdbd;border:1px solid #59ffd230;border-radius:4px;white-space:nowrap}.stats{display:flex;gap:23px;margin:17px 0}.stats>span{display:grid;gap:6px;color:#849aaf;font-size:9px}.stats b{color:#c6d6e4;font-size:20px;line-height:1;font-weight:600}.primary{color:#061b27;border:0;padding:12px 16px;background:linear-gradient(110deg,#45b4cf,#59ffd2);font-size:12px;font-weight:800;box-shadow:0 8px 24px #59ffd212}.primary:hover{background:linear-gradient(110deg,#65cbe2,#89ffde)}.primary>span{margin-left:auto;padding-left:10px;border-left:1px solid #071d2529;font-size:9px}.export-card .primary{width:100%}.secondary-export{display:flex;width:100%;margin-top:9px;background:#101d2d;font-size:10px}.export-hint{margin-bottom:0;text-align:center;font-size:9px}.construction-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.construction-toggle button{display:flex;flex-direction:column;gap:8px;padding:12px 7px;color:var(--muted);background:#0a1521;font-size:10px}.construction-toggle button[aria-pressed=true]{color:var(--cyan);border-color:#59ffd26e;background:#59ffd20a}.construction-toggle svg{width:22px;height:22px}.construction-section .hint{margin-bottom:0}#trayGapField{margin-top:13px}.part-download{margin-top:14px}.part-download select{font-size:10px;line-height:1.5}.dimension-tools{position:absolute;top:54px;right:30px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 150px);pointer-events:auto}.dimension-tools button{padding:7px 9px;min-height:32px;font-size:10px;background:#0b1829ed;color:#9fb0c7}.dimension-tools button svg{width:14px;height:14px}.dimension-tools button[aria-pressed=true]{color:#d4fff3;border-color:#59ffd280;background:#12332fe8}.dimension-tools>span{flex:1 0 100%;color:#99a9be;font-size:9px;text-align:right;padding-top:2px;pointer-events:none}@media(max-width:1100px){.dimension-tools{right:20px}.dimension-tools button{font-size:9px;padding:6px}}@media(max-width:780px){.dimension-tools{top:56px;left:108px;right:20px;max-width:none}.dimension-tools button{flex:1 1 130px}.dimension-tools>span{font-size:8px}}.model-lift-controls{position:absolute;left:30px;top:70px;bottom:80px;z-index:5;display:flex;max-height:300px;margin-block:auto;pointer-events:none}.lift-control{display:flex;flex-direction:column;align-items:center;gap:9px;width:78px;padding:12px 8px;background:#0b1829de;border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(8px);pointer-events:auto}.lift-control label{font-size:10px;color:#b7ccdb;font-weight:600}.lift-control output{font-size:11px;color:var(--cyan);font-variant-numeric:tabular-nums}.lift-control input[type=range]{writing-mode:vertical-lr;direction:rtl;width:26px;min-height:40px;flex:1;margin:0;cursor:ns-resize;touch-action:none}.lift-control input:disabled{cursor:not-allowed;opacity:.4}.lift-control button{padding:6px 4px;width:100%;font-size:9px;background:#102335;color:#b7ccdb}.lift-control label,.lift-control button{text-align:center;line-height:1.35;white-space:normal}@media(max-width:1100px){.model-lift-controls{left:20px}.lift-control{width:70px}}@media(max-height:740px)and (min-width:781px){.model-lift-controls{top:64px;bottom:74px}.lift-control{gap:5px;padding:8px}.lift-control button{padding:4px}}dialog{color:#f7fbff;background:#0c1523;width:calc(100% - 50px);max-width:1000px;max-height:calc(100dvh - 50px);border:1px solid var(--border);border-radius:18px;padding:0;box-shadow:0 34px 120px #0008}dialog::backdrop{background:#020814b8;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 27px;margin:0;border-bottom:1px solid var(--border)}.dialog-header h2{margin-top:6px;font-size:21px;font-weight:650;letter-spacing:-.03em}.photo-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:560px}.trace-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden;min-height:350px;background:radial-gradient(ellipse at center,#152535 0,#08111f 80%)}.upload-empty{text-align:center;max-width:355px;padding:20px}.upload-circle{display:grid;place-items:center;width:65px;height:65px;border:1px dashed #59ffd26e;border-radius:16px;color:var(--cyan);background:#59ffd20b;margin:0 auto 22px}.upload-circle svg{width:28px;height:28px}.upload-empty h3{font-size:17px;font-weight:600;letter-spacing:-.02em}.upload-empty p{color:var(--muted);font-size:12px;line-height:1.8;margin:13px 0 23px}.upload-empty>span{display:block;margin-top:14px;color:#849aaf;font-size:9px;line-height:1.65}.upload-empty .text-button{margin:23px auto 0}.trace-controls{padding:23px;border-left:1px solid var(--border);background:#0c1523}.photo-step{display:flex;gap:9px;margin-bottom:17px}.photo-step h3{font-size:12px;font-weight:600;margin:4px 0 7px}.photo-step p{color:#849aaf;font-size:10px;line-height:1.65}.wide{width:100%;font-size:10px}.range-label{display:block;margin-top:18px}.range-label output{float:right;color:var(--cyan);font-size:10px}.check-label{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10px;font-weight:400;cursor:pointer}.trace-controls .wide{margin-top:12px}.photo-step.second{border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.measurement-label{display:flex;align-items:center;justify-content:space-between}.trace-message{color:#91cdbd;font-size:10px;line-height:1.65;min-height:30px;margin:15px 0}.trace-controls .primary{width:100%}.dialog-footer{padding:15px 26px;border-top:1px solid var(--border);background:#08111f88;color:#849aaf;font-size:10px;line-height:1.65}.photo-overlay{position:relative;max-width:100%;max-height:440px;line-height:0}.photo-overlay img{display:block;max-width:100%;max-height:440px;object-fit:contain}.photo-overlay>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trace-legend{display:flex;align-items:center;gap:6px;color:#91cdbd;font-size:10px;margin-top:18px}.trace-legend i{width:7px;height:7px;border-radius:2px;background:var(--cyan)}.example-label{position:absolute;top:30px;color:#69839b;font-size:9px;letter-spacing:.14em}.trace-svg.example{height:430px;max-width:90%}.trace-svg.example polygon{fill:#91cdbd;stroke:#59ffd2}.help-dialog{max-width:620px}.help-dialog .dialog-header h2{font-size:21px;margin:0}.help-steps{padding:12px 38px 0 56px;color:var(--muted);font-size:12px;line-height:1.8}.help-steps li{padding:9px 0 9px 8px}.help-steps strong{display:block;color:#dbeafe;font-size:13px;font-weight:600}.help-note{margin:12px 30px 30px;padding:15px 20px;border:1px solid var(--border);border-radius:9px;background:#08132180;color:#91a8bc;font-size:11px;line-height:1.7}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:99;max-width:90vw;padding:14px 23px;color:#c9f9e8;border:1px solid #59ffd245;border-radius:10px;background:#0b2130;box-shadow:0 12px 45px #0005;font-size:12px;line-height:1.6}.honeycomb-border{margin-top:14px}.wall-style-section>.hint{margin-bottom:0}#honeycombSettings{margin-top:15px}.honeycomb-scope{border:1px solid var(--border);border-radius:9px;padding:11px;margin-bottom:15px}.control-label{font-size:10px;color:#b7ccdb}.honeycomb-scope .check-label{display:inline-flex;margin-right:14px}.inner-wall-settings{margin-top:17px;padding-top:16px;border-top:1px solid var(--border)}.inner-wall-settings .section-heading{margin-bottom:8px}.inner-wall-settings .text-button{margin-left:auto;font-size:9px}.inner-wall-settings select{font-size:10px}.selected-wall-settings{padding:12px;margin-top:12px;border:1px solid #59ffd240;border-radius:9px;background:#59ffd206}.selected-wall-name{color:#b8e9dd;font-size:10px;line-height:1.6;margin-bottom:12px}.wall-height-row{display:flex;align-items:end;gap:10px}.wall-height-row .input-unit{margin-top:7px}.wall-height-row button{flex:1;font-size:9px;min-height:35px}.wall-selection-badge{position:absolute;right:30px;bottom:65px;max-width:260px;padding:9px 12px;border:1px solid #59ffd260;border-radius:9px;background:#0b2130ed;color:var(--cyan);font-size:10px;line-height:1.6;pointer-events:none}.honeycomb-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.honeycomb-scope>.control-label,.honeycomb-scope>.hint{grid-column:1/-1}.honeycomb-scope .check-label{display:flex;margin:0}.construction-section .construction-toggle button:last-child{grid-column:1/-1;flex-direction:row;padding:10px}.modular-section>.hint:first-of-type{margin-top:0}.modular-add-row{display:flex;gap:8px;align-items:end;margin-top:14px}.modular-add-row label{flex:1}.modular-add-row select{font-size:10px}.modular-add-row button{padding:10px 9px;font-size:9px;white-space:nowrap}.modular-list-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px;margin:17px 0 12px;font-size:10px}.modular-list-heading .text-button{font-size:9px}.modular-divider-actions{margin-top:14px}.modular-divider-actions button{white-space:normal}.stats small{font-size:inherit;font-weight:inherit}#layout [data-modular-slot],#layout [data-modular-layout-divider]{cursor:pointer}#layout [data-modular-slot]:hover{fill:#59ffd2}.divider-height-control{position:absolute;z-index:4;display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px 8px;width:206px;max-width:calc(100% - 16px);padding:9px;transform:translate(-50%,-100%);border:1px solid #59ffd28c;border-radius:10px;background:#0b1a2bf5;box-shadow:0 7px 24px #0006;user-select:none}.divider-height-control:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 5px);width:10px;height:10px;transform:rotate(45deg);background:#0b1a2b;border-right:1px solid #59ffd28c;border-bottom:1px solid #59ffd28c}.divider-height-caption{grid-column:1/-1;color:#bceede;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider-height-handle{min-height:42px;padding:5px;border-color:#59ffd25c;background:#59ffd213;color:var(--cyan);cursor:ns-resize;touch-action:none}.divider-height-handle svg{width:22px;height:28px}.divider-height-handle:active{transform:none;background:#59ffd22b}.divider-height-value{display:flex;align-items:center;gap:5px;font-size:10px;color:#b6d4d1}.divider-height-value input[type=number]{margin:0;padding:8px 6px;width:100%;height:42px;font-size:14px;font-weight:600;color:var(--cyan);font-variant-numeric:tabular-nums;background:#07111ed9;user-select:text}.divider-height-hint{grid-column:1/-1;font-size:8px;line-height:1.4;color:#89a5b8;white-space:nowrap}.divider-height-control:has(.divider-height-handle:active){border-color:var(--cyan)}.divider-height-control.has-honeycomb-details{width:238px}.selection-honeycomb{grid-column:1/-1;border-top:1px solid #8aafc52b;padding-top:7px;min-width:0}.selection-honeycomb-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.selection-honeycomb-toggle{display:flex;align-items:center;gap:7px;margin:0;font-size:10px;color:#c6ddd8;cursor:pointer}.selection-honeycomb-toggle input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:var(--cyan)}.selection-honeycomb-settings{display:grid;place-items:center;width:27px;height:27px;min-height:0;padding:4px;color:#a5c4cf;border-color:#8aafc536;background:#132332}.selection-honeycomb-settings[aria-expanded=true]{color:var(--cyan);border-color:#59ffd270;background:#59ffd215}.selection-honeycomb-details{display:grid;gap:6px;margin-top:9px}.selection-honeycomb-details>label{display:grid;grid-template-columns:1fr 64px 19px;align-items:center;gap:5px;margin:0;color:#a8c6d5;font-size:10px}.selection-honeycomb-details>label>span{grid-column:3;grid-row:1;color:#7493a6;font-size:9px}.selection-honeycomb-details input[type=number]{grid-column:2;grid-row:1;width:64px;min-width:0;margin:0;height:29px;padding:5px 6px;font-size:11px;color:#c6f3e8;background:#07111ed9;user-select:text}.selection-honeycomb-reset{justify-self:end;padding:5px 7px;margin-top:2px;min-height:0;font-size:9px;color:#b0dcd1;border-color:#8aafc52b;background:#132332}.selection-honeycomb-reason{display:block;margin-top:6px;color:#8eabbc;font-size:9px;line-height:1.4}.selection-honeycomb input:disabled,.selection-honeycomb button:disabled{opacity:.4;cursor:default}@media(min-width:1600px){#app{grid-template-columns:minmax(0,1fr) 410px}.settings{padding:30px}.workspace-top{padding-top:28px}.layout-view{margin-left:60px;margin-right:60px}}@media(max-width:1100px){#app{grid-template-columns:minmax(0,1fr) 345px}.settings{padding:22px 18px}.app-header{padding:14px 18px}.workspace-top{padding:20px 20px 14px}.workspace-top h2{font-size:16px}.canvas-toolbar{padding-left:20px;padding-right:20px}.model-caption,.view-tools{left:20px}.model-options{right:20px;gap:8px}.orbit-hint{display:none}.layout-view{margin-left:20px;margin-right:20px}.build-status{font-size:9px}.photo-dialog-body{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:780px){#app{display:flex;flex-direction:column;height:auto;min-height:100dvh}.app-header{min-height:76px;flex-shrink:0}.workspace{order:1;flex:none;height:700px;min-height:570px}.settings{order:2;overflow:visible;padding:25px;border-left:0;border-top:1px solid var(--border)}.sidebar-intro,.settings-section,.photo-card,.export-card{max-width:550px;margin-left:auto;margin-right:auto}.local-badge{font-size:10px}.workspace-top h2{font-size:15px}.workspace-top .eyebrow{font-size:8px}.workspace-top{gap:8px}.history-actions{gap:0;padding:2px}.history-actions button{width:27px}.canvas-toolbar{gap:8px}.canvas-toolbar .segmented{gap:5px}.canvas-toolbar .segmented button{padding:8px;font-size:9px}.build-status{font-size:8px}.model-options{top:65px;left:20px;right:auto}.layout-help{font-size:8px}.layout-help>span:last-child{display:none}#layout{padding:10px 0}.layout-legend{gap:10px;font-size:8px}.kind-switch button{font-size:10px}.preset{font-size:10px;padding:13px 4px}dialog{width:calc(100% - 22px);max-height:calc(100dvh - 22px)}.photo-dialog-body{grid-template-columns:1fr;min-height:0}.trace-stage{min-height:280px;padding:20px}.trace-controls{border-left:0;border-top:1px solid var(--border);padding:22px}.trace-svg.example{height:280px}.photo-overlay img{max-height:300px}.dialog-header{padding:19px}.dialog-header h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{font-family:Arial,Helvetica,sans-serif;--shell-surface: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.032)), rgba(9,17,31,.88);--shell-gradient: linear-gradient(135deg, #2f80ed, #59ffd2);--shell-shadow: 0 24px 70px rgba(0,0,0,.22)}#app{grid-template-columns:minmax(0,1fr) 560px;grid-template-rows:auto minmax(0,1fr);min-height:0}.app-header{position:relative;z-index:20;justify-content:flex-start;flex-wrap:wrap;min-height:70px;padding:12px 20px;background:#09111ffa;border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 12px 34px #0003}.brand{flex:0 0 auto}.brand-mark{font-size:22px;border-radius:14px;color:#07111f}.brand-copy small{font-size:12px;margin-top:3px}.brand-divider{width:1px;height:34px;flex:0 0 1px;background:linear-gradient(180deg,transparent,#91a4be6b 18%,#91a4be6b 82%,transparent)}.header-controls{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:8px}.app-header .build-status{margin-left:auto;padding:8px 11px;color:var(--cyan);border:1px solid #59ffd26b;border-radius:999px;background:#050a12b8;font-size:12px;font-weight:900;white-space:normal}.build-status i{flex:0 0 7px;width:7px;height:7px;background:currentColor;box-shadow:0 0 0 4px #59ffd212}.build-status:has(.busy),.build-status:has(.error){color:#ffd36a;border-color:#ffbe3cb3}.build-status i.error{background:#ffd36a}.workspace{background:radial-gradient(circle at 22% 16%,rgba(47,128,237,.27),transparent 34rem),radial-gradient(circle at 76% 9%,rgba(89,255,210,.11),transparent 31rem),linear-gradient(135deg,#08111f,#090b12)}.workspace-top{position:relative;z-index:9;flex-wrap:wrap;gap:6px 12px;padding:12px 20px 6px}.workspace-top .segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#081320cc}.workspace-top .segmented button{border-color:transparent;color:#b9c8dc;background:transparent;font-size:12px}.workspace-top .segmented .active{border-color:#59ffd25c;color:#bffff0;background:#59ffd214}.workspace-top .segmented svg{width:15px;height:15px}.workspace-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.project-details{position:relative}.project-details summary,#projectsButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:0;padding:7px 11px;border:1px solid var(--border);border-radius:9px;background:#0b1726e8;color:#c2d4e6;font:700 12px/1.25 Arial,Helvetica,sans-serif;cursor:pointer}#projectsButton{background:#102638;border-color:#416172;color:#eff9ff}.project-details svg,#projectsButton svg{width:16px;height:16px}.project-details summary{list-style:none}.project-details summary:after,.project-details summary::-webkit-details-marker{display:none}.project-details summary:hover,.project-details[open] summary,#projectsButton:hover{border-color:#59ffd270;color:#bffff0;background:#15303c}.project-details-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;display:grid;gap:7px;width:max-content;max-width:min(270px,calc(100vw - 32px));padding:12px 14px;border:1px solid #38566a;border-radius:12px;background:#0c1929;box-shadow:0 12px 32px #02060c70;color:#aebfd1;font-size:12px;line-height:1.4;text-align:start}.project-details-panel strong{color:#e2f9f2;font-weight:700}.project-details-panel strong:empty{display:none}.project-details-panel #autosaveStatus{padding-top:7px;border-top:1px solid var(--border)}.model-caption strong{font-size:13px}.settings{padding:20px;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:rgba(89,255,210,.7) rgba(255,255,255,.045);background:linear-gradient(145deg,#ffffff12,#ffffff06),#09111ff0;box-shadow:-24px 0 80px #00000047}.settings::-webkit-scrollbar{width:10px}.settings::-webkit-scrollbar-track{background:#ffffff0b}.settings::-webkit-scrollbar-thumb{border:2px solid #09111f;border-radius:999px;background:linear-gradient(#2f80ed,#59ffd2)}.settings::-webkit-scrollbar-thumb:hover{background:linear-gradient(#438fff,#7affdf)}.module-nav,.wizard-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.all-tools-link{font-size:13px;font-weight:800;color:#9fe8ff}.all-tools-link:hover{color:#fff;text-decoration:underline}#helpButton{min-height:36px;padding:8px 12px;border-radius:10px;border-color:#477185;background:#102638ed;color:#eff9ff;font-size:12px;font-weight:700}#helpButton:hover{background:#2a4c60;border-color:#83edce}.title-row{margin:14px 0 8px}.title-row h1{font-size:30px;font-weight:700;line-height:1.05}.beta-tag{align-self:center;padding:4px 7px;font:700 10px/1.4 Arial,sans-serif;color:#59ffd2;border-color:#59ffd260}.sidebar-intro p{background:var(--shell-surface);box-shadow:var(--shell-shadow);color:#dbeafe;border:1px solid #ffffff21;font-size:13px;line-height:1.45;margin:0 0 18px;padding:12px 14px;border-radius:10px}.wizard-heading{gap:8px;margin:0 0 10px}.wizard-heading h2{color:#fff;font-size:16px;font-weight:900;margin-right:auto}.wizard-heading button,.wizard-heading output{border:1px solid #59ffd247;border-radius:999px;color:#bffff0;background:#59ffd21a}.wizard-heading button{padding:6px 11px;font-size:11px;font-weight:900}.wizard-heading output{padding:4px 9px;font-size:12px;font-weight:900;white-space:nowrap}.wizard-heading output,#dimensionLabel{direction:ltr;unicode-bidi:isolate}.wizard-steps{display:grid;gap:10px}.wizard-step{min-width:0;background:var(--shell-surface);border:1px solid #ffffff21;border-radius:14px;box-shadow:var(--shell-shadow)}.wizard-step.is-current{border-color:#59ffd257;background:linear-gradient(145deg,#2f80ed29,#59ffd20b),#09111fe0}.wizard-step.complete{border-color:#00ff7861;background:linear-gradient(145deg,#00ff7814,#ffffff06),#09111fe0}.step-button{display:grid;grid-template-columns:34px minmax(0,1fr) 108px;gap:10px;width:100%;padding:12px;background:transparent;border:0;text-align:start;border-radius:13px}.step-button:hover:not(:disabled){background:#59ffd209}.step-button:disabled{opacity:1}.step-button:focus-visible{outline-offset:-3px}.step-copy strong{display:block;margin-bottom:4px;color:#fff;font-size:14px}.step-summary{display:block;font-size:12px;line-height:1.35;font-weight:400;color:#b9c8dc}.step-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff21;background:#ffffff14;font-size:16px;font-weight:900}.is-current .step-number{color:#59ffd2;border-color:#59ffd26b;background:#59ffd221}.complete .step-number{color:#7dffad;border-color:#00ff786b;background:#00ff7821}.step-action,.step-next,.welcome .primary,.export-card .primary{background:var(--shell-gradient);color:#07111f;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900}.step-action{position:relative;padding:9px 20px 9px 10px;text-align:center}.step-action:after{position:absolute;right:10px;top:50%;width:5px;height:5px;content:"";border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg)}.step-button[aria-expanded=true] .step-action{color:#bffff0;background:#59ffd214;border-color:#59ffd233}.step-button[aria-expanded=true] .step-action:after{transform:translateY(-15%) rotate(225deg)}.step-button:disabled .step-action{background:#ffffff17;color:#8fa0b8;border-color:#ffffff14}.step-panel{padding:16px;border-top:1px solid #ffffff14}.step-panel .settings-section,.step-panel .photo-card,.step-panel .export-card{padding:0;margin:0;border:0;background:none;box-shadow:none}.step-panel>:is(.settings-section,.photo-card,.export-card)+:is(.settings-section,.photo-card,.export-card):not([hidden]){margin-top:16px;padding-top:16px;border-top:1px solid #ffffff16}.step-panel .section-heading h2,.export-heading h2{font-size:14px}.size-unit{margin-bottom:5px;text-align:end;font-size:11px;color:#9fb0c7}.step-panel .hint,.photo-card p,.switch-row small,.photo-step p{color:#a7b9cd;font-size:12px;line-height:1.45}.step-panel label,.control-label{font-size:12px;color:#b9c8dc}.step-panel input[type=number],.step-panel input[type=text],.step-panel select{font-size:13px}.step-panel .preset,.construction-toggle button{font-size:12px}.construction-section .construction-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.construction-section .construction-toggle button:last-child{grid-column:auto}.step-next{margin:16px 0 0 auto;display:flex;min-height:35px;padding:8px 16px}.export-price{padding:4px 9px;border:1px solid #59ffd240;border-radius:99px;color:#bffff0;font-size:12px;font-weight:800}.export-price-copy{margin-top:8px;font-size:12px;line-height:1.5;color:#b9c8dc}.export-card .secondary-export{border-radius:999px;padding:12px;font-size:12px}.welcome{display:flex;flex:1;min-height:0;overflow:auto;padding:clamp(16px,3vw,48px)}.workspace.has-welcome :is(.canvas-card,.segmented,.project-details),.workspace.has-welcome .history-actions:has(#undo:disabled):has(#redo:disabled){display:none}.welcome-card{position:relative;width:min(100%,660px);margin:auto;padding:clamp(26px,3.3vw,44px);text-align:center;border:1px solid #ffffff21;border-radius:30px;background:linear-gradient(145deg,#ffffff13,#ffffff06),#09111fb8;box-shadow:0 24px 70px #0004}.welcome-art{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,24px);margin-bottom:25px}.art-tile{display:grid;place-items:center;width:clamp(90px,11vw,152px);aspect-ratio:1;border:1px solid #ffffff20;border-radius:22px;background:radial-gradient(ellipse at center,#23456666,transparent 78%),#0b1624}.art-tile.finished-insert{background:radial-gradient(ellipse at center,#173e3f88,transparent 85%),#0b1724;border-color:#59ffd238}.art-tile img{display:block;width:92%;height:auto;filter:drop-shadow(0 7px 5px #0006)}.layout-drawing{width:69%;aspect-ratio:1.2;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:4px;gap:3px;border:2px solid #95ccdf;border-radius:5px;background:#153147;transform:rotate(-7deg);box-shadow:0 8px 16px #0003}.layout-drawing i{border:1px solid #7ea6ba;background:repeating-linear-gradient(135deg,transparent 0 5px,#78aabd20 5px 6px)}.layout-drawing i:first-child{grid-row:span 2}.layout-drawing i:last-child{grid-column:span 2}.art-arrow{font-size:28px;color:#59ffd2}.welcome-card h2{margin:0 auto;color:#f7fbff;font-size:clamp(31px,3.2vw,48px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.welcome-card p{max-width:420px;margin:16px auto 22px;font-size:14px;color:#b9c8dc;line-height:1.6;text-wrap:pretty}.welcome .primary{min-height:44px;padding:11px 22px}.welcome .primary span{margin:0;padding:0;border:0;font-size:17px}.reset-dialog{width:min(460px,calc(100vw - 32px));margin:auto;padding:24px;border:1px solid #ffffff21;border-radius:22px;color:#f7fbff;background:linear-gradient(145deg,#172536,#0c1422);box-shadow:0 34px 120px #0008}.reset-dialog::backdrop{background:#02070ec7;backdrop-filter:blur(7px)}.reset-dialog p{margin:12px 0 24px;font-size:14px;line-height:1.5;color:#b9c8dc}.reset-dialog form>div{display:flex;justify-content:flex-end;gap:8px}.reset-dialog button{min-height:40px;padding-inline:18px;border-radius:999px}.download-notice{box-sizing:border-box;margin:auto;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;overflow-y:auto;color:#f7fbff;background:linear-gradient(145deg,#172536,#0c1422);border:1px solid #ffffff21;border-radius:24px;box-shadow:0 34px 120px #0008;scrollbar-width:thin;scrollbar-color:#59ffd273 transparent}.download-notice::backdrop{background:#02070ec7;backdrop-filter:blur(7px)}.notice-heading,.notice-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.notice-heading span{display:grid;place-items:center;width:44px;height:44px;background:#ffd36a14;color:#ffd36a;border:1px solid #ffd36a4d;border-radius:14px;font-size:26px;font-weight:700}.notice-heading button{width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#ffffff14;font-size:22px}.download-notice h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-bottom:14px}.download-notice p{font-size:14px;line-height:1.6}.notice-guidance{margin:20px 0;padding:16px 18px;background:#59ffd20b;border:1px solid #59ffd233;border-radius:14px}.notice-guidance h3{margin-bottom:4px;font-size:15px;color:#59ffd2}.download-notice .notice-support{font-size:12px;color:#b9c8dc}.notice-support a{color:#59ffd2;text-decoration:underline;text-underline-offset:3px}.notice-actions{justify-content:flex-end;margin:24px 0 0}.notice-actions button{min-height:44px;padding:11px 24px;border:0;border-radius:999px;color:#07151c;background:#59ffd2;font-weight:700}@media(max-width:560px){.download-notice{padding:20px}.download-notice h2{font-size:21px}.notice-actions button{width:100%}}@media(min-width:1051px)and (max-width:1450px){#app{grid-template-columns:minmax(0,1fr) 500px}.app-header{gap:8px 12px}}@media(max-width:1050px){#app{display:flex;flex-direction:column;min-height:100dvh;height:auto}.workspace{order:1;flex:none;height:68dvh;min-height:550px}.settings{order:2;overflow:visible;padding:22px max(16px,calc((100% - 720px)/2));border-left:none;border-top:1px solid var(--border)}.sidebar-intro,.settings-section,.photo-card,.export-card{max-width:none}.app-header{gap:10px;padding:12px 16px}}@media(max-width:600px){.brand-divider{display:none}.app-header .header-controls{order:2;flex-basis:100%}.app-header .build-status{max-width:50%;font-size:11px}.workspace{min-height:525px}.workspace.has-welcome{min-height:405px;height:56dvh}.welcome-card{padding:25px 16px;border-radius:22px}.welcome-art{margin-bottom:16px}.step-button{grid-template-columns:30px minmax(0,1fr) minmax(68px,88px);gap:7px;padding:10px}.step-panel{padding:13px}.construction-section .construction-toggle{gap:4px}.workspace-top{gap:5px;padding-inline:8px}.workspace-top .segmented{gap:1px;padding:2px}.workspace-top .segmented button{font-size:11px;padding:7px 5px}.workspace-top .segmented svg{display:none}.workspace-actions{gap:4px}.project-details summary{width:32px;padding-inline:0}.project-details summary span{display:none}#projectsButton{min-height:32px;padding:6px 8px;font-size:11px}.project-details-panel{position:fixed;margin-top:6px;inset:auto 8px;width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.step-button,.step-action,.welcome .primary{transition:none}}#languageControl,.language-control{flex:0 0 42px;position:relative}.language-control .language-toggle-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:42px;min-width:42px;height:34px;min-height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:linear-gradient(135deg,#2f80ed,#59ffd2);color:#07111f;font-family:inherit;font-size:12px;font-weight:900;line-height:1;cursor:pointer}.language-control .language-toggle-button:hover{background:linear-gradient(135deg,#438fff,#7affdf);color:#07111f;filter:brightness(1.08)}.language-toggle-button:focus-visible,.language-menu button:focus-visible{outline:2px solid #59ffd2;outline-offset:3px}.language-menu{position:absolute;z-index:200;top:calc(100% + 8px);left:0;min-width:185px;max-height:calc(100dvh - 100px);overflow-y:auto;padding:6px;border:1px solid #477185;border-radius:12px;background:#101e2f;box-shadow:0 16px 36px #0007}.language-menu[hidden]{display:none}.language-menu button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:38px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:#dbeafe;text-align:start;font-size:13px;cursor:pointer}.language-menu button small{color:#9fb0c7;font-size:11px;font-weight:800}.language-menu button:hover,.language-menu button[aria-checked=true]{background:#59ffd21a;color:#59ffd2}.language-menu button[aria-checked=true] small{color:#59ffd2}html[dir=rtl] #app,html[dir=rtl] .studio,html[dir=rtl] #layout{direction:ltr}html[dir=rtl] :is(.settings,dialog,.workspace-top,.model-caption){direction:rtl;text-align:start}html[dir=rtl] :is(.settings,dialog) :is(h1,h2,h3,p,label,summary){text-align:start}html[dir=rtl] :is(input[type=number],input[type=email],.language-control){direction:ltr}.account-widget{position:relative;z-index:180;min-width:0}.account-top-row{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:8px}.account-status-button,.account-credits{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 12px;color:#dbeafe;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#050a12c2;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}button.account-status-button{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis}.account-status-button:hover{color:#fff;border-color:#59ffd24d;background:#192436f0}.account-status-button.is-authenticated{color:#07111f;border-color:#59ffd257;background:linear-gradient(135deg,#2f80ed,#59ffd2)}.account-credits{padding:0 10px;color:#bffff0;border-color:#59ffd238;font-weight:900}.account-panel{position:absolute;z-index:190;top:calc(100% + 14px);left:0;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:16px;color:#f7fbff;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(145deg,#ffffff17,#ffffff06),#09111ffc;box-shadow:0 34px 120px #00000085;backdrop-filter:blur(18px)}.account-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;font-size:14px}button.account-close{display:grid;width:27px;height:27px;min-height:0;padding:0;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#ffffff0e;color:#dbeafe;font-size:20px}.account-panel label{display:block;margin-bottom:11px;color:#b9c8dc;font-size:11px;font-weight:800}.account-panel input{width:100%;min-height:39px;margin-top:5px;padding:9px 10px;color:#f7fbff;border:1px solid rgba(255,255,255,.13);border-radius:9px;outline:none;background:#050a12c2}.account-panel input:focus{border-color:#59ffd285;box-shadow:0 0 0 4px #59ffd214}.account-panel a{color:#9fe8ff;text-decoration:none}.account-panel a:hover{color:#fff;text-decoration:underline}.account-forgot{display:block;margin:-4px 0 12px;text-align:right;font-size:11px;font-weight:800}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-actions button,button.account-logout{min-height:38px;padding:8px 10px;color:#07111f;border:0;border-radius:9px;background:linear-gradient(135deg,#2f80ed,#59ffd2);font-size:11px;font-weight:900}.account-actions button:hover:not(:disabled),button.account-logout:hover:not(:disabled){filter:brightness(1.08)}button.account-logout{width:100%;margin-top:14px}.account-user-email{color:#dbeafe;overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.5}.account-message,.account-service-message{margin:10px 0;color:#ffd36a;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.account-service-message{padding:9px;border:1px solid rgba(255,211,106,.24);border-radius:8px;background:#ffd36a0f}.account-panel #authMessage-help p{margin:10px 0;color:#9fb0c7;font-size:11px;line-height:1.5}.account-panel #authMessage-resend{width:100%;min-height:34px;padding:8px;color:#bffff0;border:1px solid rgba(89,255,210,.3);border-radius:8px;background:#59ffd214;font-size:11px;font-weight:700}.account-panel #authMessage.is-error{color:#ff9696!important}.account-widget [hidden]{display:none!important}.account-widget{max-width:100%}.account-buy{min-height:34px;padding:0 10px;border-radius:10px;color:#bffff0;border:1px solid rgba(89,255,210,.28);background:#59ffd214;font-size:12px;font-weight:700;white-space:nowrap}.drawer-credit-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.drawer-credit-pack-grid button{display:grid;gap:4px;padding:12px;text-align:left;background:#101e2d;color:#e1edff}.drawer-credit-pack-grid b{color:#59ffd2}.drawer-download-dialog{width:min(450px,calc(100vw - 32px));padding:26px;border-radius:20px;background:linear-gradient(145deg,#172536,#0c1422)}.drawer-download-dialog h2{margin:0;font-size:21px}.drawer-download-dialog p{margin:12px 0 22px;color:#b9c8dc;font-size:14px;line-height:1.5}.drawer-download-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}.drawer-download-actions button{padding:10px 16px}.drawer-download-actions .primary{width:auto;margin:0}.account-widget :focus-visible{outline:2px solid #59ffd2;outline-offset:3px}@media(max-width:900px){button.account-status-button{max-width:135px}.account-panel{position:fixed;top:70px;left:12px;right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 82px)}}.drawer-projects{width:min(470px,calc(100vw - 24px));margin:auto;padding:22px;max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(145deg,#172536,#0c1422);border:1px solid #ffffff24;border-radius:20px;color:#f7fbff;box-shadow:0 34px 120px #0008;scrollbar-width:thin}.drawer-projects::backdrop{background:#02070ec7;backdrop-filter:blur(6px)}.drawer-projects h2,.drawer-projects h3,.drawer-projects p{margin:0}.projects-head,.projects-list-label,.projects-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.projects-head{margin-bottom:18px}.projects-head h2{font-size:23px;letter-spacing:-.025em}.projects-head button{width:34px;height:34px;padding:0;font-size:21px;line-height:1}.drawer-projects h3{font-size:15px;line-height:1.4}.drawer-projects label{font-size:12px;color:#c5d6e6}.projects-form{margin-top:14px}.projects-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:6px}.drawer-projects input[type=text],.drawer-projects select{margin:0;min-height:38px}.drawer-projects button{font-size:12px;white-space:normal}.drawer-projects .primary{border-radius:10px;color:#07111f;background:linear-gradient(135deg,#2f80ed,#59ffd2)}.projects-list-label{margin:14px 0 6px}.projects-list-label .text-button{padding:4px}.projects-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:10px}.project-file-options{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff21}.drawer-projects .project-message,.projects-sign-in p,.project-confirm p,.project-confirm time{margin-top:10px;font-size:13px;color:#bad0df;line-height:1.5;overflow-wrap:anywhere}.drawer-projects .project-message:empty{display:none}.project-confirm p{color:#f7fbff;font-weight:700}.project-confirm time{display:block;margin-top:2px;font-size:12px}.project-confirm .projects-actions{justify-content:flex-end;margin-top:20px}.projects-sign-in button{margin-top:10px}@media(max-width:420px){.drawer-projects{padding:16px}.projects-row{grid-template-columns:1fr}}.canvas-card{position:relative;container:preview / inline-size}.notice-dock{position:absolute;z-index:6;top:clamp(112px,16%,148px);bottom:clamp(88px,12%,120px);right:20px;width:min(308px,28%);display:flex;flex-direction:column;align-items:flex-end;justify-content:center;pointer-events:none}.design-notices{display:flex;flex-direction:column;width:100%;max-height:min(420px,100%);color:#f7fbff;background:linear-gradient(145deg,#1a2839,#0e1929 80%);border:1px solid #455567;border-radius:14px;box-shadow:0 12px 32px #02061066;pointer-events:auto;--notice-accent: #ffd36a}.design-notices.has-error{--notice-accent: #ffa3a9}.design-notices:has(.notice-scroll[hidden]){width:fit-content;max-width:100%}html[dir=rtl] .design-notices{direction:rtl}#designNoticesToggle{flex:none;justify-content:flex-start;gap:8px;width:100%;min-height:44px;padding:9px 12px;border:0;border-radius:13px;background:transparent;color:inherit;text-align:start;font-size:13px}#designNoticesToggle[aria-expanded=true]{border-radius:13px 13px 0 0}#designNoticesToggle:hover{background:#ffffff09}.notice-symbol{color:var(--notice-accent)}#designNoticesCount{margin-inline-start:auto;min-width:22px;padding:3px 6px;border-radius:7px;color:var(--notice-accent);background:#ffffff0d;font:700 11px/1.2 Arial,Helvetica,sans-serif;text-align:center;font-variant-numeric:tabular-nums}.notice-chevron{width:14px;height:14px;color:#adc1d3}[aria-expanded=true]>.notice-chevron{transform:rotate(180deg)}.notice-scroll{min-height:0;margin:0 4px 7px;padding:0 8px;border-top:1px solid #ffffff16;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgb(89 255 210 / .82) #08111f}.notice-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.notice-scroll ul{list-style:none;margin:0;padding:0}.notice-scroll li{position:relative;color:#d9e4ee;padding:12px 0;padding-inline-start:12px;font:400 12px/1.55 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}.notice-scroll li+li{border-top:1px solid #ffffff12}.notice-scroll li:before{content:"";position:absolute;inset-inline-start:0;top:19px;width:5px;height:5px;border-radius:50%;background:var(--notice-accent)}.notice-scroll li button{display:flex;margin-block-start:8px}@supports selector(::-webkit-scrollbar){.notice-scroll{scrollbar-width:auto;scrollbar-color:auto}.notice-scroll::-webkit-scrollbar{width:11px}.notice-scroll::-webkit-scrollbar-track{border-radius:999px;background:#08111f;box-shadow:inset 0 0 0 1px #ffffff09}.notice-scroll::-webkit-scrollbar-thumb{min-height:60px;border:2px solid #08111f;border-radius:999px;background:linear-gradient(#2f80ed,#59ffd2)}.notice-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#438fff,#7affdf)}.notice-scroll::-webkit-scrollbar-thumb:active{background:linear-gradient(#246fd1,#3dd8b5)}}@container preview (max-width: 759px){.notice-dock{right:12px;top:146px;bottom:78px;width:min(280px,calc(100% - 110px))}}@media(max-height:540px)and (min-width:1051px){.notice-dock{top:94px;bottom:12px}}