:root{--bg: #11151b;--panel: #1a2029;--panel-edge: #2a3341;--ink: #e6ebf2;--ink-dim: #93a0b1;--accent: #6fb2ff;--danger: #ff8a80;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:13px/1.6 Helvetica Neue,Arial,Hiragino Sans,Noto Sans JP,sans-serif}#app{display:grid;grid-template-columns:340px 1fr;height:100%}#sidebar{overflow-y:auto;padding:20px;border-right:1px solid var(--panel-edge);display:flex;flex-direction:column;gap:16px}#canvas-host{position:relative;min-width:0;overflow:hidden}#canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.fullscreen-button{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;background:#1a2029d9;color:var(--ink);font-size:18px;line-height:1;border:1px solid var(--panel-edge);border-radius:6px;cursor:pointer;z-index:4}.fullscreen-button:hover{border-color:var(--accent);color:var(--accent)}h1{margin:0;font-size:17px;letter-spacing:.01em}h2{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-dim)}.subtitle{margin:2px 0 12px;color:var(--ink-dim)}.privacy{margin:0 0 6px;padding-left:10px;border-left:2px solid var(--accent);font-size:12px}.privacy-en{color:var(--ink-dim)}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:14px}.file-button{display:block;width:100%;padding:10px;margin-bottom:12px;text-align:center;background:var(--accent);color:#0b1016;font:inherit;font-weight:600;border:0;border-radius:6px;cursor:pointer}.field{display:block}.field-label{display:block;margin-bottom:4px;color:var(--ink-dim);font-size:12px}select{width:100%;padding:7px;background:#0f1319;color:var(--ink);border:1px solid var(--panel-edge);border-radius:5px}.hint{margin:10px 0 0;color:var(--ink-dim);font-size:11px}#status{margin:0}#error{margin:10px 0 0;padding:10px;background:#2a1a1c;border:1px solid #4a2a2e;border-radius:6px;color:var(--danger);font-size:11px;white-space:pre-wrap;word-break:break-word}.kv,.attr-list{margin:0}.kv-row,.attr-row{display:grid;grid-template-columns:44% 1fr;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.attr-row{grid-template-columns:1fr;gap:2px}dt{color:var(--ink-dim);font-size:11px}dd{margin:0;font-variant-numeric:tabular-nums;word-break:break-word}.attr-empty,.attr-required{margin:8px 0 0;font-size:11px;color:var(--ink-dim)}.attr-required,a{color:var(--accent)}.ghost-button{display:block;width:100%;padding:7px;margin-bottom:10px;background:transparent;color:var(--ink);font:inherit;border:1px solid var(--panel-edge);border-radius:6px;cursor:pointer}.ghost-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ghost-button:disabled{color:var(--ink-dim);cursor:default;opacity:.55}.hierarchy-filter-row{display:flex;gap:8px;margin-bottom:10px}.hierarchy-filter{flex:1;min-width:0;padding:6px 8px;background:var(--bg);color:var(--ink);font:inherit;border:1px solid var(--panel-edge);border-radius:6px}.hierarchy-filter:focus{outline:none;border-color:var(--accent)}.hierarchy-filter::-webkit-search-cancel-button{display:none}.hierarchy-filter-clear{flex:0 0 auto;width:auto;padding:6px 10px;margin-bottom:0}.hierarchy-bulk-row{display:flex;gap:6px;margin-bottom:10px}.hierarchy-bulk-row button{flex:1;padding:5px 4px;margin-bottom:0;font-size:11px}.class-summary{margin:0 0 10px;padding:0;list-style:none;max-height:220px;overflow-y:auto}.class-summary-row{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:5px 6px;margin-bottom:2px;background:transparent;color:var(--ink);font:inherit;text-align:left;border:0;border-radius:4px;cursor:pointer}.class-summary-row:hover{background:var(--panel-edge)}.class-summary-row-inactive{cursor:default;color:var(--ink-dim)}.plan-canvas-host{position:relative;width:100%;height:220px;background:var(--bg);border:1px solid var(--panel-edge);border-radius:6px;overflow:hidden;margin-bottom:10px}#plan-canvas{display:block;width:100%;height:100%}.plan-axis-legend{display:flex;align-items:center;gap:8px;min-height:20px;margin:-2px 0 8px;color:var(--ink-dim);font-size:11px}.plan-axis-legend:empty{display:none}.plan-axis-legend-swatch{width:32px;height:0;border-top:2px dashed #f6c85f}.plan-axis-tooltip{position:absolute;z-index:3;max-width:240px;padding:5px 7px;color:#11151b;background:#f6c85f;border:1px solid #fff3c4;border-radius:4px;font-size:11px;line-height:1.35;pointer-events:none}.plan-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;color:var(--ink-dim);font-size:12px;text-align:center;pointer-events:none}.plan-omissions{margin:0;padding-left:18px;font-size:12px;color:var(--ink-dim)}.plan-omissions li{margin-bottom:4px}.plan-omissions li::marker{color:var(--danger)}.class-summary-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.class-summary-count{flex:0 0 auto;color:var(--ink-dim);font-size:12px}.class-summary-total{margin:0}.tree,.tree-elements{margin:0;padding:0;list-style:none}.tree{max-height:320px;overflow-y:auto}.tree-storey-header{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:2px}.tree-twisty{padding:2px 0;background:transparent;color:var(--ink-dim);font:inherit;font-size:10px;border:0;cursor:pointer}.tree-storey-label,.tree-element{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px;width:100%;padding:4px 6px;background:transparent;color:var(--ink);font:inherit;text-align:left;border:0;border-radius:4px;cursor:pointer}.tree-storey-label:hover,.tree-element:hover{background:#6fb2ff1f}.tree-storey-label.is-hidden .tree-storey-name{color:var(--ink-dim);text-decoration:line-through}.tree-storey-count,.tree-element-count{color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.tree-elements{margin-left:20px;border-left:1px solid var(--panel-edge)}.tree-elements[hidden]{display:none}.tree-element-id{overflow:hidden;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.tree-element.is-selected{background:#6fb2ff38;outline:1px solid var(--accent)}.tree-more{padding:4px 6px;color:var(--ink-dim);font-size:11px}#colophon{margin-top:auto;color:var(--ink-dim);font-size:11px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}#drop-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#11151bd9;border:3px dashed var(--accent);font-size:20px;z-index:10}#drop-overlay[hidden]{display:none}@media (max-width: 900px){#app{grid-template-columns:1fr;grid-template-rows:minmax(0,45vh) 1fr}#sidebar{border-right:none;border-bottom:1px solid var(--panel-edge)}}.load-progress-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#11151bd9;pointer-events:none;z-index:5}.load-progress-overlay[hidden]{display:none}.load-progress-track{width:min(320px,70%);height:8px;background:var(--panel-edge);border-radius:4px;overflow:hidden}.load-progress-bar{height:100%;width:0;background:var(--accent);transition:width .15s ease-out}.load-progress-label{color:var(--ink);font-size:13px;text-align:center}.perf-bar-track{width:100%;height:6px;background:var(--panel-edge);border-radius:3px;overflow:hidden;margin-top:4px}.perf-bar{height:100%;width:0;background:var(--accent);transition:width .2s ease-out}.perf-bar.perf-bar-high{background:var(--danger)}.section-axis{margin-bottom:12px}.section-axis-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.section-axis-name{font-weight:600;color:var(--ink-dim)}.section-slider-row{display:flex;align-items:center;gap:6px}.section-slider-row input[type=range]{flex:1;min-width:0}.section-slider-tag{font-size:10px;color:var(--ink-dim);width:24px;text-align:center}.class-color-toggle{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer;font-size:12px}.class-color-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.class-color-legend{margin:0 0 10px;padding:0;list-style:none;max-height:180px;overflow-y:auto}.class-color-legend-item{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:4px 0;font-size:12px}.class-color-legend-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.15)}.class-color-legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-color-legend-count{color:var(--ink-dim);font-variant-numeric:tabular-nums}.panel-subheading{margin:14px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-dim)}.shortcut-list .kv-row{grid-template-columns:40px 1fr;align-items:center}kbd{display:inline-block;min-width:24px;padding:2px 6px;background:var(--bg);border:1px solid var(--panel-edge);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-align:center;color:var(--ink)}.explode-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.explode-row input[type=range]{flex:1;min-width:0}#explode-value{flex:0 0 auto;min-width:36px;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-dim)}.measure-button-row{display:flex;gap:8px;margin-bottom:8px}.measure-button-row button{flex:1}.measure-result{margin:0;padding:8px;background:var(--bg);border-radius:6px;font-variant-numeric:tabular-nums;text-align:center;min-height:34px;display:flex;align-items:center;justify-content:center}.axis-only-group{margin-top:.5rem;border-top:1px dashed var(--border, #444);padding-top:.35rem}.axis-only-group summary{cursor:pointer;font-size:.85rem;opacity:.85}.axis-only-list{list-style:none;margin:.25rem 0 0;padding:0 0 0 .5rem;max-height:12rem;overflow-y:auto}.axis-only-entry{display:flex;align-items:center;gap:.35rem;background:none;border:none;padding:.1rem .25rem;font:inherit;font-size:.8rem;text-align:left;cursor:pointer;opacity:.8;border-left:2px dotted currentColor}.axis-only-entry-icon{flex:0 0 1rem;width:1rem;color:#f6c85f;text-align:center;line-height:1}.axis-only-entry-icon-line{height:0;border-top:2px dashed currentColor}.axis-only-entry-icon-refused{font-weight:700}.axis-only-entry:hover{opacity:1;text-decoration:underline}.axis-only-entry.is-selected{opacity:1;background:#f6c85f24;border-left-style:dashed;outline:1px solid #f6c85f}.download-button{display:block;padding:9px 10px;margin-bottom:10px;text-align:center;color:var(--accent);text-decoration:none;border:1px solid var(--accent);border-radius:6px}.download-button:hover,.download-button:focus-visible{background:var(--accent);color:#0b1016}.download-button .download-target{display:block;font-weight:600}.download-button .download-size{display:block;margin-top:2px;font-size:11px;opacity:.85}.download-note{margin:0 0 6px;padding-left:10px;border-left:2px solid var(--panel-edge);font-size:12px}.download-note-en{color:var(--ink-dim)}.download-digest{margin:10px 0 0;color:var(--ink-dim);font-size:11px}.download-digest code.download-cmd{display:inline;margin:0;padding:1px 4px;font-size:10px;user-select:text}.download-digest code{display:block;margin-top:3px;padding:6px 7px;background:#0f1319;border:1px solid var(--panel-edge);border-radius:5px;color:var(--ink);font-size:10px;line-height:1.45;overflow-wrap:anywhere;user-select:all}