:root{color-scheme:light;--paper:#f5f3eb;--ink:#253e38;--muted:#6d7970;--line:#dedfd4;--accent:#daf18d;--stage:#294650}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:7px;padding:8px 12px;transition:background .15s,border-color .15s}button:hover{background:#e9eddf}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #88a84b;outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}.masthead{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line)}.back{font-size:18px;color:var(--muted);margin-right:14px;padding:4px 2px}.back:hover{color:var(--ink)}.masthead>.brand{margin-right:auto}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:23px;letter-spacing:-.7px}.brand-mark{font:39px Georgia;color:#668159}.edition{font:9px/1.4 monospace;letter-spacing:1.7px;margin-left:19px;border-left:1px solid #bec5b7;padding-left:21px}.header-actions{display:flex;align-items:center;gap:22px}.header-actions button{font-size:12px;padding:10px 15px}.header-actions button span{margin-left:20px}.save-state{font-size:11px;color:var(--muted)}main{display:grid;grid-template-columns:278px 1fr;height:calc(100dvh - 78px);min-height:690px}.library{padding:29px 23px 17px;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow-y:auto}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650}.library>.eyebrow{color:#718168}h1{font:35px/1.12 Georgia,serif;letter-spacing:-1px;margin:17px 0 12px}.intro{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 17px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:15px 0 9px}.section-label h2{font-size:12px;font-weight:600;margin:0}.section-label span{font-size:9px;color:#8d9588;letter-spacing:1px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.asset-grid.props{grid-template-columns:repeat(2,1fr)}.asset-card{position:relative;min-width:0;padding:7px 3px 8px;background:#eeefe6;display:flex;align-items:center;flex-direction:column;border:1px solid transparent}.asset-card:hover{border-color:#acbe8a;background:#e8eed9}.asset-card.selected{background:#e5eecf;border-color:#77945e}.asset-card.selected:after{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#668743}.asset-card img{width:100%;height:52px;object-fit:contain;margin-bottom:5px}.props .asset-card img{height:76px}.asset-card span{font-size:10px}.selection-note{font-size:11px;line-height:1.6;color:#697764;border-top:1px solid var(--line);margin-top:19px;padding-top:12px;min-height:57px}.kit-details{font-size:11px;margin:11px 0 20px;color:#697764}.kit-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.kit-details a{display:block;text-decoration:underline;margin-top:8px}.library-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.7px;color:#80907a;padding-top:14px}.status-dot{width:5px;height:5px;background:#7b9b53;border-radius:50%}.workspace{display:flex;flex-direction:column;min-width:0;padding:22px 25px 0}.workspace-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.layouts{display:flex;gap:5px}.layouts button{border:0;padding:8px 14px;color:#788276;font-size:12px}.layouts button.active{background:#e2e8d6;color:#354a31}.subtle{font-size:11px;border:0}.subtle[aria-pressed=true]{background:#e2e8d6}.stage{position:relative;flex:1;min-height:480px;background:var(--stage);border-radius:12px;overflow:hidden}canvas{display:block;width:100%;height:100%;position:absolute;inset:0;outline:none;touch-action:none}canvas:focus-visible{box-shadow:inset 0 0 0 2px #cfe294;border-radius:12px}.stage-heading{pointer-events:none;position:absolute;left:25px;top:24px;color:#d6e7d1}.stage-heading .eyebrow{color:#93afa9;font-size:8px;letter-spacing:2px}.stage-heading h2{font:22px Georgia;margin:6px 0}.stage-stats{position:absolute;right:23px;top:28px;pointer-events:none;font:9px monospace;letter-spacing:1px;color:#a4bbb4;white-space:pre;text-align:right;line-height:1.8}.stage-bottom{position:absolute;bottom:19px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.tools,.zoom{display:flex;align-items:center;gap:3px;padding:5px;background:#203a43e8;border:1px solid #536d71;border-radius:9px;pointer-events:auto;color:#c1d0cb;box-shadow:0 3px 10px #102c3626}.tools button,.zoom button{border:0;padding:7px 10px;border-radius:5px;font-size:12px;color:#d3e2d9}.tools button:hover,.zoom button:hover{background:#365963}.tools button.active{background:#dcef9c;color:#314c34}.tools button span{margin-left:3px;font-size:11px}.divider{width:1px;height:19px;background:#52666b;margin:0 3px}.zoom span{font:10px monospace;min-width:34px;text-align:center}.workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;color:#7a847a;font-size:10px}.workspace-footer button{border:0;font-size:10px;padding:8px}.workspace-footer>div{display:flex;gap:6px;flex-shrink:0}.loading{position:absolute;inset:0;display:grid;place-content:center;color:#e0ecce;background:#294650;z-index:2}.loading.hidden{display:none}.toast{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);background:#f0f2df;color:#314833;padding:9px 16px;border-radius:7px;pointer-events:none;font-size:12px;opacity:0;transition:opacity .15s;text-align:center;max-width:85%;width:max-content}.toast.visible{opacity:1}@media(min-width:1600px){main{grid-template-columns:304px 1fr}.library{padding:35px 30px}.props .asset-card img{height:97px}.workspace{padding:25px 32px 0}}@media(max-width:950px){.save-state{display:none}.workspace{padding:16px 15px 0}.library{padding:25px 16px}main{grid-template-columns:232px 1fr}.edition{display:none}.stage-heading{left:18px}.stage-stats{display:none}.workspace-footer #hint{max-width:180px}.layouts button{padding:8px 9px}.zoom button{padding:7px}.tools button{padding:7px}}@media(max-width:680px){.masthead{height:64px;padding:0 17px}.brand{font-size:20px}.brand-mark{font-size:30px}.header-actions button{font-size:10px;padding:8px}.header-actions button span{margin-left:4px}main{display:flex;flex-direction:column;height:auto;min-height:0}.library{order:2;overflow:visible;display:grid;grid-template-columns:1fr;gap:0;padding:20px;border:0}.library>.eyebrow,h1,.intro,.library-bottom{display:none}.asset-grid.props{grid-template-columns:repeat(4,1fr)}.props .asset-card img{height:68px}.asset-grid{grid-template-columns:repeat(3,1fr)}.asset-card img{height:52px}.selection-note{min-height:0;margin-top:15px}.kit-details{margin-bottom:0}.workspace{order:1;padding:12px 12px 0}.stage{height:57dvh;min-height:385px;flex:none}.workspace-bar{margin-bottom:10px}.stage-heading h2{font-size:18px}.stage-heading{top:17px;left:17px}.stage-bottom{left:10px;right:10px;bottom:10px}.workspace-footer{min-height:47px}.workspace-footer #hint{font-size:9px;max-width:165px}.workspace-footer button{font-size:9px;padding:6px}.tools button span{display:none}.subtle span{display:none}.zoom span{min-width:31px}.stage-bottom button{padding:7px 9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Height editing and independent bridge pieces. */
.asset-grid.props{grid-template-columns:repeat(3,1fr)}.props .asset-card img{height:58px}.asset-grid.structures{grid-template-columns:repeat(2,1fr)}.structures .asset-card img{height:62px}.bridge-controls{margin-top:12px;padding:12px;background:#e9eddf;border-radius:7px}.bridge-controls[hidden]{display:none}.bridge-controls label{display:block;font-size:11px;margin-bottom:6px}.bridge-controls select{width:100%;border:1px solid #becbb0;border-radius:5px;background:#f7f8f1;padding:7px;color:var(--ink);font:inherit;font-size:12px}.bridge-controls p{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0}.cell-info{position:absolute;bottom:77px;left:22px;right:22px;text-align:center;pointer-events:none;font-size:10px;color:#c3d6cd;min-height:16px}.toast{bottom:103px}.bridge-controls select:focus-visible{outline:3px solid #88a84b;outline-offset:2px}@media(max-width:950px){.tools button span{display:none}}@media(max-width:680px){.asset-grid.props{grid-template-columns:repeat(3,1fr)}.asset-grid.structures{grid-template-columns:repeat(2,1fr)}.structures .asset-card img{height:62px}.cell-info{font-size:9px;bottom:63px;left:12px;right:12px}.stage-bottom{gap:5px}.stage-bottom button{padding:7px}.zoom{gap:0}.zoom span{min-width:28px}.tools{gap:0}.toast{bottom:90px}}
@media(hover:none){.asset-card:hover:not(.selected){border-color:transparent;background:#eeefe6}}
/* Independent floors: one explicit working plane for every edit. */
.floor-bar{display:flex;align-items:center;gap:12px;margin:-3px 0 14px;flex-wrap:wrap}.floor-picker{display:flex;align-items:center;gap:9px}.floor-picker label{font-size:11px;font-weight:600}.floor-picker select{font:inherit;font-size:12px;background:#e5ecd8;border:1px solid #bdcbb0;border-radius:6px;color:var(--ink);padding:7px 10px}.floor-bar>button{padding:7px 11px;font-size:11px}.floor-bar>button[aria-pressed=true]{background:#dfeaC6;border-color:#8ca473}.floor-bar>span{font-size:10px;color:#7c8876}.terrain-controls{margin-top:15px;background:#e9eddf;padding:12px;border-radius:7px}.terrain-controls[hidden]{display:none}.terrain-controls label{display:block;font-size:10px;margin-bottom:6px}.terrain-controls select{width:100%;font:inherit;font-size:12px;color:var(--ink);padding:7px;background:#f7f8f1;border:1px solid #bdcbb0;border-radius:5px}.terrain-controls button{font-size:10px;width:100%;margin-top:8px;padding:7px;background:#f4f6ec}.terrain-controls button.active{background:#dcef9c;border-color:#8ca473}.terrain-controls p{font-size:10px;color:var(--muted);line-height:1.6;margin:8px 0 0}.workspace-bar{flex-wrap:wrap}.layouts{flex-wrap:wrap}.cell-info{line-height:1.5}.floor-picker select:focus-visible,.terrain-controls select:focus-visible{outline:3px solid #88a84b;outline-offset:2px}@media(max-width:680px){.floor-bar{gap:7px;margin:0 0 10px}.floor-bar>span{flex-basis:100%;font-size:9px}.floor-picker label{font-size:10px}.floor-picker select{font-size:11px;padding:6px}.floor-bar>button{font-size:10px;padding:6px 8px}.layouts{gap:1px}.layouts button{font-size:10px;padding:7px 8px}.tools .divider{margin:0 2px}.stage-bottom button{padding:7px 6px}.stage-bottom{left:8px;right:8px}.zoom span{font-size:9px;min-width:26px}.tools,.zoom{padding:4px}.cell-info{bottom:64px;font-size:8px}.terrain-controls{margin-top:16px}}
.build-guide{font-size:12px;margin:0 0 14px;color:#53694c}.build-guide span{float:right;color:#7c8876;font-size:11px}.asset-card canvas{pointer-events:none}.tools button span{display:inline}@media(max-width:680px){.build-guide{font-size:10px}.build-guide span{display:none}.tools button span{font-size:10px}.asset-card canvas{height:80px!important}}
.catalog-search{font-size:11px;display:block;margin:10px 0}.catalog-search span{display:block;margin-bottom:5px}.catalog-search input{width:100%;font:inherit;border:1px solid #cbd4be;border-radius:7px;padding:9px;background:#fbfcf5;color:var(--ink)}.catalog-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.catalog-tabs button{font-size:10px;padding:6px 8px}.catalog-tabs button.active{background:#dfeaC6;border-color:#8ca473}.asset-card[hidden],.asset-grid[hidden]{display:none!important}.asset-grid.props,.asset-grid.structures{grid-template-columns:repeat(2,1fr)}.props .asset-card img,.structures .asset-card img{height:90px}.asset-card span{text-align:center;padding:0 3px}.catalog-search input:focus-visible{outline:3px solid #88a84b;outline-offset:2px}@media(max-width:680px){.asset-grid.props,.asset-grid.structures{grid-template-columns:repeat(3,1fr)}.props .asset-card img,.structures .asset-card img{height:80px}}