:root{--surface-window: #ffffff;--surface-ground: #ffffff;--surface-sidebar: #f2f2f4;--surface-inspector: #f7f7f9;--surface-raised: #fbfbfc;--surface-toolbar: rgba(246, 246, 248, .82);--surface-menu: rgba(250, 250, 252, .96);--chrome-bg: var(--surface-sidebar);--chrome-text: var(--text-label);--chrome-text-active: #ffffff;--chrome-hover: var(--control-fill);--chrome-active: var(--tint);--chrome-separator: var(--separator);--shadow-card: none;--shadow-pop: 0 8px 24px rgba(0, 0, 0, .12);--text-label: #1d1d1f;--text-secondary: #4b4b50;--text-tertiary: #55555a;--separator: rgba(60, 60, 67, .13);--row-separator: rgba(60, 60, 67, .07);--control-fill: rgba(0, 0, 0, .055);--control-hover: rgba(0, 0, 0, .1);--row-hover: rgba(60, 60, 67, .035);--tint: #0d9373;--tint-hover: #0b8368;--tint-active: #0b7c61;--tint-bright: #0d9373;--tint-wash: rgba(13, 147, 115, .3);--negative: #d70015;--warning-text: #a8560a;--warning-fill: #fff4e5;--radius-card: 10px;--radius-control: 7px;--toolbar-h: 52px;--sidebar-w: 218px;--inspector-w: 306px;--statusbar-h: 26px;--gutter: 18px;--fs-mono-sm: 10px;--fs-mono: 10.5px;--fs-caption: 11px;--fs-subline: 11.5px;--fs-callout: 12px;--fs-control: 12.5px;--fs-body: 13px;--fs-headline: 13.5px;--fs-title3: 15px;--fs-count: 17px;--fs-metric: 19px;--fs-record: 20px;--fs-title1: 22px;--fs-ledger: 24px;--on-tint: #ffffff;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,a,input,select,textarea,label,summary{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-size:13px;line-height:1.5;color:var(--text-label);background:var(--surface-window)}::selection{background:#0d937338}:focus-visible{outline:3px solid rgba(13,147,115,.45);outline-offset:1px}button{font:inherit}.text-title1{font-size:var(--fs-title1);font-weight:700;letter-spacing:-.02em;line-height:1.2}.text-title2{font-size:var(--fs-count);font-weight:600;letter-spacing:-.015em;line-height:1.25}.text-title3{font-size:var(--fs-title3);font-weight:600;letter-spacing:-.01em;line-height:1.3}.text-headline{font-size:var(--fs-headline);font-weight:600;letter-spacing:-.01em;line-height:1.35}.text-body{font-size:var(--fs-body);line-height:1.65}.text-callout{font-size:var(--fs-callout);line-height:1.55}.text-caption{font-size:var(--fs-caption);line-height:1.5;color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.reading .text-headline{font-size:15.5px}.reading .text-body{font-size:14.5px;line-height:1.7}.reading .text-callout{font-size:13px}.app{display:flex;height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 auto;background:var(--surface-sidebar);border-right:1px solid var(--separator);padding:16px;display:flex;flex-direction:column}.sidebar .brand{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text-label);display:flex;align-items:center;gap:8px;padding:2px 6px 14px}.sidebar .brand .mark{width:20px;height:20px;border-radius:5px;background:var(--tint)}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{height:26px;display:flex;align-items:center;gap:8px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:var(--text-label);font-size:13px;font-weight:500;letter-spacing:-.01em;text-align:left;text-decoration:none;cursor:pointer;transition:background .12s ease}.nav-item svg{width:15px;height:15px;opacity:.6;flex:0 0 auto}.nav-item:hover{background:var(--control-fill)}.nav-item.on{background:var(--tint);color:#fff}.nav-item.on svg{opacity:1}.main{flex:1;min-width:0;display:flex;flex-direction:column}.toolbar{height:var(--toolbar-h);flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 var(--gutter);background:var(--surface-toolbar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.toolbar .title{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.toolbar .subtitle{font-size:11.5px;color:var(--text-tertiary);line-height:1.3;margin-top:1px}.content{flex:1;overflow:auto;padding:var(--gutter);background:var(--surface-ground)}.statusbar{height:var(--statusbar-h);flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 var(--gutter);border-top:1px solid var(--separator);background:var(--surface-ground);font-size:11px;color:var(--text-tertiary)}.btn-primary{height:26px;border:none;border-radius:7px;background:var(--tint);color:#fff;padding:0 14px;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease}.btn-primary:hover{background:var(--tint-hover)}.btn-primary:active{background:var(--tint-active)}.btn-primary:disabled{opacity:.5}.btn-neutral{height:24px;border:none;border-radius:6px;background:var(--control-fill);color:var(--text-label);padding:0 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s ease}.btn-neutral:hover:not(:disabled){background:var(--control-hover)}.btn-neutral:disabled{opacity:.5}.field{height:26px;border:1px solid var(--separator);border-radius:7px;background:#fff;padding:0 10px;font-size:13px;color:var(--text-label)}.field::placeholder{color:var(--text-tertiary)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--control-fill);color:var(--text-secondary)}.chip.tint{background:var(--tint-wash);color:#0b5c49;font-weight:600}.chip.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px}.card{background:var(--surface-raised);border:1px solid var(--separator);border-radius:var(--radius-card);padding:16px 18px}.warning-banner{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;background:var(--warning-fill);border-radius:8px;font-size:12px;line-height:1.55;color:var(--warning-text)}.num{font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--surface-window);overflow:hidden}.hig-table{width:100%;border-collapse:collapse;min-width:640px}.hig-table th{height:28px;padding:0 10px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);background:var(--surface-inspector);border-bottom:1px solid var(--separator);white-space:nowrap}.hig-table td{height:30px;padding:0 10px;font-size:12.5px;border-bottom:1px solid var(--row-separator);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.hig-table tbody tr{transition:background .1s ease;cursor:default}.hig-table tbody tr[tabindex]{cursor:pointer}.hig-table tbody tr:hover{background:var(--row-hover)}.hig-table tbody tr:focus-visible{outline:3px solid rgba(13,147,115,.45);outline-offset:-3px}.hig-table tbody tr.sel{background:var(--tint)}.hig-table tbody tr.sel td,.hig-table tbody tr.sel td *{color:#fff!important}.hig-table th .sort-btn{border:none;background:transparent;padding:0;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.hig-table th .sort-btn:hover{color:var(--text-label)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:99px;margin-right:6px;vertical-align:middle}.inspector{width:var(--inspector-w);flex:0 0 auto;background:var(--surface-inspector);border-left:1px solid var(--separator);padding:20px 18px;overflow:auto;animation:inspector-in .2s cubic-bezier(.22,1,.36,1)}@keyframes inspector-in{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}.inspector h2{font-size:20px;font-weight:600;letter-spacing:-.025em;margin:8px 0 0;line-height:1.3;text-wrap:pretty;overflow-wrap:anywhere}.toasts{position:fixed;bottom:calc(var(--statusbar-h) + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50;pointer-events:none}.toast{background:#232428;color:#fff;font-size:12.5px;font-weight:500;padding:8px 16px;border-radius:8px;box-shadow:0 4px 16px #0000002e;animation:toast-in .18s cubic-bezier(.22,1,.36,1);max-width:480px;text-align:center}.toast-error{background:var(--negative)}@keyframes toast-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.inspector .inner-card{background:var(--surface-raised);border:1px solid var(--separator);border-radius:var(--radius-control);padding:12px 14px;margin-top:12px}.inspector .kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:12.5px}.inspector .kv .k{color:var(--text-tertiary);flex:none}.inspector .kv .v{color:var(--text-label);text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.inspector .kv .v.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px}.inspector .section-label{font-size:11px;font-weight:600;color:var(--text-tertiary);margin-top:14px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000029;border-radius:99px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#00000047;background-clip:padding-box}button:not(:disabled),a,label:has(input),select,summary{cursor:pointer}button:disabled{cursor:not-allowed}.inspector{border-left:1px solid var(--separator)}.kbd-hint{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:var(--radius-control);border:1px solid var(--separator);background:#fff;color:var(--text-tertiary);font-size:12.5px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.kbd-hint:hover{border-color:var(--control-hover);color:var(--text-secondary)}.kbd-hint kbd{font-family:inherit;font-size:10.5px;font-weight:600;padding:1px 5px;border-radius:4px;background:var(--control-fill);color:var(--text-tertiary)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10111459;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh}.palette{width:580px;max-width:calc(100vw - 48px);background:#fff;border-radius:10px;box-shadow:var(--shadow-pop);overflow:hidden;animation:palette-in .14s cubic-bezier(.22,1,.36,1)}@keyframes palette-in{0%{transform:translateY(-6px) scale(.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.palette input{width:100%;height:46px;border:none;outline:none;padding:0 18px;font:inherit;font-size:14.5px;color:var(--text-label);border-bottom:1px solid var(--separator)}.palette .results{max-height:340px;overflow-y:auto;padding:6px}.palette .group-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:8px 10px 4px}.palette .item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:var(--radius-control);background:transparent;font-size:13.5px;color:var(--text-label);text-align:left;cursor:pointer}.palette .item .meta{margin-left:auto;font-size:11.5px;color:var(--text-tertiary);flex:0 0 auto}.palette .item.active{background:var(--tint-wash)}.palette .item svg{width:15px;height:15px;color:var(--text-tertiary);flex:0 0 auto}.palette .item.active svg{color:var(--tint)}.palette .empty{padding:22px;text-align:center;font-size:13px;color:var(--text-tertiary)}.stat-card{transition:background .12s ease}.stat-card:hover{background:#fff}