/* One architectural sheet adjacent to the controls, scalable down to the
   independent mobile detail views. */
#studio .st-workspace{grid-template-columns:minmax(0,1.82fr) minmax(320px,1fr);align-items:start;grid-template-areas:"sheet controls"}
.st-left{grid-area:sheet;background:transparent;border:none;box-shadow:none;padding:0}
.board-controls{grid-area:controls;display:grid;gap:12px;min-width:0}
.st-left .st-property{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:9px;border-radius:10px;background:#fbf9f5;border:1px solid #d9d4ca;margin-bottom:10px}
.st-left .st-property .st-select{display:grid;align-items:center;justify-content:stretch;gap:.35rem;min-width:0;background:transparent;font-size:.72rem;padding:.25rem .4rem}
.st-left .st-property .st-select select,.st-left .st-property .st-select input{width:100%;max-width:100%;background:#f1ede5;font-size:.79rem}
.drawing-board,.board-expansion{--plate-charcoal:#292a27;--plate-paper:#eeeae1;min-width:0;border:1px solid #c7c3b8;border-radius:10px;overflow:hidden;background:var(--plate-paper);box-shadow:0 2px 9px #3428170b}
.board-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(12px,1vw,23px) clamp(14px,1.25vw,24px);background:#f8f6ef}
.board-head h2{font-size:clamp(20px,1.65vw,34px);font-weight:650;letter-spacing:-.04em;line-height:1.05;margin:.25rem 0 .33rem}
.board-kicker,.board-area small,.board-head p{font-size:.72rem;color:#665d4f}.board-kicker{font-weight:550}.board-head p{line-height:1.35}.board-head p span{margin:0 .35rem;color:#9e917e}
.board-area{text-align:end;display:grid;gap:.18rem}.board-area strong{font-size:clamp(19px,1.65vw,33px);font-weight:550;line-height:1.1;white-space:nowrap}
.board-plates{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;padding:2px;background:#c9c6bc}
.plate{margin:0;position:relative;min-width:0;background:#e8e4d9;overflow:hidden}.plate-plan{grid-column:span 6}.plate-axon{grid-column:span 6}.plate-section{grid-column:span 6}.plate-access{grid-column:span 3}.plate-material{grid-column:span 3}
.plate figcaption{position:absolute;z-index:1;top:9px;inset-inline-start:10px;pointer-events:none;max-width:90%;background:rgba(30,31,28,.9);color:#fffdf6;border-radius:3px;font-weight:500;font-size:clamp(10px,.7vw,13px);line-height:1.2;padding:.35em .65em}
.plate-image{display:block;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;cursor:zoom-in;position:relative;background:#cfccc1}
.plate-image canvas,.plate-image img{display:block;width:100%;height:100%;transition:transform .24s ease}
.plate-image img{object-fit:cover;object-position:center}.plate-image canvas{object-fit:contain}
.plate-plan .plate-image,.plate-axon .plate-image{aspect-ratio:1.42}.plate-section .plate-image{aspect-ratio:2.45}.plate-access .plate-image,.plate-material .plate-image{aspect-ratio:1.22}
.plate small{display:block;background:#eeeae0;color:#514a3e;font-size:clamp(9px,.63vw,12px);line-height:1.4;padding:5px 9px;min-height:2.1em}
.plate-expand{position:absolute;inset-inline-end:8px;bottom:8px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #fff9;background:#faf7eddd;border-radius:4px;color:#3e392f}.plate-expand svg{width:14px;height:14px}
@media(hover:hover) and (pointer:fine){.plate-image:hover img,.plate-image:focus-visible img{transform:scale(1.06)}.plate-image:hover canvas{transform:scale(1.025)}}
.board-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:0;margin:0;padding:11px 0;background:#343530;color:#f4f0e7}.board-metrics div{padding:0 .9rem;display:grid;gap:5px;min-width:0}.board-metrics div+div{border-inline-start:1px solid #68675d}.board-metrics dt{font-size:.67rem;color:#ddd6ca;line-height:1.25}.board-metrics dd{margin:0;font-size:.9rem;font-weight:520}
.board-tail{padding:10px 14px;display:flex;align-items:start;justify-content:space-between;gap:10px}.board-schedule{flex:1;min-width:0}.board-schedule summary,.sheet-save{font-size:.77rem;cursor:pointer;font-weight:550;padding:.4rem 0}.board-schedule summary span{color:#7d715f;margin-inline-start:.4em;font-size:.7rem}.sheet-save{color:#6d5539;text-decoration:underline;text-underline-offset:.18em}
.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .85rem;margin-top:.55rem}.schedule-grid>div{border-top:1px solid #cfc9bd;padding:.42rem 0;display:flex;gap:.45rem;align-items:center;font-size:.71rem}.schedule-grid div>b{font-size:.65rem;color:#736045}.schedule-grid strong{margin-inline-start:auto;font-weight:530;white-space:nowrap}
.board-footnote{font-size:.65rem;line-height:1.45;color:#645e52;padding:0 14px 12px}.board-alert{padding:8px 14px;background:#efe0c5;color:#654820;font-size:.76rem;line-height:1.5}.board-alert b{margin-inline-end:.4rem}
.board-large-head{padding:13px 21px;background:#f6f2e9}.board-large-head span{font-size:.73rem;color:#6f614a}.board-large-head h2{font-size:1.35rem;margin:.3rem 0 0}.board-large-frame{height:clamp(240px,66dvh,840px);background:#d7d3c8;overflow:hidden}.board-large-frame>img,.board-large-frame>canvas{display:block;width:100%;height:100%;object-fit:contain}.board-expansion .board-schedule{padding:.6rem 1rem}
#modal:has(.board-expansion){width:min(1250px,95vw);max-width:95vw;scrollbar-gutter:auto}.board-controls .st-summary{width:100%}
.drawing-error,.drawing-loading{padding:1rem;text-align:center;color:#5e5445;font-size:.8rem}.sheet-render-options{padding:.6rem .8rem}
@media(min-width:1400px){#studio .st-workspace{grid-template-columns:minmax(0,1.98fr) minmax(365px,1fr)}}
@media(max-width:980px){#studio .st-workspace{grid-template-columns:minmax(0,1.45fr) minmax(278px,1fr)}.st-left .st-property{grid-template-columns:repeat(2,minmax(0,1fr))}.plate small{min-height:2.5em}.board-metrics div{padding:0 .5rem}.board-metrics dt{font-size:.62rem}}
@media(max-width:760px){#studio .st-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"sheet" "controls"}.board-controls{gap:9px}.board-head{padding:13px 12px}.board-head h2{font-size:1.3rem}.board-area strong{font-size:1.15rem}.board-head p,.board-kicker,.board-area small{font-size:.68rem}.plate figcaption{font-size:9px;top:5px;inset-inline-start:5px}.plate-expand{width:19px;height:19px;bottom:4px;inset-inline-end:4px}.plate-image{min-height:98px}.plate-plan .plate-image,.plate-axon .plate-image{aspect-ratio:1.1}.plate-section{grid-column:span 12}.plate-section .plate-image{aspect-ratio:3}.plate-access,.plate-material{grid-column:span 6}.plate-access .plate-image,.plate-material .plate-image{aspect-ratio:1.85}.plate small{font-size:9px;padding:3px 5px;min-height:1.8em}.board-metrics{grid-template-columns:1fr 1fr;row-gap:10px}.board-metrics div:nth-child(3){border:0}.board-tail{padding:7px 9px;flex-wrap:wrap}.board-schedule[open]{flex-basis:100%}.board-footnote{font-size:.64rem;padding:0 9px 9px}.board-large-frame{height:49dvh}.schedule-grid{gap:0 .55rem}}
@media(prefers-reduced-motion:reduce){.plate-image img,.plate-image canvas{transition:none!important;transform:none!important}}
.board-tail{display:grid;grid-template-columns:minmax(0,1fr) auto}.board-tail .schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-save{align-self:start;white-space:nowrap}
@media(max-width:760px){.board-tail{display:flex;flex-direction:column;gap:2px}.board-tail .board-schedule{width:100%}.board-tail .schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.board-spec{padding:8px 14px;display:flex;flex-wrap:wrap;gap:5px 14px;border-bottom:1px solid #d1cabf;background:#e4dfd4}.board-spec span{font-size:.67rem;color:#60584b}.board-spec b{margin-inline-start:.2rem;font-weight:570;color:#332e24}
.tour-launch{position:relative;width:100%;border:0;padding:0;text-align:start;background:#d6ccbb}.tour-launch>span{position:absolute;bottom:9px;inset-inline-end:9px;background:#28261ee0;color:#fff;border:1px solid #fff5;border-radius:3px;padding:5px 9px;font:500 11px/1.2 Alexandria,sans-serif}.plate-material .plate-image .tour-peek{position:absolute;bottom:7px;inset-inline:6px;display:flex;align-items:center;gap:4px;pointer-events:none}.plate-material .tour-peek img{width:27px;height:21px;border-radius:3px;border:1px solid #fffc;object-fit:cover}.plate-material .tour-peek b{padding:4px 6px;background:#26241ee8;color:white;border-radius:3px;font-size:10px;font-weight:500}.plate-material .plate-expand{display:none}
#modal:has(.tour-viewer){width:min(1260px,95vw);max-width:95vw;max-height:94dvh;padding:0;background:#f8f5ed;color:#272621;overflow:auto;scrollbar-gutter:auto;border-radius:10px}
#modal:has(.tour-viewer)>.close{position:absolute;inset-block-start:12px;inset-inline-end:12px;margin:0;z-index:3}
.tour-head{padding:16px 50px 12px 20px}.tour-head h2{font-size:clamp(20px,2.1vw,30px);line-height:1.15;margin:4px 0}.tour-head p,.tour-overline,.tour-note{font-size:12px;line-height:1.5;color:#675b49}.tour-overline{font-weight:600}.tour-head p{margin:0}.tour-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,21%);gap:12px;padding:0 14px}.tour-hero{margin:0;min-width:0;display:flex;flex-direction:column}.tour-image{position:relative;background:#292722;touch-action:pan-y}.tour-image>img{width:100%;height:clamp(190px,53dvh,640px);object-fit:contain;display:block}.tour-image button{border:1px solid #fffa;border-radius:50%;background:#282620cf;color:#fff;font:26px/1 Arial;width:38px;height:38px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.tour-image button:first-of-type{inset-inline-start:9px}.tour-image button:last-of-type{inset-inline-end:9px}[dir=rtl] .tour-image button{transform:translateY(-50%) scaleX(-1)}
.tour-hero figcaption{padding:10px 14px;background:#302e28;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;min-height:41px}.tour-hero figcaption span,.tour-hero figcaption i{font:400 11px/1.4 Alexandria,sans-serif;color:#efe9dd}.tour-hero figcaption i{margin-inline-start:auto}
.tour-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:calc(53dvh + 44px);padding:2px}.tour-list button{display:flex;align-items:center;gap:10px;border:1px solid #d9d2c5;border-radius:4px;padding:4px;color:#353027;background:#f4f1e9;text-align:start;font:500 12px/1.35 Alexandria,sans-serif}.tour-list button[aria-pressed=true]{border-color:#8a7049;background:#e9e1d1;box-shadow:inset 0 0 0 1px #8a7049}.tour-list img{width:42%;aspect-ratio:1.55;object-fit:cover;border-radius:2px}.tour-note{margin:9px 15px}.tour-package-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid #d8d2c7}.tour-package-footer small{display:block;color:#6e6253;margin-top:3px}.tour-package-footer b{font-size:14px}.tour-package-footer .btn{font-size:12px}
@media(max-width:680px){.tour-body{grid-template-columns:1fr;padding:0 8px;gap:5px}.tour-image>img{height:auto;aspect-ratio:1.5}.tour-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;gap:4px}.tour-list button{flex-direction:column;align-items:stretch;gap:3px;padding:3px;font-size:10px}.tour-list img{width:100%;height:41px;aspect-ratio:auto}.tour-head{padding-block:13px 9px;padding-inline:12px 45px}.tour-note{font-size:10px}.tour-package-footer{flex-wrap:wrap}.tour-peek img{display:none}}