:root{--panel-bg:#14171c;--panel-fg:#e6e9ef;--panel-dim:#97a0ad;--accent:#2fc4ff;--good:#5fd08a;--bad:#ff6b58;--panel-width:300px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--panel-fg);background:#0f1114;margin:0;font-family:Hiragino Sans,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{display:flex}#viewport{flex:1;min-width:0;height:100%;position:relative}#canvas{touch-action:none;width:100%;height:100%;display:block}#canvas.crosshair{cursor:crosshair}.hints{color:var(--panel-dim);pointer-events:none;background:#14171cb8;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:12px;left:12px}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;background:#14171ce0;border:1px solid #2fc4ff80;border-radius:5px;padding:3px 7px;font-size:12px;position:absolute;top:0;left:0}.label.preview{color:#ffd79a;border-color:#ffb02099}.label .pm{color:var(--panel-dim);font-size:10px}.panel{width:var(--panel-width);flex:0 0 var(--panel-width);background:var(--panel-bg);border-left:1px solid #232830;height:100%;padding:14px;font-size:12px;overflow-y:auto}.panel h1{letter-spacing:.02em;margin:0 0 4px;font-size:14px}.panel h2{letter-spacing:.08em;color:var(--panel-dim);text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.panel-section{border-top:1px solid #232830;margin-top:18px;padding-top:14px}.status{color:var(--panel-dim);font-size:11px;line-height:1.5}.status.error{color:var(--bad)}.row{gap:6px;margin-bottom:8px;display:flex}.row.wrap{flex-wrap:wrap}button{font:inherit;color:var(--panel-fg);cursor:pointer;background:#1f242c;border:1px solid #2c333d;border-radius:5px;padding:6px 8px}button:hover{background:#262d37}button.chip{white-space:nowrap;flex:1}button.chip.small{flex:none;padding:4px 9px}button.wide{width:100%}button.active{border-color:var(--accent);color:var(--accent);background:#2fc4ff1a}.room-list{gap:4px;max-height:190px;margin-bottom:8px;display:grid;overflow-y:auto}.room-item{text-align:left;gap:2px;padding:6px 8px;display:grid}.room-item .note{color:var(--panel-dim);font-size:10px}.room-status{color:var(--panel-dim);font-size:10px;line-height:1.6}.room-status.warn{color:var(--bad)}.catalog{gap:4px;max-height:210px;margin-bottom:10px;display:grid;overflow-y:auto}.catalog-item{text-align:left;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.catalog-item .swatch{border-radius:3px;width:12px;height:12px}.catalog-item .dim{color:var(--panel-dim);font-variant-numeric:tabular-nums;font-size:10px}.kv{color:var(--panel-fg);margin-bottom:8px;line-height:1.7}.kv .k{width:92px;color:var(--panel-dim);display:inline-block}.kv .v{font-variant-numeric:tabular-nums}.kv .hint{color:var(--panel-dim);font-size:10px}.good{color:var(--good)}.bad{color:var(--bad)}.field{color:var(--panel-dim);align-items:center;gap:8px;display:flex}.slider{flex:1}.hidden-input{display:none}body.dropping:after{content:"GLB をドロップして読み込み";border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#2fc4ff14;border-radius:10px;place-items:center;font-size:16px;display:grid;position:fixed;inset:12px}.boot-error{color:var(--bad);z-index:10;background:#14171c;place-items:center;padding:24px;font-size:14px;display:grid;position:fixed;inset:0}@media (width<=720px){body{flex-direction:column}.panel{border-top:1px solid #232830;border-left:none;flex:0 0 45%;width:100%}}