:root{--bg:#142229;--panel:#15272df2;--line:#34464b;--text:#edece5;--muted:#9daeb0;--gold:#d9cba1;--blue:#67a3d6}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,select{color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer}button{transition:none}button:hover{background:#2a3d44}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.35;cursor:default}button.active{background:var(--gold);color:#263334;border-color:var(--gold)}button[hidden],[hidden]{display:none!important}button[aria-pressed=true]{background:var(--gold);color:var(--bg)}header{height:96px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:16px 30px;gap:26px;border-bottom:1px solid #ffffff10;z-index:6;background:linear-gradient(#142229,#142229c0)}.brand{display:flex;align-items:center;gap:19px}.brand small{width:85px;font-size:8px;line-height:1.7;letter-spacing:2px;color:var(--muted)}.logo{position:relative;display:block;width:146px;height:36px;overflow:hidden;border-radius:3px}.logo img{position:absolute;max-width:none;width:310px;height:auto;left:-82px;top:-79px}.heading{border-left:1px solid var(--line);padding-left:24px;flex:1}h1{font:400 23px Georgia,serif;margin:0 0 7px}header p{margin:0;font-size:11px;color:var(--muted);letter-spacing:.6px}header p span{margin-left:15px;opacity:.6}.quiet{padding:13px 16px;font-size:11px}.buildings{position:absolute;top:110px;left:30px;display:flex;z-index:5;background:var(--bg);border-radius:6px}.buildings button{padding:11px 13px;font-size:11px;border-radius:0}.buildings button:first-child{border-radius:5px 0 0 5px}.buildings button:last-child{border-radius:0 5px 5px 0}#stage{position:absolute;left:292px;right:0;top:96px;bottom:40px}#canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.room-label{position:absolute;transform:translate(-50%,-50%);padding:5px 8px;background:#142229e6;border:1px solid #afc1bd77;border-radius:4px;color:#eee9dd;font-size:10px;white-space:nowrap;box-shadow:0 2px 7px #0003}.dim-label{background:#ddd0a9;color:#253133;border-color:#ddd0a9;font-weight:600}#hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.5px;color:var(--muted);pointer-events:none;white-space:nowrap}#panel{position:absolute;left:30px;top:168px;width:246px;bottom:62px;overflow:auto;scrollbar-width:thin;scrollbar-color:#42565a transparent;z-index:4}.panel-intro small,small{font-size:9px;letter-spacing:1.65px;color:var(--muted)}.panel-intro h2{font:400 27px/1.2 Georgia,serif;margin:10px 0 22px}.unit-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px}.unit-picker button{font-size:10px;padding:10px 3px}#floors{display:grid;gap:6px}#floors button{display:flex;align-items:center;gap:16px;padding:13px 15px;text-align:left;background:#1c3038}#floors button.active{background:var(--gold)}#floors b{font:400 27px Georgia,serif;min-width:29px;text-align:center;color:#aebfc0}#floors button.active b{color:#253233}#floors span{font-size:12px}#floors small{display:block;font-size:9px;letter-spacing:.4px;margin-top:4px}#floors button.active small{color:#4b5551}details{border-top:1px solid var(--line);margin-top:19px;padding-top:14px}summary{font-size:11px;color:var(--muted);cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding-bottom:8px}.options-body{display:grid;gap:12px;padding:10px 0 15px;font-size:11px;color:#c3cecc}.options-body label{display:flex;align-items:center;gap:9px}.options-body input[type=checkbox]{accent-color:var(--gold);width:13px;height:13px;margin:0}.slider{display:grid!important;grid-template-columns:1fr auto}.slider input{width:100%;grid-column:1/-1;accent-color:var(--gold)}.basis{font-size:9px;line-height:1.65;color:#829598;margin:17px 0}#viewbar{position:absolute;z-index:5;top:112px;left:calc(50% + 110px);transform:translateX(-50%);display:flex;padding:4px;background:#142229df;border:1px solid var(--line);border-radius:7px;backdrop-filter:blur(8px)}#viewbar button{font-size:11px;border:0;padding:12px 16px;white-space:nowrap}#viewtools{position:absolute;right:24px;top:182px;display:grid;gap:7px;z-index:5}#viewtools button{padding:11px 14px;font-size:10px;background:#142229bd;backdrop-filter:blur(8px)}#detail{position:absolute;right:28px;bottom:85px;max-width:220px;text-align:right;pointer-events:none;z-index:3}#detail h2{font:400 26px Georgia,serif;margin:9px 0}#detail p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}#detail small{font-size:8px;letter-spacing:1.2px}footer{position:absolute;bottom:0;left:0;right:0;height:40px;padding:0 28px;background:#101d24;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#91a6a7;z-index:8}footer>span{display:flex;align-items:center;gap:9px}footer i{width:6px;height:6px;background:#a7cda1;border-radius:100%}footer button{border:0;font-size:10px;color:var(--muted);padding:6px}#measurement{position:absolute;bottom:65px;left:calc(50% + 120px);transform:translateX(-50%);background:#13252eef;border:1px solid var(--gold);border-radius:6px;padding:14px 45px 14px 18px;z-index:9;min-width:220px}#measurement small{display:block;font-size:8px;margin-bottom:6px}#measurement strong{font:400 18px Georgia,serif}#clear-measure{position:absolute;right:7px;top:8px;border:0;font-size:22px}#walk-controls{position:absolute;z-index:7;bottom:65px;left:calc(50% + 120px);transform:translateX(-50%);padding:14px;background:#13252ef2;border:1px solid var(--line);border-radius:8px;min-width:350px}.walk-top{display:flex;gap:7px}select{background:#1d3038;padding:9px;font-size:11px}select option{background:#1d3038}.walk-top select{min-width:160px;flex:1}.walk-top button{padding:9px;font-size:11px}#walk-controls p{font-size:9px;color:var(--muted);margin:11px 0 0}.walk-pad{display:flex;gap:7px;margin-top:10px;justify-content:center}.walk-pad button{font-size:21px;padding:8px 14px;touch-action:none;user-select:none}.walking #detail,.walking #hint{display:none}#loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#213d49,#101c24 68%);transition:opacity .5s}#loading h2{font:400 36px Georgia,serif;margin:25px 0 6px}#loading p{font-size:12px;color:var(--muted)}#loading>.logo{transform:scale(1.3);margin-bottom:20px}.track{width:220px;height:2px;background:#ffffff20;margin:25px 0 15px}#load-bar{width:0;height:100%;background:var(--gold);transition:width .2s}#loading small{font-size:9px;letter-spacing:.8px}dialog{width:min(1120px,94vw);max-height:90dvh;border:1px solid #53676b;border-radius:10px;background:#172a32;color:var(--text);padding:25px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#08131ccd;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:18px}.dialog-head h2{font:400 25px Georgia,serif;margin:9px 0}.dialog-head button{font-size:25px;padding:0 10px}.dialog-head small{font-size:9px}#sheet-select{width:100%;margin-bottom:17px}#sheet-link{display:block;text-align:center;color:var(--gold);font-size:11px;text-decoration:none}#sheet-image{max-width:100%;max-height:65dvh;display:block;margin:0 auto 10px;background:white}#notes-dialog{max-width:740px}#notes-content section{border-top:1px solid var(--line);padding:12px 0}#notes-content h3{font-size:13px;font-weight:400;color:var(--gold)}#notes-content p,.note-footer{font-size:12px;line-height:1.8;color:#b3c3c5}.note-footer{font-size:10px;border-top:1px solid var(--line);padding-top:15px}
@media(max-height:820px) and (min-width:761px){.panel-intro{display:none}#floors button{padding:10px 12px}.basis{display:none}#panel{top:163px}#detail{max-width:190px}#detail p{font-size:10px}}
@media(max-width:1000px) and (min-width:761px){.brand small{display:none}header{gap:17px}.heading{padding-left:18px}header p span{display:none}#stage{left:260px}#panel{width:217px}#viewbar{left:calc(50% + 80px)}#viewbar button{padding:12px}#detail{display:none}}
@media(max-width:760px){header{height:74px;padding:10px 13px;gap:13px}.brand small{display:none}.logo{width:99px;height:26px}.logo img{width:214px;left:-57px;top:-54px}.heading{padding-left:0;border:0}h1{font-size:17px;margin-bottom:5px}header p{font-size:8px;letter-spacing:.2px}header p span{display:none}.quiet{padding:9px 10px;font-size:9px}.buildings{top:85px;left:12px;right:12px}.buildings button{flex:1;font-size:10px;padding:10px 3px}#stage{left:0;top:154px;bottom:205px}#viewbar{top:123px;left:50%;padding:2px;width:auto;min-width:300px;justify-content:center}#viewbar button{font-size:10px;padding:9px 12px}#viewtools{right:10px;top:171px;gap:5px}#viewtools button{padding:9px 7px;font-size:9px}#panel{left:9px;right:9px;bottom:43px;top:auto;width:auto;overflow:visible;background:#14272fed;border:1px solid var(--line);border-radius:7px;padding:8px;z-index:6}.panel-intro,.basis{display:none}.unit-picker{gap:5px;margin:0 0 6px}.unit-picker button{padding:7px;font-size:9px}#floors{grid-template-columns:repeat(5,1fr);gap:4px}#floors button{flex-direction:column;gap:3px;padding:8px 2px;border-color:transparent}#floors b{font-size:22px}#floors span{font-size:9px}#floors small{display:none}details{margin-top:7px;padding:0;border-top:0}summary{font-size:9px;padding:4px 4px 0}.options-body{position:absolute;bottom:100%;left:-1px;right:-1px;background:#162b33fa;border:1px solid var(--line);border-radius:7px 7px 0 0;padding:16px;box-shadow:0 -10px 35px #0003;max-height:40dvh;overflow:auto;grid-template-columns:1fr 1fr}.slider{grid-column:1/-1}#detail{display:none}#hint{font-size:8px;bottom:7px}footer{padding:0 10px;height:35px;font-size:8px}footer button{font-size:8px}#status{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#walk-controls{left:9px;right:9px;transform:none;min-width:0;bottom:211px;padding:10px}.walk-top{gap:5px}.walk-top select{min-width:0;width:140px}.walk-top button{font-size:9px;padding:7px}.walk-pad button{padding:8px 18px}#walk-controls p{font-size:8px}#measurement{bottom:214px;left:50%;min-width:210px;padding:11px 35px 11px 12px}#measurement strong{font-size:16px}#loading h2{font-size:28px}#loading p{font-size:10px}dialog{padding:17px}.dialog-head h2{font-size:21px}#sheet-image{max-height:65dvh}}
@media(max-height:550px) and (max-width:900px){#detail{display:none}header{height:58px}.buildings{top:64px;width:260px;right:auto}#viewbar{top:65px;left:auto;right:10px;transform:none}#stage{top:105px;bottom:36px;left:185px}#panel{top:110px;bottom:43px;width:171px;left:8px;overflow:auto}#floors{grid-template-columns:repeat(2,1fr)}#floors button{padding:4px;gap:0}#floors b{font-size:18px}.options-body{position:static;display:flex;flex-direction:column;padding:9px}.buildings button{font-size:9px;padding:8px}#viewtools{top:115px}#walk-controls{left:200px;bottom:42px}#measurement{bottom:45px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}