:root{--paper:#f4f0e8;--paper-soft:#faf8f3;--paper-deep:#ebe5da;--ink:#242521;--ink-soft:#686961;--line:rgba(36,37,33,0.13);--line-strong:rgba(36,37,33,0.23);--accent:#a65338;--accent-dark:#7d3c2a;--accent-soft:#ead6ca;--success:#476755;--shadow:0 22px 70px rgba(63,52,38,0.15);--topbar-height:68px;--rail-width:74px;--panel-width:340px;--inspector-width:286px;--font-sans:"Avenir Next",Avenir,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}svg{width:18px;height:18px;stroke-width:1.7}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--ink)}.studio-shell{height:100svh;min-height:0;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr) var(--inspector-width);grid-template-rows:var(--topbar-height) minmax(0,1fr);overflow:hidden;background:var(--paper)}.studio-shell.has-left-panel{grid-template-columns:var(--rail-width) var(--panel-width) minmax(0,1fr) var(--inspector-width)}.studio-shell.keyboard-mode{grid-template-columns:minmax(0,1fr)}.keyboard-mode .inspector,.keyboard-mode .library-panel,.keyboard-mode .stage-title,.keyboard-mode .tool-rail{display:none}.keyboard-mode .canvas-stage,.keyboard-mode.has-left-panel .canvas-stage,.topbar{grid-column:1/-1}.topbar{grid-row:1;display:grid;grid-template-columns:var(--rail-width) minmax(150px,1fr) auto minmax(220px,1fr);align-items:center;height:var(--topbar-height);padding:0 18px 0 0;border-bottom:1px solid var(--line);background:rgba(250,248,243,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:30}.wordmark{font-size:25px;line-height:1;font-weight:700;letter-spacing:-1.3px;justify-self:start}.wordmark span{color:var(--accent)}.topbar>.wordmark{margin-left:24px}.topbar nav{display:flex;align-items:center;justify-content:center;gap:30px}.icon-button,.text-button,.tool-rail button,.topbar nav button,.topbar-actions button{border:0;background:transparent;cursor:pointer}.topbar nav button{height:var(--topbar-height);padding:0 2px;color:var(--ink-soft);font-size:13px;font-weight:600;position:relative}.topbar nav button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .18s ease}.topbar nav button.is-active,.topbar nav button:hover{color:var(--ink)}.topbar nav button.is-active:after{transform:scaleX(1)}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:10px}.save-status{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;color:var(--ink-soft);font-size:12px;font-weight:600}.save-status svg{width:16px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:2px;padding:0 17px;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:12px;letter-spacing:.01em}.primary-button{background:var(--ink);color:var(--paper-soft)}.primary-button:hover{background:var(--accent-dark)}.primary-button.compact{min-height:38px;background:var(--accent);padding-inline:15px}.secondary-button{border-color:var(--line-strong);background:var(--paper-soft)}.secondary-button:hover{border-color:var(--ink)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button.full{width:100%}.mobile-menu{display:none}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:rgba(36,37,33,.06)}.icon-button.quiet{color:var(--ink-soft);width:32px;height:32px}.tool-rail{grid-column:1;grid-row:2;align-items:stretch;padding:14px 9px 12px;border-right:1px solid var(--line);background:var(--paper-soft);z-index:22;min-height:0}.tool-rail,.tool-rail button{display:flex;flex-direction:column}.tool-rail button{align-items:center;justify-content:center;gap:5px;min-height:62px;color:#77776f;font-size:9px;font-weight:600;letter-spacing:.03em;border-radius:5px}.tool-rail button svg{width:19px;height:19px}.tool-rail button:hover{color:var(--ink);background:rgba(36,37,33,.04)}.tool-rail button.is-active{color:var(--accent);background:rgba(166,83,56,.08)}.rail-spacer{flex:1 1}.library-panel{grid-column:2;grid-row:2;min-width:0;overflow-y:auto;border-right:1px solid var(--line);background:rgba(250,248,243,.97);z-index:20;box-shadow:15px 0 45px rgba(58,49,37,.06);animation:panel-in .21s ease-out both;min-height:0}.panel-heading{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 22px 18px;background:rgba(250,248,243,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-heading h2{margin:5px 0 0;font-size:21px;line-height:1.15;letter-spacing:-.5px}.eyebrow,.section-label{font-family:var(--font-mono);font-size:9px;line-height:1.3;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}.object-list{border-top:1px solid var(--line)}.product-category-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;font-size:12px;border-bottom:1px solid var(--line)}.product-category-filter select{min-width:0;max-width:72%;border:1px solid var(--line);border-radius:7px;background:var(--paper,#fffdfa);color:inherit;padding:8px;font:inherit}.object-row{width:100%;min-height:79px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 17px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.object-row:active{cursor:grabbing}.object-row:hover{background:#fffdfa}.object-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--paper-deep);border-radius:2px;color:var(--ink-soft)}.object-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.object-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-copy small{color:var(--ink-soft);font-size:10px;line-height:1.4}.object-action{display:flex;align-items:center;gap:3px;color:var(--accent);font-size:9px;font-weight:700;white-space:nowrap}.object-action svg{width:13px}.template-list{padding:4px 16px 30px;display:grid;gap:26px}.template-card{padding-bottom:23px;border-bottom:1px solid var(--line)}.template-art{height:155px;margin-bottom:16px;background:#d5c3a8;position:relative;overflow:hidden}.template-art:before{content:"";position:absolute;width:74%;height:10px;left:13%;bottom:37px;background:#76543b;box-shadow:0 6px 13px rgba(45,35,25,.2)}.template-art:after{content:"";position:absolute;width:5px;height:45px;left:20%;bottom:0;background:#4d4338;box-shadow:194px 0 #4d4338}.template-art span{position:absolute;width:78px;height:51px;border:5px solid #292a27;background:#879186;left:calc(50% - 39px);bottom:47px}.template-art span:after{content:"";position:absolute;width:4px;height:13px;background:#292a27;left:32px;bottom:-16px}.template-art i{position:absolute;width:70px;height:19px;background:#302e2d;border-radius:2px;left:calc(50% - 47px);bottom:48px;transform:perspective(40px) rotateX(35deg)}.template-art b{position:absolute;width:12px;height:29px;background:#aa5c3d;border-radius:8px 8px 3px 3px;right:22%;bottom:48px}.template-2 .template-art{background:#e4e1d9}.template-2 .template-art:before{background:#f5f2eb}.template-2 .template-art span{background:#aeb9b4}.template-3 .template-art{background:#c8bfae}.template-3 .template-art:before{background:#b48356}.template-card h3{font-size:20px;margin:6px 0;letter-spacing:-.45px}.template-card p{margin:0 0 13px;color:var(--ink-soft);font-size:11px;line-height:1.55}.template-card>button{border:0;padding:0;background:transparent;display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;font-weight:700;cursor:pointer}.template-card>button svg{width:14px}.save-current{margin:4px 16px 14px;width:calc(100% - 32px);border:1px dashed var(--line-strong);background:transparent;padding:15px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.save-current:hover{border-color:var(--accent)}.save-current span,.saved-open>span:last-child{display:flex;flex-direction:column;gap:3px}.save-current small,.saved-open small{color:var(--ink-soft);font-size:10px}.saved-row{border-top:1px solid var(--line);padding:8px 10px 8px 16px}.saved-open,.saved-row{display:flex;align-items:center}.saved-open{border:0;background:transparent;flex:1 1;min-width:0;gap:12px;text-align:left;cursor:pointer;padding:6px 0}.saved-thumbnail{width:46px;height:42px;flex:0 0 auto;background:var(--paper-deep);display:grid;place-items:center}.saved-open strong{font-size:12px;max-width:185px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-state{text-align:center;padding:60px 30px;color:var(--ink-soft)}.empty-state>svg{width:28px;height:28px}.empty-state h3{margin:14px 0 6px;color:var(--ink);font-size:14px}.empty-state p{margin:0;font-size:11px;line-height:1.6}.canvas-stage{grid-row:2;grid-column:2;min-width:0;min-height:0;position:relative;overflow:hidden;background:#e8e2d7}.has-left-panel .canvas-stage{grid-column:3}.canvas-stage canvas,.canvas-stage>div:has(canvas){width:100%!important;height:100%!important}.scene-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.scene-loading svg,.spin{animation:spin 1s linear infinite}.scene-caption{position:absolute;inset:0;display:grid;place-content:center;z-index:0;color:var(--ink-soft);text-align:center}.scene-caption span{font-size:12px}.scene-caption small{font-family:var(--font-mono);font-size:9px;margin-top:4px}.stage-title{position:absolute;top:23px;left:26px;z-index:3;pointer-events:none}.stage-title button{pointer-events:auto;display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;cursor:pointer}.stage-title h1{margin:5px 0 0;font-size:22px;line-height:1.15;letter-spacing:-.7px}.stage-title button svg{margin-top:5px;width:14px}.bottom-controls{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;gap:7px;width:max-content;max-width:calc(100% - 28px)}.control-cluster,.quality-control,.total-control{background:rgba(250,248,243,.91);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 9px 28px rgba(51,43,32,.1);border:1px solid rgba(255,255,255,.55)}.control-cluster{display:flex;padding:4px}.control-cluster button{border:0;background:transparent;min-width:43px;height:42px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:var(--ink-soft);text-transform:capitalize;font-size:10px}.control-cluster button.is-active,.control-cluster button:hover{background:var(--paper-soft);color:var(--ink)}.control-cluster button.is-active{box-shadow:0 2px 9px rgba(40,35,28,.09)}.control-cluster button:disabled{opacity:.32;cursor:default}.control-cluster button svg{width:15px}.history-cluster button{min-width:38px;padding:0 6px}.quality-control{min-width:110px;display:flex;align-items:center;gap:6px;padding:0 11px;color:var(--ink-soft)}.quality-control>span{display:none}.quality-control svg{width:14px}.quality-control select{border:0;background:transparent;color:var(--ink);font-size:10px;cursor:pointer;outline:none}.total-control{border-radius:0;padding:0 12px 0 14px;min-width:140px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:var(--ink)}.total-control>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.total-control small{color:var(--ink-soft);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.total-control strong{font-size:13px}.total-control svg{width:14px;color:var(--ink-soft)}.mobile-inspector-button{display:none}.inspector{grid-column:3;grid-row:2;overflow-y:auto;background:var(--paper-soft);border-left:1px solid var(--line);z-index:20;min-height:0}.has-left-panel .inspector{grid-column:4}.inspector-heading{position:sticky;border-bottom:1px solid var(--line);padding-inline:20px}.inspector-heading h2{max-width:210px;font-size:18px}.inspector-content{padding-bottom:25px}.inspector-description{padding:17px 20px;border-bottom:1px solid var(--line)}.inspector-description p,.product-identity p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.55}.inspector-section{padding:19px 20px;border-bottom:1px solid var(--line)}.inspector-section>.section-label{display:block;margin-bottom:15px}.field-group{border:0;padding:0;margin:0;min-width:0}.field-group legend{padding:0;margin:0 0 10px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft)}.segmented-control{display:flex;border:1px solid var(--line);background:var(--paper);padding:3px}.segmented-control button{min-width:0;flex:1 1;height:31px;border:0;background:transparent;color:var(--ink-soft);font-size:9px;text-transform:capitalize;cursor:pointer}.segmented-control button.is-active{background:var(--paper-soft);color:var(--ink);box-shadow:0 2px 8px rgba(45,38,29,.08)}.dimension-presets{display:flex;gap:5px;margin-bottom:13px}.dimension-presets button{flex:1 1;min-height:33px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-size:9px;cursor:pointer}.dimension-presets button.is-active{border-color:var(--ink);background:var(--paper-soft);color:var(--ink)}.dimension-note,.estimate-disclosure,.source-credit-note{margin:10px 0 0;color:var(--ink-soft);font-size:8px;line-height:1.5}.desk-specs{margin:2px 0 0}.desk-specs>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:9px}.desk-specs dt{color:var(--ink-soft)}.desk-specs dd{margin:0;font-family:var(--font-mono)}.range-field{display:block;margin-top:15px}.range-field>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--ink-soft)}.range-field strong{color:var(--ink);font-family:var(--font-mono);font-size:9px;font-weight:500}.range-field input{width:100%;height:14px;margin:8px 0 0;accent-color:var(--accent);cursor:pointer}.product-identity{display:flex;gap:12px;padding:18px 20px 13px}.product-mark{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;background:var(--paper-deep)}.product-identity strong{display:block;font-size:10px;margin-bottom:4px;color:var(--ink-soft)}.badge-row{padding:0 20px 15px}.representation-badge{display:inline-flex;padding:5px 7px;font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;background:#e6eee8;color:var(--success)}.representation-badge.approximate{background:#f1e4dc;color:#8b4b34}.dimension-list{padding:0 20px 15px;margin:0}.dimension-list>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:10px}.dimension-list dt{color:var(--ink-soft)}.dimension-list dd{margin:0;font-family:var(--font-mono);font-size:9px}.product-pricing-note{margin:-4px 20px 14px;color:var(--ink-soft);font-size:8px;line-height:1.5}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.toggle-row>span{display:flex;flex-direction:column;gap:3px}.toggle-row strong{font-size:11px}.toggle-row small{color:var(--ink-soft);font-size:9px;line-height:1.4}.toggle-row input{appearance:none;flex:0 0 auto;width:33px;height:18px;border-radius:20px;background:#cbc7bf;position:relative;cursor:pointer;transition:background .15s ease}.toggle-row input:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:white;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-row input:checked{background:var(--accent)}.toggle-row input:checked:after{transform:translateX(15px)}.input-field{display:block;margin-top:16px}.input-field>span{font-size:9px;color:var(--ink-soft)}.money-input{margin-top:6px;display:flex;height:38px;border:1px solid var(--line);background:white;align-items:center}.money-input span{padding-left:10px;color:var(--ink-soft)}.money-input input{border:0;min-width:0;flex:1 1;height:100%;padding:0 9px;outline:none;background:transparent;font-family:var(--font-mono);font-size:10px}.plain-input{width:100%;height:38px;margin-top:6px;border:1px solid var(--line);background:white;padding:0 10px;outline:none;font-size:10px}.plain-input:focus{border-color:var(--accent)}.custom-fields{border-top:1px solid var(--line)}.custom-fields .input-field{margin-top:0}.dimension-inputs{grid-template-columns:repeat(3,1fr);margin-top:9px}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coordinate-grid label{display:flex;align-items:center;height:36px;border:1px solid var(--line);background:white}.coordinate-grid span{padding-left:9px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9px}.coordinate-grid input{min-width:0;width:100%;border:0;text-align:right;padding:0 9px;outline:0;background:transparent;font-family:var(--font-mono);font-size:9px}.wide-action{width:100%;height:35px;margin-top:12px;border:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:10px}.wide-action:hover{border-color:var(--ink)}.wide-action svg{width:14px}.inspector-content>.delete-button,.inspector-content>.primary-button,.inspector-content>.retailer-link{width:calc(100% - 40px);margin:17px 20px 0}.retailer-link{min-height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:10px}.retailer-link svg{width:13px}.source-credit-link{margin-top:7px!important}.source-credit-note{padding:0 20px}.delete-button{height:37px;border:0;background:transparent;color:#9a432f;display:flex;align-items:center;gap:7px;justify-content:center;cursor:pointer;font-size:10px}.delete-button svg{width:14px}.estimate-note{margin:8px 20px 0;text-align:center;color:var(--ink-soft);font-size:8px}.inventory-panel-content{padding-bottom:25px}.inventory-totals{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.inventory-totals span{display:flex;flex-direction:column;gap:4px;padding:17px}.inventory-totals span+span{border-left:1px solid var(--line)}.inventory-totals small{color:var(--ink-soft);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.inventory-totals strong{font-size:17px;letter-spacing:-.4px}.inventory-progress{height:3px;background:var(--paper-deep)}.inventory-progress span{display:block;height:100%;background:var(--accent)}.inventory-note{margin:15px 17px;color:var(--ink-soft);font-size:9px;line-height:1.5}.inventory-list{border-top:1px solid var(--line)}.inventory-list button{width:100%;min-height:65px;display:grid;grid-template-columns:minmax(0,1fr) auto 14px;gap:9px;align-items:center;padding:10px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.inventory-list button:hover{background:white}.inventory-list button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.inventory-list strong{font-size:10px}.inventory-list small{color:var(--ink-soft);font-size:8px}.inventory-list b{font-family:var(--font-mono);font-size:9px;font-weight:500}.inventory-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.inventory-amount small{font-size:7px}.inventory-list svg{width:13px;color:var(--ink-soft)}.desk-component-list{padding:10px 17px 13px 27px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.34)}.desk-component-list>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:var(--ink-soft);font-size:8px}.desk-component-list b{color:var(--ink);font-family:var(--font-mono);font-weight:500}.desk-component-list>small{display:block;margin-top:7px;color:var(--ink-soft);font-size:7px;line-height:1.4}.keyboard-workbench{position:fixed;inset:var(--topbar-height) var(--inspector-width) 0 var(--rail-width);z-index:18;pointer-events:none}.has-left-panel .keyboard-workbench{left:calc(var(--rail-width) + var(--panel-width))}.workbench-topline{pointer-events:auto;position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.workbench-topline>span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;font-size:9px}.workbench-topline>button{border:0;background:rgba(250,248,243,.87);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:10px}.workbench-topline>button svg{width:14px}.workbench-panel{pointer-events:auto;position:absolute;bottom:18px;left:50%;width:min(810px,calc(100% - 36px));transform:translateX(-50%);padding:20px 22px;background:rgba(250,248,243,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);display:grid;grid-template-columns:1.08fr 1fr;gap:18px 28px}.workbench-intro h2{margin:4px 0 6px;font-size:22px;letter-spacing:-.6px}.workbench-intro p{margin:0;color:var(--ink-soft);font-size:9px;line-height:1.5;max-width:320px}.keyboard-mode .workbench-panel.fixed-assembly-panel{width:min(600px,calc(100% - 40px));min-height:0;max-height:38svh;display:block;overflow-y:auto}.fixed-assembly-panel .workbench-intro p{max-width:none}.swatch-sections{display:flex;gap:18px;justify-content:flex-end}.swatch-field{margin:0;padding:0;border:0}.swatch-field legend{margin-bottom:7px;font-family:var(--font-mono);font-size:8px;text-transform:uppercase;color:var(--ink-soft)}.swatch-field>div{display:flex}.swatch-field button{width:25px;height:25px;margin-right:-1px;padding:0;border:2px solid var(--paper-soft);outline:1px solid var(--line);background:var(--swatch);display:grid;place-items:center;cursor:pointer}.swatch-field button.is-active{z-index:1;outline-color:var(--ink)}.swatch-field button svg{width:12px;color:white;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.workbench-options{grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.25fr .55fr;gap:12px}.profile-note{grid-column:1/-1;margin:-3px 0 0;color:var(--ink-soft);font-size:8px}.sound-control{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}.sound-icon{width:36px;height:36px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center}.sound-icon svg{width:16px}.sound-control>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.sound-control strong{font-size:10px}.sound-control small{color:var(--ink-soft);font-size:8px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(30,30,27,.45);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .16s ease-out both}.modal-panel{width:min(470px,100%);max-height:calc(100svh - 40px);overflow-y:auto;background:var(--paper-soft);box-shadow:0 28px 90px rgba(30,26,21,.3);animation:modal-in .2s ease-out both}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 27px 20px;border-bottom:1px solid var(--line)}.modal-heading h2{margin:5px 0 0;font-size:23px;letter-spacing:-.7px}.modal-form,.publish-success{padding:23px 27px 27px}.modal-form>label:first-child{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600}.modal-form>label:first-child input{height:46px;border:1px solid var(--line);background:white;padding:0 12px;outline:none;font-size:14px}.modal-form>label:first-child input:focus{border-color:var(--accent)}.local-notice,.server-notice{margin-top:18px;display:flex;align-items:flex-start;gap:12px;background:var(--paper);padding:14px}.local-notice>svg,.server-notice>svg{flex:0 0 auto;width:16px;margin-top:1px;color:var(--accent)}.local-notice>span,.server-notice>span{display:flex;flex-direction:column;gap:3px}.local-notice strong,.server-notice strong{font-size:10px}.local-notice small,.server-notice small{color:var(--ink-soft);font-size:9px;line-height:1.5}.modal-actions{margin-top:22px;display:flex;align-items:center;justify-content:flex-end;gap:13px}.text-button{padding:10px;cursor:pointer}.modal-lede,.text-button{color:var(--ink-soft);font-size:11px}.modal-lede{margin:0 0 20px;line-height:1.6}.publish-form .field-group{margin-bottom:20px}.publish-form>.toggle-row{padding:15px 0;border-block:1px solid var(--line)}.form-error{padding:10px 12px;color:#913e2a;background:#f5e4dd;font-size:10px;line-height:1.45}.publish-success{text-align:center}.success-mark{width:46px;height:46px;margin:2px auto 13px;display:grid;place-items:center;border-radius:50%;background:#dce8df;color:var(--success)}.publish-success>p{color:var(--ink-soft);font-size:11px}.publish-success>label{margin-top:21px;display:block;text-align:left;font-size:9px;font-weight:600}.copy-field{display:flex;height:43px;margin-top:6px;border:1px solid var(--line);background:white}.copy-field input{min-width:0;flex:1 1;border:0;padding:0 10px;font-family:var(--font-mono);font-size:9px;outline:none}.copy-field button{border:0;border-left:1px solid var(--line);background:var(--paper);padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;cursor:pointer}.copy-field svg{width:13px}.publish-success .server-notice{text-align:left}.publish-success>.primary-button{margin-top:18px}.hydration-wash{position:fixed;inset:var(--topbar-height) 0 0;z-index:90;background:var(--paper)}.mobile-only{display:none}@media (min-width:701px){.keyboard-mode .keyboard-workbench,.keyboard-mode.has-left-panel .keyboard-workbench{inset:var(--topbar-height) 0 0}.keyboard-mode .workbench-panel{width:min(940px,calc(100% - 40px));min-height:224px;max-height:236px;padding:16px 20px;gap:11px 24px;grid-template-columns:1fr 1.15fr}.keyboard-mode .workbench-intro h2{margin-block:2px 4px;font-size:19px;white-space:nowrap}.keyboard-mode .workbench-options{grid-template-columns:.72fr 1.25fr .55fr;gap:9px}.keyboard-mode .workbench-options .field-group legend{margin-bottom:6px}.keyboard-mode .sound-control{padding-top:10px}.keyboard-mode .swatch-sections{align-items:flex-start}}.public-viewer{min-height:100vh;background:var(--paper-soft)}.public-header{height:76px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.public-header-actions{display:flex;gap:8px}.public-hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);border-bottom:1px solid var(--line)}.public-scene{position:relative;min-height:650px;overflow:hidden;background:var(--paper-deep)}.public-scene canvas,.public-scene>div:has(canvas){width:100%!important;height:100%!important}.public-scene-loading{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;color:var(--ink-soft)}.public-poster{position:absolute;inset:0;z-index:4;background:#ddd4c6;transition:opacity .35s ease,visibility .35s ease}.public-poster.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.public-poster img{width:100%;height:100%;object-fit:cover;display:block}.generated-poster{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#efe8dc,#d9cab7)}.generated-poster:before{content:"";position:absolute;left:14%;right:14%;height:19px;bottom:28%;background:#9a6b47;box-shadow:0 18px 35px rgba(50,38,28,.18)}.generated-poster:after{content:"";position:absolute;width:10px;height:28%;left:18%;bottom:0;background:#51463d;box-shadow:calc(58vw - 90px) 0 #51463d}.generated-poster span{position:absolute;width:34%;aspect-ratio:1.6;left:33%;bottom:32%;border:12px solid #282a29;background:linear-gradient(145deg,#a9afa4,#5f716a);box-shadow:0 15px 30px rgba(40,35,29,.15)}.generated-poster i{position:absolute;width:28%;height:5%;left:29%;bottom:29%;border-radius:4px;background:#373633;transform:perspective(200px) rotateX(35deg)}.generated-poster b{position:absolute;width:7%;height:15%;right:20%;bottom:31%;border-radius:50% 50% 12px 12px;background:#a65338}.activate-3d{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);min-width:160px}.public-view-controls{position:absolute;left:24px;bottom:24px;z-index:3;display:flex;background:rgba(250,248,243,.91);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px}.public-view-controls button{border:0;background:transparent;height:34px;padding:0 13px;text-transform:capitalize;color:var(--ink-soft);font-size:9px;cursor:pointer}.public-view-controls button.is-active{background:white;color:var(--ink);box-shadow:0 2px 7px rgba(40,35,28,.09)}.public-drag-note{position:absolute;right:24px;bottom:31px;z-index:3;font-family:var(--font-mono);font-size:8px;color:var(--ink-soft)}.public-story{padding:12vh 4vw 7vh;display:flex;flex-direction:column;align-items:flex-start}.public-story h1{max-width:470px;margin:12px 0 18px;font-size:clamp(44px,5vw,78px);line-height:.96;letter-spacing:-.06em}.public-story>p{max-width:370px;margin:0;color:var(--ink-soft);line-height:1.7}.public-story .source-line{margin-top:13px;font-size:10px}.source-line a{text-decoration:underline;text-underline-offset:3px}.public-selection{width:100%;margin-top:9vh;padding:15px 0;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.public-selection span{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;color:var(--ink-soft);letter-spacing:.1em}.public-selection strong{font-size:13px}.public-selection small{color:var(--ink-soft);font-size:9px}.selection-source-link{margin-top:6px;display:inline-flex;align-items:center;gap:5px;color:var(--accent-dark);font-size:9px}.selection-source-link svg{width:11px;height:11px}.public-keyboard-button{margin-top:12px}.public-remix{margin-top:auto}.public-remix .arrow-forward{transform:rotate(180deg)}.snapshot-date{margin-top:14px;color:var(--ink-soft);font-size:8px}.public-inventory{padding:9vh 7vw 11vh}.public-inventory-heading{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:end;margin-bottom:50px}.inventory-number{font-size:50px;font-weight:500;line-height:1;color:var(--accent);letter-spacing:-.06em}.public-inventory-heading h2{margin:6px 0 0;font-size:32px;letter-spacing:-.04em}.public-inventory-heading>svg{width:30px;height:30px;color:var(--ink-soft)}.public-inventory ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.public-inventory li{border-bottom:1px solid var(--line)}.public-inventory-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.public-inventory-select{width:100%;min-height:92px;display:grid;grid-template-columns:65px minmax(0,1fr) minmax(140px,.4fr);align-items:center;gap:20px;padding:12px 3px;background:transparent;border:0;text-align:left}.public-inventory li>button{cursor:pointer}.public-inventory li>button:hover{background:rgba(255,255,255,.45)}.inventory-index{font-family:var(--font-mono);color:var(--ink-soft);font-size:9px}.inventory-price,.inventory-product{display:flex;flex-direction:column;gap:5px}.inventory-product strong{font-size:14px}.inventory-price small,.inventory-product small{color:var(--ink-soft);font-size:9px}.inventory-price strong{font-family:var(--font-mono);font-size:11px;font-weight:500}.public-inventory li a{display:flex;align-items:center;gap:5px;margin-left:20px;font-size:9px;color:var(--ink-soft)}.public-inventory li a svg{width:12px}.public-inventory li a.public-source-link{margin-left:10px}.public-desk-breakdown{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px 18px;padding:0 3px 15px 88px}.public-desk-breakdown span{display:inline-flex;gap:7px;color:var(--ink-soft);font-size:9px}.public-desk-breakdown b{color:var(--ink);font-family:var(--font-mono);font-weight:500}.public-desk-breakdown>small{flex-basis:100%;color:var(--ink-soft);font-size:8px}.price-privacy-note{margin:18px 0 0;color:var(--ink-soft);font-size:10px}.public-estimate-total{display:flex;align-items:baseline;justify-content:flex-end;gap:35px;padding:25px 3px 0}.public-estimate-total span{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.public-estimate-total strong{font-size:24px;letter-spacing:-.04em}.public-remix-error{max-width:370px;margin-top:12px}.public-footer{min-height:200px;padding:55px 7vw;display:flex;align-items:flex-start;justify-content:space-between;background:var(--ink);color:var(--paper-soft)}.public-footer p{color:#a7a69f;font-size:10px}.public-footer button{border:1px solid rgba(255,255,255,.25);background:transparent;color:white;padding:12px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px}.public-keyboard-dock{position:fixed;z-index:25;right:24px;bottom:24px;width:min(470px,calc(100vw - 48px));padding:13px;display:grid;grid-template-columns:32px 36px minmax(0,1fr) auto;align-items:center;gap:10px;background:rgba(250,248,243,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.public-keyboard-dock.is-listening:focus{outline:2px solid var(--accent);outline-offset:3px}.public-keyboard-dock>span:nth-of-type(2){display:flex;flex-direction:column;gap:3px}.public-keyboard-dock strong{font-size:10px;text-transform:capitalize}.public-keyboard-dock small{font-size:8px;color:var(--ink-soft)}.public-keyboard-dock.fixed-assembly-dock{grid-template-columns:32px minmax(0,1fr)}.fixed-assembly-dock>span{display:flex;flex-direction:column;gap:3px}.fixed-assembly-dock strong{font-size:12px}.fixed-assembly-dock small{font-size:11px}.copy-fallback{position:fixed;z-index:120;left:50%;bottom:22px;transform:translateX(-50%);width:min(600px,calc(100vw - 30px));display:grid;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:10px;padding:10px 12px;background:var(--ink);color:white;box-shadow:var(--shadow)}.copy-fallback span{font-size:9px}.copy-fallback input{height:34px;min-width:0;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:white;padding:0 8px;font-family:var(--font-mono);font-size:8px}.copy-fallback .icon-button{color:white}@keyframes panel-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1400px){.has-left-panel .bottom-controls{width:calc(100% - 20px);max-width:none;flex-wrap:wrap;justify-content:center}.has-left-panel .view-cluster button span{display:none}.has-left-panel .view-cluster button{min-width:38px;padding-inline:6px}.has-left-panel .history-cluster button{min-width:34px}.has-left-panel .quality-control{min-width:76px;padding-inline:8px}.has-left-panel .total-control{min-width:120px;padding-inline:10px}}@media (max-width:1180px){:root{--inspector-width:260px;--panel-width:310px}.view-cluster button span{display:none}.view-cluster button{min-width:38px}.quality-control{min-width:80px}.total-control{min-width:125px}}@media (max-width:980px){.studio-shell,.studio-shell.has-left-panel{grid-template-columns:var(--rail-width) minmax(0,1fr)}.topbar{grid-template-columns:var(--rail-width) minmax(120px,1fr) auto}.topbar nav{display:none}.topbar-actions{grid-column:3}.library-panel{position:fixed;top:var(--topbar-height);bottom:0;left:var(--rail-width);width:min(var(--panel-width),calc(100vw - var(--rail-width)));box-shadow:var(--shadow)}.canvas-stage,.has-left-panel .canvas-stage{grid-column:2}.has-left-panel .inspector,.inspector{position:fixed;z-index:50;top:var(--topbar-height);right:0;bottom:0;width:300px;transform:translateX(100%);box-shadow:var(--shadow);transition:transform .2s ease;visibility:hidden;pointer-events:none}.mobile-inspector-open .inspector{transform:none;visibility:visible;pointer-events:auto}.mobile-only{display:inline-flex}.mobile-inspector-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.55);background:rgba(250,248,243,.91);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 12px;font-size:9px}.mobile-inspector-button svg{width:14px}.has-left-panel .keyboard-workbench,.keyboard-workbench{left:var(--rail-width);right:0}.public-hero{grid-template-columns:1fr}.public-scene{min-height:64svh}.public-story{min-height:520px;padding:70px 7vw}.public-selection{margin-top:55px}}@media (max-width:700px){:root{--topbar-height:60px;--rail-width:0px}.studio-shell,.studio-shell.has-left-panel{display:block;min-height:100svh;height:100svh}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);display:flex;justify-content:space-between;padding:0 10px}.mobile-menu{display:inline-flex}.topbar>.wordmark{margin:0 auto 0 5px;font-size:21px}.save-status{display:none}.primary-button.compact{width:39px;height:38px;min-height:38px;padding:0;font-size:0}.primary-button.compact svg{width:16px}.tool-rail{display:none}.library-panel{left:0;top:var(--topbar-height);width:min(92vw,360px)}.canvas-stage,.has-left-panel .canvas-stage{position:fixed;inset:var(--topbar-height) 0 0}.stage-title{top:16px;left:16px}.stage-title h1{font-size:18px}.bottom-controls{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 20px);justify-content:center}.view-cluster,.view-cluster button{flex:1 1}.history-cluster button:nth-child(3),.quality-control,.total-control{display:none}.mobile-inspector-button{padding-inline:13px}.mobile-inspector-button span{display:none}.has-left-panel .inspector,.inspector{top:auto;left:0;width:100%;height:min(72svh,620px);border-left:0;border-top:1px solid var(--line);transform:translateY(100%)}.mobile-inspector-open .inspector{transform:none}.has-left-panel .keyboard-workbench,.keyboard-workbench{inset:var(--topbar-height) 0 0}.workbench-topline{top:12px;left:12px;right:12px}.workbench-topline>span{display:none}.workbench-panel{bottom:10px;width:calc(100% - 20px);max-height:57svh;overflow-y:auto;padding:17px;display:block}.swatch-sections{justify-content:flex-start;margin-top:17px;overflow-x:auto}.workbench-options{display:grid;grid-template-columns:1fr;margin-top:17px}.workbench-options .field-group+.field-group{margin-top:12px}.sound-control{margin-top:16px}.sound-control small{display:none}.modal-backdrop{align-items:end;padding:0}.modal-panel{width:100%;max-height:90svh}.public-header{height:65px;padding:0 15px}.public-header .wordmark{font-size:21px}.public-header-actions .secondary-button{width:42px;padding:0;font-size:0}.public-header-actions .primary-button{padding:0 12px}.public-scene{min-height:58svh}.public-drag-note{display:none}.public-view-controls{left:12px;bottom:12px}.public-story{min-height:460px;padding:58px 22px 45px}.public-story h1{font-size:48px}.public-inventory{padding:65px 22px 75px}.public-inventory-heading{grid-template-columns:65px 1fr;margin-bottom:30px}.public-inventory-heading>svg{display:none}.inventory-number{font-size:39px}.public-inventory-heading h2{font-size:24px}.public-inventory-select{min-height:92px;grid-template-columns:35px minmax(0,1fr) auto;gap:10px}.inventory-price{grid-column:2}.public-inventory li a{margin:0 0 0 8px;font-size:0}.public-desk-breakdown{padding-left:45px}.public-keyboard-dock{right:10px;bottom:10px;width:calc(100vw - 20px);grid-template-columns:30px 34px minmax(0,1fr)}.public-keyboard-dock .secondary-button{grid-column:2/-1}.copy-fallback{grid-template-columns:minmax(0,1fr) 34px}.copy-fallback span{grid-column:1/-1}.public-footer{min-height:170px;padding:42px 22px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.deskspace-logo{display:block;width:128px;height:24px;flex:none;filter:invert(1)}[data-theme=light] .deskspace-logo{filter:none}@media(max-width:700px){.deskspace-logo{width:96px;height:18px}}.ds-beta-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border:1px solid;border-radius:99px;font-family:var(--font-mono);font-size:8px;font-weight:500;line-height:1;letter-spacing:.1em;opacity:.65;vertical-align:middle}.df-header .df-logo{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.df-header .df-logo .ds-beta-badge{height:13px;padding:0 4px;font-size:6px;color:var(--df-muted)}.ds-home-center h1 .ds-beta-badge{margin-top:14px;color:#c9cdd4}@font-face{font-family:Deskspace Legends;src:url(/assets/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}.keyboard-mode:has(.modular-panel) .canvas-stage{margin-right:380px}.keyboard-mode:has(.modular-panel) .bottom-controls{display:none}.keyboard-mode .workbench-panel.modular-panel{position:absolute;inset:0 0 0 auto;width:380px;min-height:0;max-height:none;padding:0;transform:none;display:flex;flex-direction:column;gap:0;background:#f8f6f0;border-left:1px solid #dad7cc;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.keyboard-mode:has(.modular-panel) .workbench-topline{right:400px}.keyboard-mode:has(.modular-panel) .workbench-topline>span{display:none}.kb-editor{display:flex;flex-direction:column;min-height:0;flex:1 1;color:#292e2b}.kb-heading{padding:26px 24px 19px}.kb-heading .eyebrow{color:#85867b;font-size:9px}.kb-heading>div{display:flex;justify-content:space-between;align-items:center}.kb-heading h2{margin:4px 0 7px;font-size:34px;letter-spacing:-1.5px;font-weight:550}.kb-heading h2 span{color:#ae6044}.kb-heading p{font-size:12px;color:#74796e;margin:0}.kb-count{font-family:var(--font-mono);font-size:10px;color:#818678}.kb-tabs{padding:0 17px;display:flex;border-bottom:1px solid #deded2}.kb-tabs button{flex:1 1;border:0;border-bottom:2px solid transparent;padding:13px 4px;background:none;color:#7a7e72;cursor:pointer;font-size:12px}.kb-tabs button[aria-selected=true]{border-bottom-color:#ae6044;color:#292e2b;font-weight:650}.kb-content{overflow-y:auto;min-height:0;padding:4px 23px 20px;scrollbar-width:thin}.kb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 12px}.kb-section-heading h3{font-size:12px;font-weight:650;margin:0}.kb-section-heading>span{color:#8b8e80;font-family:var(--font-mono);font-size:9px}.kb-section-heading button,.kb-selection button{padding:3px 0;display:flex;gap:4px;align-items:center;border:0;color:#986047;background:none;font-size:10px;cursor:pointer}.kb-presets{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.kb-presets>button{padding:0 0 9px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;border-radius:5px;overflow:hidden}.kb-presets>button[aria-pressed=true]{border-color:#b77556;background:#eee8dc}.kb-preset-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:14px 10px;background:#e6e5db;border-radius:4px;margin-bottom:7px}.kb-preset-keys i{display:block;height:12px;border-radius:2px;box-shadow:inset 0 -2px 0 #00000015,0 1px 1px #00000013}.kb-presets strong{display:block;font-size:11px;padding:0 7px;font-weight:600}.kb-presets small{display:block;color:#828579;font-size:9px;padding:3px 7px 0}.kb-field{display:flex;min-width:0;flex:1 1;flex-direction:column;gap:7px;margin:16px 0 0}.kb-color legend,.kb-field>span{color:#697063;font-size:10px}.kb-field input,.kb-field select{border:1px solid #d5d7ca;background:#fcfbf7;border-radius:3px;padding:10px 9px;min-width:0;width:100%;color:#343d33;font-size:11px}.kb-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kb-color{padding:0;margin:19px 0 0;border:none;min-width:0}.kb-color-input{display:flex;height:35px;margin:7px 0 9px;gap:8px;align-items:center}.kb-color input[type=color]{border:0;width:34px;height:34px;background:none;padding:0;cursor:pointer}.kb-color input:not([type=color]){min-width:0;width:100%;border:1px solid #d5d7ca;border-radius:3px;background:#fcfbf7;padding:9px 6px;font:10px var(--font-mono)}.kb-swatches{display:flex;flex-wrap:wrap;gap:5px}.kb-swatches button{width:23px;height:23px;border:1px solid #00000018;border-radius:50%;display:grid;place-items:center;cursor:pointer}.kb-swatches button[aria-pressed=true]{outline:1px solid #736d5b;outline-offset:2px}.kb-swatches svg{color:white;filter:drop-shadow(0 0 1px black)}.kb-select-row{display:flex;gap:12px;align-items:end}.kb-check{display:flex;align-items:center;gap:8px;margin:15px 0;font-size:11px}.kb-check input{accent-color:#a86247;width:15px;height:15px}.kb-select-row .kb-check{flex:0 0 auto;margin-bottom:10px;font-size:10px}.kb-selection{display:flex;justify-content:space-between;gap:7px;background:#ede6d8;padding:8px;font-size:10px;margin-top:10px;border-radius:3px}.kb-note{color:#7b8072;font-size:10px;line-height:1.6;margin:18px 0 5px}.kb-action{border:1px solid #cccdbd;background:none;padding:10px;width:100%;margin-top:16px;font-size:11px;cursor:pointer}.kb-slider{display:block;margin:18px 0}.kb-slider>span{display:flex;justify-content:space-between;font-size:11px}.kb-slider b{font-family:var(--font-mono);font-weight:400}.kb-slider input{width:100%;margin:15px 0 0;accent-color:#a65e43}.kb-layer-list>div{display:flex;border-bottom:1px solid #ddded3;align-items:center;gap:8px}.kb-layer-list>div.is-active{background:#eee8dc}.kb-layer-list button{background:none;border:0;padding:13px 4px;font-size:10px;cursor:pointer}.kb-layer-list button:first-child{display:flex;align-items:center;gap:9px;flex:1 1;font-size:12px;text-align:left}.kb-layer-list button[aria-pressed=true]{color:#a45436;font-weight:700}.kb-footer{border-top:1px solid #daddce;padding:11px 20px;display:flex;justify-content:space-between;align-items:center}.kb-footer>div{display:flex;gap:12px}.kb-footer button{border:0;background:none;padding:3px;cursor:pointer}.kb-footer span{font-size:9px;color:#7a8071}.kb-typing{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #daddce;padding:13px 23px;font-size:11px}.kb-typing small{display:block;font-size:9px;color:#858777;margin-top:3px}.kb-typing button{padding:9px 10px;font-size:10px;color:#f7f4e9;border:0;border-radius:3px;background:#a86247;cursor:pointer}.kb-camera-controls{display:flex;justify-content:center;width:max-content;position:absolute;bottom:27px;left:calc(50% - 190px);transform:translateX(-50%);pointer-events:auto;padding:5px;gap:3px;background:#f9f7efe6;border:1px solid #d8d8c8;border-radius:6px}.kb-camera-controls button{border:0;border-radius:3px;padding:9px 12px;background:none;font-size:10px;cursor:pointer;color:#707666}.kb-camera-controls button[aria-pressed=true]{background:#e4e4d8;color:#2f382e}.kb-editor button:disabled,.kb-typing button:disabled{opacity:.4;cursor:default}.kb-camera-controls :focus-visible,.kb-editor :focus-visible{outline:2px solid #b67554;outline-offset:3px}@media(max-width:900px) and (min-width:701px){.keyboard-mode:has(.modular-panel) .canvas-stage{margin-right:330px}.keyboard-mode .workbench-panel.modular-panel{width:330px}.kb-camera-controls{left:calc(50% - 165px)}.keyboard-mode:has(.modular-panel) .workbench-topline{right:350px}}@media(max-width:700px){.keyboard-mode:has(.modular-panel) .canvas-stage{margin:0;bottom:48svh}.keyboard-mode .keyboard-workbench,.keyboard-mode.has-left-panel .keyboard-workbench{inset:var(--topbar-height) 0 0}.keyboard-mode .workbench-panel.modular-panel{inset:auto 0 0;height:48svh;width:100%;border-left:0;border-top:1px solid #d5d7c7;border-radius:13px 13px 0 0}.keyboard-mode:has(.modular-panel) .workbench-topline{right:15px;left:15px;top:10px}.kb-heading{padding:10px 20px 5px}.kb-heading .eyebrow,.kb-heading p{display:none}.kb-heading h2{font-size:24px;margin:0}.kb-tabs button{padding:9px 4px}.kb-content{padding-inline:20px}.kb-presets{grid-template-columns:repeat(4,1fr);gap:8px}.kb-preset-keys{gap:2px;padding:9px 5px}.kb-preset-keys i{height:8px}.kb-presets strong{font-size:9px;padding-inline:3px}.kb-presets small{display:none}.kb-footer,.kb-typing{padding:7px 20px}.kb-camera-controls{left:50%;bottom:calc(48svh + 8px);padding:3px}.kb-camera-controls button{font-size:9px;padding:7px 9px}}@media(prefers-reduced-motion:reduce){.kb-camera-controls *,.kb-editor *{transition:none!important;animation:none!important}}.public-keyboard-dock:has(.public-keyboard-inspect){flex-wrap:wrap;max-height:55svh;overflow-y:auto}.public-keyboard-inspect{flex:1 0 100%;width:100%;font-size:12px}.public-keyboard-inspect summary{cursor:pointer;padding:8px}.public-keyboard-inspect .kb-camera-controls{position:static;transform:none;margin:8px auto}.public-keyboard-inspect .kb-inspect{padding:0 14px 14px}