:root{--bg:#e9ecea;--panel:#f6f7f6;--ink:#16232b;--mut:#5d6d72;--line:#c5cecc;--acc:#0b6e69;--acc-ink:#fff;--wall:#d9dfdd;--stage:#c9d1cf;--bad:#c62f2f;--gl:#16232b1a;--fl:68%;--bl:28%;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1519;--panel:#172026;--ink:#e4ecea;--mut:#8fa2a6;--line:#2a373d;--acc:#58cfc2;--acc-ink:#06201d;--wall:#222c32;--stage:#0c1215;--bad:#ff6b5e;--gl:#e4ecea17;--fl:44%;--bl:72%}}:root[data-theme=dark]{--bg:#0f1519;--panel:#172026;--ink:#e4ecea;--mut:#8fa2a6;--line:#2a373d;--acc:#58cfc2;--acc-ink:#06201d;--wall:#222c32;--stage:#0c1215;--bad:#ff6b5e;--gl:#e4ecea17;--fl:44%;--bl:72%}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}*{box-sizing:border-box}body{background:var(--bg);height:100%;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font:14px/1.4 Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}h1,h2{margin:0;font-weight:600}#app{grid-template-rows:auto 1fr;height:100%;min-height:100%;display:grid}header{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;display:flex}header h1{letter-spacing:-.01em;margin-right:auto;font-size:17px}.hgrp{flex-wrap:wrap;align-items:center;gap:6px;display:flex}button{cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:6px;padding:6px 10px;line-height:1.2}button:hover{border-color:var(--mut)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acc);outline-offset:1px}button.primary{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);font-weight:600}button:disabled{opacity:.4;cursor:default}.badge{background:var(--acc);color:var(--acc-ink);border-radius:99px;padding:3px 8px;font-size:12px;font-weight:600}main{grid-template-columns:340px 1fr;min-height:0;display:grid}#side{background:var(--panel);border-right:1px solid var(--line);padding:4px 14px 24px;overflow-y:auto}#side section,#side details{border-bottom:1px solid var(--line);padding:12px 0}#side summary,#side h2{cursor:pointer;margin-bottom:8px;font-size:13px;font-weight:600}#side details:not([open]) summary{margin-bottom:0}label{color:var(--mut);margin-bottom:8px;font-size:12px;display:block}label input,label select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:6px;margin-top:3px;padding:6px 8px;font-size:14px;display:block}label.chk{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}label.chk input{width:auto;margin:0}.grid2{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:0 6px;display:grid}.seg{border:1px solid var(--line);border-radius:6px;margin-bottom:10px;display:inline-flex;overflow:hidden}.seg button{border:0;border-right:1px solid var(--line);border-radius:0;padding:5px 10px;font-size:13px}.seg button:last-child{border-right:0}.seg button.on{background:var(--acc);color:var(--acc-ink);font-weight:600}.note{color:var(--mut);margin:6px 0 0;font-size:12px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{padding:4px 8px;font-size:12px}.btnrow{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:6px;width:100%;min-height:76px;padding:6px 8px}.banner{border:1px solid var(--acc);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 0;padding:8px 10px;font-size:13px;display:flex}.banner[hidden]{display:none}.li{text-align:left;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px;display:flex}.li:hover{background:var(--bg)}.li.sel{background:var(--bg);box-shadow:inset 3px 0 0 var(--acc)}.li i{background:hsl(var(--hh) 55% 52%);border-radius:2px;flex:none;width:10px;height:10px}.li .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.li .dm{color:var(--mut);font-size:12px}.li .warn{color:var(--bad)}.li.obs i{border:1px dashed var(--mut);background:0 0}#toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:300;opacity:0;pointer-events:none;text-align:center;border-radius:8px;max-width:90vw;padding:8px 14px;font-size:13px;transition:opacity .2s;position:fixed;transform:translate(-50%)}#toast.show{opacity:1}.modal{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.mbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex}.mh,.mf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.mh{border-bottom:1px solid var(--line)}.mf{border-top:1px solid var(--line);justify-content:flex-end}#sheetBody{padding:12px 16px;overflow:auto}#sheetBody p{color:var(--mut);margin:0 0 10px;font-size:13px}table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:6px 8px}th{color:var(--mut);font-size:12px;font-weight:600}#stage{background:var(--stage);touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;position:relative;overflow:hidden}#stage.projecting{z-index:100;background:#000;position:fixed;inset:0}#wall{transform-origin:0 0;--u:1px;--lw:calc(var(--u)*2.5);--fs:calc(var(--u)*12);--glw:calc(var(--u)*1.2);--gs:240px;background-color:var(--wall);background-image:linear-gradient(to right,var(--gl) 0 var(--glw),transparent 0),linear-gradient(to bottom,var(--gl) 0 var(--glw),transparent 0);background-size:var(--gs) var(--gs);position:absolute;top:0;left:0}#wall.design{box-shadow:0 0 0 calc(var(--u)*1.5) var(--line),0 calc(var(--u)*8) calc(var(--u)*30) #0003}#wall.project{--lw:calc(var(--u)*3);--fs:calc(var(--u)*14);--gl:#ffffff4d;background-color:#0000;background-image:none}#wall.project.pgrid,#wall.project.cal{background-image:linear-gradient(to right,var(--gl) 0 var(--glw),transparent 0),linear-gradient(to bottom,var(--gl) 0 var(--glw),transparent 0)}#wall.project.edge{outline:var(--lw) dashed #ffffff73}.fr{box-sizing:border-box;border:var(--lw) solid;text-align:center;font-size:var(--fs);padding:calc(var(--u)*3);justify-content:center;align-items:center;line-height:1.2;display:flex;position:absolute;overflow:hidden}.fr .lb{pointer-events:none;max-height:100%;overflow:hidden}.fr .lb small{opacity:.85;display:block}#wall.design .fr{border-color:hsl(var(--hh) 45% var(--bl));background-color:hsl(var(--hh) 50% var(--fl) / .62);color:var(--ink)}#wall.project .fr{border-color:hsl(var(--hh) 95% 62%);color:hsl(var(--hh) 95% 70%);text-shadow:0 0 calc(var(--u)*3) #000;background-color:#0000}#wall.project.mono .fr{color:#fff;border-color:#fff}#wall.project.wash .fr{background-color:#ffffff24}#wall.project.solid .fr{background-color:hsl(var(--hh) 90% 55% / .55)}#wall.project.mono.solid .fr{background-color:#ffffff8c}#wall.project.solid .fr{text-shadow:none;color:#000}#wall.project.nolabels .fr .lb{display:none}.fr.obs{border-style:dashed}#wall.design .fr.obs{border-color:var(--mut);color:var(--mut);background-color:#0000;background-image:repeating-linear-gradient(135deg,var(--gl) 0 calc(var(--u)*2),transparent 0 calc(var(--u)*8))}#wall.project .fr.obs{color:#ffffff8c;background-color:#0000;border-color:#fff6}#wall.design .fr.bad,#wall.project .fr.bad{border-color:var(--bad);background-image:repeating-linear-gradient(45deg,var(--bad) 0 calc(var(--u)*1.5),transparent 0 calc(var(--u)*9))}#wall.project .fr.bad{border-color:#ff3b30}#wall.design .fr.sel{box-shadow:0 0 0 calc(var(--u)*2.5) var(--acc)}#wall.project .fr.sel{box-shadow:0 0 0 calc(var(--u)*2.5) #fff}#wall.cal .fr{opacity:.3}.hk{width:calc(var(--u)*20);height:calc(var(--u)*20);margin:calc(var(--u)*-10) 0 0 calc(var(--u)*-10);border:calc(var(--u)*2) solid currentColor;pointer-events:none;background:linear-gradient(currentColor,currentColor) center/100% calc(var(--u)*1.5) no-repeat,linear-gradient(currentColor,currentColor) center/calc(var(--u)*1.5) 100% no-repeat;border-radius:50%;position:absolute;left:50%}#wall.design .hk{opacity:.55}#wall.nohooks .hk,.fr.obs .hk{display:none}.area{pointer-events:none;border:var(--lw) dashed var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent);display:none;position:absolute}.area.on{display:block}#wall.project .area{background:0 0;border-color:#58cfc2b3}#wall.project:not(.edge) .area{display:none}.gd{pointer-events:none;background:#ff2d9a;position:absolute}.gd.x{width:var(--lw);margin-left:calc(var(--lw)/-2);top:-9999px;bottom:-9999px}.gd.y{height:var(--lw);margin-top:calc(var(--lw)/-2);left:-9999px;right:-9999px}#calsvg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.dim{color:var(--mut);pointer-events:none;white-space:nowrap;font-size:12px;position:absolute}#dimT{transform:translate(-50%,-100%)}#dimL{transform:translate(-100%,-50%)}#hud{background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:6px;max-width:calc(100% - 20px);padding:5px 9px;font-size:12px;position:absolute;bottom:10px;left:10px}#stage.projecting #hud{color:#e8f0ee;background:#0a0e10d9;border-color:#3a4a50;left:50%;transform:translate(-50%)}.h{cursor:move;touch-action:none;color:#ffe14d;background:linear-gradient(#ffe14d,#ffe14d) 50%/100% 1px no-repeat,linear-gradient(#ffe14d,#ffe14d) 50%/1px 100% no-repeat;border:2px solid #ffe14d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:13px;font-weight:700;display:flex;position:absolute}.h b{background:#000;border-radius:99px;padding:0 5px;font-weight:700}.h.on{background-color:#ffe14d47}#ptool{color:#e8f0ee;z-index:5;background:#0a0e10e6;border:1px solid #3a4a50;border-radius:10px;width:max-content;max-width:calc(100% - 20px);padding:8px 10px;font-size:13px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#ptool[hidden]{display:none}#ptool .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#ptool button{color:#e8f0ee;border-color:#3a4a50;padding:5px 9px;font-size:12px}#ptool button.on{color:#06201d;background:#58cfc2;border-color:#58cfc2;font-weight:600}#ptool .seg{border-color:#3a4a50;margin:0}#ptool .seg button{border-color:#3a4a50}#ptool label{color:#c8d6d3;margin-bottom:6px}#ptool label input{color:#e8f0ee;background:#0f1519;border-color:#3a4a50;padding:4px 6px;font-size:13px}#ptool label.chk{color:#e8f0ee}.calp{border-top:1px solid #3a4a50;max-width:560px;margin-top:8px;padding-top:8px}.calp[hidden]{display:none}.calp p{color:#c8d6d3;margin:0 0 6px;font-size:12px}#calRef[hidden]{display:none}@media (width<=820px){html,body{height:auto}#app{height:auto;display:block}main{flex-direction:column;display:flex}#stage{height:62vh;min-height:360px}#stage.projecting{height:auto;min-height:0}#side{border-right:0;overflow:visible}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}