:root{--ui-scale: 1;--dir: 1;--select-arrow-x: right}[dir=rtl]{--dir: -1;--select-arrow-x: left}:root{--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem}:root{--r-sm: .375rem;--r-md: .5rem;--r-lg: .75rem;--r-full: 9999px;--border-w: 1px;--ring-width: 2px;--ring-offset: 2px;--control-h: 2.25rem;--control-h-sm: 1.875rem;--topbar-h: 3.5rem;--sidebar-w: 16rem;--sidebar-w-rail: 4rem;--switch-w: 2.5rem;--switch-h: 1.375rem;--switch-thumb: 1rem;--switch-inset: 3px;--scrollbar-w: .375rem;--measure: 44rem;--measure-tight: 28rem;--measure-wide: 80rem;--motion-fast: .11s;--motion-base: .16s;--ease: cubic-bezier(.2, 0, .2, 1)}:root{--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.375rem;--lh-tight: 1.25;--lh-body: 1.65;--font-ui: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", "Segoe UI Historic Arabic", Tahoma, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI Semibold", var(--font-ui);--font-mono: "Cascadia Mono", "Consolas", ui-monospace, monospace;--tracking: 0}:root,[data-theme=light]{color-scheme:light;--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f2f2f5;--surface-3: #e7e7ec;--border: #e0e0e6;--border-strong: #c6c6d0;--fg: #16161a;--fg-muted: #55555f;--fg-subtle: #676773;--ok: #0f6b3e;--warn: #8a5206;--bad: #b31d33;--info: #1a5cbe;--ok-soft: rgb(15 107 62 / 10%);--warn-soft: rgb(138 82 6 / 10%);--bad-soft: rgb(179 29 51 / 10%);--info-soft: rgb(26 92 190 / 10%);--shadow-overlay: 0 28px 64px -18px rgb(16 16 24 / 26%), 0 10px 22px -14px rgb(16 16 24 / 16%);--overlay: rgb(16 16 24 / 45%)}[data-theme=dark]{color-scheme:dark;--bg: #08080b;--surface: #101014;--surface-2: #18181f;--surface-3: #21212a;--border: #272730;--border-strong: #3a3a46;--fg: #f4f4f7;--fg-muted: #b4b4c1;--fg-subtle: #9494a3;--ok: #58d68d;--warn: #f0b352;--bad: #ff7a90;--info: #6fb0ff;--ok-soft: rgb(88 214 141 / 14%);--warn-soft: rgb(240 179 82 / 14%);--bad-soft: rgb(255 122 144 / 14%);--info-soft: rgb(111 176 255 / 14%);--shadow-overlay: 0 28px 64px -18px rgb(0 0 0 / 75%), 0 10px 22px -14px rgb(0 0 0 / 55%);--overlay: rgb(0 0 0 / 62%)}[data-accent=violet]{--brand: #5b4be0;--brand-fg: #ffffff;--brand-hover: #4c3dd0;--brand-soft: rgb(91 75 224 / 10%);--brand-ring: rgb(91 75 224 / 55%)}[data-accent=blue]{--brand: #1d4ed8;--brand-fg: #ffffff;--brand-hover: #1740b8;--brand-soft: rgb(29 78 216 / 10%);--brand-ring: rgb(29 78 216 / 55%)}[data-accent=teal]{--brand: #0f766e;--brand-fg: #ffffff;--brand-hover: #0c615b;--brand-soft: rgb(15 118 110 / 10%);--brand-ring: rgb(15 118 110 / 55%)}[data-accent=green]{--brand: #15803d;--brand-fg: #ffffff;--brand-hover: #116c34;--brand-soft: rgb(21 128 61 / 10%);--brand-ring: rgb(21 128 61 / 55%)}[data-accent=amber]{--brand: #b45309;--brand-fg: #ffffff;--brand-hover: #974707;--brand-soft: rgb(180 83 9 / 10%);--brand-ring: rgb(180 83 9 / 55%)}[data-accent=rose]{--brand: #be123c;--brand-fg: #ffffff;--brand-hover: #a30f34;--brand-soft: rgb(190 18 60 / 10%);--brand-ring: rgb(190 18 60 / 55%)}[data-theme=dark][data-accent=violet]{--brand: #a99bff;--brand-fg: #0b0b10;--brand-hover: #bcb0ff;--brand-soft: rgb(169 155 255 / 16%);--brand-ring: rgb(169 155 255 / 60%)}[data-theme=dark][data-accent=blue]{--brand: #7ea6ff;--brand-fg: #0b0b10;--brand-hover: #9cbaff;--brand-soft: rgb(126 166 255 / 16%);--brand-ring: rgb(126 166 255 / 60%)}[data-theme=dark][data-accent=teal]{--brand: #4fd1c5;--brand-fg: #0b0b10;--brand-hover: #6adbd0;--brand-soft: rgb(79 209 197 / 16%);--brand-ring: rgb(79 209 197 / 60%)}[data-theme=dark][data-accent=green]{--brand: #4ade80;--brand-fg: #0b0b10;--brand-hover: #6ee79a;--brand-soft: rgb(74 222 128 / 16%);--brand-ring: rgb(74 222 128 / 60%)}[data-theme=dark][data-accent=amber]{--brand: #fbbf24;--brand-fg: #0b0b10;--brand-hover: #fcd34d;--brand-soft: rgb(251 191 36 / 16%);--brand-ring: rgb(251 191 36 / 60%)}[data-theme=dark][data-accent=rose]{--brand: #fb7185;--brand-fg: #0b0b10;--brand-hover: #fd8b9c;--brand-soft: rgb(251 113 133 / 16%);--brand-ring: rgb(251 113 133 / 60%)}*,*:before,*:after{box-sizing:border-box}html{font-size:calc(100% * var(--ui-scale))}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking);margin:0;line-height:var(--lh-tight);overflow-wrap:break-word}h1{font-size:var(--fs-lg)}h2{font-size:var(--fs-md)}h3{font-size:var(--fs-sm)}p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;letter-spacing:var(--tracking);color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:var(--ring-width) solid var(--brand-ring);outline-offset:var(--ring-offset)}:focus:not(:focus-visible){outline:none}::selection{background:var(--brand-soft);color:var(--fg)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}*::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle)}table{border-collapse:collapse;width:100%}th,td{text-align:start;vertical-align:middle}pre{margin:0;white-space:pre-wrap;word-break:break-word}.mono{font-family:var(--font-mono);font-size:var(--fs-xs);direction:ltr;unicode-bidi:isolate;text-align:start}.tnum{font-variant-numeric:tabular-nums}.subtle{color:var(--fg-subtle)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:100vh;transition:grid-template-columns var(--motion-base) var(--ease)}.app[data-rail=true]{grid-template-columns:var(--sidebar-w-rail) minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-inline-end:var(--border-w) solid var(--border)}.sidebar-head{display:flex;align-items:center;gap:var(--sp-3);height:var(--topbar-h);padding-inline:var(--sp-4);border-bottom:var(--border-w) solid var(--border);flex:0 0 auto}.brand-mark{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:0 0 auto;border-radius:var(--r-md);background:var(--brand);color:var(--brand-fg)}.brand-text{min-width:0;max-width:16rem;overflow:hidden;white-space:nowrap;transition:opacity var(--motion-fast) var(--ease),max-width var(--motion-base) var(--ease)}.brand-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);line-height:var(--lh-tight)}.brand-tag{font-size:var(--fs-xs);color:var(--fg-subtle);line-height:var(--lh-tight)}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) var(--sp-2) var(--sp-4)}.nav-section+.nav-section{margin-top:var(--sp-5);transition:margin var(--motion-base) var(--ease),padding var(--motion-base) var(--ease)}.nav-section-title{max-width:16rem;max-height:3rem;padding-inline:var(--sp-2);margin-bottom:var(--sp-1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-xs);font-weight:600;color:var(--fg-subtle);transition:opacity var(--motion-fast) var(--ease),max-width var(--motion-base) var(--ease),max-height var(--motion-base) var(--ease),margin var(--motion-base) var(--ease),padding-inline var(--motion-base) var(--ease)}.nav-section-toggle{display:flex;align-items:center;gap:var(--sp-1);width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.nav-section-toggle .nav-section-title{margin-bottom:var(--sp-1)}.nav-section-toggle[aria-expanded=false] .nav-section-title{margin-bottom:0}.nav-section-toggle:hover .nav-section-title,.nav-section-toggle:focus-visible .nav-section-title{color:var(--fg-muted)}.nav-section-chevron{display:grid;place-items:center;flex:0 0 auto;color:var(--fg-subtle);transition:transform var(--motion-fast) var(--ease)}.nav-section-toggle[aria-expanded=true] .nav-section-chevron{transform:rotate(180deg)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--control-h);padding:var(--sp-1) var(--sp-2);border:0;border-radius:var(--r-md);background:transparent;color:var(--fg-muted);font-size:var(--fs-sm);text-align:start;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.nav-item+.nav-item{margin-top:var(--border-w)}.nav-item:hover:not([data-disabled=true]){background:var(--surface-2);color:var(--fg)}.nav-item:active:not([data-disabled=true]){background:var(--surface-3)}.nav-item[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item[data-disabled=true]{color:var(--fg-subtle);cursor:not-allowed}.nav-item[data-disabled=true]:hover{background:transparent;color:var(--fg-subtle)}.nav-icon{display:grid;place-items:center;width:var(--sp-4);height:var(--sp-4);flex:0 0 auto}.nav-label{flex:1 1 auto;min-width:0;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--motion-fast) var(--ease),max-width var(--motion-base) var(--ease)}.nav-count{flex:0 1 auto;min-width:0;max-width:16rem;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--fg-subtle);background:var(--surface-2);border-radius:var(--r-full);padding-inline:var(--sp-2);min-height:1.125rem;display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--motion-fast) var(--ease),max-width var(--motion-base) var(--ease),padding-inline var(--motion-base) var(--ease)}.app[data-rail=true] .brand-text,.app[data-rail=true] .nav-section-title{max-width:0;opacity:0;pointer-events:none}.app[data-rail=true] .nav-section-title{max-height:0;margin:0;padding-inline:0}.app[data-rail=true] .nav-label,.app[data-rail=true] .nav-count{max-width:0;padding-inline:0;opacity:0;overflow:hidden;pointer-events:none}.app[data-rail=true] .nav-section-toggle{pointer-events:none}.app[data-rail=true] .nav-section-chevron{max-width:0;opacity:0;overflow:hidden}.app[data-rail=true] .sidebar-head,.app[data-rail=true] .nav-item{justify-content:center;padding-inline:0}.app[data-rail=true] .sidebar-head{gap:0}.app[data-rail=true] .sidebar-scroll{padding-inline:var(--sp-2)}.app[data-rail=true] .nav-item{gap:0}.app[data-rail=true] .nav-section+.nav-section{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--border-w) solid var(--border)}.sidebar-foot{flex:0 0 auto;border-top:var(--border-w) solid var(--border);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.main-wrap{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:var(--sp-3);height:var(--topbar-h);flex:0 0 auto;padding-inline:var(--sp-5);background:var(--surface);border-bottom:var(--border-w) solid var(--border)}.topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:var(--fs-md)}.topbar-spacer{flex:1 1 auto}.topbar-group{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto}.main{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sp-5) var(--sp-5) var(--sp-7)}.content{max-width:var(--measure);margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.content[data-view=rules],.content[data-view=sounds],.content[data-view=tts]{max-width:var(--measure-wide)}.page-head{display:flex;align-items:flex-start;gap:var(--sp-4)}.page-head-text{min-width:0;flex:1 1 auto}.page-title{font-size:var(--fs-lg)}.page-sub{margin-top:var(--sp-1);max-width:var(--measure-tight);color:var(--fg-muted);font-size:var(--fs-sm)}.page-head-actions{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;flex-wrap:wrap}.grid{display:grid;gap:var(--sp-3)}.grid-stats{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.grid-form{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.row-tight{gap:var(--sp-2)}.spacer{flex:1 1 auto}.acc-list{display:contents}.acc{border:var(--border-w) solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.acc-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--control-h);padding:var(--sp-3) var(--sp-4);border:0;background:transparent;color:var(--fg);font:inherit;font-size:var(--fs-md);font-weight:600;text-align:start;cursor:pointer}.acc-head:hover{background:var(--surface-2)}.acc-head:focus-visible{outline:var(--ring-width) solid var(--brand-ring);outline-offset:calc(-1 * var(--ring-width))}.acc-head svg{flex:0 0 auto;transition:transform var(--motion-fast) var(--ease)}.acc-open svg{transform:rotate(180deg)}.acc-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-body{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg)}.card{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-md)}.card-body{padding:var(--sp-4)}.card-pad{padding:var(--sp-3) var(--sp-4)}.card-body-flush{padding:0}.card-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:var(--border-w) solid var(--border)}.card-title{font-size:var(--fs-md);font-weight:600;line-height:var(--lh-tight);flex:1 1 auto;min-width:0}.card-sub{font-size:var(--fs-xs);color:var(--fg-subtle);line-height:var(--lh-body)}.card-foot{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:var(--border-w) solid var(--border);background:var(--surface-2);border-end-start-radius:var(--r-md);border-end-end-radius:var(--r-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--control-h);padding-inline:var(--sp-3);border-radius:var(--r-md);border:var(--border-w) solid transparent;background:var(--surface-2);color:var(--fg);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){background:var(--border)}.btn:disabled{opacity:.45;color:var(--fg-subtle)}.btn-primary{background:var(--brand);color:var(--brand-fg);border-color:var(--brand);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-primary:active:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-outline{background:transparent;border-color:var(--border-strong)}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-outline:active:not(:disabled){background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--fg-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.btn-ghost:active:not(:disabled){background:var(--surface-3)}.btn-danger{background:transparent;border-color:var(--bad-soft);color:var(--bad)}.btn-danger:hover:not(:disabled){background:var(--bad-soft)}.btn-icon{width:var(--control-h);padding-inline:0;flex:0 0 auto}.btn-sm{height:var(--control-h-sm);padding-inline:var(--sp-2);font-size:var(--fs-xs)}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-full);background:var(--surface-2);color:var(--fg-muted);font-size:var(--fs-xs);font-weight:500;line-height:var(--lh-tight);white-space:nowrap}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-brand{background:var(--brand-soft);color:var(--brand)}.badge-live{background:var(--bad-soft);color:var(--bad);font-weight:600}.badge-pro{background:var(--brand-soft);color:var(--brand);font-weight:600}.live-dot{width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-full);background:currentcolor;animation:pulse-dot 1.8s var(--ease) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.field-label{font-size:var(--fs-sm);font-weight:500;color:var(--fg-muted)}.field-hint{font-size:var(--fs-xs);color:var(--fg-subtle);max-width:var(--measure-tight)}.input,.select{width:100%;min-width:0;height:var(--control-h);padding-inline:var(--sp-3);border:var(--border-w) solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);transition:border-color var(--motion-fast) var(--ease)}.input::placeholder{color:var(--fg-subtle)}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--fg-subtle)}.input:focus,.select:focus{border-color:var(--brand)}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--fg-subtle);cursor:not-allowed}.input-num{font-variant-numeric:tabular-nums}.range{width:100%;min-width:6rem;accent-color:var(--brand);cursor:pointer}.range-sm{width:7rem;min-width:7rem}.input-mono{font-family:var(--font-mono);font-size:var(--fs-xs);direction:ltr;unicode-bidi:isolate;text-align:start}.select{appearance:none;padding-inline-end:calc(var(--sp-4) + var(--sp-3));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:var(--sp-3) var(--sp-3);background-position:var(--select-arrow-x) var(--sp-3) center;cursor:pointer}.stepper{display:flex;align-items:stretch;height:var(--control-h);max-width:16rem;border:var(--border-w) solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.stepper:hover:not([data-disabled=true]){border-color:var(--fg-subtle)}.stepper:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-ring)}.stepper-btn{display:grid;place-items:center;width:var(--control-h);flex:0 0 auto;border:0;background:transparent;color:var(--fg-muted);transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.stepper-btn:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.stepper-btn:active:not(:disabled){background:var(--surface-3)}.stepper-btn:disabled{color:var(--fg-subtle);opacity:.4;cursor:not-allowed}.stepper-input{flex:1 1 auto;min-width:0;width:100%;border:0;background:transparent;padding-inline:var(--sp-2);text-align:center;font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.stepper-input:disabled{color:var(--fg-subtle);cursor:not-allowed}.stepper-unit{display:grid;place-items:center;padding-inline:var(--sp-2);font-size:var(--fs-xs);color:var(--fg-subtle);border-inline-start:var(--border-w) solid var(--border)}.switch{--switch-travel: calc( var(--switch-w) - 2 * var(--switch-inset) - var(--switch-thumb) );position:relative;display:inline-flex;align-items:center;width:var(--switch-w);height:var(--switch-h);flex:0 0 auto;padding:0;border:var(--border-w) solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-3);transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.switch:after{content:"";position:absolute;inset-inline-start:var(--switch-inset);width:var(--switch-thumb);height:var(--switch-thumb);border-radius:var(--r-full);background:var(--fg-subtle);transition:transform var(--motion-base) var(--ease),background var(--motion-fast) var(--ease)}.switch:hover:not(:disabled){border-color:var(--fg-subtle)}.switch:active:not(:disabled):after{transform:scale(.9)}.switch:disabled{opacity:.45;cursor:not-allowed}.switch[aria-checked=true]{background:var(--brand);border-color:var(--brand)}.switch[aria-checked=true]:after{background:var(--brand-fg);transform:translate(calc(var(--switch-travel) * var(--dir)))}.switch[aria-checked=true]:active:not(:disabled):after{transform:translate(calc(var(--switch-travel) * var(--dir))) scale(.9)}.switch-row{display:flex;align-items:flex-start;gap:var(--sp-3)}.switch-text{min-width:0}.switch-title{font-size:var(--fs-sm);font-weight:500}.switch-hint{font-size:var(--fs-xs);color:var(--fg-subtle);max-width:var(--measure-tight)}.tabs{display:flex;gap:var(--border-w);padding:var(--border-w);border-radius:var(--r-sm);background:var(--surface-2);overflow-x:auto}.tab{padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--fg-muted);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.tab:hover:not([aria-selected=true]){color:var(--fg);background:var(--surface-3)}.tab:active:not([aria-selected=true]){color:var(--fg)}.tab[aria-selected=true]{background:var(--surface);color:var(--fg);font-weight:600;border:var(--border-w) solid var(--border);padding:calc(var(--sp-2) - var(--border-w)) calc(var(--sp-3) - var(--border-w))}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--sp-6);background:var(--overlay);animation:fade-in var(--motion-fast) var(--ease)}.dialog{width:min(44rem,100%);max-height:min(85vh,52rem);display:flex;flex-direction:column;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);animation:dialog-in var(--motion-base) var(--ease);overflow:hidden}.dialog-wide{width:min(60rem,100%)}.dialog-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:var(--border-w) solid var(--border);flex:0 0 auto}.dialog-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;line-height:var(--lh-tight);flex:1 1 auto;min-width:0}.dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sp-4)}.dialog-foot{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:var(--border-w) solid var(--border);background:var(--surface-2);flex:0 0 auto}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(var(--sp-1))}}.empty{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);text-align:center}.empty-icon{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg-subtle)}.empty-title{font-size:var(--fs-md);font-weight:600}.empty-text{font-size:var(--fs-sm);color:var(--fg-muted);max-width:var(--measure-tight);text-wrap:pretty}.stat{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-md)}.stat-label{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--fg-muted)}.stat-value{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}.table-wrap{overflow:auto;max-height:min(70vh,34rem)}.table{width:100%;font-size:var(--fs-xs)}.table th{position:sticky;top:0;z-index:1;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);font-weight:600;color:var(--fg-subtle);text-align:start;white-space:nowrap;border-bottom:var(--border-w) solid var(--border-strong);background:var(--surface-2)}.table td{padding:var(--sp-1) var(--sp-3);white-space:nowrap;border-bottom:var(--border-w) solid var(--border)}.table tbody tr:nth-child(2n){background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-3)}.table-check,.table-tools-head{width:1%;white-space:nowrap}.table-tools{display:flex;gap:var(--sp-1);justify-content:flex-end;white-space:nowrap}.table-tools .btn-icon{width:var(--control-h-sm);height:var(--control-h-sm)}.table-clip{display:inline-block;max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.table-edit{min-width:9rem}.card-head .search{flex:0 1 14rem;min-width:8rem}.card-head>.subtle,.card-head>.btn{flex:0 0 auto;white-space:nowrap}.note{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-sm)}.note svg{flex:0 0 auto;margin-block-start:.2em}.note-bad{background:var(--bad-soft);color:var(--bad)}.note-ok{background:var(--ok-soft);color:var(--ok)}.note-info{background:var(--info-soft);color:var(--info)}.feed{list-style:none;margin:0;padding:0;max-height:22rem;overflow-y:auto}.feed li{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:var(--border-w) solid var(--border);font-size:var(--fs-sm)}.feed li:last-child{border-bottom:0}.feed li:hover{background:var(--surface-2)}.feed-icon{display:grid;place-items:center;width:var(--sp-4);flex:0 0 auto;color:var(--fg-subtle);align-self:center}.feed-verb{color:var(--fg-muted);flex:0 1 auto}.feed-user{font-weight:600;flex:0 1 auto;min-width:0;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-detail{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted)}.feed-value{flex:0 1 auto;min-width:0;color:var(--brand);font-variant-numeric:tabular-nums;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-time{margin-inline-start:auto;font-size:var(--fs-xs);color:var(--fg-subtle);font-variant-numeric:tabular-nums;flex:0 0 auto;align-self:center}.pipeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr);align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}@media (max-width: 60rem){.pipeline{grid-template-columns:minmax(0,1fr)}.pipeline-arrow{display:none}}.pipeline-arrow{color:var(--fg-subtle);display:grid;place-items:center}.pipeline-cell{min-width:0}.pipeline-label{font-size:var(--fs-xs);color:var(--fg-subtle);margin-bottom:var(--border-w)}.pipeline-value{font-size:var(--fs-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.kv dt{color:var(--fg-muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.cond{border:var(--border-w) solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.cond+.cond{margin-top:var(--sp-2)}.cond-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-bottom:var(--border-w) solid var(--border);background:var(--surface-2)}.cond-head .select{flex:1 1 auto;font-weight:500}.cond-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3)}.cond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--sp-3)}.nested{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);padding-inline-start:calc(var(--sp-3) + 2px);border-inline-start:2px solid var(--border-strong);background:var(--surface-2);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--r-sm);border-end-end-radius:var(--r-sm)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.chip{padding:var(--sp-1) var(--sp-2);border:var(--border-w) solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);color:var(--fg-muted);font-size:var(--fs-xs);transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.chip:hover{border-color:var(--brand);color:var(--fg)}.chip:active{background:var(--brand-soft)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-fg);font-weight:600}.chip[aria-pressed=true]:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--brand-fg)}.rule-foot{display:flex;flex-wrap:wrap;gap:var(--sp-1);padding:0 var(--sp-4) var(--sp-3)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:var(--border-w) solid var(--border);font-size:var(--fs-sm)}.list li:last-child{border-bottom:0}.explain-pass{color:var(--ok);font-weight:600}.explain-fail{color:var(--bad);font-weight:600}.accent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--sp-2)}.accent-chip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:var(--border-w) solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);text-align:start;transition:border-color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.accent-chip:hover{border-color:var(--brand)}.accent-chip:active{background:var(--surface-2)}.accent-chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.accent-dot{width:var(--sp-3);height:var(--sp-3);flex:0 0 auto;border-radius:var(--r-sm);background:var(--brand);border:var(--border-w) solid var(--border-strong)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--sp-2)}.choice{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:var(--border-w) solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);text-align:start;transition:border-color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.choice:hover{border-color:var(--brand)}.choice:active{background:var(--surface-2)}.choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.choice-code{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--fg-subtle);flex:0 0 auto}.choice[aria-pressed=true] .choice-code{color:var(--brand)}.locale-code{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;font-variant-numeric:normal}.scroll-box{max-height:18rem;overflow-y:auto;padding:var(--sp-3);background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--r-md);direction:ltr;text-align:start}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;min-width:0;height:var(--control-h);padding-inline:var(--sp-3);border:var(--border-w) solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);text-align:start;transition:border-color var(--motion-fast) var(--ease)}.select-trigger:hover:not(:disabled){border-color:var(--fg-subtle)}.select-trigger:focus{border-color:var(--brand)}.select-trigger:disabled{background:var(--surface-2);color:var(--fg-subtle);cursor:not-allowed}.select-trigger svg{flex:0 0 auto}.select-trigger-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cond-head .select-trigger{flex:1 1 auto;font-weight:500}.select-menu{position:fixed;z-index:60;max-height:16rem;overflow-y:auto;padding:var(--sp-1);background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-overlay);font-size:var(--fs-sm)}.select-search{width:100%;height:var(--control-h);margin-bottom:var(--sp-1);padding-inline:var(--sp-3);border:var(--border-w) solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--fg);font-size:var(--fs-sm)}.select-search::placeholder{color:var(--fg-subtle)}.select-search:focus{border-color:var(--brand)}.select-option{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--fg);font-size:var(--fs-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease)}.select-option:hover{background:var(--surface-2)}.select-option-active{background:var(--surface-2);outline:var(--ring-width) solid var(--brand-ring);outline-offset:calc(-1 * var(--ring-width))}.select-option-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option-desc{flex:0 0 auto;color:var(--fg-subtle);font-size:var(--fs-xs)}.select-empty{padding:var(--sp-3);color:var(--fg-subtle);font-size:var(--fs-sm);text-align:center}.usage-bar{height:10px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.usage-fill{height:100%;border-radius:inherit;background:var(--brand);transition:width var(--motion-base) var(--ease)}.usage-fill[data-hot=true]{background:var(--bad)}.dropzone{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--fg-muted);cursor:pointer;text-align:start;transition:border-color var(--motion-base) var(--ease),background var(--motion-base) var(--ease)}.dropzone:hover,.dropzone[data-over=true]{border-color:var(--brand);background:var(--brand-soft)}.dropzone:focus-visible{outline:var(--ring-width) solid var(--brand-ring);outline-offset:calc(-1 * var(--ring-width))}