:root{--panel-bg: #14171b;--panel-bg-soft: #1c2026;--panel-border: #2a3038;--text: #e8eaed;--text-muted: #9aa3ad;--accent: #d79a52;--accent-soft: #3a2d1d;--warning: #e0b455;--panel-width: 356px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--panel-bg);color:var(--text)}#app{display:grid;grid-template-columns:var(--panel-width) 1fr;height:100vh;height:100dvh}#viewport{grid-column:2;width:100%;height:100%;display:block;touch-action:none}#panel{grid-column:1;grid-row:1;background:var(--panel-bg);border-right:1px solid var(--panel-border);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:18px 16px 40px;font-size:13px}#panel::-webkit-scrollbar{width:10px}#panel::-webkit-scrollbar-thumb{background:#2c333c;border-radius:5px}.app-title{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 2px}.app-subtitle{color:var(--text-muted);font-size:11.5px;margin:0 0 18px}.section{margin-bottom:18px}.section>h2,.section>summary{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:0 0 9px;font-weight:600}details.section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;user-select:none}details.section>summary::-webkit-details-marker{display:none}details.section>summary:before{content:"▸";font-size:9px;transition:transform .12s ease}details.section[open]>summary:before{transform:rotate(90deg)}details.section>summary:hover{color:var(--accent)}.field{margin-bottom:11px}.field.disabled{opacity:.4;pointer-events:none}.field-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.field-label{color:var(--text)}.field-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{width:100%;height:4px;appearance:none;background:#2b323b;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #14171b}.button-row{display:flex;flex-wrap:wrap;gap:6px}button{font:inherit;font-size:12px;color:var(--text);background:var(--panel-bg-soft);border:1px solid var(--panel-border);border-radius:6px;padding:6px 10px;cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover{background:#232932;border-color:#3c444f}button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.warnings{border-left:2px solid var(--warning);background:#e0b45514;padding:8px 10px;border-radius:0 6px 6px 0;color:var(--warning);font-size:11.5px;line-height:1.45;margin-bottom:16px}.warnings ul{margin:0;padding-left:16px}.summary-grid{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:12px;margin-bottom:10px}.summary-grid .key{color:var(--text-muted)}.summary-grid .value{text-align:right;font-variant-numeric:tabular-nums}table.bom{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}table.bom th{text-align:left;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--panel-border);padding:4px;position:sticky;top:0;background:var(--panel-bg)}table.bom td{padding:3px 4px;border-bottom:1px solid #1f242b}table.bom td.num{text-align:right}table.bom tr.spliced td{color:var(--warning)}.bom-scroll{max-height:260px;overflow-y:auto;border:1px solid var(--panel-border);border-radius:6px}.note{color:var(--text-muted);font-size:11px;line-height:1.45;margin-top:8px}.status{margin-top:9px;font-size:11.5px;line-height:1.45;color:var(--text-muted);background:var(--panel-bg-soft);border-left:2px solid var(--panel-border);border-radius:0 6px 6px 0;padding:7px 9px}.status.error{color:#e98a7a;border-left-color:#e98a7a;background:#e98a7a14}.shell-button{display:none;position:fixed;z-index:30;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:500;color:var(--text);background:#14171beb;border:1px solid var(--panel-border);border-radius:999px;padding:10px 18px;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 4px 18px #00000059;touch-action:manipulation}.shell-button:active{background:#242a32f2}.shell-button--panel{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.panel-backdrop{position:fixed;inset:0;z-index:24;background:#00000080}@media(max-width:860px){#app{grid-template-columns:1fr}#viewport{grid-column:1;grid-row:1}#panel{position:fixed;top:0;left:0;bottom:0;z-index:25;width:min(88vw,360px);padding-top:calc(62px + env(safe-area-inset-top));padding-bottom:calc(48px + env(safe-area-inset-bottom));transform:translate(-102%);transition:transform .24s ease;box-shadow:0 0 40px #0000008c}#panel.open{transform:none}.shell-button--panel{display:inline-flex}input[type=range]{height:22px;background:linear-gradient(#2b323b,#2b323b) center / 100% 4px no-repeat}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}button{padding:8px 12px}.bom-scroll{max-height:220px}}@media(prefers-reduced-motion:reduce){#panel{transition:none}}