:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1014;--surface-1:#12181e;--surface-2:#19212a;--surface-3:#212b36;--border:#26323d;--border-hi:#354552;--text:#dae3e8;--text-2:#96a6b1;--text-3:#667580;--accent:#2dd4bf;--accent-hi:#5eead4;--accent-bg:#2dd4bf1f;--accent-bd:#2dd4bf66;--danger:#f4776f;--success:#4ade80;--warn:#f5b544;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--radius-sm:4px;--radius:6px;--radius-lg:8px;font-family:var(--font);color:var(--text);background:var(--bg);font-size:13px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}.app-shell{grid-template-rows:auto 1fr;height:100%;display:grid}.app-body{grid-template-columns:260px 1fr 290px;min-height:0;display:grid}.toolbar{background:var(--surface-1);border-bottom:1px solid var(--border);align-items:center;gap:6px;height:44px;padding:0 12px;display:flex}.toolbar-brand{letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-right:12px;font-size:14px;display:flex}.toolbar-brand-logo{filter:invert()brightness(1.8);flex-shrink:0;width:22px;height:22px}.tileset-select{background:var(--bg-2,#1c1e22);color:var(--text-1,#e8eaed);border:1px solid var(--border,#33363c);font:inherit;cursor:pointer;border-radius:6px;margin-right:8px;padding:4px 8px;font-size:12px}.tileset-select:hover{border-color:var(--text-2,#9aa0a6)}.toolbar-brand-mark{color:var(--accent);font-weight:600}.toolbar-brand-name{color:var(--text-2);font-weight:400}.toolbar-sep{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 6px}.toolbar-group{background:var(--border);border-radius:var(--radius);gap:1px;display:flex;overflow:hidden}.toolbar-group .toolbar-btn{border:none;border-radius:0}.toolbar-btn{height:30px;color:var(--text-2);background:var(--surface-2);border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.toolbar-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.toolbar-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-bd)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn svg{flex-shrink:0;width:14px;height:14px}.time-control{align-items:center;gap:8px;margin-left:auto;display:flex}.date-input{height:26px;font:inherit;font-variant-numeric:tabular-nums;color:var(--text-2);background:var(--surface-2);border-radius:var(--radius);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #0000;outline:none;padding:0 6px;font-size:12px}.date-input:hover,.date-input:focus{border-color:var(--border-hi);color:var(--text)}.time-badge{font-variant-numeric:tabular-nums;color:var(--text-2);background:var(--surface-2);border-radius:var(--radius);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.time-badge svg{opacity:.6;width:13px;height:13px}.time-slider{width:140px}.time-scale{width:140px;color:var(--text-3);-webkit-user-select:none;user-select:none;justify-content:space-between;margin-top:-2px;font-size:10px;display:flex}input[type=range]{appearance:none;background:var(--border);border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--surface-1);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-3);cursor:not-allowed}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.panel{background:var(--surface-1);padding:14px;overflow:hidden auto}.panel::-webkit-scrollbar{width:5px}.panel::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.panel-left{border-right:1px solid var(--border)}.panel-right{border-left:1px solid var(--border)}.panel-header{-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-bottom:14px;display:flex}.panel-header svg{width:14px;height:14px;color:var(--text-3)}.panel-header h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0;font-size:11px;font-weight:700}.panel-empty{color:var(--text-3);margin:0;font-size:12px;line-height:1.6}.layer-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.layer-row{border-radius:var(--radius);background:var(--surface-2);padding:8px 10px;transition:background .1s}.layer-row:hover{background:var(--surface-3)}.layer-name{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.layer-opacity{color:var(--text-3);align-items:center;gap:8px;margin-top:6px;padding-left:23px;font-size:11px;display:flex}.layer-opacity input{flex:1}.layer-error{color:var(--danger);margin:4px 0 0 23px;font-size:11px}.panel-section{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.panel-section .panel-header{margin-bottom:10px}.panel-hint{color:var(--text-3);margin:8px 0 0;padding-left:23px;font-size:11px;line-height:1.5}.clip-axes{gap:4px;margin-top:10px;padding-left:23px;display:flex}.clip-axis{height:26px;color:var(--text-2);background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;flex:1;font-size:11px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.clip-axis:hover{background:var(--surface-3);color:var(--text)}.clip-axis.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-bd)}.clip-offset{min-width:54px;font-family:var(--mono);font-variant-numeric:tabular-nums}.clip-row{color:var(--text-2);align-items:center;gap:8px;font-size:12px;display:flex}.clip-slider{color:var(--text-3);align-items:center;gap:8px;margin-top:8px;padding-left:23px;font-size:11px;display:flex}.clip-slider input{flex:1}.prop-body{margin-top:4px}.prop-layer{color:var(--accent);margin:0 0 2px;font-size:13px;font-weight:600}.prop-point{font-family:var(--mono);color:var(--text-3);margin:0 0 12px;font-size:11px}.prop-table{flex-direction:column;gap:1px;margin:0;display:flex}.prop-row{background:var(--surface-2);border-radius:3px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;padding:5px 8px;font-size:12px;display:grid}.prop-row:nth-child(odd){background:0 0}.prop-row dt{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.prop-row dd{color:var(--text);overflow-wrap:anywhere;word-break:break-word;margin:0}.viewport{background:var(--bg);grid-template-rows:1fr auto;min-width:0;min-height:0;display:grid}.viewport-canvas{min-height:0;position:relative}.viewport-canvas canvas{width:100%;height:100%;display:block}.status-bar{background:var(--surface-1);border-top:1px solid var(--border);height:26px;color:var(--text-3);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.status-coords{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-2);font-size:11px}.status-measure{color:var(--warn);font-weight:500}.status-attr{text-overflow:ellipsis;color:var(--text-3);font-size:10px;overflow:hidden}.goto-input{align-items:center;gap:4px;display:flex}.goto-field{width:160px;height:30px;font-size:12px;font-family:var(--mono);color:var(--text);background:var(--surface-3);border:1px solid var(--border-hi);border-radius:var(--radius);outline:none;padding:0 8px}.goto-field:focus{border-color:var(--accent)}.goto-field::placeholder{color:var(--text-3)}.bookmark-dropdown{position:relative}.bookmark-menu{background:var(--surface-2);border:1px solid var(--border-hi);border-radius:var(--radius);z-index:100;min-width:200px;max-height:300px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.bookmark-item{align-items:center;gap:4px;padding:0;display:flex}.bookmark-add{width:100%;color:var(--accent);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px 8px;font-size:12px}.bookmark-add:hover{background:var(--surface-3)}.bookmark-go{color:var(--text);cursor:pointer;text-align:left;border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:6px 8px;font-size:12px;overflow:hidden}.bookmark-go:hover{background:var(--surface-3)}.bookmark-del{width:24px;height:24px;color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.bookmark-del:hover{color:var(--danger);background:var(--surface-3)}.bookmark-empty{color:var(--text-3);padding:6px 8px;font-size:12px}.bookmark-save-row{padding:4px}.bookmark-name-input{width:100%;height:28px;color:var(--text);background:var(--surface-3);border:1px solid var(--accent-bd);border-radius:var(--radius-sm);outline:none;padding:0 8px;font-size:12px}.compass{z-index:10;cursor:pointer;opacity:.85;background:0 0;border:none;padding:0;line-height:0;transition:opacity .15s;position:absolute;top:12px;right:12px}.compass:hover{opacity:1}.status-stats{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3);margin-left:auto;font-size:10px}.splash-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1117e0;justify-content:center;align-items:center;animation:.3s ease-out splash-in;display:flex;position:absolute;inset:0}@keyframes splash-in{0%{opacity:0}to{opacity:1}}.splash-card{flex-direction:column;align-items:center;gap:16px;display:flex}.splash-title{letter-spacing:-.02em;color:var(--text-2);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:400;display:flex}.splash-logo{filter:invert()brightness(1.8);width:32px;height:32px}.splash-mark{color:var(--accent);font-weight:600}.splash-status{color:var(--text-3);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.splash-spinner{border:3px solid var(--border-hi);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-rail{background:var(--surface-1);flex-direction:column;width:36px;display:flex}.panel-rail-left{border-right:1px solid var(--border)}.panel-rail-right{border-left:1px solid var(--border)}.panel-rail-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:10px 0;transition:color .12s;display:flex}.panel-rail-btn:hover{color:var(--text)}.panel-rail-label{writing-mode:vertical-lr;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.panel-collapse-btn{width:20px;height:20px;color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;transition:color .12s,background .12s;display:flex}.panel-collapse-btn:hover{color:var(--text);background:var(--surface-3)}@media (width<=1024px){.app-body{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.panel{max-height:200px}.panel-left{border-right:none;border-bottom:1px solid var(--border)}.panel-right{border-left:none;border-top:1px solid var(--border)}.toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.time-control{margin-left:0}}