:root{color-scheme:dark;--bg-base: #0d0b12;--bg-sunken: #08070c;--bg-elevated: #16131e;--bg-hover: #1e1a29;--bg-active: #262133;--bg-selected: #2a2044;--text-primary: #ece9f3;--text-secondary: #b0a9c0;--text-disabled: #7d7590;--border-subtle: #2b2538;--border-strong: #453d5a;--border-input: #857d9c;--accent: #7040d8;--accent-hover: #7f52e0;--on-accent: #ffffff;--accent-text: #c0a5ff;--accent-quiet: #221a38;--focus-ring: #c0a5ff;--danger-text: #ff9c93;--warn-text: #f0b429;--ok-text: #5fd39a;--danger-fill: #7f1d18;--warn-fill: #5a4108;--ok-fill: #10432c;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-tight: 1.25;--line-normal: 1.55;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--hairline: 1px solid var(--border-subtle)}:root[data-theme=light]{color-scheme:light;--bg-base: #ffffff;--bg-sunken: #f1eef6;--bg-elevated: #faf9fc;--bg-hover: #f2eff7;--bg-active: #e6e1ee;--bg-selected: #e6dcfb;--text-primary: #171320;--text-secondary: #524a63;--text-disabled: #837a94;--border-subtle: #e7e3ee;--border-strong: #c8c1d6;--border-input: #746c86;--accent: #5b21b6;--accent-hover: #4c1d95;--on-accent: #ffffff;--accent-text: #5b21b6;--accent-quiet: #ece4fb;--focus-ring: #5b21b6;--danger-text: #b3261e;--warn-text: #8a5300;--ok-text: #1a6f45;--danger-fill: #fde7e5;--warn-fill: #fdf1d8;--ok-fill: #ddf3e7}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-normal);-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--bg-elevated);border:var(--hairline);border-radius:var(--radius-sm);padding:.05em .35em}kbd{background:var(--bg-active);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:.1em .4em;font-size:.78em;color:var(--text-primary);white-space:nowrap}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;width:100%;max-width:1140px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-lg)}.site-footer{flex-shrink:0;border-top:var(--hairline);background:var(--bg-elevated)}.footer-inner{max-width:1140px;margin:0 auto;padding:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.site-header{border-bottom:var(--hairline);background:var(--bg-elevated);padding:var(--space-md) var(--space-lg);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.brand{display:flex;align-items:center;gap:var(--space-md);min-width:0}.brand-mark{width:34px;height:34px;flex-shrink:0;border-radius:8px}.brand h1{margin:0;font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.01em;line-height:var(--line-tight)}.brand-tagline{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.site-nav{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center}.nav-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);padding:.4rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);min-height:36px}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.hero h2{margin:0 0 var(--space-sm);font-size:var(--font-size-2xl);line-height:var(--line-tight);letter-spacing:-.02em;font-weight:650;max-width:30ch}.hero p{margin:0 0 var(--space-md);color:var(--text-secondary);max-width:74ch}.trust-banner{display:block;width:100%;text-align:left;background:var(--accent-quiet);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:border-color var(--transition-fast)}.trust-banner:hover{border-color:var(--accent-text)}.trust-banner strong{color:var(--text-primary)}.capability-strip{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.capability-strip li strong{color:var(--text-primary)}.panel{background:var(--bg-elevated);border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-lg)}.panel>h2{margin:0 0 var(--space-md);font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-active);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;flex-shrink:0}.panel-note{margin:0 0 var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.dropzone{border:1.5px dashed var(--border-input);border-radius:var(--radius-md);background:var(--bg-sunken);padding:var(--space-2xl) var(--space-lg);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.dropzone.is-dragover{border-color:var(--accent-text);border-style:solid;background:var(--accent-quiet)}.dz-icon{width:40px;height:40px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.dz-title{margin:0 0 var(--space-xs);font-size:var(--font-size-lg);font-weight:600}.dz-sub{margin:0 0 var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.dz-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.btn{font-family:inherit;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-sm);padding:.5rem 1rem;min-height:40px;cursor:pointer;border:1px solid var(--border-input);background:var(--bg-active);color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast)}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn:disabled{color:var(--text-disabled);border-color:var(--border-subtle);cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{background:var(--bg-active)}.btn-danger{background:transparent;border-color:var(--danger-text);color:var(--danger-text)}.btn-danger:hover:not(:disabled){background:var(--danger-fill);color:var(--text-primary)}.pill{font-family:inherit;font-size:var(--font-size-sm);background:transparent;border:1px solid var(--border-input);color:var(--accent-text);border-radius:999px;padding:.4rem .9rem;min-height:36px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.pill:hover{background:var(--bg-hover);border-color:var(--accent-text)}.icon-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-lg);line-height:1;min-width:44px;min-height:44px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.progress-track{height:8px;border-radius:999px;background:var(--bg-active);overflow:hidden;margin-bottom:var(--space-sm)}.progress-bar{height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .25s linear}.progress-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.progress-meta strong{color:var(--text-primary);font-weight:600}.headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--font-size-lg)}.headline .big{font-size:var(--font-size-2xl);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.headline .big.is-bad{color:var(--danger-text)}.headline .big.is-good{color:var(--ok-text)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin:0 0 var(--space-lg)}.stats>div{background:var(--bg-sunken);border:var(--hairline);border-radius:var(--radius-sm);padding:var(--space-md)}.stats dt{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--space-xs)}.stats dd{margin:0;font-size:var(--font-size-lg);font-weight:600;font-variant-numeric:tabular-nums}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.settings label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.settings label.checkbox{flex-direction:row;align-items:flex-start;gap:var(--space-sm)}.settings label.checkbox input{margin-top:4px;flex-shrink:0;width:18px;height:18px;accent-color:var(--accent)}input[type=text],input[type=number],input[type=search],select{background:var(--bg-base);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:.45rem .6rem;min-height:40px;width:100%}input:focus,select:focus{border-color:var(--accent-text);outline:none}.field-note{font-size:var(--font-size-xs);color:var(--text-secondary)}.field-note.is-warn{color:var(--warn-text)}.actions-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-top:var(--space-lg)}.sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-sunken);border:var(--hairline);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.sliders>label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.sliders>label.checkbox{flex-direction:row;align-items:flex-start;gap:var(--space-sm);grid-column:1 / -1}.sliders>label.checkbox input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}.slider-label{color:var(--text-primary)}.slider-label output{font-variant-numeric:tabular-nums;font-weight:650;color:var(--accent-text)}input[type=range]{width:100%;accent-color:var(--accent);min-height:44px}.review-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.review-toolbar .spacer{flex:1 1 auto}.seg{display:inline-flex;border:1px solid var(--border-input);border-radius:var(--radius-sm);overflow:hidden}.seg-btn{font-family:inherit;font-size:var(--font-size-sm);background:transparent;border:0;border-right:1px solid var(--border-subtle);color:var(--text-secondary);padding:.45rem .85rem;min-height:40px;cursor:pointer}.seg-btn:last-child{border-right:0}.seg-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.seg-btn.is-on{background:var(--accent);color:var(--on-accent);font-weight:600}.group-list{display:flex;flex-direction:column;gap:var(--space-lg)}.group{border:var(--hairline);border-radius:var(--radius-md);background:var(--bg-sunken);padding:var(--space-md)}.group-head{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm)}.group-meta{font-weight:400;color:var(--text-secondary);font-size:var(--font-size-xs)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--space-sm)}.tile{display:flex;flex-direction:column;gap:2px;padding:0 0 var(--space-xs);background:var(--bg-base);border:2px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;text-align:left;overflow:hidden;position:relative;transition:border-color var(--transition-fast),opacity var(--transition-fast)}.tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg-active)}.tile:hover{border-color:var(--accent-text)}.tile.is-keeper{border-color:var(--accent)}.tile.is-dropped{opacity:.52}.tile.is-dropped img{filter:grayscale(.65)}.tile-badge{position:absolute;top:6px;left:6px;font-size:var(--font-size-xs);font-weight:650;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-secondary)}.tile.is-keeper .tile-badge{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tile-name,.tile-meta{padding:0 var(--space-sm);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-name{color:var(--text-primary);padding-top:var(--space-xs)}.tile-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums}.section-head{margin:var(--space-2xl) 0 var(--space-xs);font-size:var(--font-size-lg);font-weight:600;padding-top:var(--space-lg);border-top:var(--hairline)}.panel>.section-head:first-of-type,#similar-section .section-head{margin-top:var(--space-xl)}.similar-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pair{display:grid;grid-template-columns:minmax(190px,1fr) 2fr;gap:var(--space-md);align-items:start;border:var(--hairline);border-radius:var(--radius-md);background:var(--bg-sunken);padding:var(--space-md)}.pair-score{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm);color:var(--text-secondary)}.pair-score strong{font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;color:var(--accent-text);line-height:1.1}@media(max-width:760px){.pair{grid-template-columns:1fr}}.tree-preview{background:var(--bg-sunken);border:var(--hairline);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md);overflow-x:auto}.tree-preview pre{margin:0;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.callout{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-sunken);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.callout:last-child{margin-bottom:0}.callout.is-warn{border-color:var(--warn-text);background:var(--warn-fill);color:var(--text-primary)}.callout.is-bad{border-color:var(--danger-text);background:var(--danger-fill);color:var(--text-primary)}.callout.is-ok{border-color:var(--ok-text);background:var(--ok-fill);color:var(--text-primary)}.callout strong{color:var(--text-primary)}.error-box{border:1px solid var(--danger-text);background:var(--danger-fill);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.error-box p{margin:0;color:var(--text-primary)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100vw);background:var(--bg-elevated);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;z-index:60;box-shadow:-18px 0 40px #00000073}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border-bottom:var(--hairline);flex-shrink:0}.drawer-head h2{margin:0;font-size:var(--font-size-lg)}.drawer-head-actions{display:flex;gap:var(--space-xs)}.drawer-list{list-style:none;margin:0;padding:var(--space-md) var(--space-lg);overflow-y:auto;flex:1 1 auto;font-family:var(--font-mono);font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.drawer-list li{color:var(--text-secondary);word-break:break-word}.drawer-list .t{color:var(--text-disabled)}.drawer-list .lv-warn{color:var(--warn-text)}.drawer-list .lv-error{color:var(--danger-text)}.drawer-list .lv-good{color:var(--ok-text)}.modal-host{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal-backdrop{position:fixed;inset:0;background:#04080cb8}.modal{position:relative;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(680px,100%);max-height:min(84vh,100%);display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-xl);border-bottom:var(--hairline);flex-shrink:0}.modal-head h2{margin:0;font-size:var(--font-size-xl)}.modal-body{padding:var(--space-lg) var(--space-xl) var(--space-xl);overflow-y:auto;color:var(--text-secondary)}.modal-body h3{margin:var(--space-xl) 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.modal-body h3:first-child{margin-top:0}.modal-body p,.modal-body ul,.modal-body ol{margin:0 0 var(--space-md)}.modal-body ul,.modal-body ol{padding-left:1.15rem}.modal-body li{margin-bottom:var(--space-xs)}.modal-body strong{color:var(--text-primary)}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.keymap{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);align-items:baseline;margin:0}.keymap dt{text-align:right}.keymap dd{margin:0;color:var(--text-secondary)}.glossary-link{background:none;border:0;padding:0;font:inherit;color:inherit;border-bottom:1px dashed var(--border-input);cursor:help}.glossary-link:hover{border-bottom-color:var(--accent-text);color:var(--accent-text)}.tooltip{position:fixed;z-index:90;max-width:320px;background:var(--bg-active);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);box-shadow:0 10px 28px #00000073}.tooltip strong{color:var(--text-primary);display:block;margin-bottom:2px}.toast{position:fixed;left:50%;bottom:var(--space-xl);transform:translate(-50%);background:var(--bg-active);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);z-index:95;box-shadow:0 10px 28px #00000073;max-width:calc(100vw - 2rem)}@media(max-width:760px){.site-header{padding:var(--space-md)}.brand-tagline{display:none}.main-content{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.panel{padding:var(--space-md)}.hero h2{font-size:var(--font-size-xl)}.modal-host{padding:0;align-items:flex-end}.modal{max-height:90dvh;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.modal-head{padding-left:var(--space-lg)}.modal-body{padding:var(--space-lg)}.drawer{width:100vw}.tiles{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.sliders{padding:var(--space-md);gap:var(--space-md)}.seg{width:100%}.seg-btn{flex:1 1 0}.review-toolbar .spacer{display:none}.class-head{flex-wrap:wrap}.class-actions{width:100%;justify-content:flex-end}.rule-list{max-height:260px}.headline .big{font-size:var(--font-size-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}