:root{--neutral-0: #ffffff;--neutral-50: #f2f5f9;--neutral-100: #e4e9f0;--neutral-200: #cdd6e1;--neutral-300: #aab7c7;--neutral-400: #8494a9;--neutral-500: #66758a;--neutral-600: #4e5c70;--neutral-700: #3b4757;--neutral-800: #2a3444;--neutral-900: #171e2a;--neutral-950: #0a0e15;--brand-100: #dbeafe;--brand-300: #7cc4ff;--brand-500: #2f8fe8;--brand-600: #1570cc;--brand-700: #115ba8;--green-100: #d8f3e6;--green-500: #1f9d61;--green-600: #17804f;--amber-100: #fceed2;--amber-500: #dd9a2b;--amber-600: #a86e10;--red-100: #fbe3e3;--red-500: #dd4d4d;--red-600: #c03535}:root{--background: var(--neutral-50);--surface: var(--neutral-0);--surface-secondary: var(--neutral-50);--surface-elevated: var(--neutral-0);--surface-inverted: var(--neutral-950);--surface-hover: var(--neutral-50);--surface-active: var(--neutral-100);--surface-selected: var(--brand-100);--foreground: var(--neutral-900);--foreground-secondary: var(--neutral-700);--muted-foreground: var(--neutral-600);--foreground-inverted: var(--neutral-0);--foreground-on-brand: var(--neutral-0);--border: var(--neutral-200);--border-strong: var(--neutral-300);--border-subtle: var(--neutral-100);--primary: var(--brand-600);--primary-hover: var(--brand-700);--primary-active: var(--brand-700);--primary-foreground: var(--neutral-0);--primary-subtle: var(--brand-100);--success: var(--green-500);--success-subtle: var(--green-100);--success-foreground: var(--green-600);--warning: var(--amber-500);--warning-subtle: var(--amber-100);--warning-foreground: var(--amber-600);--destructive: var(--red-500);--destructive-hover: var(--red-600);--destructive-subtle: var(--red-100);--destructive-foreground: var(--neutral-0);--info: var(--brand-500);--info-subtle: var(--brand-100);--info-foreground: var(--brand-600);--ring: var(--brand-600);--ring-offset: var(--background);--ring-width: 2px;--ring-offset-width: 2px;--shadow-sm: 0 1px 2px rgb(10 14 21 / .06), 0 1px 1px rgb(10 14 21 / .04);--shadow-md: 0 2px 8px rgb(10 14 21 / .08), 0 1px 2px rgb(10 14 21 / .05);--shadow-lg: 0 8px 24px rgb(10 14 21 / .1), 0 2px 6px rgb(10 14 21 / .06);--shadow-xl: 0 16px 48px rgb(10 14 21 / .16), 0 4px 12px rgb(10 14 21 / .08)}:root[data-theme=dark]{color-scheme:dark;--background: var(--neutral-950);--surface: var(--neutral-900);--surface-secondary: var(--neutral-900);--surface-elevated: var(--neutral-800);--surface-inverted: var(--neutral-0);--surface-hover: var(--neutral-800);--surface-active: var(--neutral-700);--surface-selected: color-mix(in oklab, var(--brand-500) 24%, var(--neutral-900));--foreground: var(--neutral-100);--foreground-secondary: var(--neutral-300);--muted-foreground: var(--neutral-400);--foreground-inverted: var(--neutral-950);--border: var(--neutral-800);--border-strong: var(--neutral-700);--border-subtle: var(--neutral-900);--primary: var(--brand-300);--primary-hover: var(--brand-100);--primary-active: var(--brand-100);--primary-foreground: var(--neutral-950);--primary-subtle: color-mix(in oklab, var(--brand-500) 20%, var(--neutral-900));--success-subtle: color-mix(in oklab, var(--green-500) 20%, var(--neutral-900));--warning-subtle: color-mix(in oklab, var(--amber-500) 20%, var(--neutral-900));--destructive: var(--red-500);--destructive-hover: var(--red-600);--destructive-subtle: color-mix(in oklab, var(--red-500) 20%, var(--neutral-900));--info-subtle: color-mix(in oklab, var(--brand-500) 20%, var(--neutral-900));--ring: var(--brand-300);--ring-offset: var(--background);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 2px 8px rgb(0 0 0 / .45);--shadow-lg: 0 8px 24px rgb(0 0 0 / .5);--shadow-xl: 0 16px 48px rgb(0 0 0 / .6)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-11: 96px;--section-y: clamp(56px, 8vw, 104px);--gutter: clamp(16px, 4vw, 32px);--container-max: 1200px;--container-wide: 1440px;--container-text: 44ch;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 14px;--radius-full: 9999px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, "Microsoft YaHei", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-display: clamp(2.2rem, 1.4rem + 3.2vw, 4rem);--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.125rem;--text-title: 1rem;--text-body: .875rem;--text-body-sm: .8125rem;--text-label: .8125rem;--text-caption: .75rem;--leading-tight: 1.3;--leading-snug: 1.4;--leading-normal: 1.75;--leading-relaxed: 1.9;--leading-table: 1.6;--tracking-tight: 0;--tracking-normal: 0;--tracking-wide: .05em;--duration-instant: 80ms;--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .24s;--duration-slower: .48s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.numeric,[data-numeric]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:root{--density: 1;--control-h-sm: calc(30px * var(--density));--control-h-md: calc(36px * var(--density));--control-h-lg: calc(44px * var(--density));--row-h: calc(46px * var(--density))}[data-density=compact]{--density: .86}[data-density=comfortable]{--density: 1.14}[data-surface=admin]{--duration-normal: .11s;--duration-slow: .16s;--duration-slower: .16s;--section-y: var(--space-6);--row-h: calc(40px * var(--density))}:root{--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-header: 200;--z-drawer: 300;--z-overlay: 400;--z-dialog: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}:lang(zh){-webkit-hyphens:none;hyphens:none;line-break:strict;word-break:normal;font-synthesis-weight:none}body{text-autospace:normal;text-spacing-trim:trim-start}:where(h1,h2,h3,h4,p,li,td,th,label,button,a){overflow-wrap:break-word}:where(p,li,dd,td){-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-snug)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:where(button,a,[role=button],input,select,textarea){transition-property:color,background-color,border-color,opacity!important;transition-duration:var(--duration-instant)!important}}.skip-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){:where(button,a,[role=button],[role=tab],[role=menuitem],summary){min-block-size:44px;min-inline-size:44px}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;min-block-size:44px}:where(input,select,textarea){font-size:max(1rem,1em)}}@media(forced-colors:active){:where(button,[role=button],.card,.badge,[data-state]){border:1px solid ButtonBorder}:focus-visible{outline:2px solid Highlight;outline-offset:2px}}::selection{background:var(--primary-subtle);color:var(--foreground)}:where(svg[aria-hidden=true]){flex-shrink:0;vertical-align:-.125em}:where(img,video,canvas,svg){max-inline-size:100%;block-size:auto}:where(td,th,li,p,dd){overflow-wrap:anywhere}.shell-root{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.shell-body{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:0}.shell-sidebar{inline-size:var(--sidebar-width);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-inline-end:1px solid var(--border);background:var(--surface)}.shell-sidebar>nav{min-height:0;overflow-y:auto;overscroll-behavior:contain}.shell-main{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-block-end:var(--safe-bottom)}.shell-header{height:var(--header-height);padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-block-end:1px solid var(--border);background:var(--surface);z-index:var(--z-header)}:root{--header-height: 3.5rem;--sidebar-width: 14.5rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.scroll-x{min-width:0;overflow-x:auto;overflow-y:clip;overscroll-behavior-x:contain}dialog{margin:auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-elevated);color:var(--foreground);box-shadow:var(--shadow-xl);max-inline-size:min(100% - 2 * var(--gutter),40rem);max-block-size:min(100dvh - 2 * var(--space-6),90dvh);overflow:hidden}dialog::backdrop{background:color-mix(in oklab,var(--neutral-950) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:767px){dialog{margin-block-end:0;max-inline-size:100%;inline-size:100%;max-block-size:calc(100dvh - var(--space-6));border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);border-end-start-radius:0;border-end-end-radius:0;padding-block-end:var(--safe-bottom)}}html[data-scroll-locked]{overflow:hidden}.toast-region{position:fixed;inset-block-end:calc(var(--space-4) + var(--safe-bottom));inset-inline-start:var(--space-4);z-index:var(--z-toast);display:grid;gap:var(--space-2);max-inline-size:min(100% - 2 * var(--space-4),24rem);pointer-events:none}.toast-region>*{pointer-events:auto}@media print{.shell-header,.shell-sidebar,.toast-region,[data-print=hide]{display:none!important}.shell-root,.shell-main{height:auto;overflow:visible}*{box-shadow:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding-inline:var(--space-4);font:inherit;font-size:var(--text-body);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-instant) var(--ease-out),border-color var(--duration-instant) var(--ease-out),color var(--duration-instant) var(--ease-out)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{height:var(--control-h-sm);padding-inline:var(--space-3);font-size:var(--text-body-sm)}.btn--lg{height:var(--control-h-lg);padding-inline:var(--space-5);font-size:var(--text-title)}.btn--block{inline-size:100%}.btn--primary{background:var(--primary);color:var(--primary-foreground)}.btn--primary:not(:disabled):hover{background:var(--primary-hover)}.btn--primary:not(:disabled):active{background:var(--primary-active)}.btn--secondary{background:var(--surface);color:var(--foreground);border-color:var(--border-strong)}.btn--secondary:not(:disabled):hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.btn--secondary:not(:disabled):active{background:var(--surface-active)}.btn--ghost{background:transparent;color:var(--foreground-secondary)}.btn--ghost:not(:disabled):hover{background:var(--surface-hover);color:var(--foreground)}.btn--destructive{background:var(--destructive);color:var(--destructive-foreground)}.btn--destructive:not(:disabled):hover{background:var(--destructive-hover)}.btn--destructive:focus-visible{outline-color:var(--destructive)}.btn-spinner{inline-size:.875em;block-size:.875em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--control-h-sm);block-size:var(--control-h-sm);color:var(--muted-foreground);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out)}.icon-btn:hover{color:var(--foreground);background:var(--surface-hover)}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--primary-hover)}.field{display:grid;gap:var(--space-2);margin-block-end:var(--space-4)}.field-label{font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--foreground);display:inline-flex;gap:2px}.field-required{color:var(--destructive)}.field-desc{font-size:var(--text-caption);color:var(--muted-foreground);margin-block:calc(-1 * var(--space-1))}.field-error{font-size:var(--text-caption);color:var(--destructive)}.input,.select{display:block;inline-size:100%;height:var(--control-h-md);padding-inline:var(--space-3);font:inherit;font-size:var(--text-body);color:var(--foreground);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.input::placeholder{color:var(--muted-foreground)}.input:hover,.select:hover{border-color:var(--foreground-secondary)}.input:focus-visible,.select:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width);border-color:var(--primary)}.input--invalid,.select--invalid{border-color:var(--destructive)}.input--invalid:focus-visible,.select--invalid:focus-visible{outline-color:var(--destructive)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 49%,currentColor 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,currentColor 50%,transparent 51%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-inline-end:var(--space-7)}textarea.input{block-size:auto;padding-block:var(--space-2)}.form-error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--destructive-subtle);color:var(--foreground);font-size:var(--text-body-sm)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--space-4)}.code-row{display:flex;gap:var(--space-2)}.code-row .input{flex:1}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:1.5;border-radius:var(--radius-sm);border:1px solid transparent;white-space:nowrap}.badge--neutral{background:var(--surface-secondary);color:var(--foreground-secondary);border-color:var(--border)}.badge--success{background:var(--success-subtle);color:var(--success-foreground)}.badge--warning{background:var(--warning-subtle);color:var(--warning-foreground)}.badge--danger{background:var(--destructive-subtle);color:var(--destructive)}.badge--info{background:var(--info-subtle);color:var(--info-foreground)}.dot{display:inline-block;inline-size:6px;block-size:6px;border-radius:var(--radius-full);background:var(--muted-foreground)}.dot--success{background:var(--success)}.dot--warning{background:var(--warning)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-9) var(--space-6);text-align:center;color:var(--muted-foreground)}.state-block--compact{padding:var(--space-6) var(--space-4)}.state-block--error{color:var(--destructive)}.state-block-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.state-block-title{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--foreground)}.state-block-hint{font-size:var(--text-body-sm);color:var(--muted-foreground)}.skeleton-bar{display:inline-block;block-size:.75em;border-radius:var(--radius-sm);background:var(--surface-active);position:relative;overflow:hidden}.skeleton-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--surface-hover),transparent);transform:translate(-100%);animation:skeleton-sweep 1.4s var(--ease-in-out) infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton-row td{padding:var(--space-3) var(--space-3)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);background-image:linear-gradient(to right,var(--surface),transparent),linear-gradient(to left,var(--surface),transparent),radial-gradient(farthest-side at 0% 50%,color-mix(in oklab,var(--foreground) 18%,transparent),transparent),radial-gradient(farthest-side at 100% 50%,color-mix(in oklab,var(--foreground) 18%,transparent),transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:30px 100%,30px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.table-wrap:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width)}.data-table{inline-size:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.data-table td,.data-table th{overflow-wrap:normal;word-break:keep-all}.data-table .col-wrap{overflow-wrap:anywhere;white-space:normal;min-inline-size:12ch}.data-table .col-nowrap{white-space:nowrap}.data-table caption{text-align:start}.data-table th{padding:var(--space-3);font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--muted-foreground);text-align:start;border-block-end:1px solid var(--border);background:var(--surface-secondary);white-space:nowrap}.data-table td{padding:var(--space-3);border-block-end:1px solid var(--border-subtle);line-height:var(--leading-table);vertical-align:middle}.data-table tbody tr:last-child td{border-block-end:0}.data-table tbody tr{transition:background-color var(--duration-instant) var(--ease-out)}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table--compact td,.data-table--compact th{padding:var(--space-2) var(--space-3)}.ta-end{text-align:end}.mono{font-family:var(--font-mono);font-size:var(--text-body-sm)}.muted{color:var(--muted-foreground)}.type-cell{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.delta-dot{inline-size:6px;block-size:6px;border-radius:var(--radius-full)}.delta-dot--plus{background:var(--success);box-shadow:0 0 6px var(--success)}.delta-dot--minus{background:var(--destructive)}.delta-plus{color:var(--success-foreground);font-weight:var(--weight-semibold)}.delta-minus{color:var(--destructive);font-weight:var(--weight-semibold)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-4)}.pagination-info{font-size:var(--text-caption);color:var(--muted-foreground)}.pagination-actions{display:flex;gap:var(--space-2)}.tabs{display:grid;grid-auto-flow:column;gap:var(--space-1);padding:3px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:calc(var(--control-h-md) - 6px);padding-inline:var(--space-3);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out)}.tab:hover{color:var(--foreground)}.tab--active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));align-items:end;gap:var(--space-3);padding:var(--space-3);margin-block-end:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;max-width:100%}.filter-bar .filter-actions{grid-column:1 / -1;justify-content:flex-start;margin-inline-start:0}.filter-field{display:grid;gap:var(--space-1);min-width:0;min-inline-size:0;max-width:100%}.filter-label{font-size:var(--text-caption);color:var(--muted-foreground)}.filter-field .input,.filter-field .select{width:100%;max-width:100%;min-width:0;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box}input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=time]{display:block;width:100%;max-width:100%;min-width:0;-webkit-min-logical-width:0;box-sizing:border-box}.filter-actions{display:flex;gap:var(--space-2);margin-inline-start:auto}.filter-active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-block:0 var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm);color:var(--foreground-secondary);background:var(--primary-subtle);border-inline-start:2px solid var(--primary);border-radius:var(--radius-sm)}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-body-sm)}.toast--success{color:var(--success-foreground)}.toast--error{color:var(--destructive)}.toast-text{flex:1}.toast-dismiss{color:var(--muted-foreground)}.dialog-body{display:flex;flex-direction:column;max-block-size:inherit;padding:var(--space-5);overflow:auto;overscroll-behavior:contain}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-h4);font-weight:var(--weight-semibold);margin-block-end:var(--space-2)}.dialog-desc{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-block-end:var(--space-4);overflow-wrap:anywhere}.dialog-content{flex:1}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--border)}.dialog--sm{max-inline-size:min(100% - 2 * var(--gutter),24rem)}.dialog--md{max-inline-size:min(100% - 2 * var(--gutter),36rem)}.dialog--lg{max-inline-size:min(100% - 2 * var(--gutter),44rem)}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground);text-decoration:none}.brand-mark:hover{text-decoration:none}.brand-mark img{display:block}:root[data-theme=light] .brand-mark img{filter:brightness(.42) saturate(1.7)}.brand-name{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:.02em}.brand-divider{inline-size:1px;block-size:14px;background:var(--border-strong)}.brand-context{font-size:var(--text-body-sm);color:var(--muted-foreground)}.shell-header-brand,.shell-header-actions{display:flex;align-items:center;gap:var(--space-3);min-width:0}.user-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h-sm);padding-inline:var(--space-3);font:inherit;font-size:var(--text-body-sm);color:var(--foreground-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-out),color var(--duration-instant) var(--ease-out)}.user-chip:hover{border-color:var(--destructive);color:var(--destructive)}.side-nav{list-style:none;margin:0;padding:var(--space-3);display:grid;gap:2px}.side-nav-divider{block-size:1px;margin:var(--space-2) var(--space-3);background:var(--border);list-style:none}.side-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-body);color:var(--foreground-secondary);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--duration-instant) var(--ease-out),color var(--duration-instant) var(--ease-out)}.side-nav-link:hover{background:var(--surface-hover);color:var(--foreground);text-decoration:none}.side-nav-link--active{position:relative;background:var(--surface-selected);color:var(--primary);font-weight:var(--weight-semibold)}.side-nav-link--active:before{content:"";position:absolute;inset-inline-start:0;inset-block:20%;inline-size:2px;border-radius:var(--radius-full);background:var(--primary)}.shell-sidebar-footer{padding:var(--space-3);border-block-start:1px solid var(--border)}.shell-sidebar-footer .side-nav-link{font-size:var(--text-body-sm);color:var(--muted-foreground)}.mobile-nav{display:none}.shell-content{max-inline-size:var(--container-max);margin-inline:auto;padding:var(--space-6) var(--gutter) var(--space-9);display:grid;gap:var(--space-5);align-content:start}.page-header-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.page-title{font-size:var(--text-h2);font-weight:var(--weight-semibold)}.page-subtitle{margin-block-start:var(--space-1);font-size:var(--text-body-sm);color:var(--muted-foreground)}.page-actions{display:flex;gap:var(--space-2)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--control-h-sm);block-size:var(--control-h-sm);color:var(--muted-foreground);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.copy-btn:hover{color:var(--primary);background:var(--surface-hover)}.admin-scope{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--warning-foreground);padding:3px var(--space-2);border:1px solid var(--warning-subtle);background:var(--warning-subtle);border-radius:var(--radius-sm)}.admin-main .shell-content{max-inline-size:var(--container-wide)}.permission-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-8);color:var(--muted-foreground)}.permission-block .page-title{font-size:var(--text-h3)}.refund-warn{margin-block-end:var(--space-4);padding:var(--space-3);font-size:var(--text-body-sm);color:var(--warning-foreground);background:var(--warning-subtle);border-radius:var(--radius-md)}.mobile-nav{min-width:0}.nav-text-short{display:none}@media(max-width:1023px){.shell-sidebar{display:none}.shell-body{grid-template-columns:minmax(0,1fr)}.shell-root{grid-template-rows:auto minmax(0,1fr) auto}.mobile-nav{display:block;position:sticky;inset-block-end:0;z-index:var(--z-sticky);background:var(--surface);border-block-start:1px solid var(--border);padding-block-end:var(--safe-bottom)}.mobile-nav ul{display:flex;list-style:none;margin:0;padding:0;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-nav ul::-webkit-scrollbar{display:none}.mobile-nav ul li{flex:1 1 0;min-inline-size:0}.mobile-nav-link{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:44px;padding:var(--space-2) 6px;font-size:var(--text-caption);color:var(--muted-foreground);text-decoration:none;white-space:nowrap;border-block-end:2px solid transparent}.nav-text-full{display:none}.nav-text-short{display:inline}.mobile-nav-link--active{color:var(--primary);font-weight:var(--weight-semibold);border-block-end-color:var(--primary)}.brand-context{display:none}}@media(max-width:640px){.data-table .col-low{display:none}.data-table{min-inline-size:21rem}.data-table td,.data-table th{padding:var(--space-2) var(--space-2)}.filter-bar{grid-template-columns:1fr;padding:var(--space-3);gap:var(--space-3)}.pagination{justify-content:center}.user-chip .user-id{display:none}}@media(pointer:coarse){:where(.link-btn,.panel-more,.breadcrumb a){padding-block:6px}}.login-page{min-block-size:100dvh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--primary-subtle),transparent 70%),var(--background)}.login-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--gutter)}.login-layout{inline-size:min(100% - 2 * var(--gutter),64rem);margin-inline:auto;padding-block:var(--space-6) var(--space-9);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(var(--space-6),6vw,var(--space-9));align-items:center}.login-pulse{position:relative;block-size:1px;margin-block:var(--space-5) var(--space-6);background:linear-gradient(90deg,var(--border-strong),transparent);overflow:visible}.login-pulse-line{position:absolute;inset-block:0;inline-size:28%;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:pulse-travel 2.8s var(--ease-in-out) infinite}.login-pulse-node{position:absolute;inset-block-start:50%;inline-size:5px;block-size:5px;border-radius:var(--radius-full);background:var(--primary-foreground);box-shadow:0 0 8px var(--primary);animation:node-travel 2.8s var(--ease-in-out) infinite}@keyframes pulse-travel{0%{transform:translate(-40%);opacity:0}18%{opacity:1}82%{opacity:1}to{transform:translate(360%);opacity:0}}@keyframes node-travel{0%{inset-inline-start:0;opacity:0}18%{opacity:1}82%{opacity:1}to{inset-inline-start:100%;opacity:0}}.login-brand-title{font-size:var(--text-h2);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.login-brand-copy{margin-block-start:var(--space-3);color:var(--foreground-secondary)}.login-brand-facts{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--muted-foreground)}.login-brand-facts li{padding-inline-start:var(--space-4);border-inline-start:2px solid var(--border-strong)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5);display:grid;gap:var(--space-4)}.qr-panel{display:grid;justify-items:center;gap:var(--space-3);padding-block:var(--space-3)}.qr-frame{position:relative;inline-size:216px;block-size:216px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.qr-frame--small{inline-size:166px;block-size:166px}.qr-frame--loading,.qr-frame--state{flex-direction:column;gap:var(--space-3)}.qr-frame--state{padding:var(--space-4)}.qr-image{inline-size:100%;block-size:100%;object-fit:contain;border-radius:var(--radius-sm);background:var(--neutral-0)}.qr-image--stale{filter:grayscale(1) blur(2px) opacity(.4)}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:color-mix(in oklab,var(--surface) 82%,transparent);border-radius:var(--radius-lg);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.qr-hint{font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:center}.qr-hint--warn{color:var(--warning-foreground)}.qr-count{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--muted-foreground)}.qr-status{position:absolute;inset-block-end:calc(100% + var(--space-2));inline-size:max-content;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--success-foreground);white-space:nowrap}.spinner{inline-size:20px;block-size:20px;border:2px solid var(--border-strong);border-inline-end-color:var(--primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}.sms-footnote{font-size:var(--text-caption);color:var(--muted-foreground);text-align:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-4)}.kpi-card{position:relative;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:grid;gap:var(--space-1);align-content:start}.kpi-card--primary{border-color:color-mix(in oklab,var(--primary) 45%,var(--border))}.kpi-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label);color:var(--muted-foreground)}.kpi-value{font-family:var(--font-mono);font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem);font-weight:var(--weight-semibold);line-height:1.2;color:var(--foreground)}.kpi-card--primary .kpi-value{color:var(--primary)}.kpi-energy{display:block;inline-size:100%;block-size:2px;margin-block-start:var(--space-1);background:var(--surface-active);overflow:hidden;position:relative}.kpi-energy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inline-size:40%;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:energy-sweep .9s var(--ease-out) both}@keyframes energy-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.kpi-hint{font-size:var(--text-caption);color:var(--muted-foreground)}.overview-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-4)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:grid;gap:var(--space-3);align-content:start}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-title{font-size:var(--text-h4);font-weight:var(--weight-semibold)}.panel-more{font-size:var(--text-body-sm)}.panel-empty{font-size:var(--text-body-sm);color:var(--muted-foreground)}.bind-unbound{display:flex;gap:var(--space-5);align-items:flex-start}.bind-copy{display:grid;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--foreground-secondary)}.bind-bonus{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--success-foreground);background:var(--success-subtle);border-radius:var(--radius-md);inline-size:fit-content}.bind-bound p{font-size:var(--text-body-sm);color:var(--foreground-secondary)}.rule-entry-list{list-style:none;margin:0;padding:0;display:grid}.rule-entry-list li+li{border-block-start:1px solid var(--border-subtle)}.rule-entry{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);color:var(--foreground);text-decoration:none;transition:background-color var(--duration-instant) var(--ease-out)}.rule-entry:hover{text-decoration:none;background:var(--surface-hover)}.rule-entry-name{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium)}.rule-entry-points{color:var(--foreground-secondary)}.rule-entry-price{color:var(--primary);font-weight:var(--weight-semibold)}.pay-method{border:0;padding:0;margin:0;display:grid;gap:var(--space-2)}.pay-method legend{padding:0;margin-block-end:var(--space-2);font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--foreground)}.pay-method-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.pay-method-option{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding-inline:var(--space-4);font-size:var(--text-body);color:var(--foreground-secondary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-out),color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out)}.pay-method-option:has(input:checked){border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.pay-method-option input{accent-color:var(--primary)}.pay-method-option:has(input:focus-visible){outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width)}.rule-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:var(--space-3)}.rule-card{inline-size:100%;display:grid;gap:var(--space-1);padding:var(--space-4);font:inherit;text-align:start;color:var(--foreground);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.rule-card:hover{border-color:var(--primary);background:var(--surface-hover)}.rule-card--active{border-color:var(--primary);background:var(--primary-subtle);box-shadow:inset 0 0 0 1px var(--primary)}.rule-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.rule-name{font-weight:var(--weight-semibold)}.rule-price{font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--primary)}.rule-points{font-size:var(--text-body-sm);color:var(--foreground-secondary)}.rule-points strong{color:var(--foreground);font-weight:var(--weight-semibold)}.rule-bonus{font-size:var(--text-caption);color:var(--success-foreground)}.rule-bonus--none{color:var(--muted-foreground)}.recharge-footer{position:sticky;inset-block-end:0;z-index:var(--z-raised);padding:var(--space-3) 0;display:flex;justify-content:flex-end;background:var(--background);border-block-start:1px solid var(--border)}.pay-qr{display:grid;justify-items:center;gap:var(--space-3)}.pay-success{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4) 0;text-align:center}.pay-success-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-full);color:var(--success-foreground);background:var(--success-subtle)}.pay-success p strong{font-family:var(--font-mono);font-size:var(--text-h3)}.pay-success-hint{font-size:var(--text-body-sm);color:var(--muted-foreground)}.refund-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.refund-item{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-2)}.refund-item-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.refund-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);margin:0}.refund-meta dt{font-size:var(--text-caption);color:var(--muted-foreground)}.refund-meta dd{margin:0;font-size:var(--text-body-sm)}@media(max-width:900px){.login-layout{grid-template-columns:1fr;align-content:start}.login-brand{order:2}.bind-unbound{flex-direction:column;align-items:center;text-align:center}.bind-copy{justify-items:center}}@media(max-width:640px){.rule-entry{grid-template-columns:1fr auto}.rule-entry-points{display:none}.code-row{flex-direction:column}.recharge-footer{justify-content:stretch}.recharge-footer .btn{inline-size:100%}}.wb-page{min-block-size:100dvh;background:radial-gradient(ellipse 70% 40% at 50% -8%,var(--primary-subtle),transparent 70%),var(--background)}@media(min-width:1024px){.wb-page{block-size:100dvh;display:flex;flex-direction:column;overflow:hidden}}.wb-header{position:sticky;inset-block-start:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--gutter);background:color-mix(in oklab,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--border)}@media(min-width:1024px){.wb-header{flex:none}}.wb-header-brand{flex:none}.wb-nav{flex:1;min-inline-size:0}.wb-nav ul{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.wb-nav ul::-webkit-scrollbar{display:none}.wb-nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-body);color:var(--foreground-secondary);text-decoration:none;border-radius:var(--radius-md);white-space:nowrap;transition:background-color var(--duration-instant) var(--ease-out),color var(--duration-instant) var(--ease-out)}.wb-nav-link:hover{background:var(--surface-hover);color:var(--foreground);text-decoration:none}.wb-nav-link--active{background:var(--surface-selected);color:var(--primary);font-weight:var(--weight-semibold)}.wb-header-actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.wb-points{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--control-h-sm);padding-inline:var(--space-3);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--primary);text-decoration:none;border:1px solid color-mix(in oklab,var(--primary) 40%,var(--border));background:var(--primary-subtle);border-radius:var(--radius-full);white-space:nowrap}.wb-points:hover{text-decoration:none;border-color:var(--primary)}.wb-points--login{color:var(--foreground-secondary);background:var(--surface);border-color:var(--border-strong)}.wb-main{inline-size:min(100% - 2 * var(--gutter),88rem);margin-inline:auto;padding-block:var(--space-5) var(--space-9);display:grid;gap:var(--space-5)}@media(min-width:1024px){.wb-main{flex:1 1 auto;min-block-size:0;padding-block:var(--space-4);grid-template-rows:auto minmax(0,1fr);gap:var(--space-4)}}.wb-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.wb-title{font-size:var(--text-h2);font-weight:var(--weight-semibold)}.wb-subtitle{margin-block-start:var(--space-1);font-size:var(--text-body-sm);color:var(--muted-foreground)}.wb-balance{font-size:var(--text-caption);color:var(--muted-foreground);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap}.wb-gate{display:grid;place-items:center;padding-block:var(--space-9)}.wb-gate-card{inline-size:min(100%,26rem);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-3)}.wb-gate-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;border-radius:var(--radius-md);color:var(--warning-foreground);background:var(--warning-subtle)}.wb-gate-title{font-size:var(--text-h4)}.wb-gate-copy{font-size:var(--text-body-sm);color:var(--muted-foreground)}.wb-pwd-setup{padding:var(--space-4);border:1px solid var(--warning-subtle);background:var(--warning-subtle);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);font-size:var(--text-body-sm)}.wb-pwd-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.wb-pwd-row .input{inline-size:auto;min-inline-size:11em}.wb-layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:var(--space-5);align-items:start}.wb-layout--video{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.wb-form{position:sticky;inset-block-start:calc(var(--header-height, 56px) + var(--space-4));display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);max-block-size:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain}.wb-form-submit{display:grid}@media(min-width:1024px){.wb-layout,.wb-layout--video{align-items:stretch;min-block-size:0}.wb-form{position:static;inset-block-start:auto;gap:var(--space-4);padding:var(--space-4);padding-block-end:0;max-block-size:100%;min-block-size:0;scrollbar-width:thin}.wb-form-submit{position:sticky;inset-block-end:0;padding-block:var(--space-2) var(--space-4);background:var(--surface)}}.wb-section{display:grid;gap:var(--space-2)}.wb-section-title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--foreground)}.wb-dur-val{margin-inline-start:var(--space-2);color:var(--primary);font-weight:var(--weight-semibold)}.wb-upload{display:grid;justify-items:center;gap:var(--space-1);min-block-size:150px;padding:var(--space-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-secondary);color:var(--muted-foreground);font:inherit;font-size:var(--text-body-sm);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out)}.wb-upload strong{color:var(--foreground);font-size:var(--text-body)}.wb-upload:hover,.wb-upload:focus-visible{border-color:var(--primary);background:var(--surface-hover)}.wb-upload-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;border-radius:var(--radius-md);font-size:20px;color:var(--primary);background:var(--primary-subtle)}.wb-thumbs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.wb-thumb{position:relative}.wb-thumb-btn{position:relative;display:block;inline-size:100%;aspect-ratio:1;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary);overflow:hidden;cursor:pointer}.wb-thumb-btn img,.wb-thumb-btn video{inline-size:100%;block-size:100%;object-fit:cover;display:block}.wb-thumb-btn:hover{border-color:var(--primary)}.wb-thumb-label{position:absolute;inset-block-end:3px;inset-inline-start:3px;padding:1px 6px;font-size:var(--text-caption);color:var(--foreground);background:color-mix(in oklab,var(--surface-inverted) 78%,transparent);border-radius:var(--radius-sm);pointer-events:none}.wb-thumb-audio{display:grid;place-items:center;inline-size:100%;block-size:100%;font-size:20px;color:var(--muted-foreground)}.wb-thumb-del{position:absolute;inset-block-start:3px;inset-inline-end:3px;display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:20px;color:var(--destructive);background:color-mix(in oklab,var(--surface-inverted) 78%,transparent);border:0;border-radius:var(--radius-sm);cursor:pointer}.wb-thumb-del:hover{background:var(--destructive-subtle)}.wb-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--foreground-secondary);cursor:pointer}.wb-check input{accent-color:var(--primary)}.wb-hint{font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}.wb-seg{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wb-seg--grid2{display:grid;grid-template-columns:repeat(2,1fr)}.wb-seg--mt{margin-block-start:var(--space-2)}.wb-seg-btn{display:grid;gap:2px;min-block-size:var(--control-h-sm);padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--text-body-sm);color:var(--foreground-secondary);background:var(--surface-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out),color var(--duration-instant) var(--ease-out)}.wb-seg-btn small{font-size:var(--text-caption);color:var(--muted-foreground)}.wb-seg-btn:hover{border-color:var(--primary);color:var(--foreground)}.wb-seg-btn--active{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle);font-weight:var(--weight-semibold)}.wb-seg-btn--active small{color:var(--primary)}.wb-prompt-wrap{position:relative}.wb-textarea{inline-size:100%;min-block-size:120px;padding:var(--space-3);font:inherit;font-size:var(--text-body);line-height:var(--leading-normal);color:var(--foreground);background:var(--surface-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical}.wb-textarea::placeholder{color:var(--muted-foreground)}.wb-textarea:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width);border-color:var(--primary)}.wb-at-picker{position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline:0;z-index:var(--z-popover);display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.wb-at-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.wb-at-chip:hover{border-color:var(--primary);color:var(--primary)}.wb-at-chip img{inline-size:22px;block-size:22px;object-fit:cover;border-radius:var(--radius-sm)}.wb-range{inline-size:100%;block-size:44px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.wb-range::-webkit-slider-runnable-track{block-size:6px;border-radius:3px;background:var(--surface-active)}.wb-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:26px;block-size:26px;margin-block-start:-10px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:var(--shadow-sm)}.wb-range::-moz-range-track{block-size:6px;border-radius:3px;background:var(--surface-active)}.wb-range::-moz-range-thumb{inline-size:22px;block-size:22px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:var(--shadow-sm)}.wb-results-col{display:grid;gap:var(--space-5);min-inline-size:0;align-content:start}@media(min-width:1024px){.wb-results-col{gap:var(--space-4);min-block-size:0;max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}.wb-panel{padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:grid;gap:var(--space-3)}.wb-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.wb-panel-title{font-size:var(--text-h4);font-weight:var(--weight-semibold)}.wb-meta{font-size:var(--text-caption);color:var(--muted-foreground)}.wb-empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--muted-foreground);text-align:center}.wb-empty strong{color:var(--foreground);font-size:var(--text-body)}.wb-empty p{font-size:var(--text-body-sm)}.wb-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--space-4)}.wb-cards--video{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.wb-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.wb-card-media{position:relative;background:var(--surface-inverted);display:grid;place-items:center}.wb-card-media--video{aspect-ratio:16 / 9;max-block-size:62vmin;background:var(--surface-inverted)}.wb-card-media--video video{inline-size:100%;block-size:100%;display:block;object-fit:contain;background:var(--surface-inverted)}.wb-card-img-btn{display:block;inline-size:100%;block-size:100%;padding:0;border:0;background:none;cursor:zoom-in}.wb-card-img-btn img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.wb-card-state{display:grid;place-items:center;gap:var(--space-2);padding:var(--space-4);min-block-size:120px;color:var(--muted-foreground);font-size:var(--text-body-sm);text-align:center}.wb-card-state--failed{color:var(--destructive);place-content:center}.wb-card-state--failed p{word-break:break-all;max-block-size:8em;overflow:auto}.wb-card-state--mini{min-block-size:80px;padding:var(--space-2);font-size:var(--text-caption)}.wb-card-meta{display:grid;gap:var(--space-2);padding:var(--space-3);align-content:start}.wb-card-prompt{font-size:var(--text-body-sm);color:var(--foreground-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wb-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.wb-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.wb-edit-target{display:flex;gap:var(--space-3);align-items:center}.wb-edit-target img{inline-size:72px;block-size:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-strong)}.wb-edit-target p{font-size:var(--text-body-sm)}.wb-edit-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:stretch}.wb-history-toggle{display:flex;align-items:center;justify-content:space-between;inline-size:100%;padding:var(--space-1) 0;font:inherit;font-size:var(--text-h4);font-weight:var(--weight-semibold);color:var(--foreground);background:none;border:0;cursor:pointer}.wb-history-toggle span{color:var(--muted-foreground);font-size:var(--text-body)}.wb-history{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:var(--space-3)}.wb-history--video{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}.wb-history-item{display:grid;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary);align-content:start}.wb-history-media{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-inverted)}.wb-history-media--video{aspect-ratio:16 / 9}.wb-history-media button{display:block;inline-size:100%;block-size:100%;padding:0;border:0;cursor:zoom-in;background:none}.wb-history-media img,.wb-history-media video{inline-size:100%;block-size:100%;object-fit:cover;display:block}.wb-history-media--video video{object-fit:contain}.wb-history-prompt{font-size:var(--text-caption);color:var(--foreground-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wb-history-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.wb-lightbox{background:var(--surface-inverted);border:0;max-inline-size:min(100% - 2 * var(--gutter),72rem);display:grid;place-items:center}.wb-lightbox img{max-block-size:min(88dvh,100%);inline-size:auto;object-fit:contain}.wb-lightbox-close{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);color:var(--foreground-inverted);background:color-mix(in oklab,var(--surface-inverted) 60%,transparent)}@media(max-width:1023px){.wb-layout,.wb-layout--video{grid-template-columns:1fr}.wb-form{position:static;max-block-size:none;overflow:visible;order:0}.wb-results-col{min-block-size:auto;max-block-size:none;overflow:visible}.wb-form-submit{position:static;background:none;padding-block-start:0}}@media(min-width:1024px)and (max-height:900px){.wb-form{gap:var(--space-3)}.wb-upload{min-block-size:112px;padding:var(--space-3)}.wb-textarea{min-block-size:84px}.wb-main{padding-block:var(--space-3)}.wb-panel{padding:var(--space-3) var(--space-4)}}@media(min-width:1024px)and (max-height:819px){.wb-subtitle{display:none}.wb-upload{min-block-size:96px}.wb-textarea{min-block-size:76px}}@media(max-width:640px){.wb-header{flex-wrap:wrap}.wb-nav{order:3;flex-basis:100%}.wb-edit-row{grid-template-columns:1fr}.wb-cards{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}}@media(max-width:640px){.wb-seg-btn{min-block-size:44px;padding-inline:var(--space-3)}.wb-form select,.wb-form .input,.wb-form .select{min-block-size:44px}}@media(pointer:coarse){.wb-textarea,.wb-form select,.wb-form .input,.wb-form .select,.wb-textarea::placeholder{font-size:1rem}}