:root{--paper:#eeece5;--ink:#303932;--line:#c7ccc2;--accent:#344c3c;--button-ink:#fff7e7}.mast{background:#eeece5}.brand:before{content:'⌗';font:40px Space;color:#728773}.studio{display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1800px;margin:auto;min-height:780px}.inspector{padding:35px 28px;background:#e3e6de;border-inline-end:1px solid var(--line)}.inspector h1{font-size:52px;margin:20px 0}.intro{font-size:13px;color:#697267}.inspector-label{display:flex;justify-content:space-between;border-top:1px solid #bdc5b8;padding:20px 0 12px;font-size:11px;margin-top:25px}.object-list{display:grid;gap:8px}.object{display:flex;align-items:center;gap:14px;width:100%;border:1px solid transparent;background:#f2f1ea;padding:8px 12px;text-align:right;min-height:70px}.object[aria-pressed=true]{border-color:#536d52;background:#faf9f1}.object img{width:56px;height:50px;object-fit:contain}.object b{font-size:12px;font-weight:500}.object small{display:block;font-size:10px;color:#67765e}.object i{margin-inline-start:auto;font-style:normal}.range-label{font-size:11px;display:block}#scale{width:100%;accent-color:#344c3c}.inspector-actions{display:flex;gap:8px;margin-top:15px}.inspector-actions button{padding:8px;font-size:10px;flex:1;min-height:42px}.light-switch{display:flex;gap:5px}.light-switch button{flex:1;padding:8px 5px;background:none;border:1px solid #bec7b7;font-size:11px}.light-switch button[aria-pressed=true]{background:#344c3c;color:#f3f0e6}.canvas-column{min-width:0}.canvas-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;font-size:11px;border-bottom:1px solid var(--line)}.canvas-bar i{display:inline-block;width:7px;height:7px;background:#678567;border-radius:50%;margin-left:8px}.canvas-bar button{background:none;border:0;font-size:11px}.room-stage{position:relative;aspect-ratio:1.55;overflow:hidden;background:#d8d4c8;isolation:isolate}.room-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-tint{position:absolute;inset:0;pointer-events:none;z-index:2;transition:background .7s;mix-blend-mode:multiply}.room-stage[data-light=gold] .room-tint{background:#d88b3b55}.room-stage[data-light=night] .room-tint{background:#324969aa}.ruler{position:absolute;z-index:3;top:14px;left:10%;right:10%;text-align:center;border-bottom:1px solid #434d4144;padding:5px;color:#45543c;font-size:10px;letter-spacing:5px}.room-objects{position:absolute;inset:0}.piece{position:absolute;padding:0;border:1px dashed transparent;background:none;touch-action:none;user-select:none;cursor:grab;z-index:4;border-radius:15px}.piece.selected{border-color:#435c4199}.piece:active{cursor:grabbing;z-index:6}.piece img{display:block;width:100%;pointer-events:none;filter:drop-shadow(4px 14px 7px #30332633);transition:filter .5s}.room-stage[data-material=sand] .piece img{filter:sepia(.35) saturate(.5) drop-shadow(4px 14px 7px #30332633)}.room-stage[data-material=clay] .piece img{filter:sepia(.5) saturate(1.5) hue-rotate(325deg) drop-shadow(4px 14px 7px #30332633)}.room-annotation{position:absolute;top:18%;right:8%;border-right:1px solid #556248;padding-right:15px;z-index:3;pointer-events:none}.room-annotation span{font-size:9px;display:block;letter-spacing:.12em}.room-annotation b{font:400 24px Alex}.coordinate{position:absolute;bottom:15px;left:18px;font-size:10px;z-index:5;background:#f7f4e2ab;padding:4px 10px}.canvas-bottom{padding:20px 25px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line);font-size:11px}.canvas-bottom>div{display:flex;gap:6px}.canvas-bottom button{border:1px solid #c7ccc2;background:none;padding:8px 13px;font-size:11px}.canvas-bottom button[aria-pressed=true]{background:#344c3c;color:#f4f1e5}.canvas-bottom>.en{font-size:9px;color:#7b8574}.studio-notes{padding:35px;display:flex;gap:30px;align-items:center;justify-content:space-between}.studio-notes>span:first-child{font-size:65px;color:#819372}.studio-notes p{font-size:15px;color:#66715f}.studio-notes strong{font-size:17px;color:#33432f;font-weight:400}.studio-notes>.en{font-size:9px;letter-spacing:.12em;text-align:left}.materials{background:#e1dfd2}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material-grid button{background:none;border:1px solid transparent;padding:10px;text-align:right}.material-grid button[aria-pressed=true]{border-color:#526148}.material-grid span{display:block;font:500 19px Alex;margin:15px 0 8px}.material-grid small{font-size:12px;color:#687360}.texture{height:190px;background:repeating-linear-gradient(6deg,#7f896d 0 2px,#929f7d 2px 3px);position:relative}.texture:after{content:'';position:absolute;width:42%;height:100%;left:0;background:repeating-linear-gradient(93deg,#704e31 0 4px,#835b3e 4px 6px,#a37b4e 6px 9px)}.texture.sand{background:repeating-linear-gradient(90deg,#b9ae93 0 2px,#d2c7b1 2px 4px)}.texture.sand:after{background:radial-gradient(at 10% 10%,#b4b1a0,transparent 65%),#ded9cc}.texture.clay{background:repeating-linear-gradient(3deg,#aa6c51 0 2px,#bc8061 2px 4px)}.texture.clay:after{background:repeating-linear-gradient(85deg,#6d4830 0 3px,#91603c 3px 5px)}.brief{background:#344c3c;color:#faf1e2;--line:#81957c;--paper:#344c3c;--ink:#faf1e2;--accent:#d9d4af;--button-ink:#344c3c}.brief h2{font-size:clamp(35px,5vw,65px);margin:20px 0}.brief form{display:flex;gap:25px;align-items:end}.brief .field{flex:1;margin:0}.brief .action{flex:1}@media(max-width:1050px){.studio{grid-template-columns:260px minmax(0,1fr)}.inspector{padding:25px 20px}.inspector h1{font-size:43px}.room-stage{aspect-ratio:1.1}.studio-notes>.en{display:none}}@media(max-width:700px){.studio{display:flex;flex-direction:column}.inspector{order:2;padding:25px 22px}.canvas-column{order:1}.room-stage{aspect-ratio:1.1}.canvas-bar{padding:12px 15px;font-size:10px}.room-annotation{top:20%;right:7%}.room-annotation b{font-size:20px}.ruler{font-size:8px;letter-spacing:2px}.canvas-bottom{padding:15px;gap:10px}.canvas-bottom>span:first-child{display:none}.canvas-bottom button{font-size:10px;padding:8px}.canvas-bottom>.en{display:none}.studio-notes{padding:22px;gap:15px}.studio-notes p{font-size:12px}.studio-notes strong{font-size:13px}.studio-notes>span:first-child{font-size:45px}.inspector h1 br{display:none}.inspector h1{font-size:35px}.inspector h1{margin:12px 0}.object-list{grid-template-columns:repeat(3,1fr)}.object{flex-direction:column;text-align:center;gap:3px;padding:7px 4px}.object img{height:40px}.object i,.object small{display:none}.material-grid{gap:8px}.texture{height:120px}.material-grid span{font-size:12px}.material-grid small{font-size:10px}.brief form{flex-direction:column;align-items:stretch}.brief .action{margin-top:8px}}