@charset "UTF-8";
:root{--paper:#f7faf8;--surface:#fff;--mist:#e8efec;--canvas:#e5eeeb;--ink:#283e43;--muted:#788a8b;--line:#dce5e1;--teal:#34776c;--teal-light:#e2efea;--yellow:#f1cb69;--shadow:0 8px 28px #29483b0b;--font:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",sans-serif;--utility:"Cascadia Code","Consolas",monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.5 var(--font);overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:transparent}button:disabled{opacity:.28;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #dcaa32;outline-offset:3px}button, a{transition:background .15s,color .15s,box-shadow .15s}svg{display:block}img{display:block}button [data-icon],h2 [data-icon]{width:20px;height:20px;display:inline-flex;flex-shrink:0}[data-icon] svg,[data-icon] img{width:100%;height:100%}.app-header{height:74px;display:flex;align-items:center;gap:20px;padding:0 26px;background:#fcfdfc;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:23px;letter-spacing:1px}.brand>svg{width:31px;height:35px}.brand-en{font:10px/1.4 var(--utility);letter-spacing:2.3px;display:block;color:var(--muted);margin-top:-2px}.header-divider{height:27px;width:1px;background:var(--line);margin:0 2px 0 6px}.project-title{font-weight:700;white-space:nowrap}.project-title span{color:var(--muted);margin-left:10px}.save-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.save-state i,.status-dot{width:5px;height:5px;border-radius:50%;background:#7ca89a;display:inline-block}.header-spacer{flex:1}.prototype-badge{font-size:10px;letter-spacing:.6px;padding:3px 7px;border:1px solid #d5dfda;border-radius:4px;color:#7b8d86}.text-link{font-size:12px}.text-link span{color:var(--muted);margin-left:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 16px;border-radius:7px;font-weight:700;font-size:12px;min-height:39px}.button-muted{border:1px solid var(--line);background:white}.button-muted:hover{background:var(--teal-light)}.button-primary{background:var(--yellow);color:#403e29;box-shadow:0 2px 0 #d6b25540}.button-primary:hover{background:#f6d789;box-shadow:0 3px 10px #c29d3440}.workbench{display:grid;grid-template-columns:72px minmax(0,1fr) 286px;height:calc(100dvh - 74px)}.tool-rail{padding:24px 8px 12px;display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--line);background:#f9fbf9}.tool-group{display:flex;flex-direction:column;gap:8px}.tool{width:47px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;gap:3px;color:#7a8b88;padding:7px 0}.tool small{font-size:9px;font-weight:500}.tool [data-icon]{width:21px;height:21px}.tool:hover{background:#e8efeb;color:var(--teal)}.tool.active{background:var(--teal);color:#fff;box-shadow:0 3px 8px #2c736c26}.rail-line{width:24px;height:1px;background:var(--line);margin:19px 0 12px}.rail-spacer{flex:1}.workspace{min-width:0;display:flex;flex-direction:column;position:relative;background:var(--canvas)}.canvas-topbar{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px;pointer-events:none}.canvas-topbar button{pointer-events:auto}.eyebrow{font:9px/1.4 var(--utility);letter-spacing:2px;color:#7b9690}.scene-heading h1{font-size:22px;letter-spacing:2px;font-weight:700;margin:8px 0 5px}.scene-heading p{font-size:11px;color:#81938c;margin:0}.scene-actions{display:flex;gap:8px;align-items:center}.chip{display:flex;align-items:center;gap:5px;padding:7px 11px;border:1px solid #d1ded7;border-radius:6px;font-size:11px;background:#f6faf6c9;color:#637d71}.chip [data-icon]{width:15px;height:15px}.chip:hover{background:#fff}.chip>span:first-child{font-size:16px}.canvas-wrap{min-height:0;position:relative;flex:1;overflow:hidden;background-image:radial-gradient(#8eaaa530 .7px,transparent .7px);background-size:17px 17px}#world{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.view-badge{position:absolute;left:32px;bottom:28px;font-size:10px;display:flex;gap:7px;align-items:center;color:#7c9389;pointer-events:none}.view-dot{width:6px;height:6px;border-radius:50%;border:1px solid #81a496}.badge-divider{width:1px;height:10px;background:#baccc1;margin:0 2px}.build-tip{position:absolute;left:50%;top:145px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#6f8980;font-size:11px;white-space:nowrap;background:#f9fcf8e0;border:1px solid #d6e2d9;border-radius:25px;padding:6px 9px 6px 7px;box-shadow:var(--shadow);pointer-events:auto}.build-tip button{font-size:17px;line-height:18px;padding:0 4px;color:#9aaba2}.keycap{background:white;border:1px solid #d4e0d9;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:21px;font:11px var(--utility);color:#568375}.view-controls{position:absolute;right:28px;bottom:22px;display:flex;align-items:center;background:#fbfdfb;border:1px solid #dce6df;border-radius:7px;box-shadow:var(--shadow);padding:4px}.view-controls button{height:29px;min-width:29px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:4px;color:#697e74}.view-controls button:hover{background:var(--teal-light)}.view-controls [data-icon]{width:16px;height:16px}.view-controls .mirror{transform:scaleX(-1)}#fit-view{padding:0 7px}#zoom-label{font:10px var(--utility)}.control-separator{height:14px;width:1px;background:var(--line);margin:0 5px}.axis-guide{position:absolute;right:30px;top:100px;opacity:.55;pointer-events:none}.axis-guide svg{width:60px;height:60px;stroke:#82a896;color:#7f9b90}.axis-guide path{stroke:inherit}.axis-guide text{font:10px var(--utility);fill:currentColor;stroke:none}.canvas-bottom{height:84px;display:flex;align-items:center;padding:0 27px;gap:22px;background:#f6faf7dc;border-top:1px solid #d4e2d8;z-index:3}.current-material{display:flex;align-items:center;gap:8px;min-width:140px}.current-material img{width:40px;height:44px;image-rendering:pixelated}.current-material small{color:#8c9c93;font-size:9px;display:block;margin-bottom:2px}.current-material strong{font-size:11px;font-weight:600}.hotbar{display:flex;gap:6px;margin:0 auto}.hotbar button{width:45px;height:47px;border:1px solid #dae5dd;border-radius:6px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center}.hotbar button img{width:35px;height:35px}.hotbar button small{position:absolute;left:4px;top:1px;font:8px var(--utility);color:#9aaba1}.hotbar button.active{border-color:var(--teal);background:#e8f2eb;box-shadow:inset 0 0 0 1px var(--teal)}.grid-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #d6e0d9;border-radius:5px;color:#789184}.grid-button.active{background:#e4eee5;color:var(--teal)}.statusbar{height:30px;display:flex;justify-content:space-between;align-items:center;background:#f0f6f1;padding:0 23px;font:10px/1 var(--utility);color:#8b9d91;gap:12px}.statusbar>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.status-divide{margin:0 1px;color:#bccac0}.desktop-hint{font:9px var(--font)}kbd{font:9px var(--utility);padding:2px 5px;border:1px solid #dce5de;border-radius:3px;color:#82958a;background:#f9fcf8}.inspector{display:flex;flex-direction:column;min-height:0;padding:24px 19px 0;background:#fdfefd;border-left:1px solid var(--line);z-index:4}.panel-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.panel-header h2,.layer-heading h2{font-size:13px;margin:0;font-weight:700;letter-spacing:1px}.count-pill{font:9px var(--utility);background:#eaf0ec;color:#8a9c91;padding:2px 6px;border-radius:4px}.search-field{display:flex;gap:8px;align-items:center;background:#f4f7f4;border:1px solid #e3eae5;border-radius:6px;height:35px;padding:0 10px;flex-shrink:0}.search-field svg{width:14px;stroke:#97a69d;stroke-width:1.5;fill:none}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#526c60;font-size:10px}.search-field input::placeholder{color:#9baaa1}.search-field>span{color:#b8c4bc;font:10px var(--utility)}.categories{display:flex;gap:0;flex-wrap:wrap;padding:14px 0 10px;flex-shrink:0}.categories button{font-size:10px;color:#91a095;flex:1;padding:5px 2px;border-radius:4px}.categories button.active{background:var(--teal-light);color:var(--teal);font-weight:700}.categories button:hover{color:var(--teal)}.block-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow-y:auto;min-height:90px;align-content:start;flex:1;padding:2px 1px 18px;scrollbar-width:thin;scrollbar-color:#dce6df transparent}.block-card{height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e8eee9;border-radius:7px;background:#f9fbf8;gap:5px;position:relative}.block-card img{width:46px;height:46px;image-rendering:pixelated}.block-card span{font-size:9px;color:#7a8b7e;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.block-card:hover{background:#ecf3ed;border-color:#b9d2c2}.block-card.active{background:#edf5ed;border-color:#5d9580;box-shadow:inset 0 0 0 1px #5d9580}.block-card.active::after{content:'✓';position:absolute;right:4px;top:1px;font-size:10px;color:#42816c}.empty-library{grid-column:1/-1;padding:25px 0;color:var(--muted);font-size:11px;text-align:center}.layer-panel{border-top:1px solid var(--line);padding:20px 0 11px;flex-shrink:0}.layer-heading{display:flex;align-items:center;justify-content:space-between}.layer-heading h2{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:0}.layer-heading h2 [data-icon]{width:16px;height:16px;color:#72937c}.switch-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b9d90;cursor:pointer}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch{height:14px;width:25px;background:#dce5dd;border-radius:12px;position:relative}.switch::after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:white;transition:transform .15s}.switch-label input:checked+.switch{background:var(--teal)}.switch-label input:checked+.switch::after{transform:translateX(11px)}.switch-label input:focus-visible+.switch{outline:3px solid #dcaa32}.height-control{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.height-control button{border:1px solid #dce6de;background:#f5f8f4;width:26px;height:24px;border-radius:4px;color:#8b9f8f}.height-control>span{font:10px var(--utility);color:#8b9d8c}.height-control strong{font-size:21px;font-weight:500;color:#51745a;margin:0 7px}.height-control small{font:9px var(--font)}#layer-slider{width:100%;height:14px;margin:15px 0 11px;accent-color:var(--teal);cursor:pointer}.plane-toggle{display:flex;align-items:center;gap:7px;font-size:10px;color:#6e8775;cursor:pointer}.plane-toggle input{margin:0;accent-color:var(--teal);width:12px;height:12px}.layer-panel p{font-size:9px;color:#9ba99b;margin:10px 0 0;line-height:1.7}.library-note{font-size:8px;color:#98a89b;display:flex;gap:7px;padding:12px 0 13px;border-top:1px solid #e7eee7;align-items:center;flex-shrink:0}.tiny-cube{font-size:15px;color:#82a18d}.mobile-close{display:none}.toast{position:absolute;left:50%;bottom:30px;max-width:80%;transform:translate(-50%,10px);background:#294c43;color:#f0f8f0;border:1px solid #709381;font-size:11px;padding:10px 18px;border-radius:7px;box-shadow:0 4px 18px #244c4220;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:6;white-space:normal;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{border:1px solid #d9e4dc;border-radius:15px;padding:35px;width:460px;max-width:calc(100vw - 30px);background:#fcfefb;color:var(--ink);box-shadow:0 20px 100px #193c3430;max-height:90dvh;overflow:auto}.modal::backdrop{background:#24433b66;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:18px;top:14px;color:#92a397;font-size:24px}.modal h2{font-size:24px;margin:10px 0;letter-spacing:1px}.modal-intro{color:#8b9b8e;font-size:11px;margin:0 0 24px}.export-summary{background:#eef4ed;border:1px solid #e4ece1;display:flex;justify-content:space-around;border-radius:7px;padding:17px 8px;margin-bottom:24px}.export-summary span{font-size:9px;text-align:center;color:#92a28f;display:flex;flex-direction:column;gap:3px}.export-summary strong{font:18px var(--utility);color:#4b7253}.field-label{display:block;font-size:11px;color:#80947f;margin-bottom:7px}.text-input{width:100%;border:1px solid #d7e1d4;border-radius:6px;padding:10px 12px;background:white;font-size:12px;color:var(--ink)}.format-card{display:flex;align-items:center;gap:14px;border:1px solid #7a9d7b;border-radius:7px;background:#edf5e9;padding:16px 14px;margin-top:20px}.format-icon{font-size:25px;color:#608c60}.format-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.format-card strong{font-size:11px}.format-card small{font:9px var(--utility);color:#8fa185}.format-check{margin-left:auto;color:var(--teal)}code{font:inherit}.export-note{font-size:10px;color:#8fa08a;line-height:1.9}.material-details{margin:16px 0 20px;font-size:10px;color:#75906e}.material-details summary{cursor:pointer;display:flex;justify-content:space-between}.material-details summary::marker{content:''}#material-list{max-height:140px;overflow:auto;margin-top:10px}#material-list>div{display:flex;justify-content:space-between;padding:5px;border-bottom:1px solid #edf2e9}.export-submit{width:100%;margin-top:12px;min-height:44px}.export-secondary{display:flex;justify-content:center;gap:20px;margin-top:14px;color:#8b9e84;font-size:10px}.export-secondary button{text-decoration:underline;text-underline-offset:3px}.help-row{display:flex;gap:14px;margin:23px 0}.help-number{width:26px;height:26px;background:#e6f0e5;border-radius:7px;color:#5b8454;font:13px/26px var(--utility);text-align:center;flex-shrink:0}.help-row strong{font-size:12px}.help-row p{font-size:11px;color:#899c82;line-height:1.9;margin:6px 0}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px;background:#f0f5ec;border-radius:7px;color:#819279;font-size:10px}.shortcut-grid kbd{margin-right:5px}.help-footnote{font-size:9px;color:#9baa93;line-height:1.9;margin-top:20px}.small-modal{width:380px}.small-modal h2{font-size:20px;margin-bottom:24px}
@media(min-width:1600px){.workbench{grid-template-columns:80px minmax(0,1fr) 310px}.inspector{padding-left:23px;padding-right:23px}.block-card{height:95px}.block-card img{width:53px;height:53px}.hotbar button{width:52px;height:52px}.scene-heading h1{font-size:25px}.canvas-topbar{padding:34px 40px}}
@media(max-width:1200px){.app-header{gap:14px;padding:0 18px}.save-state{display:none}.workbench{grid-template-columns:64px minmax(0,1fr) 254px}.inspector{padding:21px 14px 0}.canvas-bottom{padding:0 16px;gap:8px}.current-material{min-width:96px}.current-material img{width:32px;height:35px}.hotbar{gap:4px}.hotbar button{width:36px;height:41px}.hotbar button img{width:29px;height:29px}.canvas-topbar{padding:24px}.view-badge{left:24px}.block-card{height:79px}.block-card img{width:43px;height:43px}.desktop-hint{display:none!important}.prototype-badge{display:none}}
@media(max-width:900px){.app-header{height:64px;padding:0 13px;gap:12px}.workbench{height:calc(100dvh - 64px);grid-template-columns:55px minmax(0,1fr) 215px}.brand{font-size:20px;gap:8px}.brand-en{font-size:8px;letter-spacing:1.5px}.brand>svg{width:27px}.header-divider{margin:0}.project-title{font-size:11px}.desktop-link{display:none}.button{font-size:11px;padding:8px 12px}.tool{width:39px}.tool-rail{padding-left:6px;padding-right:6px}.inspector{padding:18px 11px 0}.block-library{gap:5px}.block-card{height:71px}.block-card img{width:36px;height:36px}.block-card span{font-size:8px}.categories button{font-size:9px}.scene-heading h1{font-size:20px}.scene-heading p{display:none}.canvas-topbar{padding:22px 19px}.scene-actions{flex-direction:column;align-items:flex-end;gap:6px}.chip{padding:5px 8px;font-size:9px}.build-tip{font-size:9px;top:125px}.current-material{min-width:0}.current-material>span{display:none}.hotbar button:nth-child(n+7){display:none}.canvas-bottom{height:69px;padding:0 10px}.hotbar{gap:3px}.hotbar button{width:34px;height:38px}.grid-button{width:27px;flex-shrink:0}.view-badge{bottom:68px;left:20px;font-size:8px}.view-controls{bottom:18px;right:18px}.axis-guide{right:17px;top:125px}.statusbar{padding:0 12px;font-size:8px}.layer-heading h2{font-size:10px}.library-note{font-size:7px}.layer-panel{padding-top:15px}}
@media(max-width:640px){body{overflow:hidden}.app-header{height:60px;gap:9px;padding:0 11px}.brand{font-size:18px}.brand>svg{width:25px;height:30px}.brand-en{font-size:7px}.header-divider,.project-title,#save-json{display:none}.header-spacer{min-width:0}.button-primary{padding:9px 12px;font-size:10px}.workbench{height:calc(100dvh - 60px);grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(220px,1fr) auto}.tool-rail{grid-column:1;grid-row:1;padding:15px 3px 6px}.tool{width:35px;min-height:39px;border-radius:6px}.tool small{font-size:8px}.tool [data-icon]{width:18px;height:18px}.tool-group{gap:4px}.rail-line{margin:12px 0 5px}.workspace{grid-column:2;grid-row:1}.canvas-topbar{padding:17px 14px}.eyebrow{font-size:7px;letter-spacing:1.3px}.scene-heading h1{font-size:17px;margin-top:6px;letter-spacing:1px}.scene-actions{gap:4px}.chip{font-size:8px;padding:4px 6px}.chip [data-icon]{width:12px;height:12px}.chip>span:first-child{font-size:12px}.build-tip{top:103px;font-size:8px;gap:5px;max-width:95%;padding:5px 7px}.build-tip .keycap{min-width:17px;height:17px;font-size:9px}.axis-guide{display:none}.canvas-bottom{height:56px;padding:0 8px;gap:7px}.current-material img{width:25px;height:30px}.hotbar button{width:31px;height:35px}.hotbar button img{width:25px;height:25px}.hotbar{gap:4px}.hotbar button:nth-child(n+6){display:none}.grid-button{width:25px;height:28px;padding:4px}.view-controls{right:12px;bottom:13px;padding:2px}.view-controls button{min-width:24px;height:25px}.view-badge{left:13px;bottom:52px;font-size:7px;gap:5px}.statusbar{height:25px;font-size:7px;padding:0 9px;gap:8px}.statusbar>span{gap:4px}.inspector{grid-column:1/-1;grid-row:2;padding:10px 12px 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 120px;column-gap:12px;max-height:243px}.panel-header{margin-bottom:7px;gap:6px;grid-column:1}.panel-header h2{font-size:11px}.count-pill{font-size:8px}.mobile-close{display:block;margin-left:auto}.search-field{height:29px;grid-column:2;grid-row:1}.search-field input{font-size:8px}.search-field>span{display:none}.categories{grid-column:1;grid-row:2;padding:0 0 7px}.categories button{font-size:8px;flex:0 0 auto;padding:4px 8px}.block-library{display:flex;grid-column:1/-1;grid-row:3;overflow-x:auto;overflow-y:hidden;min-height:69px;max-height:79px;padding:0 0 8px;gap:6px}.block-card{width:60px;min-width:60px;height:65px;gap:1px}.block-card img{width:36px;height:36px}.layer-panel{grid-column:1/-1;grid-row:4;display:flex;gap:10px;align-items:center;padding:9px 0}.layer-heading{gap:9px;flex-shrink:0}.layer-heading h2{font-size:8px;gap:4px}.layer-heading h2 [data-icon]{width:13px;height:13px}.switch-label{font-size:8px;gap:4px}.height-control{margin:0;gap:5px}.height-control button{width:21px;height:22px}.height-control>span{font-size:8px;white-space:nowrap}.height-control strong{font-size:14px;margin:0 4px}.height-control small{font-size:7px}#layer-slider{display:none}.plane-toggle{font-size:8px;gap:4px}.plane-toggle input{width:11px;height:11px}.layer-panel p,.library-note{display:none}.inspector.collapsed .categories,.inspector.collapsed .block-library,.inspector.collapsed .layer-panel{display:none}.modal{padding:28px 23px}.modal h2{font-size:21px}.toast{bottom:65px;font-size:9px;max-width:90%}.export-summary strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
[hidden]{display:none!important}select{font:inherit;color:inherit}.panel-header{margin-bottom:14px}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:11px 0 9px}.categories button{font-size:9px;padding:5px 4px}.shape-filters{display:flex;gap:3px;padding-bottom:8px;flex-shrink:0}.shape-filters button{flex:1;font-size:9px;color:#92a396;border:1px solid #e4ebe5;border-radius:4px;padding:4px 0;white-space:nowrap}.shape-filters button.active{color:var(--teal);border-color:#a7c5b5;background:#eff6f0}.material-results{font:9px/1.5 var(--utility);color:#9aaa9e;padding-bottom:10px;flex-shrink:0}.placement-panel{flex-shrink:0;border-top:1px solid var(--line);padding:12px 0}.placement-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.placement-heading strong{font-size:10px;font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placement-heading button{color:var(--teal);font-size:15px;display:flex;align-items:center;gap:5px;padding:0}.placement-heading kbd{font-size:8px}.placement-fields{display:flex;gap:8px}.placement-fields label{display:flex;flex:1;align-items:center;gap:6px;min-width:0;font-size:9px;color:#8c9e8e}.placement-fields select{min-width:0;flex:1;border:1px solid #dce6de;border-radius:4px;background:#f6faf5;padding:4px 3px;font-size:9px;color:#577a5e}.placement-fields select:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}
@media(max-width:900px) and (min-width:641px){.categories button{font-size:8px}.placement-fields{gap:5px}.placement-fields label{gap:3px}.placement-fields select{font-size:8px}.material-results{font-size:8px}.shape-filters button{font-size:8px}.placement-heading strong{max-width:135px}}
@media(max-width:640px){.inspector{max-height:320px}.panel-header{margin-bottom:7px}.categories{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:3px;padding:0 0 6px}.categories button{flex:0 0 auto;font-size:8px;padding:4px 10px}.shape-filters{grid-column:1;grid-row:3;padding:0 0 6px}.shape-filters button{font-size:8px;padding:3px 6px;flex:0 0 auto}.material-results{grid-column:2;grid-row:3;padding:0 0 6px;align-self:center;justify-self:end;font-size:8px}.block-library{grid-row:4}.placement-panel{grid-column:1/-1;grid-row:5;display:flex;align-items:center;gap:10px;padding:7px 0}.placement-heading{margin:0;min-width:100px;flex:1}.placement-heading strong{font-size:8px;max-width:90px}.placement-heading button{font-size:13px}.placement-heading kbd{display:none}.placement-fields{flex:1.7;gap:7px}.placement-fields label{font-size:8px;gap:5px}.placement-fields select{font-size:8px;padding:3px}.layer-panel{grid-row:6}.inspector.collapsed .shape-filters,.inspector.collapsed .material-results,.inspector.collapsed .placement-panel{display:none!important}}
.material-results{display:flex;align-items:center;justify-content:space-between;gap:8px}.material-results button{font:9px var(--font);padding:0;color:var(--teal);text-decoration:underline;text-underline-offset:2px}@media(max-width:640px){.material-results{justify-self:stretch;gap:4px;font-size:7px}.material-results button{font-size:7px}}

/* Contextual building tools stay at the edge so the model remains the focus. */
.tool-rail{min-height:0;padding-top:18px}.rail-scroll{width:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c9d9ce transparent;flex-shrink:1;overscroll-behavior:contain}.rail-scroll>.tool{margin:1px auto}.tool-group{align-items:center;gap:5px}.tool{min-height:44px;padding:5px 0;flex-shrink:0}.rail-line{margin:14px auto 8px}.rail-spacer{min-height:8px}.tool-rail>#help{flex-shrink:0}.quick-panel{position:absolute;z-index:5;top:150px;left:24px;width:208px;max-height:calc(100% - 190px);overflow:auto;border:1px solid #cbdcd0;border-radius:10px;background:#fafdf9f2;box-shadow:0 5px 20px #3753430d;scrollbar-width:thin;scrollbar-color:#d0dfd2 transparent}.quick-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-bottom:1px solid #e0e9df;background:#f7fbf5;position:sticky;top:0;z-index:1}.quick-heading h2{font-size:11px;font-weight:700;letter-spacing:.5px;margin:0}.quick-heading button{display:flex;align-items:center;gap:4px;font-size:9px;color:#7c9381;min-height:23px;padding:0}.quick-heading [data-icon]{width:12px;height:12px}.quick-heading button[aria-expanded="true"] [data-icon]{transform:rotate(180deg)}#quick-body{padding:0 12px 10px}.quick-help{font-size:10px;line-height:1.8;color:#78917e;margin:9px 0 11px}.quick-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 9px}.quick-fields label{position:relative;display:flex;flex-direction:column;min-width:0;gap:5px;font-size:9px;color:#819483}.quick-fields input,.quick-fields select{display:block;width:100%;height:29px;min-width:0;border:1px solid #d6e2d4;border-radius:5px;background:#fff;color:#4d7155;padding:3px 7px;font-size:10px;font-variant-numeric:tabular-nums}.quick-fields input{font-family:var(--utility)}.quick-fields input:focus-visible,.quick-fields select:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.quick-wide{grid-column:1/-1}.field-unit{position:absolute;right:1px;top:0;font-size:8px;color:#a2b09f}.quick-preview{font:9px/1.7 var(--utility);color:#6c896f;background:#edf4e9;border:1px solid #e0eada;border-radius:5px;margin-top:12px;padding:7px 8px;overflow-wrap:anywhere}.cancel-operation{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:9px;color:#81927e;padding:8px 0 1px}.cancel-operation:hover{color:var(--teal)}.cancel-operation kbd{font-size:8px;padding:0 4px}.guide-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.guide-label{position:absolute;left:32px;bottom:51px;max-width:calc(100% - 220px);font:9px/1.7 var(--utility);letter-spacing:.15px;color:#6d9280;background:#edf5eecc;border:1px solid #cfdfd3;border-radius:4px;padding:2px 7px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-button:hover{background:#dcebe0;color:var(--teal)}
@media(min-width:1600px){.quick-panel{left:32px;top:162px}}
@media(max-width:1200px){.quick-panel{left:20px;top:142px;width:196px}.guide-label{left:24px}.guide-controls{gap:4px}}
@media(max-width:900px){.tool-rail{padding-top:14px}.tool-group{gap:4px}.tool{min-height:42px}.quick-panel{left:16px;top:116px;width:184px;max-height:calc(100% - 165px)}.quick-heading{padding:8px 10px}.quick-heading h2{font-size:10px}#quick-body{padding:0 10px 8px}.quick-help{font-size:9px;margin:8px 0}.quick-fields{gap:8px}.quick-fields label{font-size:8px}.quick-fields input,.quick-fields select{height:27px;font-size:9px}.quick-preview{font-size:8px;margin-top:9px;padding:6px}.guide-label{left:20px;bottom:89px;max-width:calc(100% - 40px);font-size:8px}.guide-controls .grid-button [data-icon]{width:17px;height:17px}}
@media(max-width:640px){.tool-rail{padding:10px 3px 5px}.tool{min-height:37px;padding:4px 0;gap:2px}.tool-group{gap:3px}.tool small{font-size:7px;line-height:1.25}.tool [data-icon]{width:17px;height:17px}.rail-line{margin:9px auto 6px}.rail-spacer{min-height:5px}.quick-panel{top:84px;left:10px;width:min(236px,calc(100% - 20px));max-height:calc(100% - 136px);border-radius:7px}.quick-heading{padding:5px 9px}.quick-heading h2{font-size:9px}.quick-heading button{min-height:22px;font-size:8px}#quick-body{padding:0 9px 7px}.quick-help{font-size:8px;line-height:1.65;margin:6px 0 7px}.quick-fields{gap:6px 8px}.quick-fields label{font-size:8px;gap:3px}.quick-fields input,.quick-fields select{height:26px;font-size:9px;padding:3px 5px}.quick-wide{grid-column:auto}.field-unit{font-size:7px}.quick-preview{margin-top:7px;font-size:8px;padding:4px 6px}.cancel-operation{font-size:8px;padding-top:6px}.guide-label{left:13px;bottom:73px;font-size:7px;max-width:calc(100% - 26px);padding:1px 5px}.guide-controls{gap:4px}.guide-controls .grid-button [data-icon]{width:16px;height:16px}.help-row{margin:18px 0}.shortcut-grid{gap:11px}}
@media(max-width:380px){.hotbar button:nth-child(n+5){display:none}.canvas-bottom{gap:5px;padding:0 6px}.guide-controls{gap:3px}}
.quick-panel:has(#quick-select:not([hidden])){width:248px;max-height:calc(100% - 280px)}.selection-panel{font-size:10px}.selection-caption{margin:7px 0;color:#8a9d87;font-size:9px;line-height:1.65}.selection-info{border:1px dashed #acc8b5;border-radius:5px;color:#4f785e;background:#eff6ec;padding:7px 8px;margin-bottom:9px;font:9px/1.7 var(--utility);overflow-wrap:anywhere}.selection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.selection-actions button,.selection-offset-apply{display:flex;align-items:center;justify-content:center;gap:5px;min-height:31px;min-width:0;border:1px solid #cfdfcf;border-radius:5px;background:#fff;color:#608169;font-size:9px;padding:5px}.selection-actions button [data-icon],.selection-offset-apply [data-icon]{width:15px;height:15px}.selection-actions button:hover:not(:disabled),.selection-offset-apply:hover:not(:disabled){background:#e9f3e6;border-color:#9cbea5}.selection-actions button.active,.selection-actions button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}.selection-actions button:disabled,.selection-offset-apply:disabled,.selection-clear:disabled{opacity:.4}.selection-actions kbd{font-size:7px;padding:1px 3px;margin-left:auto;white-space:nowrap}.selection-transform{margin-top:8px;padding-top:8px;border-top:1px solid #e0e9dc}.selection-transform .mirror{transform:scaleX(-1)}.selection-transform .mirror-z{transform:rotate(90deg)}.selection-mode{margin-top:10px}.selection-offset{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.selection-offset label{font-family:var(--utility)}.selection-offset-apply{width:100%;margin-top:6px}.selection-clear{display:block;margin:4px auto 0;color:#8b9d85;font-size:9px;padding:3px 7px;text-decoration:underline;text-underline-offset:3px}.selection-clear:hover:not(:disabled){color:var(--teal)}
@media(max-width:900px){.quick-panel:has(#quick-select:not([hidden])){width:226px;max-height:calc(100% - 231px)}.selection-actions button{font-size:8px;gap:4px}.selection-info,.selection-caption{font-size:8px}.selection-actions kbd{font-size:6px}}
@media(max-width:640px){.quick-panel:has(#quick-select:not([hidden])){width:min(236px,calc(100% - 20px));max-height:calc(100% - 225px)}.selection-range{gap:7px}.selection-caption{font-size:8px;margin:5px 0}.selection-info{padding:5px 6px;margin-bottom:6px}.selection-actions{gap:5px}.selection-actions button,.selection-offset-apply{min-height:28px;font-size:8px;padding:4px}.selection-transform{margin-top:6px;padding-top:6px}.selection-mode,.selection-offset{margin-top:7px}.selection-mode .quick-wide{grid-column:1/-1}.selection-offset-apply{margin-top:5px}.selection-clear{font-size:8px}}

/* Keep selection feedback visible while the longer parameter list scrolls. */
.quick-panel:has(#quick-select:not([hidden])){display:flex;flex-direction:column;overflow:hidden}.quick-panel:has(#quick-select:not([hidden])) .quick-heading{flex-shrink:0}.quick-panel:has(#quick-select:not([hidden])) #quick-body{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}.quick-panel:has(#quick-select:not([hidden])) .quick-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 9px;scrollbar-width:thin;scrollbar-color:#bfd4c1 transparent}.quick-panel:has(#quick-select:not([hidden])) .quick-feedback{flex-shrink:0;border-top:1px solid #dce8d9;padding:8px 12px 9px;background:#f5faf1}.quick-panel:has(#quick-select:not([hidden])) .quick-preview{margin:0}.selection-info.has-error{border-color:#d4aaa0;background:#fbefea;color:#a35342}
@media(max-width:900px){.quick-panel:has(#quick-select:not([hidden])) .quick-content{padding:0 10px 8px}.quick-panel:has(#quick-select:not([hidden])) .quick-feedback{padding:7px 10px 8px}}
@media(max-width:640px){.quick-panel:has(#quick-select:not([hidden])) .quick-content{padding:0 9px 7px}.quick-panel:has(#quick-select:not([hidden])) .quick-feedback{padding:6px 9px 7px}}
.workspace{min-height:0}.canvas-bottom,.statusbar{flex-shrink:0}