: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;--pay-wechat-500: #07c160;--pay-alipay-500: #1677ff}: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);--pay-channel-wechat: var(--pay-wechat-500);--pay-channel-alipay: var(--pay-alipay-500);--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}a.btn,a.btn:hover{text-decoration:none}.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)}.chip-multi{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:2px var(--space-3);font:inherit;font-size:var(--text-caption);color:var(--foreground-secondary);background:var(--surface-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-full);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)}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip--on{color:var(--primary);border-color:var(--primary);background:var(--primary-subtle)}.input-with-action{display:flex;align-items:center;gap:var(--space-2)}.input-with-action>input{flex:1;min-inline-size:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.form-row>.field{margin-block-end:var(--space-4)}.upstream-list{display:grid;gap:2px;margin:0;padding:0;list-style:none;max-block-size:46vh;overflow:auto;overscroll-behavior:contain}.upstream-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:100%;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-body-sm);text-align:start;color:var(--foreground-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.upstream-item:hover,.upstream-item:focus-visible{color:var(--foreground);border-color:var(--border-strong);background:var(--surface-secondary)}.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 40%,currentColor 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,currentColor 50%,transparent 60%);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)}span.user-chip{cursor:default}.user-chip:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}.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)}.copy-btn--failed{color:var(--destructive)}.copy-btn--text{inline-size:auto;block-size:auto;gap:4px;padding:2px var(--space-2);font-size:var(--text-caption)}.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)}.admin-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-body-sm);color:var(--muted-foreground);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out)}.admin-back:hover{color:var(--foreground);background:var(--surface-hover);text-decoration:none}.up-balance{font-size:var(--text-body-sm);color:var(--muted-foreground);padding:3px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap}.up-balance strong{color:var(--foreground)}.up-balance--bad{color:var(--destructive);border-color:var(--destructive)}.admin-gate{display:flex;align-items:center;justify-content:center;min-block-size:70vh;padding:var(--space-6)}.admin-gate-card{inline-size:100%;max-inline-size:360px;display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md, 0 8px 24px rgb(0 0 0 / .08))}.admin-gate-head{display:flex;align-items:center;gap:var(--space-2);color:var(--warning-foreground)}.admin-gate-head .page-title{font-size:var(--text-h3)}.admin-gate-hint{margin:0;font-size:var(--text-body-sm);color:var(--muted-foreground)}.admin-gate-actions{display:grid;gap:var(--space-2);justify-items:center;margin-block-start:var(--space-1)}.admin-logout{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-body-sm);color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;transition:color var(--duration-instant) var(--ease-out),background-color var(--duration-instant) var(--ease-out)}.admin-logout:hover{color:var(--warning-foreground);background:var(--warning-subtle);border-color:var(--warning-subtle)}.admin-checking{padding:var(--space-8);color:var(--muted-foreground);font-size:var(--text-body-sm)}.landing-qr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}@media(max-width:900px){.landing-qr{grid-template-columns:1fr}}.landing-qr-card{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.landing-qr-head{font-size:var(--text-title);font-weight:var(--weight-semibold);color:var(--foreground)}.landing-qr-note{margin:0;font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.landing-qr-figure{display:flex;align-items:center;gap:var(--space-4);margin:0}.landing-qr-figure img{inline-size:132px;block-size:132px;flex:none;display:block;background:#fff;border:1px solid var(--border);border-radius:8px}.landing-qr-figure figcaption{display:grid;gap:var(--space-1);font-size:var(--text-body-sm);color:var(--foreground)}.landing-qr-sub{font-size:var(--text-body-sm);font-weight:var(--weight-regular);color:var(--muted-foreground)}.landing-qr-warn{font-size:var(--text-body-sm);color:var(--warning-foreground)}.landing-qr-bad{font-size:var(--text-body-sm);color:var(--destructive)}.landing-qr-drop{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-5);font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface-secondary);border:1px dashed 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)}.landing-qr-drop:hover{background:var(--surface-hover);border-color:var(--primary)}.landing-qr-pick{inline-size:132px;block-size:132px;object-fit:contain;background:#fff;border-radius:8px}.landing-qr-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.proj-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--space-5);align-items:start}@media(max-width:900px){.proj-layout{grid-template-columns:1fr}}.proj-card{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.proj-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.proj-card-head--images{margin-block-start:var(--space-4);padding-block-start:var(--space-4);border-block-start:1px solid var(--border);justify-content:flex-start}.proj-head{font-size:var(--text-title);font-weight:var(--weight-semibold);color:var(--foreground)}.proj-note{margin:0;font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.proj-note--warn{display:flex;align-items:center;gap:var(--space-1);color:var(--warning-foreground)}.proj-list{display:grid;gap:var(--space-2)}.proj-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1)}.proj-item{display:grid;gap:2px;padding:var(--space-2) var(--space-3);text-align:start;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer}.proj-item:hover{background:var(--surface-hover)}.proj-item--active{border-color:var(--primary);background:var(--surface-selected)}.proj-item-title{font-size:var(--text-body);font-weight:var(--weight-medium)}.proj-item-sub{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-body-sm);color:var(--muted-foreground)}.proj-item-del{display:inline-flex;padding:var(--space-2);color:var(--muted-foreground);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.proj-item-del:hover{color:var(--destructive);border-color:var(--destructive-subtle)}.proj-textarea{display:block;inline-size:100%;padding:var(--space-3);font:inherit;font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--foreground);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical}.proj-textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 var(--ring-width) var(--ring)}.proj-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.proj-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.proj-thumb{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-secondary)}.proj-thumb img{display:block;inline-size:100%;aspect-ratio:4 / 3;object-fit:cover}.proj-thumb-actions{display:flex;border-block-start:1px solid var(--border)}.proj-thumb-btn{flex:1;padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--text-caption);color:var(--muted-foreground);background:transparent;border:0;cursor:pointer}.proj-thumb-btn+.proj-thumb-btn{border-inline-start:1px solid var(--border)}.proj-thumb-btn:hover{color:var(--foreground);background:var(--surface-hover)}.proj-thumb-btn--del:hover{color:var(--destructive)}.proj-dot{position:absolute;translate:-50% -50%;display:grid;place-items:center;inline-size:22px;block-size:22px;font-size:11px;font-weight:var(--weight-semibold);color:var(--foreground-on-brand);background:var(--primary);border:2px solid #fff;border-radius:var(--radius-full);box-shadow:0 1px 4px #00000059}.proj-dot--mini{inline-size:10px;block-size:10px;border-width:1px;font-size:0}.proj-labeler{display:grid;gap:var(--space-3)}.proj-canvas{position:relative;cursor:crosshair;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-secondary)}.proj-canvas img{display:block;inline-size:100%;max-block-size:60vh;object-fit:contain;-webkit-user-select:none;user-select:none}.proj-label-list{display:grid;gap:var(--space-2);max-block-size:200px;overflow-y:auto}.proj-label-list>li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.proj-label-no{display:grid;place-items:center;inline-size:22px;block-size:22px;font-size:11px;font-weight:var(--weight-semibold);color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-full)}.model-note{margin-block:var(--space-3) var(--space-4);padding:var(--space-3);font-size:var(--text-body-sm);color:var(--muted-foreground);background:var(--surface-secondary);border-radius:var(--radius-sm)}.model-flags{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.model-warn,.model-ok,.model-bad{display:inline-flex;align-items:center;gap:3px;margin-inline-start:var(--space-2);font-size:var(--text-caption)}.model-warn,.model-bad{color:var(--destructive)}.model-ok{color:var(--success-foreground)}.model-toggles{display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-1)}.model-toggle{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.model-toggle input{margin-block-start:3px}.model-toggle strong{display:block;font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.model-toggle small{display:block;color:var(--muted-foreground);font-size:var(--text-caption)}.model-check-row{display:flex;align-items:center;gap:var(--space-3);margin-block-start:var(--space-4)}.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}}.data-table-expand>td{padding:var(--space-3) var(--space-4);background:var(--surface-secondary);border-block:1px solid var(--border);text-align:left}.rec-panel{display:grid;gap:var(--space-3);min-inline-size:0}.rec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.rec-head--filters{justify-content:flex-start}.rec-tabs{display:flex;gap:var(--space-1)}.rec-note{margin:0;font-size:var(--text-caption);color:var(--muted-foreground)}.rec-err{display:block;max-inline-size:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);color:var(--muted-foreground)}.rec-charge,.rec-cost{display:block;font-size:var(--text-caption);color:var(--muted-foreground);font-weight:400}.rec-prompt{max-inline-size:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-no{max-inline-size:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-minus{color:var(--destructive)}.rec-plus{color:var(--success-foreground)}.nowrap{white-space:nowrap}.model-ratio-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.notice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}@media(max-width:900px){.notice-grid{grid-template-columns:1fr}}.notice-card{display:grid;gap:var(--space-3);align-content:start;min-inline-size:0;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.notice-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-title);font-weight:var(--weight-semibold);color:var(--foreground)}.notice-state{font-size:var(--text-caption);font-weight:400;color:var(--muted-foreground)}.notice-note{margin:0;font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.notice-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.notice-preview{display:flex;align-items:center;min-inline-size:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-full)}.notice-preview[data-off="1"]{opacity:.6}.notice-preview__icon{flex:none;display:inline-flex;color:var(--success)}.notice-preview__view{flex:1 1 auto;min-inline-size:0;contain:inline-size;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.notice-preview__track{display:inline-flex;inline-size:max-content;animation-name:wb-marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.notice-preview__item{font-size:var(--text-body-sm);color:var(--foreground);white-space:nowrap;padding-inline-end:56px}.notice-preview:hover .notice-preview__track{animation-play-state:paused}.notice-preview__off{font-size:var(--text-body-sm);color:var(--muted-foreground)}@media(prefers-reduced-motion:reduce){.notice-preview__track{animation:none}.notice-preview__item[aria-hidden=true]{display:none}}.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)}.user-code-row{display:flex;align-items:center;gap:var(--space-3)}.user-code{font-size:1.75rem;font-weight:var(--weight-semibold);letter-spacing:.08em;color:var(--foreground)}.panel-hint{font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}.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)}.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-panel{display:grid;gap:var(--space-5)}.pay-stage{display:grid;justify-items:center;gap:var(--space-3);inline-size:100%;padding-block:var(--space-2);border-radius:var(--radius-lg)}.pay-stage:focus-visible{outline-offset:var(--space-1)}.pay-placeholder{display:grid;justify-items:center;gap:var(--space-3);padding-block:var(--space-7);text-align:center}.pay-app{display:grid;justify-items:center;gap:var(--space-3);inline-size:100%;padding-block:var(--space-3);text-align:center}.pay-app .btn{inline-size:100%}.pay-app-hint{font-size:var(--text-caption);color:var(--muted-foreground)}.pay-resume-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.pay-resume-note{font-size:var(--text-caption);color:var(--muted-foreground);text-align:center}.pay-fallback{display:grid;justify-items:center;gap:var(--space-2);inline-size:100%;margin-block-start:var(--space-2);padding-block-start:var(--space-3);border-block-start:1px solid var(--border)}.status-with-action{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.pay-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);inline-size:100%;padding:3px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.pay-channel{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);block-size:calc(var(--control-h-md) - 6px);padding-inline:var(--space-2);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),box-shadow var(--duration-instant) var(--ease-out)}.pay-channel:hover{color:var(--foreground)}.pay-channel[aria-selected=true]{color:var(--foreground);background:var(--surface-elevated);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.pay-channel-dot{inline-size:7px;block-size:7px;border-radius:var(--radius-full)}.pay-channel-dot--wechat{background:var(--pay-channel-wechat)}.pay-channel-dot--alipay{background:var(--pay-channel-alipay)}.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)}.profit-negative{color:var(--destructive)}.profit-unbooked{display:inline-block;padding:0 4px;border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--muted-foreground);white-space:nowrap}.profit-notes{display:grid;gap:var(--space-1);margin:0;padding-inline-start:var(--space-4);font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}@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%}}html:has(.wb-page),body:has(.wb-page){overflow:hidden}.wb-page{--wb-radius: 12px;--wb-radius-sm: 8px;--wb-radius-region: 4px;--wb-dot: rgb(16 24 40 / .07);--wb-panel-bg: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);--wb-panel-solid: #f8f9fb;--wb-panel-edge: rgb(16 24 40 / .08);--wb-panel-shadow: inset 0 1px 0 rgb(255 255 255 / .9), 0 1px 2px rgb(16 24 40 / .05), 0 14px 34px -16px rgb(16 24 40 / .18);--wb-well-bg: #edf0f4;--wb-well-shadow: inset 0 1px 2px rgb(16 24 40 / .11), inset 0 0 0 1px rgb(16 24 40 / .06), 0 1px 0 rgb(255 255 255 / .95);--wb-cap-bg: linear-gradient(180deg, #ffffff 0%, #f1f4f8 100%);--wb-cap-bg-hover: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);--wb-cap-edge: rgb(16 24 40 / .13);--wb-cap-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgb(16 24 40 / .05), 0 1px 1px rgb(16 24 40 / .1), 0 2px 6px -2px rgb(16 24 40 / .16);--wb-cap-shadow-hover: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgb(16 24 40 / .05), 0 1px 1px rgb(16 24 40 / .1), 0 6px 14px -6px rgb(16 24 40 / .24);--wb-cap-pressed-bg: #e9edf2;--wb-cap-pressed: inset 0 1px 3px rgb(16 24 40 / .18), inset 0 0 0 1px rgb(16 24 40 / .05), 0 1px 0 rgb(255 255 255 / .9);--wb-cta-bg: linear-gradient(180deg, #45a3f3 0%, #1f7ad6 52%, #1468c0 100%);--wb-cta-bg-hover: linear-gradient(180deg, #57aef6 0%, #2a86e0 52%, #1771cc 100%);--wb-cta-edge: #0f5aa8;--wb-cta-fg: #ffffff;--wb-cta-shadow: inset 0 1px 0 rgb(255 255 255 / .38), inset 0 -2px 0 rgb(0 0 0 / .14), 0 1px 2px rgb(10 40 90 / .3), 0 10px 22px -10px rgb(21 112 204 / .75);--wb-cta-pressed: inset 0 2px 5px rgb(0 0 0 / .3), inset 0 0 0 1px rgb(0 0 0 / .06), 0 1px 1px rgb(10 40 90 / .15);--wb-cta-text-shadow: 0 -1px 0 rgb(0 0 0 / .22);--wb-led-off: #c6cfda;--wb-led-on: #1f8fff;--wb-led-glow: 0 0 0 2px rgb(31 143 255 / .16), 0 0 8px 1px rgb(31 143 255 / .65);--wb-glass: rgb(255 255 255 / .74);--wb-stage: #0d121b}:root[data-theme=dark] .wb-page{--wb-dot: rgb(255 255 255 / .045);--wb-panel-bg: linear-gradient(180deg, #171e2b 0%, #121823 100%);--wb-panel-solid: #121823;--wb-panel-edge: rgb(255 255 255 / .06);--wb-panel-shadow: inset 0 1px 0 rgb(255 255 255 / .05), 0 1px 2px rgb(0 0 0 / .45), 0 18px 40px -18px rgb(0 0 0 / .75);--wb-well-bg: #0b0f17;--wb-well-shadow: inset 0 1px 3px rgb(0 0 0 / .7), inset 0 0 0 1px rgb(255 255 255 / .03), 0 1px 0 rgb(255 255 255 / .045);--wb-cap-bg: linear-gradient(180deg, #283244 0%, #1d2533 100%);--wb-cap-bg-hover: linear-gradient(180deg, #2e394d 0%, #212a3a 100%);--wb-cap-edge: rgb(255 255 255 / .08);--wb-cap-shadow: inset 0 1px 0 rgb(255 255 255 / .09), inset 0 -1px 0 rgb(0 0 0 / .25), 0 1px 2px rgb(0 0 0 / .55), 0 3px 8px -3px rgb(0 0 0 / .6);--wb-cap-shadow-hover: inset 0 1px 0 rgb(255 255 255 / .11), inset 0 -1px 0 rgb(0 0 0 / .25), 0 1px 2px rgb(0 0 0 / .55), 0 8px 18px -8px rgb(0 0 0 / .75);--wb-cap-pressed-bg: #121925;--wb-cap-pressed: inset 0 2px 4px rgb(0 0 0 / .6), inset 0 0 0 1px rgb(255 255 255 / .03), 0 1px 0 rgb(255 255 255 / .04);--wb-cta-bg: linear-gradient(180deg, #aadcff 0%, #74c0f8 52%, #52a8ec 100%);--wb-cta-bg-hover: linear-gradient(180deg, #bce4ff 0%, #84c9fa 52%, #5fb1ef 100%);--wb-cta-edge: #3b8fd6;--wb-cta-fg: #061422;--wb-cta-shadow: inset 0 1px 0 rgb(255 255 255 / .6), inset 0 -2px 0 rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .5), 0 10px 26px -10px rgb(90 190 255 / .6);--wb-cta-pressed: inset 0 2px 5px rgb(0 30 60 / .4), inset 0 0 0 1px rgb(0 0 0 / .08), 0 1px 1px rgb(0 0 0 / .4);--wb-cta-text-shadow: 0 1px 0 rgb(255 255 255 / .35);--wb-led-off: #2b3546;--wb-led-on: #7cd0ff;--wb-led-glow: 0 0 0 2px rgb(124 208 255 / .14), 0 0 9px 1px rgb(124 208 255 / .7);--wb-glass: rgb(14 19 28 / .72);--wb-stage: #070a10}.wb-page{block-size:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 70% 42% at 50% -10%,var(--primary-subtle),transparent 70%),radial-gradient(circle at 1px 1px,var(--wb-dot) 1px,transparent 1.5px) 0 0 / 22px 22px,var(--background)}.wb-page :where(.btn,.wb-seg-btn,.wb-act-btn,.wb-at-chip,.wb-thumb-btn,.wb-upload-icon){transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.wb-header{position:sticky;inset-block-start:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--space-4);padding:10px var(--gutter);background:var(--wb-glass);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-block-end:1px solid var(--wb-panel-edge);box-shadow:0 1px #ffffff0a,0 6px 20px -14px #10182859}@media(min-width:1024px){.wb-header{flex:none}}.wb-header-brand{flex:none}.wb-nav{flex:1;min-inline-size:0}.wb-nav ul{position:relative;display:inline-flex;gap:2px;max-inline-size:100%;list-style:none;margin:0;padding:3px;overflow-x:auto;scrollbar-width:none;background:var(--wb-well-bg);border-radius:10px;box-shadow:var(--wb-well-shadow)}.wb-nav ul::-webkit-scrollbar{display:none}.wb-nav-glider{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;border-radius:7px;background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow);pointer-events:none;transition:transform .34s cubic-bezier(.3,1.2,.4,1),inline-size .34s cubic-bezier(.3,1.2,.4,1),block-size .34s cubic-bezier(.3,1.2,.4,1)}.wb-nav-glider--no-anim{transition:none}.wb-nav-glider--off{opacity:0}.wb-nav-link{position:relative;z-index:1;display:inline-flex;align-items:center;block-size:30px;padding:0 var(--space-3);font-size:var(--text-body-sm);color:var(--muted-foreground);text-decoration:none;border:1px solid transparent;border-radius:7px;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.wb-nav-link:hover{color:var(--foreground);text-decoration:none}.wb-nav-link--accent{color:#002fa7;font-weight:var(--weight-semibold)}.wb-nav-link--accent:hover{color:#0038c9}:root[data-theme=dark] .wb-nav-link--accent{color:#3a6bff}:root[data-theme=dark] .wb-nav-link--accent:hover{color:#5b86ff}.wb-nav-link--active{color:var(--foreground);font-weight:var(--weight-semibold)}@media(prefers-reduced-motion:reduce){.wb-nav-glider{transition:none}}.wb-header-actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.wb-points{display:inline-flex;align-items:center;gap:6px;block-size:32px;padding-inline:4px var(--space-3);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--foreground);text-decoration:none;background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:var(--radius-full);box-shadow:var(--wb-cap-shadow);white-space:nowrap;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.wb-points>svg{box-sizing:content-box;padding:4px;color:#7a4b00;background:radial-gradient(circle at 35% 30%,#ffe7a3,#f2b938 60%,#c98a12);border-radius:50%;box-shadow:inset 0 -1px #78460059,inset 0 1px #fff9,0 1px 2px #7846004d}.wb-points .numeric{font-weight:var(--weight-semibold)}.wb-points:hover{text-decoration:none;box-shadow:var(--wb-cap-shadow-hover)}.wb-points:active{transform:translateY(1px);box-shadow:var(--wb-cap-pressed)}.wb-points--login{padding-inline:var(--space-3);color:var(--foreground-secondary)}.wb-header .icon-btn{inline-size:32px;block-size:32px;color:var(--foreground-secondary);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:50%;box-shadow:var(--wb-cap-shadow);transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.wb-header .icon-btn:hover{color:var(--foreground);box-shadow:var(--wb-cap-shadow-hover)}.wb-header .icon-btn:active{transform:translateY(1px);box-shadow:var(--wb-cap-pressed)}.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);flex:1 1 auto;min-block-size:0;overflow-y:auto}@media(min-width:1024px){.wb-main{flex:1 1 auto;min-block-size:0;overflow-y:auto;padding-block:var(--space-4);grid-template-rows:auto minmax(0,1fr);gap:var(--space-3)}}.wb-main.wb-main--fill{grid-template-rows:auto minmax(0,1fr);gap:var(--space-3);padding-block-end:var(--space-3)}.wb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.wb-subtitle{font-size:var(--text-caption);color:var(--muted-foreground)}.wb-balance{font-size:var(--text-caption);color:var(--muted-foreground);padding:4px var(--space-3);background:var(--wb-well-bg);border-radius:var(--radius-full);box-shadow:var(--wb-well-shadow);white-space:nowrap}.wb-marquee{flex:0 1 520px;min-inline-size:0;margin-inline:auto;display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);background:var(--destructive-subtle);border-radius:var(--radius-full)}.wb-marquee__icon{flex:none;display:inline-flex;color:var(--success)}.wb-marquee__view{flex:1 1 auto;min-inline-size:0;contain:inline-size;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.wb-marquee__track{display:inline-flex;inline-size:max-content;animation-name:wb-marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.wb-marquee__item{font-size:var(--text-caption);color:var(--foreground);white-space:nowrap;padding-inline-end:56px}@keyframes wb-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.wb-marquee:hover .wb-marquee__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.wb-marquee__track{animation:none}.wb-marquee__item[aria-hidden=true]{display:none}}.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(--wb-panel-bg);border:1px solid var(--wb-panel-edge);border-radius:var(--wb-radius-region);box-shadow:var(--wb-panel-shadow);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(--wb-radius-region);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,368px) minmax(0,1fr);gap:var(--space-4);align-items:start}.wb-layout--video{grid-template-columns:minmax(320px,384px) 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(--wb-panel-bg);border:1px solid var(--wb-panel-edge);border-radius:var(--wb-radius-region);box-shadow:var(--wb-panel-shadow);max-block-size:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain}.wb-form-submit{display:grid;gap:var(--space-2)}.wb-psd-entry{gap:var(--space-2)}.wb-psd-progress{display:grid;gap:4px}.wb-psd-progress-bar{position:relative;block-size:5px;overflow:hidden;background:var(--border);border-radius:999px}.wb-psd-progress-bar>span{display:block;block-size:100%;background:var(--primary);border-radius:inherit;transition:width var(--duration-fast) var(--ease-out)}.wb-psd-progress-bar.is-indeterminate>span{inline-size:35%!important;animation:wb-psd-indeterminate 1.1s ease-in-out infinite}@keyframes wb-psd-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.wb-psd-progress-label{font-size:var(--text-caption);color:var(--muted-foreground);line-height:1.45}@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;align-self:start;margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-2) var(--space-4) var(--space-4);background:var(--wb-panel-solid)}.wb-form-submit:before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:10px;background:linear-gradient(to bottom,transparent,var(--wb-panel-solid));pointer-events:none}}.wb-section{display:grid;gap:var(--space-2)}.wb-section-title{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--space-2);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--foreground)}.wb-step{display:inline-grid;place-items:center;inline-size:18px;block-size:18px;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);line-height:1;color:var(--muted-foreground);background:var(--wb-well-bg);border-radius:5px;box-shadow:var(--wb-well-shadow)}.wb-dur-val{margin-inline-start:auto;order:3;padding:1px 8px;font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--primary);font-weight:var(--weight-semibold);background:var(--wb-well-bg);border-radius:6px;box-shadow:var(--wb-well-shadow);text-shadow:0 0 10px color-mix(in oklab,var(--primary) 45%,transparent)}.wb-section-note{font-size:var(--text-caption);font-weight:var(--weight-regular);color:var(--muted-foreground)}.wb-limits{display:grid;gap:2px;margin:0;padding:var(--space-2) var(--space-3);list-style:none;font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table);background:color-mix(in oklab,var(--wb-well-bg) 60%,transparent);border-radius:var(--wb-radius-region);box-shadow:inset 0 0 0 1px var(--wb-panel-edge)}.wb-limits:empty{display:none}.wb-limits li{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:var(--space-2)}.wb-limits li:before{content:"";inline-size:4px;block-size:4px;border-radius:50%;background:var(--border-strong);transform:translateY(-2px)}.wb-upload{display:grid;justify-items:center;align-content:center;gap:2px;min-block-size:140px;padding:var(--space-4);border:0;border-radius:var(--wb-radius-region);background:linear-gradient(var(--wb-well-bg),var(--wb-well-bg)) padding-box;box-shadow:var(--wb-well-shadow);outline:1.5px dashed color-mix(in oklab,var(--border-strong) 80%,transparent);outline-offset:-7px;color:var(--muted-foreground);font:inherit;font-size:var(--text-caption);cursor:pointer;transition:outline-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.wb-upload strong{margin-block-start:var(--space-2);color:var(--foreground);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.wb-upload:hover,.wb-upload:focus-visible{outline-color:var(--primary);background:color-mix(in oklab,var(--primary) 5%,var(--wb-well-bg))}.wb-upload:focus-visible{outline-style:solid;outline-width:2px}.wb-upload-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;border-radius:50%;font-size:22px;font-weight:var(--weight-regular);line-height:1;color:var(--primary);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow)}.wb-upload:hover .wb-upload-icon{transform:translateY(-1px);box-shadow:var(--wb-cap-shadow-hover)}.wb-upload:active .wb-upload-icon{transform:translateY(1px);background:var(--wb-cap-pressed-bg);box-shadow:var(--wb-cap-pressed)}.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:3px;border:1px solid var(--wb-cap-edge);border-radius:var(--wb-radius-sm);background:var(--wb-cap-bg);box-shadow:var(--wb-cap-shadow);overflow:hidden;cursor:pointer}.wb-thumb-btn img,.wb-thumb-btn video{inline-size:100%;block-size:100%;object-fit:cover;display:block;border-radius:5px}.wb-thumb-btn:hover{transform:translateY(-1px);box-shadow:var(--wb-cap-shadow-hover)}.wb-thumb-btn:active{transform:translateY(1px);box-shadow:var(--wb-cap-pressed)}.wb-thumb-psd{position:absolute;inset-inline-end:4px;inset-block-end:4px;z-index:2;padding:2px 7px;font:inherit;font-size:10px;line-height:1.5;color:#fff;background:#141a24b8;border:1px solid rgb(255 255 255 / .22);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;white-space:nowrap}.wb-thumb-psd:hover:not([disabled]){background:var(--primary);border-color:var(--primary)}.wb-thumb-psd[disabled]{opacity:.5;cursor:default}.wb-thumb-label{position:absolute;inset-block-start:6px;inset-inline-start:6px;padding:1px 6px;font-size:11px;font-weight:var(--weight-medium);line-height:1.4;color:#fff;background:#00000094;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px rgb(0 0 0 / .45);border-radius:var(--radius-full);pointer-events:none}.wb-thumb-audio{display:grid;place-items:center;inline-size:100%;block-size:100%;font-size:20px;color:var(--muted-foreground);background:var(--wb-well-bg);border-radius:5px}.wb-thumb-del{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:20px;color:#fff;background:linear-gradient(180deg,#3a4352,#1d232d);border:1px solid rgb(255 255 255 / .18);border-radius:50%;box-shadow:0 1px 3px #00000059;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.wb-thumb-del:hover{background:linear-gradient(180deg,#ef5b5b,#c73232)}.wb-thumb-del:active{transform:scale(.92)}.wb-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--foreground-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.wb-check input{position:relative;flex:none;inline-size:34px;block-size:20px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--wb-well-bg);border-radius:var(--radius-full);box-shadow:var(--wb-well-shadow);cursor:pointer;transition:background var(--duration-normal) var(--ease-out)}.wb-check input:before{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);box-sizing:border-box;box-shadow:var(--wb-cap-shadow);transition:transform var(--duration-normal) var(--ease-spring)}.wb-check input:checked{background:var(--wb-cta-bg);box-shadow:inset 0 1px 2px #00000040,inset 0 0 0 1px var(--wb-cta-edge)}.wb-check input:checked:before{transform:translate(14px)}.wb-check input:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width)}.wb-hint{font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}.wb-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:2px;padding:3px;background:var(--wb-well-bg);border-radius:10px;box-shadow:var(--wb-well-shadow)}.wb-seg--mt{margin-block-start:var(--space-2)}.wb-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:30px;padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--muted-foreground);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer}.wb-seg-btn small{font-size:var(--text-caption);color:var(--muted-foreground)}.wb-seg-btn:hover{color:var(--foreground)}.wb-seg-btn--active{color:var(--foreground);font-weight:var(--weight-semibold);background:var(--wb-cap-bg);border-color:var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow)}.wb-seg-btn:active:not(.wb-seg-btn--active){background:color-mix(in oklab,var(--foreground) 6%,transparent)}.wb-ratio-glyph{flex:none;border:1.5px solid currentColor;border-radius:2px;opacity:.55;transition:opacity var(--duration-fast) var(--ease-out)}.wb-seg-btn--active .wb-ratio-glyph{opacity:1;color:var(--primary);background:color-mix(in oklab,var(--primary) 18%,transparent)}.wb-seg--grid2{grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:0;background:none;box-shadow:none}.wb-seg--grid2 .wb-seg-btn{position:relative;display:grid;justify-content:start;justify-items:start;align-content:center;gap:1px;min-block-size:54px;padding:var(--space-2) var(--space-3);padding-inline-end:var(--space-5);text-align:start;color:var(--foreground-secondary);background:var(--wb-cap-bg);border-color:var(--wb-cap-edge);border-radius:10px;box-shadow:var(--wb-cap-shadow)}.wb-seg--grid2 .wb-seg-btn>span{font-weight:var(--weight-medium)}.wb-seg--grid2 .wb-seg-btn:after{content:"";position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:6px;block-size:6px;border-radius:50%;background:var(--wb-led-off);box-shadow:inset 0 1px 1px #00000040;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.wb-seg--grid2 .wb-seg-btn:hover{color:var(--foreground);background:var(--wb-cap-bg-hover);box-shadow:var(--wb-cap-shadow-hover);transform:translateY(-1px)}.wb-seg--grid2 .wb-seg-btn:active{transform:translateY(1px);box-shadow:var(--wb-cap-pressed)}.wb-seg--grid2 .wb-seg-btn--active,.wb-seg--grid2 .wb-seg-btn--active:hover{color:var(--foreground);transform:translateY(1px);background:var(--wb-cap-pressed-bg);border-color:color-mix(in oklab,var(--primary) 45%,var(--wb-cap-edge));box-shadow:var(--wb-cap-pressed)}.wb-seg--grid2 .wb-seg-btn--active:after{background:var(--wb-led-on);box-shadow:var(--wb-led-glow)}.wb-seg--grid2 .wb-seg-btn--active small{color:var(--primary)}.wb-seg-btn,.wb-right-tab{position:relative}.wb-seg-btn--active:before,.wb-right-tab.is-active:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 45%,transparent),0 0 8px 2px color-mix(in oklab,var(--primary) 28%,transparent),0 0 18px 4px color-mix(in oklab,var(--primary) 12%,transparent);animation:wb-halo 2.8s var(--ease-in-out) infinite}@keyframes wb-halo{0%,to{box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 30%,transparent),0 0 4px 1px color-mix(in oklab,var(--primary) 18%,transparent),0 0 10px 2px color-mix(in oklab,var(--primary) 6%,transparent)}50%{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--primary) 60%,transparent),0 0 12px 3px color-mix(in oklab,var(--primary) 38%,transparent),0 0 26px 7px color-mix(in oklab,var(--primary) 16%,transparent)}}.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(--wb-well-bg);border:0;border-radius:var(--wb-radius-region);box-shadow:var(--wb-well-shadow);resize:vertical}.wb-textarea::placeholder{color:var(--muted-foreground);opacity:.8}.wb-textarea:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width)}.wb-composer{display:grid;background:var(--wb-well-bg);border-radius:var(--wb-radius-region);box-shadow:var(--wb-well-shadow);transition:box-shadow var(--duration-fast) var(--ease-out)}.wb-composer .wb-textarea{background:transparent;box-shadow:none;border-radius:var(--wb-radius-region) var(--wb-radius-region) 0 0}.wb-composer .wb-textarea:focus-visible{outline:none}.wb-composer:focus-within{box-shadow:var(--wb-well-shadow),0 0 0 2px color-mix(in oklab,var(--ring) 70%,transparent),0 0 0 5px color-mix(in oklab,var(--ring) 14%,transparent)}.wb-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px var(--space-3);font-size:11px;color:var(--muted-foreground);border-block-start:1px dashed var(--wb-panel-edge)}.wb-composer-foot .numeric{font-family:var(--font-mono);opacity:.8}.wb-page kbd{display:inline-block;min-inline-size:18px;padding:0 5px;font-family:var(--font-mono);font-size:10px;line-height:16px;text-align:center;color:var(--foreground-secondary);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-block-end-width:2px;border-radius:4px}.wb-optimize-row{display:grid;gap:var(--space-2);justify-items:center;margin-block-end:var(--space-2)}.wb-optimize-row .btn{inline-size:100%}.wb-optimize-row--inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);justify-content:flex-start;margin:0;padding:6px var(--space-3);font-size:var(--text-caption);border-block-start:1px dashed var(--wb-panel-edge)}.wb-optimize-link{display:inline-flex;align-items:center;gap:var(--space-1);text-decoration:none}.wb-optimize-link[disabled]{color:var(--muted-foreground);cursor:default}.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(--wb-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--wb-panel-edge);border-radius:var(--wb-radius-region);box-shadow:var(--shadow-lg)}.wb-at-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2) 3px 3px;font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:8px;box-shadow:var(--wb-cap-shadow);cursor:pointer}.wb-at-chip:hover{color:var(--primary)}.wb-at-chip--on{border-color:var(--primary);background:var(--wb-cap-pressed-bg);box-shadow:var(--wb-cap-pressed),0 0 0 2px color-mix(in oklab,var(--primary) 35%,transparent)}.wb-at-chip img{inline-size:24px;block-size:24px;object-fit:cover;border-radius:5px}.wb-range{--pct: 50%;--fill: linear-gradient(90deg, color-mix(in oklab, var(--primary) 70%, transparent), var(--primary));inline-size:100%;block-size:32px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.wb-range:focus-visible{outline:none}.wb-range::-webkit-slider-runnable-track{block-size:8px;border-radius:4px;background:var(--fill) 0 0 / var(--pct) 100% no-repeat,var(--wb-well-bg);box-shadow:var(--wb-well-shadow)}.wb-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:22px;block-size:22px;margin-block-start:-7px;border-radius:50%;background:linear-gradient(90deg,transparent 45%,color-mix(in oklab,var(--primary) 80%,transparent) 45% 55%,transparent 55%) center / 2px 8px no-repeat,var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.wb-range:hover::-webkit-slider-thumb{box-shadow:var(--wb-cap-shadow-hover)}.wb-range:active::-webkit-slider-thumb{transform:scale(1.08)}.wb-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--wb-cap-shadow),0 0 0 3px color-mix(in oklab,var(--ring) 45%,transparent)}.wb-range::-moz-range-track{block-size:8px;border-radius:4px;background:var(--wb-well-bg);box-shadow:var(--wb-well-shadow)}.wb-range::-moz-range-progress{block-size:8px;border-radius:4px;background:var(--fill)}.wb-range::-moz-range-thumb{inline-size:20px;block-size:20px;border-radius:50%;background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow)}.wb-range-scale{display:flex;justify-content:space-between;margin-block-start:-6px;font-family:var(--font-mono);font-size:10px;color:var(--muted-foreground)}.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;padding-block:2px 4px;margin-block:-2px -4px}}.wb-panel{padding:var(--space-4) var(--space-5);background:var(--wb-panel-bg);border:1px solid var(--wb-panel-edge);border-radius:var(--wb-radius-region);box-shadow:var(--wb-panel-shadow);display:grid;gap:var(--space-3)}.wb-form,.wb-panel,.wb-gate-card{background:linear-gradient(var(--primary),var(--primary)) 0 0 / 22px 2px no-repeat,var(--wb-panel-bg)}.wb-panel-head,.wb-panel-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.wb-panel-title{font-size:var(--text-title);font-weight:var(--weight-semibold)}.wb-meta{padding:2px var(--space-2);font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground);background:var(--wb-well-bg);border-radius:6px;box-shadow:var(--wb-well-shadow)}.wb-right-tabs{display:inline-flex;gap:2px;padding:3px;background:var(--wb-well-bg);border-radius:10px;box-shadow:var(--wb-well-shadow)}.wb-right-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:28px;padding:0 var(--space-3);font:inherit;font-size:var(--text-body-sm);color:var(--muted-foreground);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.wb-right-tab:hover{color:var(--foreground)}.wb-right-tab.is-active{color:var(--foreground);font-weight:var(--weight-semibold);background:var(--wb-cap-bg);border-color:var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow)}.wb-empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);color:var(--muted-foreground);text-align:center}.wb-empty strong{margin-block-start:var(--space-2);color:var(--foreground);font-size:var(--text-body);font-weight:var(--weight-medium)}.wb-empty p{font-size:var(--text-body-sm)}.wb-viewfinder{--c: color-mix(in oklab, var(--primary) 70%, var(--muted-foreground));position:relative;display:grid;place-items:center;max-inline-size:100%;color:color-mix(in oklab,var(--muted-foreground) 70%,transparent);background:linear-gradient(var(--c),var(--c)) 0 0 / 14px 2px,linear-gradient(var(--c),var(--c)) 0 0 / 2px 14px,linear-gradient(var(--c),var(--c)) 100% 0 / 14px 2px,linear-gradient(var(--c),var(--c)) 100% 0 / 2px 14px,linear-gradient(var(--c),var(--c)) 0 100% / 14px 2px,linear-gradient(var(--c),var(--c)) 0 100% / 2px 14px,linear-gradient(var(--c),var(--c)) 100% 100% / 14px 2px,linear-gradient(var(--c),var(--c)) 100% 100% / 2px 14px,linear-gradient(90deg,transparent calc(33.3% - .5px),var(--wb-panel-edge) 0 calc(33.3% + .5px),transparent 0 calc(66.6% - .5px),var(--wb-panel-edge) 0 calc(66.6% + .5px),transparent 0),linear-gradient(transparent calc(33.3% - .5px),var(--wb-panel-edge) 0 calc(33.3% + .5px),transparent 0 calc(66.6% - .5px),var(--wb-panel-edge) 0 calc(66.6% + .5px),transparent 0),color-mix(in oklab,var(--wb-well-bg) 55%,transparent);background-repeat:no-repeat;border-radius:var(--wb-radius-region);transition:width var(--duration-slower) var(--ease-out),height var(--duration-slower) var(--ease-out)}.wb-viewfinder-tag{position:absolute;inset-block-start:6px;inset-inline-start:50%;translate:-50% 0;font-family:var(--font-mono);font-size:10px;color:var(--c);letter-spacing:.05em}.wb-viewfinder:after{content:"";position:absolute;inset-block-end:7px;inset-inline-end:8px;inline-size:5px;block-size:5px;border-radius:50%;background:var(--destructive);box-shadow:0 0 6px var(--destructive);animation:wb-breathe 2.4s ease-in-out infinite}@keyframes wb-breathe{0%,to{opacity:.25}50%{opacity:1}}.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{padding:6px;border:1px solid var(--wb-cap-edge);border-radius:var(--wb-radius);background:var(--wb-cap-bg);box-shadow:var(--wb-cap-shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.wb-card:hover{transform:translateY(-2px);box-shadow:var(--wb-cap-shadow-hover),0 18px 34px -18px #10182859}.wb-card-media{position:relative;overflow:hidden;border-radius:var(--wb-radius-sm);background:var(--wb-stage);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #00000014}.wb-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px 2px #0000002e;pointer-events:none}.wb-card-media--video{aspect-ratio:16 / 9;max-block-size:62vmin}.wb-card-media--video video{inline-size:100%;block-size:100%;display:block;object-fit:contain;background:var(--wb-stage)}.wb-card-img-btn{display:block;inline-size:100%;block-size:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.wb-card-img-btn img{inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform var(--duration-slower) var(--ease-out)}.wb-card-img-btn:hover img{transform:scale(1.03)}.wb-card-state{position:relative;display:grid;place-items:center;align-self:stretch;justify-self:stretch;gap:var(--space-2);padding:var(--space-4);min-block-size:120px;color:#ffffffb3;font-size:var(--text-body-sm);text-align:center;place-content:center}.wb-card-state--btn{inline-size:100%;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.wb-card-state-cta{color:#7cd0ff;font-size:var(--text-caption)}.wb-card-state--btn:hover .wb-card-state-cta{text-decoration:underline}.wb-card-state:not(.wb-card-state--failed):not(.wb-card-state--mini){background:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .06) 1px,transparent 1.5px) 0 0 / 14px 14px,radial-gradient(ellipse at 50% 120%,rgb(80 200 255 / .18),transparent 60%)}.wb-card-state:not(.wb-card-state--failed):not(.wb-card-state--mini):before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:40%;background:linear-gradient(to bottom,transparent,rgb(80 200 255 / .1) 85%,rgb(124 208 255 / .55) 100%);border-block-end:1px solid rgb(160 225 255 / .65);animation:wb-scan 2.8s var(--ease-in-out) infinite;pointer-events:none}@keyframes wb-scan{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.wb-card-state .spinner{border-color:#ffffff2e;border-inline-end-color:#7cd0ff}.wb-card-progress{position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;background:#ffffff14}.wb-card-progress:before{content:"";display:block;inline-size:var(--p, 0%);block-size:100%;background:linear-gradient(90deg,#2f8fe8,#7cd0ff);box-shadow:0 0 8px #7cd0ff;transition:inline-size var(--duration-slower) var(--ease-out)}.wb-card-state--failed{color:#ff9c9c;background:repeating-linear-gradient(-45deg,rgb(221 77 77 / .08) 0 8px,transparent 8px 16px)}.wb-card-state--failed strong{color:#ffd0d0}.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) 6px 4px;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-prompt-block{display:grid;gap:var(--space-1)}.wb-card-prompt--open{display:block;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere}.wb-prompt-tools{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.wb-prompt-toggle{font-size:var(--text-caption)}.wb-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.wb-page .badge{padding:1px var(--space-2);font-size:11px;border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #1018280d}:root[data-theme=dark] .wb-page .badge{box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0a}.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;padding:3px;object-fit:cover;background:var(--wb-cap-bg);border-radius:var(--wb-radius-sm);border:1px solid var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow)}.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:start}.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-title);font-weight:var(--weight-semibold);color:var(--foreground);background:none;border:0;cursor:pointer}.wb-chev{display:inline-grid;place-items:center;inline-size:28px;block-size:28px;color:var(--foreground-secondary);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:50%;box-shadow:var(--wb-cap-shadow);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.wb-history-toggle[aria-expanded=true] .wb-chev{transform:rotate(90deg)}.wb-history-toggle:hover .wb-chev{color:var(--foreground);box-shadow:var(--wb-cap-shadow-hover)}.wb-history-toggle:active .wb-chev{box-shadow:var(--wb-cap-pressed)}.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:5px 5px var(--space-2);border:1px solid var(--wb-cap-edge);border-radius:10px;background:var(--wb-cap-bg);box-shadow:var(--wb-cap-shadow);align-content:start}.wb-history-media{aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--wb-stage)}.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;transition:transform var(--duration-slower) var(--ease-out)}.wb-history-media button:hover img{transform:scale(1.04)}.wb-history-media--video video{object-fit:contain}.wb-history-prompt{padding-inline:3px;font-size:var(--text-caption);color:var(--foreground-secondary)}.wb-prompt-block--history{gap:2px}.wb-prompt-block--history .wb-card-prompt{font-size:var(--text-caption);overflow-wrap:anywhere}.wb-prompt-block--history .wb-prompt-tools{flex-wrap:wrap;justify-content:flex-start;gap:4px var(--space-2)}.wb-prompt-block--history .wb-prompt-tools>*{flex:0 0 auto;white-space:nowrap}.wb-prompt-block--history .wb-prompt-toggle,.wb-prompt-block--history .link-btn{font-size:var(--text-caption)}.wb-history-actions{display:flex;gap:var(--space-1);flex-wrap:wrap;padding-inline:3px}.wb-card-note{margin:var(--space-2) 0 0;font-size:11px;color:var(--muted-foreground)}.wb-history-note{margin:0 0 var(--space-3);font-size:var(--text-caption);color:var(--foreground-secondary)}.wb-history-gone{color:var(--muted-foreground);background:var(--wb-stage)}.wb-history-tag{position:absolute;inset-block-start:6px;inset-inline-start:6px;padding:1px 6px;font-size:11px;line-height:1.6;color:var(--foreground-secondary);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:999px}.wb-history-item .wb-history-media{position:relative}.wb-history-expired{padding-inline:3px;font-size:11px;color:var(--muted-foreground)}.wb-page .btn{position:relative;overflow:hidden;border-radius:9px;isolation:isolate}.wb-page .btn>svg{flex:none}.wb-page .btn--secondary{color:var(--foreground);background:var(--wb-cap-bg);border-color:var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow)}.wb-page .btn--secondary:not(:disabled):hover{color:var(--foreground);background:var(--wb-cap-bg-hover);border-color:var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow-hover);transform:translateY(-1px)}.wb-page .btn--secondary:not(:disabled):active{transform:translateY(1px);background:var(--wb-cap-pressed-bg);box-shadow:var(--wb-cap-pressed)}.wb-page .btn--ghost:not(:disabled):hover{background:color-mix(in oklab,var(--foreground) 6%,transparent)}.wb-page .btn--ghost:not(:disabled):active{background:color-mix(in oklab,var(--foreground) 10%,transparent);box-shadow:inset 0 1px 2px #10182826}.wb-page .btn--primary{color:var(--wb-cta-fg);font-weight:var(--weight-semibold);text-shadow:var(--wb-cta-text-shadow);background:var(--wb-cta-bg);border-color:var(--wb-cta-edge);box-shadow:var(--wb-cta-shadow)}.wb-page .btn--primary:not(:disabled):hover{background:var(--wb-cta-bg-hover);transform:translateY(-1px)}.wb-page .btn--primary:not(:disabled):active{transform:translateY(1px);background:var(--wb-cta-bg);box-shadow:var(--wb-cta-pressed)}.wb-page .btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .32) 50%,transparent 65%);transform:translate(-110%);pointer-events:none}.wb-page .btn--primary:not(:disabled):hover:after{transform:translate(110%);transition:transform .8s var(--ease-out)}.wb-page .btn:disabled{opacity:1;color:var(--muted-foreground);text-shadow:none;background:var(--wb-well-bg);border-color:transparent;box-shadow:var(--wb-well-shadow)}.wb-form-submit .btn--primary .btn-label{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--space-3)}.wb-go{display:inline-flex;align-items:center;gap:var(--space-2)}.wb-go .wb-step{color:inherit;background:#00000024;box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff40}.wb-go-cost{padding:3px 9px;font-family:var(--font-mono);font-size:var(--text-body-sm);background:#00000029;border-radius:6px;box-shadow:inset 0 1px 2px #00000047,0 1px #ffffff38}:root[data-theme=dark] .wb-go .wb-step,:root[data-theme=dark] .wb-go-cost{background:#001e3c1f}.wb-page .btn:disabled .wb-go .wb-step,.wb-page .btn:disabled .wb-go-cost{background:transparent;box-shadow:inset 0 0 0 1px var(--wb-panel-edge)}.wb-page .link-btn{text-decoration-color:color-mix(in oklab,currentColor 40%,transparent)}.wb-page .copy-btn{border-radius:6px;transition:box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.wb-page .copy-btn:hover{background:var(--wb-cap-bg);box-shadow:var(--wb-cap-shadow)}.wb-page .select{block-size:40px;font-size:var(--text-body-sm);font-weight:var(--weight-medium);border-color:var(--wb-cap-edge);border-radius:9px;background-image:linear-gradient(45deg,transparent 40%,currentColor 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,currentColor 50%,transparent 60%),var(--wb-cap-bg);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%,0 0;background-size:5px 5px,5px 5px,100% 100%;box-shadow:var(--wb-cap-shadow);cursor:pointer}.wb-page .select:hover{border-color:var(--wb-cap-edge);box-shadow:var(--wb-cap-shadow-hover)}.wb-page .select option{background:var(--surface);color:var(--foreground)}.wb-lightbox{position:relative;background:var(--surface-inverted);border:0;max-inline-size:min(100% - 2 * var(--gutter),72rem);display:grid;place-items:center;border-radius:var(--wb-radius-region);box-shadow:0 30px 80px #00000073}.wb-lightbox::backdrop{background:#080c129e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.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:#fff;background:#141a248c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .18);border-radius:50%;box-shadow:0 2px 8px #0000004d}.wb-lightbox-close:hover{color:#fff;background:#141a24cc}.wb-lightbox--layers{place-items:stretch;overflow:hidden;inline-size:min(100% - 2 * var(--gutter),68rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--wb-radius-region);box-shadow:0 24px 64px #00000047}.wb-layers-wrap{display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:100%;block-size:88dvh}.wb-layers-wrap--sheet .wb-layers-side{grid-template-rows:minmax(0,1fr)}.wb-layers-wrap--sheet .wb-layer-canvas{cursor:default}.wb-layers-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-inline-end:calc(var(--space-4) + var(--control-h-sm));border-block-end:1px solid var(--border)}.wb-layers-title{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--foreground)}.wb-layers-note{margin:2px 0 0;font-size:var(--text-caption);color:var(--muted-foreground)}.wb-layers-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.wb-layers-confirm{font-size:var(--text-caption);color:var(--foreground-secondary)}.wb-layer-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.wb-act-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-block-size:var(--control-h-sm);padding-inline:var(--space-2);font:inherit;font-size:var(--text-caption);color:var(--foreground-secondary);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:8px;box-shadow:var(--wb-cap-shadow);cursor:pointer}.wb-act-btn:hover:not([disabled]){color:var(--foreground);background:var(--wb-cap-bg-hover);box-shadow:var(--wb-cap-shadow-hover);transform:translateY(-1px)}.wb-act-btn:active:not([disabled]){transform:translateY(1px);background:var(--wb-cap-pressed-bg);box-shadow:var(--wb-cap-pressed)}.wb-act-btn[disabled]{color:var(--muted-foreground);background:var(--wb-well-bg);border-color:transparent;box-shadow:var(--wb-well-shadow);cursor:default}.wb-layer-stage{display:grid;overflow:auto;min-block-size:0;padding:var(--space-4);background:var(--surface-secondary);border-end-start-radius:var(--wb-radius-region)}.wb-layer-canvas,.wb-layer-overlay{grid-area:1 / 1;inline-size:100%;block-size:100%;border-radius:var(--radius-md)}.wb-layer-canvas--pan{cursor:grab}.wb-layer-pan-hint{color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.wb-layers-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;min-inline-size:0;border-inline-start:1px solid var(--border);background:var(--surface);border-end-end-radius:var(--wb-radius-region)}.wb-layers-side>.wb-layer-tools{grid-row:1}.wb-layers-side>.wb-layer-edit{grid-row:3}.wb-layer-tools-foot{display:grid;gap:var(--space-2);font-size:var(--text-caption);color:var(--muted-foreground)}.wb-layer-tools-status{display:flex;align-items:baseline;gap:var(--space-3);min-inline-size:0}.wb-layer-zoom{color:var(--muted-foreground);white-space:nowrap}.wb-layer-edit-hint{margin:0;font-size:var(--text-caption);line-height:1.5;color:var(--muted-foreground)}.wb-layer-edit-input{inline-size:100%;padding:var(--space-2);font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface-secondary);border:1px solid var(--border-strong);border-radius:var(--wb-radius-region);resize:vertical}.wb-mode-switch{display:inline-flex;flex:none;gap:2px;padding:2px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px}.wb-mode-switch-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--foreground-secondary);font:inherit;font-size:var(--text-caption);padding:4px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}.wb-mode-switch-btn:hover{color:var(--foreground);background:var(--surface-hover)}.wb-mode-switch-btn.is-active{color:var(--primary-foreground);background:var(--primary)}.wb-layer-texts{display:grid;gap:var(--space-1);padding-block-start:var(--space-2);border-block-start:1px solid var(--border)}.wb-layer-texts-head{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-1);min-inline-size:0}.wb-layer-texts-title{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--foreground);white-space:nowrap}.wb-layer-texts-note{flex:1;min-inline-size:0;font-size:var(--text-caption);color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-text-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary);overflow:hidden}.wb-text-row.is-open{border-color:var(--primary)}.wb-text-head{display:flex;align-items:center;gap:var(--space-1);inline-size:100%;padding:var(--space-2);font:inherit;text-align:start;background:none;border:0;cursor:pointer;min-inline-size:0}.wb-text-name{font-size:var(--text-body-sm);color:var(--foreground);max-inline-size:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-text-badge{flex:none;font-size:10px;line-height:1.5;padding:0 6px;color:var(--primary);background:var(--primary-subtle);border-radius:999px}.wb-text-sample{margin-inline-start:auto;min-inline-size:0;max-inline-size:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);color:var(--muted-foreground)}.wb-text-body{display:grid;gap:var(--space-2);padding:var(--space-2);border-block-start:1px solid var(--border)}.wb-text-field{display:grid;gap:3px;min-inline-size:0;font-size:var(--text-caption);color:var(--foreground-secondary)}.wb-text-field textarea,.wb-text-field select,.wb-text-field input[type=number]{inline-size:100%;padding:5px var(--space-2);font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface);border:1px solid var(--border-strong);border-radius:7px}.wb-text-field textarea{resize:vertical;min-block-size:52px}.wb-color-row{display:flex;align-items:center;gap:6px;min-block-size:30px}.wb-color-well{position:relative;display:block;flex:none;inline-size:36px;block-size:30px;overflow:hidden;border:1px solid var(--border-strong);border-radius:7px;cursor:pointer}.wb-color-well input[type=color]{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;inline-size:calc(100% + 12px);block-size:calc(100% + 12px);padding:0;border:0;opacity:0;cursor:pointer}.wb-color-hex{font-size:var(--text-caption);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.wb-text-field textarea:focus-visible,.wb-text-field select:focus-visible,.wb-text-field input:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width);border-color:var(--primary)}.wb-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.wb-text-advanced summary{font-size:var(--text-caption);color:var(--muted-foreground);cursor:pointer;padding-block:2px}.wb-text-advanced[open] summary{margin-block-end:var(--space-2)}.wb-text-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.wb-text-toggle{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-caption);color:var(--foreground-secondary);cursor:pointer}.wb-text-hint,.wb-text-foot{margin:0;font-size:var(--text-caption);line-height:1.5;color:var(--muted-foreground)}.wb-text-error{margin:0;font-size:var(--text-caption);line-height:1.5;color:var(--danger)}.wb-psd-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--space-4);background:#080c129e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wb-psd-confirm-card{inline-size:min(100%,56rem);max-block-size:88dvh;overflow:auto;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--wb-radius-region);box-shadow:0 30px 80px #00000061}.wb-psd-confirm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.wb-psd-confirm-head h4{margin:0;font-size:var(--text-body);color:var(--foreground)}.wb-psd-confirm-head p{margin:4px 0 0;font-size:var(--text-caption);line-height:1.5;color:var(--muted-foreground)}.wb-psd-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5);justify-content:center;color:var(--muted-foreground);font-size:var(--text-body-sm)}.wb-psd-error{margin:var(--space-3) 0;padding:var(--space-3);color:var(--danger);background:var(--danger-subtle);border-radius:var(--radius-md);font-size:var(--text-body-sm)}.wb-psd-list{display:grid;gap:var(--space-3);margin:var(--space-3) 0;padding:0;list-style:none}.wb-psd-list li{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary)}.wb-psd-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-body-sm)}.wb-psd-item-head span{color:var(--muted-foreground);font-size:var(--text-caption)}.wb-psd-item-text{margin:0;font-size:var(--text-body-sm);color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere}.wb-psd-list img{inline-size:100%;block-size:auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff}.wb-psd-check{display:flex;align-items:flex-start;gap:var(--space-2);margin-block-start:var(--space-3);font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer}.wb-psd-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-3)}@media(max-width:900px){.wb-text-grid{grid-template-columns:minmax(0,1fr)}.wb-psd-confirm-card{padding:var(--space-3)}}.wb-layers-recount{display:flex;align-items:center;gap:var(--space-2)}.wb-layers-recount .wb-seg{gap:var(--space-1)}.wb-layer-srcnote{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-secondary)}.wb-layer-srcnote p{margin:0;font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}.wb-linkbtn{display:inline-flex;align-items:center;gap:var(--space-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;font-size:var(--text-caption);color:var(--muted-foreground);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wb-linkbtn:hover{color:var(--primary)}.wb-layers-empty{display:grid;justify-items:center;align-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);text-align:center}.wb-layers-hint{margin:0;max-inline-size:40rem;font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}.wb-layers-body{display:grid;grid-template-columns:minmax(0,1fr) 24rem;min-block-size:0}.wb-layer-stage{display:grid;overflow:auto;min-block-size:0;padding:var(--space-4);background:var(--surface-secondary);border-end-start-radius:var(--radius-xl)}.wb-layer-canvas-box{position:relative;display:grid;flex:none;margin:auto;border-radius:var(--radius-md);background-color:#fff;background-image:linear-gradient(45deg,#e4e7ec 25%,transparent 25%,transparent 75%,#e4e7ec 75%),linear-gradient(45deg,#e4e7ec 25%,transparent 25%,transparent 75%,#e4e7ec 75%);background-size:16px 16px;background-position:0 0,8px 8px}.wb-layer-canvas,.wb-layer-overlay{grid-area:1 / 1;max-inline-size:100%;max-block-size:100%;inline-size:auto;block-size:auto;border-radius:var(--radius-md)}.wb-layer-canvas{display:block;cursor:crosshair;touch-action:none}.wb-layer-canvas--panning{cursor:grabbing}.wb-layer-pan-hint{color:var(--muted-foreground);white-space:nowrap}.wb-layer-overlay{pointer-events:none}.wb-layers-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;min-inline-size:0;border-inline-start:1px solid var(--border);background:var(--surface);border-end-end-radius:var(--radius-xl)}.wb-layer-tools{display:grid;gap:var(--space-2);padding:var(--space-3);border-block-end:1px solid var(--border)}.wb-seg--tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.wb-seg--tools .wb-seg-btn{flex-direction:column;gap:2px;padding:6px 2px;min-block-size:46px;font-size:var(--text-caption);line-height:1.1}.wb-layer-param{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.wb-layer-param-label{font-size:var(--text-caption);color:var(--foreground-secondary)}.wb-range--slim{inline-size:100%}.wb-layer-tools-foot{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-caption);color:var(--muted-foreground)}.wb-layer-tools-foot .wb-layer-zoom{margin-inline-end:auto}.wb-layer-tools-foot .wb-linkbtn[disabled]{color:var(--muted-foreground);text-decoration:none;cursor:default}.wb-layer-zoom{color:var(--muted-foreground)}.wb-layers-body-scroll{display:grid;gap:var(--space-2);align-content:start;overflow-y:auto;min-block-size:0;padding:var(--space-2);overscroll-behavior:contain}.wb-layer-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);align-content:start}.wb-layer-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface-secondary)}.wb-layer-row:hover{border-color:var(--border-strong)}.wb-layer-row--picked{border-color:var(--primary);background:var(--primary-subtle)}.wb-layer-thumb{display:grid;place-items:center;inline-size:34px;block-size:34px;overflow:hidden;border-radius:var(--radius-sm);background-color:#fff;background-image:linear-gradient(45deg,#e4e7ec 25%,transparent 25%,transparent 75%,#e4e7ec 75%),linear-gradient(45deg,#e4e7ec 25%,transparent 25%,transparent 75%,#e4e7ec 75%);background-size:10px 10px;background-position:0 0,5px 5px}.wb-layer-thumb img{inline-size:100%;block-size:100%;object-fit:contain}.wb-layer-dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--muted-foreground)}.wb-layer-dot.is-running{background:var(--primary);animation:wb-pulse 1.2s ease-in-out infinite}@keyframes wb-pulse{0%,to{opacity:.35}50%{opacity:1}}.wb-layer-main{display:grid;gap:1px;min-inline-size:0}.wb-layer-name{font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:1px var(--space-1);min-inline-size:0}.wb-layer-name:hover{border-color:var(--border)}.wb-layer-name:focus-visible{border-color:var(--primary);outline:none;background:var(--surface)}.wb-layer-status{font-size:var(--text-caption);color:var(--muted-foreground);line-height:var(--leading-table)}.wb-layer-actions{display:flex;align-items:center;gap:1px}.wb-layer-actions .icon-btn{color:var(--foreground-secondary);inline-size:24px;block-size:24px}.wb-layer-row .wb-layer-name{cursor:pointer}.wb-layer-actions .icon-btn:disabled{opacity:.3}.icon-btn--disabled{display:inline-grid;place-items:center;opacity:.28;cursor:not-allowed}.wb-layer-edit{display:grid;gap:var(--space-2);padding:var(--space-3);border-block-start:1px solid var(--border)}.wb-layer-edit-target{font-size:var(--text-caption);color:var(--foreground-secondary)}.wb-layer-edit-input{inline-size:100%;padding:var(--space-2);font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical}.wb-layer-edit-input:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset-width);border-color:var(--primary)}.wb-layer-size{position:absolute;z-index:7;transform:translate(-50%,calc(-100% - 10px))}.wb-layer-size-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font:inherit;font-size:var(--text-caption);color:var(--foreground);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;box-shadow:0 4px 14px #0000002e;cursor:pointer;white-space:nowrap}.wb-layer-size-panel{display:grid;gap:var(--space-2);inline-size:230px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 30px #00000047}.wb-layer-size-label{font-size:var(--text-caption);color:var(--foreground-secondary);white-space:nowrap}.wb-layer-size-actions{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:900px){.wb-layers-head{flex-wrap:wrap;align-items:flex-start}.wb-layers-head-actions{inline-size:100%}.wb-layers-side{display:block;overflow-y:auto;overscroll-behavior:contain}.wb-layers-body-scroll{overflow:visible}.wb-layer-edit{margin-block-start:var(--space-2)}.wb-layers-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(240px,2fr) minmax(0,5fr)}.wb-layers-side{border-inline-start:0;border-block-start:1px solid var(--border);border-end-end-radius:0}.wb-layer-stage{border-end-start-radius:0}}@media(max-width:1023px){.wb-main{padding-block:var(--space-4) var(--space-6)}.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}}.wb-hint--warn{color:var(--warning-foreground);background:var(--warning-subtle);border:1px solid var(--warning);border-radius:var(--wb-radius-region);padding:var(--space-2) var(--space-3)}.wb-page .btn[aria-busy=true]{cursor:progress;transform:translateY(1px)}.wb-page .btn--primary[aria-busy=true]{color:var(--wb-cta-fg);background:var(--wb-cta-bg);border-color:var(--wb-cta-edge);box-shadow:var(--wb-cta-pressed)}.wb-page .btn--secondary[aria-busy=true]{color:var(--foreground);background:var(--wb-cap-pressed-bg);border-color:var(--wb-cap-edge);box-shadow:var(--wb-cap-pressed)}@media(prefers-reduced-motion:reduce){.wb-page *,.wb-page *:before,.wb-page *:after{animation:none!important;transition:none!important}.wb-card:hover,.wb-page .btn:hover{transform:none}}.wb-qr{--qr-px: 2px;--qr-w: 160px;--qr-edge: color-mix(in oklab, var(--primary) 55%, var(--wb-panel-solid));--qr-drop: rgb(16 24 40 / .16);inline-size:var(--qr-w);justify-self:center;align-self:start;margin-inline-end:6px;margin-block-end:6px;display:grid;justify-items:center;gap:6px;padding:0 12px 12px;background:var(--wb-panel-solid);box-shadow:0 calc(-1 * var(--qr-px)) 0 0 var(--qr-edge),0 var(--qr-px) 0 0 var(--qr-edge),calc(-1 * var(--qr-px)) 0 0 0 var(--qr-edge),var(--qr-px) 0 0 0 var(--qr-edge),calc(2 * var(--qr-px)) calc(3 * var(--qr-px)) 0 0 var(--qr-drop),calc(3 * var(--qr-px)) calc(2 * var(--qr-px)) 0 0 var(--qr-drop);font-family:var(--font-mono);text-align:center}:root[data-theme=dark] .wb-qr{--qr-drop: rgb(0 0 0 / .6)}@media(min-width:1024px){.wb-layout{grid-template-columns:minmax(320px,368px) minmax(0,1fr) auto}.wb-layout--video{grid-template-columns:minmax(320px,384px) minmax(0,1fr) auto}}.wb-qr-bar{justify-self:stretch;margin-inline:-12px;margin-block-end:6px;display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.14em;color:var(--primary-foreground);background:repeating-linear-gradient(180deg,rgb(255 255 255 / .14) 0 1px,transparent 1px 3px),var(--primary)}.wb-qr-bar>span:first-of-type{flex:1;text-align:start}.wb-qr-sprite{flex:none;fill:currentColor;animation:wb-qr-hop 1.2s steps(1) infinite}@keyframes wb-qr-hop{50%{transform:translateY(-2px)}}.wb-qr-led{inline-size:6px;block-size:6px;background:currentColor;animation:wb-qr-blink 1.6s steps(1) infinite}@keyframes wb-qr-blink{50%{opacity:.25}}.wb-qr-frame{position:relative;padding:4px;background:#fff;box-shadow:0 0 0 var(--qr-px) var(--qr-edge)}.wb-qr-frame img{display:block;inline-size:132px;block-size:132px;image-rendering:auto}.wb-qr-frame:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;--c: var(--primary);background:linear-gradient(var(--c),var(--c)) top left / 10px 2px,linear-gradient(var(--c),var(--c)) top left / 2px 10px,linear-gradient(var(--c),var(--c)) top right / 10px 2px,linear-gradient(var(--c),var(--c)) top right / 2px 10px,linear-gradient(var(--c),var(--c)) bottom left / 10px 2px,linear-gradient(var(--c),var(--c)) bottom left / 2px 10px,linear-gradient(var(--c),var(--c)) bottom right / 10px 2px,linear-gradient(var(--c),var(--c)) bottom right / 2px 10px;background-repeat:no-repeat}.wb-qr-name{margin-block-start:8px;font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--foreground)}.wb-qr-hint{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-caption);color:var(--primary)}.wb-qr-cursor{font-size:9px;animation:wb-qr-blink 1s steps(1) infinite}.wb-qr-sub{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--muted-foreground)}.wb-lab{display:flex;min-block-size:min(72vh,820px);min-inline-size:0}.wb-lab-frame{flex:1 1 auto;inline-size:100%;min-block-size:min(72vh,820px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.wb-game{display:flex;min-block-size:min(72vh,820px);min-inline-size:0}.wb-game-frame{flex:1 1 auto;inline-size:100%;min-block-size:min(72vh,820px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#120d1c;overscroll-behavior:none}html:has(.wb-page--arcade-game),body:has(.wb-page--arcade-game),.wb-page--arcade-game{overscroll-behavior:none}.wb-page--arcade-game .wb-main{overflow:hidden;overscroll-behavior:none}.wb-main--fill .arcade-stage,.wb-main--fill .wb-game{min-block-size:0}.wb-main--fill .wb-game-frame{min-block-size:0;block-size:100%}@media(max-width:700px){.wb-page--arcade-game .wb-head{display:none}.wb-page--arcade-game .wb-main--fill{grid-template-rows:minmax(0,1fr)}.wb-page--arcade-game .wb-main{padding-block:var(--space-2)}.wb-page--arcade-game .arcade-stage{gap:var(--space-2)}.wb-page--arcade-game .arcade-stage__bar{gap:var(--space-1)}.wb-page--arcade-game .wb-game-frame{border-radius:var(--radius-md)}}.arcade-browse{display:grid;align-content:start;gap:var(--space-4);min-inline-size:0}.arcade-profile{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px 16px;border:1px solid var(--wb-panel-edge);border-radius:var(--radius-lg);background:var(--wb-panel-bg);box-shadow:var(--wb-panel-shadow)}.arcade-profile__info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;min-inline-size:0}.arcade-profile__label{font-size:var(--text-caption);color:var(--muted-foreground)}.arcade-profile__name{font-size:var(--text-body);color:var(--foreground)}.arcade-profile__note{font-size:var(--text-caption);color:var(--muted-foreground)}.arcade-nick-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#04070eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arcade-nick{inline-size:min(430px,100%);padding:22px;border:1px solid var(--wb-panel-edge);border-radius:var(--radius-lg);background:var(--wb-panel-solid);box-shadow:0 24px 60px #00000073;color:var(--foreground)}.arcade-nick h2{margin:0 0 8px;font-size:var(--text-title-sm)}.arcade-nick__copy{margin:0 0 16px;font-size:var(--text-body-sm);line-height:1.7;color:var(--muted-foreground)}.arcade-nick__field{display:grid;gap:6px;font-size:var(--text-body-sm)}.arcade-nick__input{inline-size:100%;padding:10px 12px;border:1px solid var(--wb-panel-edge);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);font:inherit}.arcade-nick__input:focus{outline:2px solid var(--primary);outline-offset:1px}.arcade-nick__err{margin:10px 0 0;font-size:var(--text-body-sm);color:var(--destructive)}.arcade-nick__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:700px){.arcade-profile{align-items:stretch;flex-direction:column}.arcade-profile .btn{inline-size:100%}.arcade-nick__actions{flex-direction:column-reverse}.arcade-nick__actions .btn{inline-size:100%}.arcade-nick__input{font-size:16px}}.arcade-cats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.arcade-cat{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 14px;border:1px solid var(--wb-panel-edge);border-radius:var(--radius-full);background:var(--wb-panel-bg);box-shadow:var(--wb-panel-shadow);color:var(--foreground);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.arcade-cat:hover{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 42%,var(--wb-panel-edge))}.arcade-cat:active{transform:translateY(1px)}.arcade-cat:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.arcade-cat--on,.arcade-cat--on:hover{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary);box-shadow:var(--wb-panel-shadow),0 6px 16px color-mix(in oklab,var(--primary) 24%,transparent)}.arcade-cat__count{min-inline-size:22px;padding:1px 6px;border-radius:var(--radius-full);background:color-mix(in oklab,var(--foreground) 8%,transparent);font-family:var(--font-mono);font-size:11px;line-height:1.6;text-align:center}.arcade-cat--on .arcade-cat__count{background:#ffffff38}.arcade-cats__note{margin:0 0 0 auto;font-size:var(--text-caption);color:var(--muted-foreground)}.arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--space-4);min-inline-size:0}.arcade-card{display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;background:var(--wb-panel-bg);border:1px solid var(--wb-panel-edge);border-radius:var(--wb-radius-region);box-shadow:var(--wb-panel-shadow);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.arcade-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--primary) 26%,var(--wb-panel-edge));box-shadow:var(--wb-panel-shadow),0 12px 28px #0000001a}.arcade-card__cover{position:relative;display:block;inline-size:100%;aspect-ratio:16 / 10;padding:0;overflow:hidden;border:0;background:#0b0b12;cursor:pointer}.arcade-card__cover img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform .42s var(--ease-out)}.arcade-card:hover .arcade-card__cover img{transform:scale(1.045)}.arcade-card__cover:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.arcade-card__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000002e,#0000 30%,#0000 58%,#00000085);pointer-events:none}.arcade-card__badge,.arcade-card__cat{position:absolute;z-index:2;inset-block-start:10px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:var(--weight-semibold);line-height:1.5}.arcade-card__badge{inset-inline-start:10px;color:var(--primary-foreground);background:var(--primary)}.arcade-card__badge--new{color:#241900;background:var(--warning)}.arcade-card__cat{inset-inline-end:10px;color:#fff;background:#080a1294;border:1px solid rgb(255 255 255 / .34);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:var(--weight-medium)}.arcade-card__play{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:50%;inline-size:44px;block-size:44px;translate:-50% -50%;border-radius:50%;border:1px solid rgb(255 255 255 / .6);background:#080a128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:scale(.9);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);pointer-events:none}.arcade-card__play:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:53%;translate:-50% -50%;border-block:8px solid transparent;border-inline-start:12px solid #fff}.arcade-card:hover .arcade-card__play,.arcade-card__cover:focus-visible .arcade-card__play{opacity:1;transform:scale(1)}.arcade-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);min-inline-size:0;padding:var(--space-4)}.arcade-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.arcade-card__title{margin:0;font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:1.3}.arcade-card__no{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--muted-foreground)}.arcade-card__desc{display:-webkit-box;margin:0;min-block-size:calc(1.65em * 3);overflow:hidden;color:var(--muted-foreground);font-size:var(--text-body-sm);line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.arcade-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.arcade-card__tags li{padding:2px 8px;border-radius:var(--radius-full);background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary);font-size:11px;line-height:1.6}.arcade-card__meta{display:grid;gap:3px;margin:0;font-size:var(--text-caption)}.arcade-card__meta div{display:flex;align-items:baseline;gap:8px;min-inline-size:0}.arcade-card__meta dt{flex:0 0 auto;color:var(--muted-foreground)}.arcade-card__meta dd{margin:0;min-inline-size:0;color:var(--foreground);overflow-wrap:anywhere}.arcade-card__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:auto;padding-block-start:var(--space-2)}.arcade-card__tip{font-size:var(--text-caption);line-height:1.45;color:var(--muted-foreground)}.arcade-card__start{flex:0 0 auto}@media(max-width:1100px){.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.arcade-grid{grid-template-columns:minmax(0,1fr)}.arcade-cats{gap:6px}.arcade-cat{padding:6px 10px 6px 12px;font-size:var(--text-caption)}.arcade-cats__note{flex-basis:100%;margin-inline-start:0}.arcade-card__desc{min-block-size:0;-webkit-line-clamp:4}.arcade-card__actions{align-items:stretch;flex-direction:column}.arcade-card__start{inline-size:100%}}.arcade-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-3);min-block-size:0;min-inline-size:0}.arcade-stage__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);min-inline-size:0}.arcade-back{display:inline-flex;align-items:center;gap:4px;padding:5px var(--space-3);border:1px solid var(--wb-cap-edge);border-radius:var(--radius-full);background:var(--wb-cap-bg);box-shadow:var(--wb-cap-shadow);color:var(--foreground);font:inherit;font-size:var(--text-caption);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.arcade-back:hover{color:var(--primary);box-shadow:var(--wb-cap-shadow-hover)}.arcade-back:active{transform:translateY(1px);box-shadow:var(--wb-cap-pressed)}.arcade-stage__now{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);font-size:var(--text-caption);color:var(--muted-foreground);min-inline-size:0}.arcade-stage__now strong{font-size:var(--text-body-sm);color:var(--foreground);font-weight:var(--weight-semibold)}@media(max-width:760px){.arcade-item{grid-template-columns:1fr;gap:var(--space-3)}.arcade-item__cover{aspect-ratio:16 / 10;block-size:auto}.arcade-item__actions{align-items:stretch;flex-direction:column}}.wb-psd{display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:100%;block-size:100%;min-block-size:0;background:var(--surface);color:var(--foreground)}.wb-psd-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);background:var(--surface-secondary)}.wb-psd-title h2{margin:0;font-size:var(--text-title-sm);font-weight:600}.wb-psd-meta{margin:2px 0 0;color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.wb-psd-head-actions{display:flex;align-items:center;gap:var(--space-2)}.wb-psd-body{display:grid;grid-template-columns:minmax(0,1fr) 19rem;min-block-size:0}.wb-psd-stage{position:relative;display:grid;place-items:center;overflow:hidden;min-block-size:0;background:radial-gradient(ellipse at 50% 38%,color-mix(in oklab,var(--surface-secondary) 42%,transparent),transparent 72%),var(--background);touch-action:none}.wb-psd-canvas-wrap{line-height:0}.wb-psd-canvas{display:block;max-inline-size:none;background:repeating-conic-gradient(color-mix(in oklab,var(--surface-secondary) 88%,var(--background)) 0% 25%,var(--background) 0% 50%) 50% / 20px 20px;box-shadow:0 0 0 1px color-mix(in oklab,var(--border) 80%,transparent),0 18px 44px -22px #0000008c}.wb-psd-state{display:grid;gap:var(--space-2);place-items:center;padding:var(--space-6);color:var(--foreground-secondary);text-align:center}.wb-psd-state[role=alert] strong{color:var(--destructive)}.wb-psd-zoom{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding:2px 8px 2px 2px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wb-psd-zoom-value{min-inline-size:4.5ch;border:0;background:none;color:var(--foreground);font-variant-numeric:tabular-nums;font-size:var(--text-caption);cursor:pointer}.wb-psd-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;border-inline-start:1px solid var(--border);background:var(--surface-secondary)}.wb-psd-side-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-2)}.wb-psd-side-head h3{margin:0;font-size:var(--text-body-sm);font-weight:600}.wb-psd-count{color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.wb-psd-list{display:block;margin:0;padding:0 0 var(--space-3);overflow:auto;list-style:none}.wb-psd-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-1);padding-inline:calc(var(--space-2) + var(--depth) * 14px) var(--space-3);block-size:34px;border-inline-start:2px solid transparent}.wb-psd-row:hover{background:var(--surface-hover)}.wb-psd-row.is-selected{border-inline-start-color:var(--primary);background:var(--surface-selected)}.wb-psd-row.is-hidden .wb-psd-name-text{opacity:.45}.wb-psd-eye,.wb-psd-caret{display:grid;place-items:center;inline-size:26px;block-size:26px;border:0;border-radius:var(--radius-sm);background:none;color:var(--muted-foreground);cursor:pointer}.wb-psd-eye:hover,.wb-psd-caret:hover{background:var(--surface-active);color:var(--foreground)}.wb-psd-name{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.wb-psd-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-psd-tag{flex:none;padding:0 6px;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted-foreground);font-size:11px;line-height:16px}.wb-psd-op{color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.wb-psd-inspector{display:grid;gap:var(--space-2);padding:var(--space-3);border-block-start:1px solid var(--border);background:var(--surface)}.wb-psd-inspector-name{margin:0;font-weight:600;font-size:var(--text-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-psd-facts{display:grid;gap:4px;margin:0;font-size:var(--text-caption)}.wb-psd-facts>div{display:flex;justify-content:space-between;gap:var(--space-3)}.wb-psd-facts dt{color:var(--muted-foreground)}.wb-psd-facts dd{margin:0;font-variant-numeric:tabular-nums}.wb-psd-opacity{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--space-2);font-size:var(--text-caption);color:var(--muted-foreground)}.wb-psd-opacity span{grid-column:1;grid-row:1}.wb-psd-opacity input[type=range]{grid-column:1 / -1;grid-row:2;inline-size:100%;accent-color:var(--primary)}.wb-psd-opacity output{grid-column:2;grid-row:1}.wb-psd-opacity output{color:var(--foreground);font-variant-numeric:tabular-nums;text-align:end}.wb-psd-text-preview{margin:0;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--foreground-secondary);font-size:var(--text-caption)}.wb-psd-hint{margin:0;color:var(--muted-foreground);font-size:var(--text-caption);line-height:1.7}.wb-psd-hint kbd{padding:0 4px;border:1px solid var(--border-strong);border-radius:4px;font-size:11px}.wb-psd-note{margin:0;color:var(--muted-foreground);font-size:11px;line-height:1.6}@media(max-width:900px){.wb-psd-body{grid-template-columns:minmax(0,1fr)}.wb-psd-side{border-inline-start:0;border-block-start:1px solid var(--border);max-block-size:45dvh}}@media(max-width:640px){.wb-psd-head{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.wb-psd-title{min-inline-size:100%}.wb-psd-title h2{font-size:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-psd-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-psd-head-actions{inline-size:100%;justify-content:space-between}.wb-psd-zoom{inset-block-end:var(--space-2);inset-inline-start:var(--space-2)}}.wb-psd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 60);background:var(--background)}.wb-psd-entry{display:grid;gap:var(--space-2);margin-block-start:var(--space-3);padding-block-start:var(--space-3);border-block-start:1px dashed var(--border)}.wb-psd-entry .wb-hint{margin:0;color:var(--muted-foreground);font-size:var(--text-caption);line-height:1.5}.wb-studio{display:grid;grid-template-rows:auto minmax(0,1fr);block-size:100%;min-block-size:0;background:var(--background)}.wb-studio>.wb-studio--viewer{grid-row:1 / -1;display:grid;grid-template-rows:minmax(0,1fr);min-block-size:0}.wb-studio--viewer .wb-psd{block-size:100%}.wb-studio-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);background:var(--surface-secondary)}.wb-studio-back{display:inline-flex;align-items:center;gap:2px;flex:none}.wb-studio-title h1{margin:0;font-size:var(--text-title-sm);font-weight:600}.wb-studio-meta{margin:2px 0 0;color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.wb-studio-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}.wb-studio-body{display:grid;grid-template-columns:minmax(0,1fr) 22rem;min-block-size:0}.wb-studio-stage{display:grid;align-content:center;justify-items:center;gap:var(--space-5);padding:var(--space-6);min-block-size:0;overflow:auto;background:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .05) 1px,transparent 1.5px) 0 0 / 18px 18px,var(--background)}.wb-studio-source{margin:0;max-inline-size:min(48vw,26rem);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.wb-studio-source img{display:block;inline-size:100%;block-size:auto}.wb-studio-source figcaption{padding:6px 10px;background:var(--surface-elevated);color:var(--muted-foreground);font-size:var(--text-caption)}.wb-studio-progress{inline-size:min(48vw,30rem);display:grid;gap:var(--space-2)}.wb-studio-progress-head{display:flex;justify-content:space-between;font-size:var(--text-body-sm)}.wb-studio-bar{block-size:4px;border-radius:999px;background:var(--surface-active);overflow:hidden}.wb-studio-bar span{display:block;block-size:100%;background:var(--primary);transition:inline-size .32s var(--ease-out)}.wb-studio-hint{margin:0;color:var(--muted-foreground);font-size:var(--text-caption);line-height:1.6}.wb-studio-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;border-inline-start:1px solid var(--border);background:var(--surface-secondary)}.wb-studio-side-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-3) var(--space-2)}.wb-studio-side-head h2{margin:0;font-size:var(--text-body-sm);font-weight:600}.wb-studio-layers{margin:0;padding:0 0 var(--space-3);overflow:auto;list-style:none}.wb-studio-layer{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.wb-studio-layer+.wb-studio-layer{border-block-start:1px solid var(--border-subtle)}.wb-studio-layer-thumb{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-active)}.wb-studio-layer-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.wb-studio-layer-name{margin:0;font-size:var(--text-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-studio-layer-sub{margin:1px 0 0;color:var(--muted-foreground);font-size:11px;line-height:1.4}.wb-studio-layer-state{color:var(--muted-foreground);font-size:var(--text-caption)}.wb-studio-layer.is-failed .wb-studio-layer-state{color:var(--destructive)}.wb-studio-layer.is-skipped .wb-studio-layer-name{opacity:.6}.wb-studio-side-foot{padding:var(--space-3);border-block-start:1px solid var(--border)}.wb-studio-state{display:grid;gap:var(--space-2);place-items:center;place-self:center;padding:var(--space-6);text-align:center}@media(max-width:900px){.wb-studio-body{grid-template-columns:minmax(0,1fr)}.wb-studio-side{border-inline-start:0;border-block-start:1px solid var(--border);max-block-size:46dvh}.wb-studio-progress,.wb-studio-source{inline-size:100%;max-inline-size:100%}.wb-studio-head{flex-wrap:wrap}}.wb-studio-quote{display:grid;place-items:start center;padding:var(--space-6);min-block-size:0;overflow:auto}.wb-studio-quote-card{inline-size:min(34rem,100%);display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg)}.wb-studio-quote-card h2{margin:0;font-size:var(--text-title-sm)}.wb-studio-quote-lead{margin:0;color:var(--foreground-secondary);font-size:var(--text-body-sm);line-height:1.7}.wb-studio-quote-total{margin:0;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.wb-studio-quote-note{margin-inline-start:var(--space-2);color:var(--muted-foreground);font-size:var(--text-caption);font-weight:400}.wb-studio-quote-list{margin:0;padding:0;list-style:none;border-block:1px solid var(--border-subtle)}.wb-studio-quote-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;padding:7px 0;font-size:var(--text-body-sm)}.wb-studio-quote-list li+li{border-block-start:1px solid var(--border-subtle)}.wb-studio-quote-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-studio-quote-route{color:var(--muted-foreground);font-size:var(--text-caption)}.wb-studio-quote-cost{min-inline-size:5ch;text-align:end;color:var(--foreground-secondary)}.wb-studio-quote-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.wb-card-quote{display:grid;gap:var(--space-1);margin-block-start:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-secondary)}.wb-card-quote-line{margin:0;color:var(--foreground-secondary);font-size:var(--text-caption)}.wb-card-quote-total{margin:0;font-size:var(--text-body);font-weight:600;font-variant-numeric:tabular-nums}.wb-card-quote-note{margin-inline-start:var(--space-2);color:var(--muted-foreground);font-size:11px;font-weight:400}.wb-card-quote-fee,.wb-studio-quote-fee{margin:0;color:var(--muted-foreground);font-size:11px}.wb-psd-preview{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-3);inline-size:100%;block-size:100%;padding:var(--space-4);overflow:auto}.wb-psd-preview-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.wb-psd-preview-head h2{margin:0;font-size:var(--text-title-sm)}.wb-psd-preview-head p{margin:2px 0 0;color:var(--muted-foreground);font-size:var(--text-caption)}.wb-psd-preview-error{margin:0;color:var(--destructive);font-size:var(--text-body-sm)}.wb-psd-preview-quote{display:grid;gap:var(--space-3);justify-items:start;align-content:start;padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-secondary)}.wb-psd-preview-total{margin:0;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.wb-psd-preview-total span{margin-inline-start:var(--space-2);color:var(--muted-foreground);font-size:var(--text-caption);font-weight:400}.wb-psd-preview-layers{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--border-subtle)}.wb-psd-preview-layers li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;padding:8px 0;border-block-end:1px solid var(--border-subtle);font-size:var(--text-body-sm)}.wb-psd-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-psd-preview-route{color:var(--muted-foreground);font-size:var(--text-caption)}.wb-psd-preview-state{color:var(--muted-foreground)}.wb-psd-preview-layers li.is-failed .wb-psd-preview-state{color:var(--destructive)}.wb-psd-preview-hint{margin:0;color:var(--muted-foreground);font-size:var(--text-caption)}.wb-lightbox--psd{place-items:stretch;overflow:hidden;inline-size:min(100% - 2 * var(--gutter),76rem);block-size:min(88dvh,56rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--wb-radius-region);box-shadow:0 24px 64px #00000047}@media(max-width:900px){.wb-lightbox--psd{inline-size:100%;block-size:92dvh}}.wb-tools{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.wb-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);color:inherit;text-decoration:none;background:linear-gradient(var(--primary),var(--primary)) 0 0 / 22px 2px no-repeat,var(--wb-panel-bg);border:1px solid var(--wb-panel-edge);border-radius:var(--wb-radius-region);box-shadow:var(--wb-panel-shadow);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.wb-tool:hover{text-decoration:none;border-color:var(--primary);transform:translateY(-1px)}.wb-tool:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.wb-tool-main{display:grid;gap:var(--space-1);min-inline-size:0}.wb-tool-name{font-size:var(--text-h4);font-weight:var(--weight-semibold)}.wb-tool-desc{font-size:var(--text-body-sm);color:var(--muted-foreground);line-height:1.6}.wb-tool-meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-caption);color:var(--muted-foreground)}.wb-tool-meta span+span{position:relative}.wb-tool-meta span+span:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:calc(-1 * var(--space-2));inline-size:3px;block-size:3px;background:var(--border-strong);transform:translateY(-50%)}.wb-tool-price{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--primary);white-space:nowrap}@media(max-width:640px){.wb-tool{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-4)}.wb-tool-price{justify-self:start}}@media(prefers-reduced-motion:reduce){.wb-tool:hover{transform:none}}.wb-embed{display:flex;min-block-size:min(72vh,820px);min-inline-size:0}.wb-embed-frame{flex:1 1 auto;inline-size:100%;min-block-size:min(72vh,820px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overscroll-behavior:none}.wb-menu-btn{display:none;align-items:center;gap:6px;block-size:32px;padding-inline:12px;font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--foreground);background:var(--wb-cap-bg);border:1px solid var(--wb-cap-edge);border-radius:var(--radius-md);box-shadow:var(--wb-cap-shadow);cursor:pointer}.wb-menu-btn:active{transform:translateY(1px);box-shadow:var(--wb-cap-pressed)}@media(max-width:1023px){.wb-menu-btn{display:inline-flex}}.wb-main--fill .wb-embed{min-block-size:0}.wb-main--fill .wb-embed-frame{min-block-size:0;block-size:100%}.wb-tool-stack{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-2);min-block-size:0}.wb-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--muted-foreground)}.wb-breadcrumb a{color:var(--muted-foreground);text-decoration:none}.wb-breadcrumb a:hover{color:var(--primary);text-decoration:none}.wb-breadcrumb [aria-current=page]{color:var(--foreground)}@media(max-width:820px){.wb-header{flex-wrap:wrap;gap:var(--space-2);padding:8px 12px}.wb-header-brand{order:1}.wb-header-actions{order:2;margin-inline-start:auto}.wb-nav{order:3;flex:1 0 100%}.wb-nav ul{inline-size:100%;padding:3px 14px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.wb-nav ul>li{scroll-snap-align:center}.wb-nav-link{block-size:34px;padding-inline:11px;font-size:var(--text-body-sm)}.brand-name{display:none}.wb-points{block-size:30px;font-size:12px}.wb-header .icon-btn{inline-size:30px;block-size:30px}.wb-head{gap:var(--space-2)}.wb-subtitle{font-size:12px;line-height:1.65}.wb-head .wb-balance,.wb-head .wb-marquee{display:none}.wb-main{padding-block:12px 18px}.wb-main.wb-main--fill{padding-block-end:12px}}@font-face{font-family:Madou Pixel;src:url(/font/ztshaw.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}.motion-page{--motion-glass: color-mix(in oklab, var(--surface) 82%, transparent);--motion-edge: color-mix(in oklab, var(--foreground) 12%, transparent);--motion-edge-soft: color-mix(in oklab, var(--foreground) 7%, transparent);--motion-shadow: inset 0 1px 0 color-mix(in oklab, #ffffff 75%, transparent), 0 2px 0 color-mix(in oklab, var(--foreground) 4%, transparent), 0 10px 26px -18px rgb(10 14 21 / .45);font-family:"Madou Pixel",var(--font-sans);display:grid;gap:var(--space-4);min-block-size:0;align-content:start}.motion-loading{margin:0;padding-block:var(--space-9);font-family:"Madou Pixel",var(--font-sans);font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:center}.motion-toolbar{display:grid;gap:var(--space-3);padding:var(--space-3);background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow);backdrop-filter:saturate(1.25) blur(10px);-webkit-backdrop-filter:saturate(1.25) blur(10px)}.motion-chips{display:flex;flex-wrap:wrap;gap:6px}.motion-chip{display:inline-flex;align-items:center;gap:6px;min-block-size:28px;padding:0 10px;font:inherit;font-size:var(--text-caption);color:var(--muted-foreground);background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--radius-md);box-shadow:inset 0 1px color-mix(in oklab,#ffffff 60%,transparent),0 1px color-mix(in oklab,var(--foreground) 4%,transparent);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.motion-chip:hover{color:var(--foreground);border-color:var(--motion-edge);box-shadow:inset 0 1px color-mix(in oklab,#ffffff 70%,transparent),0 2px 6px -3px #0a0e154d}.motion-chip:active{transform:translateY(1px)}.motion-chip--on{color:var(--primary-foreground);background:var(--primary);border-color:color-mix(in oklab,var(--primary) 72%,#000000);box-shadow:inset 0 1px color-mix(in oklab,#ffffff 36%,transparent),0 1px color-mix(in oklab,#000000 18%,transparent)}.motion-chip-count{font-size:.68rem;opacity:.7;font-variant-numeric:tabular-nums}.motion-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.motion-search{position:relative;display:inline-flex;align-items:center;gap:6px;flex:1 1 15rem;max-inline-size:22rem;min-block-size:32px;padding-inline:10px 28px;color:var(--muted-foreground);background:var(--surface-secondary, var(--surface));border:1px solid var(--motion-edge);border-radius:var(--radius-md);box-shadow:inset 0 1px 3px color-mix(in oklab,var(--foreground) 9%,transparent)}.motion-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.motion-search input{flex:1;min-inline-size:0;block-size:30px;font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:transparent;border:0;outline:0}.motion-search input::placeholder{color:var(--muted-foreground)}.motion-search input::-webkit-search-cancel-button{display:none}.motion-search-clear{position:absolute;inset-inline-end:5px;display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:20px;color:var(--muted-foreground);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.motion-search-clear:hover{color:var(--foreground);background:var(--surface-hover)}.motion-select{block-size:32px;padding:0 26px 0 10px;font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);cursor:pointer}.motion-toggle{display:inline-flex;align-items:center;gap:7px;block-size:32px;padding:0 12px;font:inherit;font-size:var(--text-body-sm);color:var(--muted-foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.motion-toggle:hover{color:var(--foreground)}.motion-toggle-dot{inline-size:7px;block-size:7px;background:var(--muted-foreground);border-radius:50%}.motion-toggle--on .motion-toggle-dot{background:var(--success);box-shadow:0 0 0 2px color-mix(in oklab,var(--success) 18%,transparent)}.motion-result-line{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-caption);color:var(--muted-foreground)}.motion-result-query{color:var(--foreground-secondary)}.motion-grid{columns:4;column-gap:var(--space-3)}@media(max-width:1180px){.motion-grid{columns:3}}@media(max-width:820px){.motion-grid{columns:2}}@media(max-width:520px){.motion-grid{columns:1}}.motion-card{break-inside:avoid;margin-block-end:var(--space-3);background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--radius-lg);box-shadow:var(--motion-shadow);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.motion-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--primary) 30%,var(--motion-edge));box-shadow:inset 0 1px color-mix(in oklab,#ffffff 75%,transparent),0 2px color-mix(in oklab,var(--foreground) 4%,transparent),0 18px 38px -22px #0a0e1599}.motion-card-link{display:block;color:inherit;text-decoration:none}.motion-card-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.motion-card-media{position:relative;display:block;inline-size:100%;overflow:hidden;background-color:var(--surface-secondary, #e8edf3);background-position:center;background-size:cover}.motion-card-poster,.motion-card-video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.motion-card-poster{opacity:.92;filter:saturate(1.02);transition:opacity var(--duration-normal) var(--ease-out)}.motion-card-video{background:transparent}.motion-card:hover .motion-card-poster{opacity:1}.motion-card-chip{position:absolute;inset-inline-end:8px;inset-block-end:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;font-size:.68rem;color:var(--foreground);background:color-mix(in oklab,var(--surface) 84%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 14%,transparent);border-radius:var(--radius-md);box-shadow:0 1px 4px #0a0e152e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.88;transition:opacity var(--duration-fast) var(--ease-out)}.motion-card:hover .motion-card-chip{opacity:1}.motion-empty{padding-block:var(--space-8);background:var(--surface);border:1px dashed var(--motion-edge);border-radius:var(--wb-radius-region, 4px)}.motion-detail{gap:var(--space-3)}.motion-back{display:inline-flex;align-items:center;gap:2px;inline-size:fit-content;font-size:var(--text-body-sm);color:var(--muted-foreground);text-decoration:none}.motion-back:hover{color:var(--foreground);text-decoration:none}.motion-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:var(--space-4);align-items:start}.motion-stage{position:relative;display:grid;place-items:center;min-block-size:22rem;padding:var(--space-3);background:radial-gradient(ellipse at 50% 0%,color-mix(in oklab,var(--primary) 9%,transparent),transparent 62%),var(--surface-secondary, var(--surface));border:1px solid var(--motion-edge);border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow)}.motion-stage-video{display:block;inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:min(72dvh,760px);margin-inline:auto;background:#05070b;border-radius:var(--radius-lg);box-shadow:0 1px #ffffff24,0 18px 50px -24px #000000b3}.motion-side{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow);backdrop-filter:saturate(1.25) blur(10px);-webkit-backdrop-filter:saturate(1.25) blur(10px)}.motion-side-tags{display:flex;flex-wrap:wrap;gap:6px}.motion-tag{display:inline-flex;align-items:center;min-block-size:26px;padding:0 10px;font-size:var(--text-caption);color:var(--muted-foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);text-decoration:none}.motion-tag:hover{color:var(--foreground);border-color:var(--motion-edge);text-decoration:none}.motion-boost{display:flex;align-items:center;gap:8px;inline-size:100%;padding:10px 12px;font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);text-align:start;color:var(--warning-foreground);background:var(--warning-subtle);border:1px solid color-mix(in oklab,var(--warning) 32%,transparent);border-radius:var(--radius-md);cursor:pointer}.motion-boost:hover{background:color-mix(in oklab,var(--warning-subtle) 70%,var(--warning) 30%)}.motion-boost-arrow{margin-inline-start:auto}.motion-prompt{display:grid;gap:6px}.motion-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.motion-prompt-head h2{margin:0;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--muted-foreground)}.motion-prompt-index{margin-inline-start:6px;font-weight:var(--weight-regular);opacity:.7}.motion-copy{display:inline-flex;align-items:center;gap:5px;block-size:28px;padding:0 10px;font:inherit;font-size:var(--text-caption);color:var(--foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.motion-copy:hover:not(:disabled){background:var(--surface-hover)}.motion-copy:disabled{opacity:.55;cursor:default}.motion-prompt-text{margin:0;max-block-size:22rem;overflow:auto;padding:12px;font-family:var(--font-sans);font-size:.82rem;line-height:1.8;color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-secondary, var(--surface));border:1px solid var(--motion-edge-soft);border-radius:var(--radius-md);box-shadow:inset 0 1px 3px color-mix(in oklab,var(--foreground) 7%,transparent);scrollbar-width:thin}.motion-note{margin:0;padding:12px;font-size:var(--text-body-sm);color:var(--muted-foreground);background:var(--surface-secondary, var(--surface));border:1px dashed var(--motion-edge);border-radius:var(--radius-md)}.motion-source{margin:0;font-size:var(--text-caption);line-height:1.6;color:var(--muted-foreground)}.motion-generate-strip{display:flex;align-items:center;gap:var(--space-3);padding:11px 14px;color:var(--foreground);text-decoration:none;background:radial-gradient(ellipse at 0% 50%,color-mix(in oklab,var(--primary) 15%,transparent),transparent 58%),var(--motion-glass);border:1px solid color-mix(in oklab,var(--primary) 26%,var(--motion-edge));border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow);backdrop-filter:saturate(1.25) blur(10px);-webkit-backdrop-filter:saturate(1.25) blur(10px);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.motion-generate-strip:hover{color:var(--foreground);text-decoration:none;border-color:color-mix(in oklab,var(--primary) 48%,var(--motion-edge));box-shadow:var(--motion-shadow),0 0 0 3px color-mix(in oklab,var(--primary) 12%,transparent)}.motion-generate-strip:active{transform:translateY(1px)}.motion-generate-strip-icon{display:grid;place-items:center;flex:none;inline-size:36px;block-size:36px;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-md);box-shadow:inset 0 1px color-mix(in oklab,#ffffff 34%,transparent)}.motion-generate-strip-copy{display:grid;gap:2px;min-inline-size:0}.motion-generate-strip-copy strong{font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.motion-generate-strip-copy span{font-size:var(--text-caption);line-height:1.55;color:var(--muted-foreground)}.motion-generate-strip-cta{margin-inline-start:auto;flex:none;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--primary);white-space:nowrap}.motion-boost--studio{color:var(--primary-foreground);background:var(--primary);border-color:color-mix(in oklab,var(--primary) 72%,#000000)}.motion-boost--studio:hover{background:var(--primary-hover);border-color:color-mix(in oklab,var(--primary-hover) 72%,#000000)}.motion-studio{gap:var(--space-3)}.motion-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--space-4);align-items:start}.motion-studio-main{display:grid;gap:var(--space-3);min-inline-size:0}.motion-studio-stage{display:grid;gap:var(--space-2);align-content:center;padding:var(--space-3);min-block-size:24rem}.motion-studio-canvas{display:grid;gap:var(--space-2);inline-size:min(100%,calc(min(70dvh,720px) * var(--motion-w) / var(--motion-h)));margin-inline:auto}.motion-studio-frame{inline-size:100%;aspect-ratio:var(--motion-w) / var(--motion-h);overflow:hidden;background:#05070b;border-radius:var(--radius-lg);box-shadow:0 1px #ffffff24,0 18px 50px -24px #000000b3}.motion-studio-frame iframe{display:block;inline-size:100%;block-size:100%;border:0;background:#05070b}.motion-studio-player{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);box-shadow:inset 0 1px color-mix(in oklab,#ffffff 55%,transparent)}.motion-studio-control{display:inline-grid;place-items:center;flex:none;block-size:30px;min-inline-size:30px;padding:0 8px;font:inherit;font-size:var(--text-caption);color:var(--foreground);text-decoration:none;background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.motion-studio-control:hover{color:var(--foreground);text-decoration:none;background:var(--surface-hover)}.motion-studio-control--play{inline-size:34px;block-size:34px;color:var(--primary-foreground);background:var(--primary);border-color:transparent}.motion-studio-control--play:hover{color:var(--primary-foreground);background:var(--primary-hover)}.motion-studio-loop{gap:4px;color:var(--muted-foreground);white-space:nowrap}.motion-studio-loop--on{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 40%,var(--motion-edge));background:var(--primary-subtle)}.motion-studio-time{flex:none;font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--muted-foreground);white-space:nowrap}.motion-studio-range{flex:1;min-inline-size:60px;block-size:18px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.motion-studio-range::-webkit-slider-runnable-track{block-size:4px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0 var(--motion-progress, 0%),color-mix(in oklab,var(--foreground) 14%,transparent) var(--motion-progress, 0%) 100%)}.motion-studio-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin-block-start:-5px;background:var(--surface);border:2px solid var(--primary);border-radius:50%;box-shadow:0 1px 4px #00000047}.motion-studio-range::-moz-range-track{block-size:4px;border-radius:999px;background:color-mix(in oklab,var(--foreground) 14%,transparent)}.motion-studio-range::-moz-range-progress{block-size:4px;border-radius:999px;background:var(--primary)}.motion-studio-range::-moz-range-thumb{inline-size:12px;block-size:12px;background:var(--surface);border:2px solid var(--primary);border-radius:50%}.motion-studio-working,.motion-studio-failed,.motion-studio-empty{display:grid;justify-items:center;align-content:center;gap:10px;min-block-size:22rem;padding:var(--space-6) var(--space-4);text-align:center}.motion-studio-working-title{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold)}.motion-studio-working-hint{margin:0;max-inline-size:48ch;font-size:var(--text-caption);line-height:1.8;color:var(--muted-foreground)}.motion-studio-empty-icon{display:grid;place-items:center;inline-size:48px;block-size:48px;color:var(--primary);background:var(--primary-subtle);border-radius:50%}.motion-studio-orbit{position:relative;display:block;inline-size:44px;block-size:44px}.motion-studio-orbit i{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:motion-orbit 1.1s linear infinite}.motion-studio-orbit i:nth-child(2){top:7px;right:7px;bottom:7px;left:7px;border-top-color:color-mix(in oklab,var(--primary) 62%,transparent);animation-duration:1.6s;animation-direction:reverse}.motion-studio-orbit i:nth-child(3){top:14px;right:14px;bottom:14px;left:14px;border-top-color:color-mix(in oklab,var(--primary) 38%,transparent);animation-duration:2.2s}@keyframes motion-orbit{to{transform:rotate(360deg)}}.motion-studio-examples{display:grid;gap:6px;inline-size:100%;max-inline-size:580px;margin-block-start:4px}.motion-studio-example{padding:9px 11px;font:inherit;font-size:var(--text-caption);line-height:1.65;text-align:start;color:var(--foreground-secondary);background:var(--surface);border:1px dashed var(--motion-edge);border-radius:var(--radius-md);cursor:pointer}.motion-studio-example:hover{color:var(--foreground);background:var(--surface-hover);border-style:solid}.motion-studio-meta{display:grid;gap:8px;padding:var(--space-3);background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow)}.motion-studio-meta-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.motion-studio-meta-head h2{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.motion-studio-meta-badges{display:flex;flex-wrap:wrap;gap:6px}.motion-studio-meta-badges span{padding:2px 8px;font-size:var(--text-caption);color:var(--muted-foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md)}.motion-studio-brief{max-block-size:10rem}.motion-studio-side{gap:var(--space-3)}.motion-studio-form{display:grid;gap:var(--space-3)}.motion-studio-field{display:grid;gap:6px}.motion-studio-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--muted-foreground)}.motion-studio-textarea{box-sizing:border-box;inline-size:100%;min-block-size:9rem;padding:10px 12px;resize:vertical;font:inherit;font-size:var(--text-body-sm);line-height:1.7;color:var(--foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md);box-shadow:inset 0 1px 3px color-mix(in oklab,var(--foreground) 7%,transparent)}.motion-studio-textarea:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:1px}.motion-studio-count{justify-self:end;font-size:.68rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.motion-studio-cost{margin:0;font-size:var(--text-caption);line-height:1.65;color:var(--muted-foreground)}.motion-studio-error{margin:0;padding:9px 10px;font-size:var(--text-caption);line-height:1.65;color:var(--destructive);background:var(--destructive-subtle);border:1px solid color-mix(in oklab,var(--destructive) 30%,transparent);border-radius:var(--radius-md)}.motion-studio-error a{margin-inline-start:4px;color:inherit;text-decoration:underline}.motion-studio-revise{display:grid;gap:6px;padding-block-start:var(--space-3);border-block-start:1px dashed var(--motion-edge)}.motion-studio-revise-row{display:flex;gap:6px}.motion-studio-revise-row input{flex:1;min-inline-size:0;block-size:34px;padding:0 10px;font:inherit;font-size:var(--text-body-sm);color:var(--foreground);background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md)}.motion-studio-revise-row input:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:1px}.motion-studio-history{display:grid;gap:8px;padding-block-start:var(--space-3);border-block-start:1px dashed var(--motion-edge)}.motion-studio-history-head{display:flex;align-items:center;justify-content:space-between}.motion-studio-history-count{font-size:.68rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.motion-studio-history ul{display:grid;gap:6px;max-block-size:18rem;margin:0;padding:0;overflow:auto;list-style:none;scrollbar-width:thin}.motion-studio-history-row{display:flex;align-items:stretch;gap:4px;background:var(--surface);border:1px solid var(--motion-edge);border-radius:var(--radius-md)}.motion-studio-history-row.is-active{background:var(--primary-subtle);border-color:color-mix(in oklab,var(--primary) 50%,var(--motion-edge))}.motion-studio-history-open{display:flex;flex:1;align-items:flex-start;gap:8px;min-inline-size:0;padding:8px 9px;font:inherit;color:inherit;text-align:start;background:transparent;border:0;cursor:pointer}.motion-studio-dot{flex:none;inline-size:7px;block-size:7px;margin-block-start:5px;background:var(--muted-foreground);border-radius:50%}.motion-studio-dot--completed{background:var(--success)}.motion-studio-dot--failed{background:var(--destructive)}.motion-studio-dot--cancelled{background:var(--muted-foreground)}.motion-studio-dot--pending,.motion-studio-dot--running{background:var(--warning);animation:motion-dot 1.2s ease-in-out infinite}@keyframes motion-dot{50%{opacity:.3}}.motion-studio-history-text{display:grid;flex:1;gap:2px;min-inline-size:0}.motion-studio-history-top{display:flex;align-items:baseline;gap:8px;min-inline-size:0}.motion-studio-history-top strong{flex:1 1 auto;min-inline-size:0}.motion-studio-history-text strong{max-inline-size:100%;overflow:hidden;font-size:.78rem;font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis}.motion-studio-history-meta{font-size:.68rem;color:var(--muted-foreground)}.motion-studio-history-text .motion-studio-history-cost{flex:none;font-size:.66rem;line-height:1.4;color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}.motion-studio-history-del{display:grid;place-items:center;flex:none;inline-size:30px;color:var(--muted-foreground);background:transparent;border:0;border-inline-start:1px solid var(--motion-edge);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer}.motion-studio-history-del:hover{color:var(--destructive);background:var(--destructive-subtle)}.motion-studio-history-empty{margin:0;font-size:var(--text-caption);line-height:1.6;color:var(--muted-foreground)}.motion-studio-stage:fullscreen{align-content:center;padding:0;background:#05070b}.motion-studio-stage:fullscreen .motion-studio-canvas{inline-size:min(100vw,calc((100dvh - 64px) * var(--motion-w) / var(--motion-h)));margin-block:8px}.motion-studio-stage:fullscreen .motion-studio-frame{border-radius:0;box-shadow:none}.motion-studio-stage:fullscreen .motion-studio-player{inline-size:100%}@media(max-width:980px){.motion-detail-grid{grid-template-columns:minmax(0,1fr)}.motion-stage{min-block-size:0}.motion-studio-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.motion-toolbar{padding:var(--space-2)}.motion-search{max-inline-size:none;flex-basis:100%}.motion-stage{padding:var(--space-2)}.motion-side{padding:var(--space-3)}.motion-prompt-text{max-block-size:18rem}.motion-generate-strip{align-items:flex-start}.motion-generate-strip-cta,.motion-generate-strip-copy span{display:none}.motion-studio-player{flex-wrap:wrap}.motion-studio-time{order:2}.motion-studio-range{order:3;flex-basis:100%}.motion-studio-loop{margin-inline-start:auto}}@media(prefers-reduced-motion:reduce){.motion-card,.motion-card-video,.motion-card-poster,.motion-chip,.motion-generate-strip{transition:none}.motion-studio-orbit i,.motion-studio-dot--pending,.motion-studio-dot--running{animation:none}}.motion-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;inline-size:fit-content;max-inline-size:100%;padding:4px;background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--radius-lg);box-shadow:var(--motion-shadow)}.motion-tab{display:inline-flex;align-items:center;gap:6px;min-block-size:30px;padding:0 12px;font-size:var(--text-caption);color:var(--muted-foreground);text-decoration:none;white-space:nowrap;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.motion-tab:hover{color:var(--foreground);background:var(--surface-hover);text-decoration:none}.motion-tab--on{color:var(--primary-foreground);background:var(--primary)}.motion-tab--on:hover{color:var(--primary-foreground);background:var(--primary-hover)}.motion-tab-count{font-size:.68rem;font-variant-numeric:tabular-nums;opacity:.7}.motion-tab--cta .motion-tab-count{display:none}.mstyle-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:radial-gradient(ellipse at 0% 0%,color-mix(in oklab,var(--primary) 13%,transparent),transparent 60%),var(--motion-glass);border:1px solid color-mix(in oklab,var(--primary) 22%,var(--motion-edge));border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow);backdrop-filter:saturate(1.25) blur(10px);-webkit-backdrop-filter:saturate(1.25) blur(10px)}.mstyle-hero-copy{min-inline-size:min(100%,34rem)}.mstyle-hero-copy h1{margin:0;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1.25;letter-spacing:.01em}.mstyle-hero-copy p{margin:8px 0 0;max-inline-size:62ch;font-size:var(--text-body-sm);line-height:1.75;color:var(--muted-foreground)}.mstyle-hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.mstyle-hero-stats span{display:grid;gap:1px;font-size:var(--text-caption);color:var(--muted-foreground);white-space:nowrap}.mstyle-hero-stats strong{font-size:1.1rem;font-weight:var(--weight-semibold);color:var(--foreground)}.mstyle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--space-3)}.mstyle-card{display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;color:inherit;text-decoration:none;background:var(--motion-glass);border:1px solid var(--motion-edge);border-radius:var(--radius-lg);box-shadow:var(--motion-shadow);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.mstyle-card:hover,.mstyle-card:focus-visible{color:inherit;text-decoration:none;transform:translateY(-2px);border-color:color-mix(in oklab,var(--primary) 30%,var(--motion-edge));box-shadow:inset 0 1px color-mix(in oklab,#ffffff 75%,transparent),0 2px color-mix(in oklab,var(--foreground) 4%,transparent),0 18px 38px -22px #0a0e1599}.mstyle-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.mstyle-card-media{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-secondary, #e8edf3)}.mstyle-card-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.mstyle-card:hover .mstyle-card-media img{transform:scale(1.035)}.mstyle-card-category{position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:2px 7px;font-size:.66rem;color:var(--foreground);background:color-mix(in oklab,var(--surface) 84%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 14%,transparent);border-radius:var(--radius-md);box-shadow:0 1px 4px #0a0e152e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mstyle-card-play{position:absolute;inset-block-end:8px;inset-inline-end:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0a0e1547;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.mstyle-card:hover .mstyle-card-play,.mstyle-card:focus-visible .mstyle-card-play{opacity:1;transform:none}.mstyle-card-body{display:grid;gap:5px;padding:10px 12px 12px}.mstyle-card-title{display:flex;align-items:baseline;gap:6px;min-inline-size:0}.mstyle-card-title strong{flex:none;max-inline-size:65%;overflow:hidden;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.mstyle-card-title small{min-inline-size:0;overflow:hidden;font-size:.7rem;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap}.mstyle-card-summary{display:-webkit-box;overflow:hidden;font-size:var(--text-caption);line-height:1.6;color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical}.mstyle-card-uses{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:2px}.mstyle-card-uses span{padding:1px 6px;font-size:.64rem;color:var(--muted-foreground);background:var(--surface);border:1px solid var(--motion-edge-soft);border-radius:3px}.mstyle-stage{display:grid;justify-items:center;gap:var(--space-2)}.mstyle-still{display:block;inline-size:100%;block-size:auto;max-block-size:min(72dvh,760px);object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 1px #ffffff24,0 18px 50px -24px #000000b3}.mstyle-still-tag{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:2px 7px;font-size:.66rem;color:var(--foreground);background:color-mix(in oklab,var(--surface) 84%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 14%,transparent);border-radius:var(--radius-md);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mstyle-still-note{margin:0;font-size:var(--text-caption);line-height:1.6;color:var(--muted-foreground);text-align:center}.mstyle-heading h1{margin:0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3}.mstyle-heading p{margin:3px 0 0;font-size:var(--text-caption);letter-spacing:.02em;color:var(--muted-foreground)}.mstyle-summary{margin:0;font-size:var(--text-body-sm);line-height:1.75;color:var(--foreground)}.mstyle-hint{margin:0;padding:10px 12px;font-size:var(--text-caption);line-height:1.65;color:var(--muted-foreground);background:var(--surface-secondary, var(--surface));border:1px dashed var(--motion-edge);border-radius:var(--radius-md)}.mstyle-prompt-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.mstyle-related{display:grid;gap:var(--space-3);margin-block-start:var(--space-2)}.mstyle-related h2{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--muted-foreground)}.motion-studio-style{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:color-mix(in oklab,var(--primary) 9%,var(--surface));border:1px solid color-mix(in oklab,var(--primary) 30%,var(--motion-edge));border-radius:var(--radius-md)}.motion-studio-style-name{display:inline-flex;align-items:center;gap:5px;min-inline-size:0;overflow:hidden;font-size:var(--text-caption);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.motion-studio-style-link{margin-inline-start:auto;font-size:var(--text-caption);color:var(--primary);text-decoration:none;white-space:nowrap}.motion-studio-style-link:hover{text-decoration:underline}.motion-studio-style-clear{display:grid;place-items:center;inline-size:22px;block-size:22px;padding:0;font:inherit;font-size:1rem;line-height:1;color:var(--muted-foreground);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer}.motion-studio-style-clear:hover{color:var(--foreground);background:var(--surface-hover)}.motion-studio-style-empty{margin:0;font-size:var(--text-caption);line-height:1.6;color:var(--muted-foreground)}.motion-studio-style-empty a{color:var(--primary);text-decoration:none}.motion-studio-style-empty a:hover{text-decoration:underline}@media(max-width:640px){.mstyle-hero{padding:var(--space-3)}.mstyle-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mstyle-card-title{flex-wrap:wrap;gap:2px 6px}.mstyle-card-title strong{max-inline-size:100%}.mstyle-still-note{text-align:start}.motion-tabs{inline-size:100%}.motion-tab{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){.mstyle-card,.mstyle-card-media img,.mstyle-card-play,.motion-tab{transition:none}}.motion-site{grid-template-rows:auto minmax(0,1fr)}.motion-site-frame{position:relative;min-block-size:320px;overflow:hidden;background:#070605;border:1px solid var(--motion-edge);border-radius:var(--wb-radius-region, 4px);box-shadow:var(--motion-shadow)}.motion-site-iframe{display:block;inline-size:100%;block-size:100%;border:0}@media(max-width:720px){.motion-site{gap:var(--space-3)}.motion-site-frame{border-inline:0;border-radius:0;box-shadow:none}}