@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--n-0: #FFFFFF;--n-25: #FCFCFD;--n-50: #F7F7F8;--n-100: #F1F1F3;--n-200: #E4E4E7;--n-300: #D2D2D8;--n-400: #A5A5AE;--n-450: #8E8E97;--n-500: #71717A;--n-600: #56565C;--n-700: #3D3D43;--n-800: #26262A;--n-900: #171719;--n-950: #0E0E10;--n-1000: #000000;--d-page: #0E0E10;--d-sunken: #09090B;--d-raised: #18181B;--d-overlay: #1C1C20;--d-100: #232327;--d-200: #2E2E33;--d-300: #3A3A41;--d-400: #55555E;--d-450: #6A6A74;--d-500: #8A8A92;--d-550: #8A8A95;--d-600: #A1A1A8;--d-700: #DEDEE2;--d-800: #F2F2F3;--d-disabled:#5A5A62;--a-black-40: rgba(0, 0, 0, .4);--a-black-60: rgba(0, 0, 0, .6);--a-white-6: rgba(255, 255, 255, .06);--a-white-8: rgba(255, 255, 255, .08);--a-white-10: rgba(255, 255, 255, .1);--a-white-14: rgba(255, 255, 255, .14);--green-600: #0F7A34;--green-500: #16A34A;--green-400: #4ADE80;--green-50: #ECFDF3;--green-line: #A9E5C0;--amber-600: #8A5A00;--amber-500: #B45309;--amber-400: #FBBF24;--amber-50: #FFF8EB;--amber-line: #F4D08A;--red-700: #9A1E14;--red-600: #B42318;--red-550: #C42F33;--red-525: #D93A3F;--red-500: #DC2626;--red-400: #F87171;--red-50: #FEF2F2;--red-line: #F2B8B2}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--t-display-size: 48px;--t-display-lh: 52px;--t-display-ls: -.02em;--t-h1-size: 32px;--t-h1-lh: 38px;--t-h1-ls: -.014em;--t-h2-size: 24px;--t-h2-lh: 30px;--t-h2-ls: -.012em;--t-h3-size: 20px;--t-h3-lh: 26px;--t-h3-ls: -.009em;--t-title-size: 17px;--t-title-lh: 24px;--t-title-ls: -.006em;--t-body-lg-size: 17px;--t-body-lg-lh: 26px;--t-body-lg-ls: -.006em;--t-body-size: 15px;--t-body-lh: 22px;--t-body-ls: -.004em;--t-label-size: 14px;--t-label-lh: 20px;--t-label-ls: -.002em;--t-caption-size: 13px;--t-caption-lh: 18px;--t-caption-ls: 0em;--t-micro-size: 11px;--t-micro-lh: 14px;--t-micro-ls: .02em;--s-0: 0px;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 20px;--s-8: 24px;--s-9: 32px;--s-10: 40px;--s-11: 48px;--s-12: 64px;--s-13: 80px;--s-14: 96px;--s-15: 128px;--r-xs: 4px;--r-sm: 4px;--r-control: 8px;--r-md: 8px;--r-lg: 16px;--r-xl: 16px;--r-full: 9999px;--line: 1px;--d-instant: 0ms;--d-fast: .12s;--d-base: .18s;--d-slow: .26s;--d-slower: .4s;--e-standard: cubic-bezier(.2, 0, 0, 1);--e-entrance: cubic-bezier(.16, 1, .3, 1);--e-exit: cubic-bezier(.4, 0, 1, 1);--press-scale: .98;--container-content: 720px;--container-app: 1200px;--container-wide: 1440px;--gutter: 24px;--page-pad-sm: 16px;--page-pad-md: 24px;--page-pad-lg: 32px;--bp-micro: 0px;--bp-compact: 320px;--bp-medium: 600px;--bp-expanded: 840px;--bp-large: 1200px;--bp-xlarge: 1600px;--page-pad: 16px;--columns: 4;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--hit-target-min: 44px;--row-h: 48px;--focus-scale: 1}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--surface-page: light-dark(var(--n-0), var(--d-page));--surface-raised: light-dark(var(--n-0), var(--d-raised));--surface-sunken: light-dark(var(--n-50), var(--d-sunken));--surface-overlay: light-dark(var(--n-0), var(--d-overlay));--surface-inverse: light-dark(var(--n-950), var(--n-0));--surface-scrim: light-dark(var(--a-black-40), var(--a-black-60));--surface-control: light-dark(var(--n-50), var(--d-sunken));--surface-control-hover: light-dark(var(--n-100), var(--d-100));--surface-hover: light-dark(var(--n-50), var(--a-white-6));--surface-active: light-dark(var(--n-100), var(--a-white-10));--surface-selected: light-dark(var(--n-100), var(--a-white-8));--text-primary: light-dark(var(--n-950), var(--d-800));--text-secondary: light-dark(var(--n-600), var(--d-600));--text-tertiary: light-dark(var(--n-500), var(--d-500));--text-disabled: light-dark(var(--n-400), var(--d-disabled));--text-inverse: light-dark(var(--n-0), var(--n-950));--text-link: light-dark(var(--n-950), var(--d-800));--border-subtle: light-dark(var(--n-200), var(--d-100));--border-default: light-dark(var(--n-300), var(--d-200));--border-control: light-dark(var(--n-450), var(--d-450));--border-strong: light-dark(var(--n-500), var(--d-550));--border-focus: light-dark(var(--n-950), var(--d-800));--border-elevated: light-dark(transparent, var(--border-subtle));--icon-primary: light-dark(var(--n-950), var(--d-800));--icon-secondary: light-dark(var(--n-500), var(--d-500));--icon-disabled: light-dark(var(--n-400), var(--d-disabled));--icon-inverse: light-dark(var(--n-0), var(--n-950));--action-primary-bg: light-dark(var(--n-950), var(--n-0));--action-primary-bg-hover: light-dark(var(--n-800), var(--d-700));--action-primary-bg-active: light-dark(var(--n-950), var(--n-0));--action-primary-fg: light-dark(var(--n-0), var(--n-950));--action-primary-bg-disabled: light-dark(var(--n-100), var(--d-100));--action-primary-fg-disabled: light-dark(var(--n-400), var(--d-disabled));--action-secondary-bg: transparent;--action-secondary-bg-hover: light-dark(var(--n-50), var(--a-white-6));--action-secondary-bg-active: light-dark(var(--n-100), var(--a-white-10));--action-secondary-fg: light-dark(var(--n-950), var(--d-800));--action-secondary-border: light-dark(var(--n-300), var(--d-300));--action-secondary-border-hover: light-dark(var(--n-400), var(--d-400));--action-tertiary-bg: transparent;--action-tertiary-bg-hover: light-dark(var(--n-100), var(--a-white-8));--action-tertiary-bg-active: light-dark(var(--n-200), var(--a-white-14));--action-tertiary-fg: light-dark(var(--n-950), var(--d-800));--action-danger-bg: light-dark(var(--red-600), var(--red-525));--action-danger-bg-hover: light-dark(var(--red-700), var(--red-550));--action-danger-fg: var(--n-0);--action-danger-border: light-dark(var(--red-600), var(--red-525));--action-danger-secondary-fg: light-dark(var(--red-600), var(--red-400));--action-danger-secondary-border: light-dark(var(--red-600), var(--red-400));--action-danger-secondary-bg-hover: light-dark(var(--red-50), rgba(248,113,113,.12));--action-danger-secondary-bg-active: light-dark(var(--red-line),rgba(248,113,113,.28));--action-danger-tertiary-fg: light-dark(var(--red-600), var(--red-400));--action-danger-tertiary-bg-hover: light-dark(var(--red-50), rgba(248,113,113,.12));--action-danger-tertiary-bg-active: light-dark(var(--red-line),rgba(248,113,113,.28));--focus-ring: light-dark(var(--n-950), var(--d-800));--focus-ring-width: 2px;--focus-ring-offset: 2px;--status-success-fg: light-dark(var(--green-600), var(--green-400));--status-success-bg: light-dark(var(--green-50), rgba(74, 222, 128, .12));--status-success-border: light-dark(var(--green-line),rgba(74, 222, 128, .28));--status-success-solid: light-dark(var(--green-500), var(--green-400));--status-warning-fg: light-dark(var(--amber-600), var(--amber-400));--status-warning-bg: light-dark(var(--amber-50), rgba(251, 191, 36, .12));--status-warning-border: light-dark(var(--amber-line),rgba(251, 191, 36, .28));--status-warning-solid: light-dark(var(--amber-500), var(--amber-400));--status-danger-fg: light-dark(var(--red-600), var(--red-400));--status-danger-bg: light-dark(var(--red-50), rgba(248, 113, 113, .12));--status-danger-border: light-dark(var(--red-line),rgba(248, 113, 113, .28));--status-danger-solid: light-dark(var(--red-500), var(--red-400));--status-neutral-fg: light-dark(var(--n-600), var(--d-600));--status-neutral-bg: light-dark(var(--n-100), var(--a-white-8));--status-neutral-border: light-dark(var(--n-200), var(--d-200));--shadow-e1: 0 1px 2px light-dark(rgba(0,0,0,.04), rgba(0,0,0,.3)), 0 1px 1px light-dark(rgba(0,0,0,.03), rgba(0,0,0,.2));--shadow-e2: 0 4px 12px light-dark(rgba(0,0,0,.06), rgba(0,0,0,.4)), 0 1px 2px light-dark(rgba(0,0,0,.04), rgba(0,0,0,.24));--shadow-e3: 0 16px 40px light-dark(rgba(0,0,0,.12), rgba(0,0,0,.55)), 0 2px 8px light-dark(rgba(0,0,0,.06), rgba(0,0,0,.32));--skeleton-base: light-dark(var(--n-100), #202024);--skeleton-sheen: light-dark(var(--n-50), #2A2A2F);--surface-chrome: light-dark(rgba(255,255,255,.72), rgba(24,24,27,.72));--border-chrome: light-dark(rgba(0,0,0,.08), rgba(255,255,255,.1));--chrome-blur: 24px}.chrome{background:var(--surface-chrome);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur))}@media(min-width:320px){:root{--page-pad: 16px;--columns: 4}}@media(min-width:600px){:root{--page-pad: 24px;--columns: 8}}@media(min-width:840px){:root{--page-pad: 32px;--columns: 12}}@media(min-width:1200px){:root{--page-pad: 40px;--columns: 12}}@media(min-width:1600px){:root{--page-pad: 48px;--columns: 12}}@media(any-pointer:coarse){:root{--control-h-sm: 40px;--control-h-md: 44px;--control-h-lg: 52px;--hit-target-min: 44px;--row-h: 56px}}:root[data-surface=tv]{color-scheme:dark;--t-display-size: 72px;--t-display-lh: 78px;--t-h1-size: 56px;--t-h1-lh: 62px;--t-h2-size: 40px;--t-h2-lh: 46px;--t-h3-size: 32px;--t-h3-lh: 38px;--t-title-size: 28px;--t-title-lh: 36px;--t-body-lg-size: 28px;--t-body-lg-lh: 40px;--t-body-size: 24px;--t-body-lh: 34px;--t-label-size: 22px;--t-label-lh: 30px;--t-caption-size: 20px;--t-caption-lh: 28px;--t-micro-size: 18px;--t-micro-lh: 24px;--control-h-sm: 48px;--control-h-md: 56px;--control-h-lg: 64px;--hit-target-min: 56px;--row-h: 72px;--r-control: 12px;--r-lg: 20px;--r-xl: 24px;--focus-scale: 1.06;--focus-ring-width: 2px;--focus-ring-offset: 4px;--safe-top: 5vh;--safe-bottom: 5vh;--safe-left: 5vw;--safe-right: 5vw;--page-pad: 48px}:root[data-surface=watch]{--t-h1-size: 24px;--t-h1-lh: 28px;--t-h2-size: 22px;--t-h2-lh: 26px;--t-h3-size: 20px;--t-h3-lh: 24px;--t-title-size: 18px;--t-title-lh: 22px;--t-body-lg-size: 17px;--t-body-lg-lh: 22px;--t-body-size: 16px;--t-body-lh: 21px;--t-label-size: 15px;--t-label-lh: 20px;--t-caption-size: 14px;--t-caption-lh: 18px;--t-micro-size: 13px;--t-micro-lh: 16px;--control-h-md: 44px;--control-h-lg: 52px;--hit-target-min: 44px;--r-control: 16px;--r-lg: 20px;--r-xl: 28px;--d-fast: .1s;--d-base: .15s;--d-slow: .2s;--page-pad: 8px}:root[data-surface=widget]{--page-pad: 12px;--d-fast: 0ms;--d-base: 0ms}:root[data-surface=widget] body{background:transparent;overflow:hidden}@media(horizontal-viewport-segments:2){:root{--fold-left-width: env(viewport-segment-width 0 0, 50vw);--fold-gap-start: env(viewport-segment-right 0 0, 50vw);--fold-gap-end: env(viewport-segment-left 1 0, 50vw);--fold-gap: calc(var(--fold-gap-end) - var(--fold-gap-start))}}@media(vertical-viewport-segments:2){:root{--fold-top-height: env(viewport-segment-height 0 0, 50vh);--fold-gap-start: env(viewport-segment-bottom 0 0, 50vh);--fold-gap-end: env(viewport-segment-top 0 1, 50vh);--fold-gap: calc(var(--fold-gap-end) - var(--fold-gap-start))}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--t-body-size);line-height:var(--t-body-lh);letter-spacing:var(--t-body-ls);font-weight:var(--fw-regular)}body{transition:background-color var(--d-base) var(--e-standard),color var(--d-base) var(--e-standard)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--r-xs);transform:scale(var(--focus-scale));transition:transform var(--d-base) var(--e-standard)}:focus:not(:focus-visible){outline:none}button,a,[role=button],input,select,textarea,summary{touch-action:manipulation}.hit-target{position:relative}.hit-target:after{content:"";position:absolute;inset:50%;width:max(100%,var(--hit-target-min));height:max(100%,var(--hit-target-min));translate:-50% -50%}.disclosure{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-slow) var(--e-entrance)}.disclosure>*{overflow:hidden}.disclosure[data-open]{grid-template-rows:1fr;transition:grid-template-rows var(--d-slow) var(--e-entrance)}.disclosure:not([data-open]){transition:grid-template-rows var(--d-base) var(--e-exit)}::selection{background:var(--text-primary);color:var(--surface-page)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:light dark;--canvas-surround: light-dark(#E8E8EB, #161618);--slider-track: light-dark(var(--n-200), var(--d-200));--slider-fill: light-dark(var(--n-950), var(--d-800));--header-h: 56px;--inspector-w: 340px}html,body,#root{height:100%}body{overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit}code{font-family:var(--font-mono);font-size:.92em}a{color:var(--text-link)}.display{font-size:var(--t-display-size);line-height:var(--t-display-lh);letter-spacing:var(--t-display-ls);font-weight:600;margin:0}.title{font-size:var(--t-title-size);line-height:var(--t-title-lh);letter-spacing:var(--t-title-ls);font-weight:600;margin:0}.title-sm,.label{font-size:var(--t-label-size);line-height:var(--t-label-lh);font-weight:600}.body-lg{font-size:var(--t-body-lg-size);line-height:var(--t-body-lg-lh);margin:0}.body{margin:0}.caption{font-size:var(--t-caption-size);line-height:var(--t-caption-lh);color:var(--text-secondary);margin:0}.muted{color:var(--text-secondary)}.group-label{font-size:var(--t-caption-size);line-height:var(--t-caption-lh);font-weight:500;color:var(--text-secondary);margin:16px 0 8px;display:flex;align-items:center;gap:8px}.kbd{font-size:var(--t-micro-size);color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--r-xs);padding:0 4px;margin-left:auto}.status-success{color:var(--status-success-fg);margin:0;font-size:var(--t-caption-size)}.status-warning{color:var(--status-warning-fg);margin:0;font-size:var(--t-caption-size)}.status-danger{color:var(--status-danger-fg);margin:0;font-size:var(--t-caption-size)}.btn-primary,.btn-secondary,.btn-tertiary,.btn-danger,.btn-danger-tertiary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h-md);padding:0 16px;border-radius:var(--r-control);font-size:var(--t-label-size);font-weight:500;white-space:nowrap;cursor:pointer;border:1px solid transparent;background:transparent;transition:background-color var(--d-fast) var(--e-standard),border-color var(--d-fast) var(--e-standard),transform 90ms var(--e-standard)}.btn-primary:active,.btn-secondary:active,.btn-tertiary:active,.btn-danger:active,.icon-btn:active,.chip:active{transform:scale(var(--press-scale))}.sm{height:var(--control-h-sm);padding:0 12px}.lg{height:var(--control-h-lg);padding:0 24px;font-size:var(--t-body-size)}.btn-primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}.btn-secondary{border-color:var(--action-secondary-border);color:var(--action-secondary-fg)}.btn-tertiary{color:var(--action-tertiary-fg);font-weight:600;border:0}.btn-tertiary.inverse{color:var(--text-inverse)}.btn-danger{background:var(--action-danger-bg);color:var(--action-danger-fg)}.btn-danger-tertiary{color:var(--action-danger-tertiary-fg);font-weight:600;border:0}button:disabled{cursor:not-allowed;opacity:1}.btn-primary:disabled{background:var(--action-primary-bg-disabled);color:var(--action-primary-fg-disabled)}.btn-secondary:disabled,.icon-btn:disabled{color:var(--text-disabled);border-color:var(--border-subtle)}@media(hover:hover)and (pointer:fine){.btn-primary:not(:disabled):hover{background:var(--action-primary-bg-hover)}.btn-secondary:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--action-secondary-border-hover)}.btn-tertiary:hover,.icon-btn:not(:disabled):hover,.chip:hover,.mode:hover,.section-head:hover,.mask-name:hover{background:var(--action-tertiary-bg-hover)}.btn-danger:hover{background:var(--action-danger-bg-hover)}.btn-danger-tertiary:hover{background:var(--action-danger-tertiary-bg-hover)}}.icon-btn{position:relative;width:var(--control-h-md);height:var(--control-h-md);display:inline-grid;place-items:center;border:0;border-radius:var(--r-control);background:transparent;cursor:pointer;color:var(--icon-primary)}.spinner{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chips{display:flex;gap:8px}.chips.wrap{flex-wrap:wrap}.chips.scroll{overflow-x:auto;scrollbar-width:none;padding:0 16px;margin:0 -16px}.chips.scroll::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;flex:none;height:var(--control-h-sm);padding:0 12px;border-radius:var(--r-full);border:0;cursor:pointer;background:var(--surface-control);font-size:var(--t-label-size);font-weight:500}.chip[aria-selected=true],.chip[aria-checked=true]{background:var(--action-primary-bg);color:var(--action-primary-fg)}.swatch-chip{padding:0;width:var(--control-h-sm);justify-content:center}.swatch-chip[aria-selected=true]{background:var(--surface-control);box-shadow:inset 0 0 0 2px var(--text-primary)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.lg{width:16px;height:16px}.dot.sm{width:6px;height:6px;background:currentColor}.band-name{margin:8px 0 0}.segmented{display:flex;padding:2px;gap:2px;background:var(--surface-control);border-radius:var(--r-control)}.segmented button{flex:1;height:calc(var(--control-h-sm) - 4px);border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:var(--t-label-size);font-weight:500;color:var(--text-secondary)}.segmented button[aria-checked=true]{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-e1)}.row-gap{display:flex;gap:8px;align-items:center}.row-gap.wrap{flex-wrap:wrap}.slider{padding:6px 0}.slider-row{display:flex;align-items:center;gap:4px;min-height:28px}.slider-label{border:0;background:none;padding:0;font-size:var(--t-label-size);color:var(--text-primary);cursor:default;text-align:left}.slider-reset{border:0;background:none;padding:0 6px;font-size:var(--t-caption-size);color:var(--text-tertiary);cursor:pointer}.slider-value{margin-left:auto;width:64px;height:28px;text-align:right;border:0;border-radius:var(--r-xs);background:transparent;color:var(--text-primary);font:inherit;font-size:var(--t-label-size);font-variant-numeric:tabular-nums;padding:0 6px}.slider-value:focus{background:var(--surface-control)}.slider-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;margin:10px 0;cursor:pointer;background:var(--slider-track);touch-action:none}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-control);box-shadow:var(--shadow-e1)}.slider-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-control)}@media(any-pointer:coarse){.slider-range{height:6px;margin:16px 0}.slider-range::-webkit-slider-thumb{width:26px;height:26px}.slider-range::-moz-range-thumb{width:26px;height:26px}}.start{height:100%;display:grid;place-items:center;padding:24px;overflow:auto}.start-inner{max-width:480px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.start-inner .btn-primary{margin-top:16px;min-width:200px}.start-facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:32px 0 0}.start-facts dt{font-weight:500;color:var(--text-primary)}.start-facts dd{margin:0}@media(max-width:599px){.display{font-size:var(--t-h1-size);line-height:var(--t-h1-lh)}}.app{height:100%;display:flex;flex-direction:column}.header{flex:none;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle)}.header-left{display:flex;align-items:baseline;gap:12px;min-width:0}.header-right{display:flex;align-items:center;gap:4px;flex:none}.header-right .btn-primary{margin-left:8px}.compare-btn{margin-left:4px}.compare-btn[aria-pressed=true]{background:var(--surface-active)}.wordmark{font-weight:600;font-size:var(--t-label-size);flex:none}.file-name{color:var(--text-secondary);font-size:var(--t-caption-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-status{color:var(--text-tertiary);font-size:var(--t-caption-size);white-space:nowrap}.editor{flex:1;min-height:0;display:grid;grid-template-columns:76px 1fr var(--inspector-w)}.rail{display:flex;flex-direction:column;gap:4px;padding:12px 8px;border-right:1px solid var(--border-subtle)}.mode{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border:0;border-radius:var(--r-control);background:transparent;cursor:pointer;color:var(--text-secondary);font-size:var(--t-micro-size);font-weight:500;letter-spacing:var(--t-micro-ls)}.mode[aria-pressed=true]{background:var(--surface-selected);color:var(--text-primary)}.inspector{overflow-y:auto;padding:16px 20px 32px;border-left:1px solid var(--border-subtle)}.section{border-top:1px solid var(--border-subtle)}.section:first-of-type{border-top:0}.section-head{width:100%;display:flex;align-items:center;gap:8px;height:48px;padding:0 8px;margin:0 -8px;width:calc(100% + 16px);border:0;background:transparent;border-radius:var(--r-control);cursor:pointer;text-align:left}.section-head .chev{margin-left:auto;color:var(--icon-secondary)}.edited{font-size:var(--t-micro-size);color:var(--text-tertiary)}.section-body{padding-bottom:16px}.auto-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.histogram{margin-bottom:8px}.histogram svg{display:block;width:100%;height:72px;background:var(--surface-sunken);border-radius:var(--r-control)}.histogram-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:var(--t-micro-size)}.scope{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:4px}.canvas-wrap{position:relative;min-width:0;min-height:0;display:grid;place-items:center;background:var(--canvas-surround);overflow:hidden;touch-action:none}.canvas-box{position:relative}.canvas-box canvas{display:block}.canvas-overlay{position:absolute;inset:0;overflow:visible;pointer-events:none}.canvas-overlay.is-painting{pointer-events:all;cursor:none}.handle,.crop-frame{pointer-events:all;cursor:grab;touch-action:none}.handle-hit{fill:transparent}.handle-dot{fill:#fff;stroke:#0000008c;stroke-width:1.5}.handle.is-center .handle-dot{fill:#0000008c;stroke:#fff}.guide{stroke:#fff;stroke-width:1.5;fill:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.guide.dashed{stroke-dasharray:5 5}.crop-shade{fill:#0000008c;pointer-events:none}.crop-frame{fill:transparent;stroke:#fff;stroke-width:1.5;cursor:move}.crop-thirds line{stroke:#ffffff73;stroke-width:1;pointer-events:none}.brush-cursor{fill:none;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 1px rgba(0,0,0,.9));pointer-events:none}.brush-cursor.is-erase{stroke-dasharray:4 3}.compare-badge{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:var(--r-full);background:#0009;color:#fff;font-size:var(--t-caption-size);font-weight:500;pointer-events:none}.canvas-error{position:absolute;color:var(--status-danger-fg);padding:24px;max-width:480px}.mask-list{list-style:none;padding:0;margin:16px 0 8px;display:flex;flex-direction:column;gap:4px}.mask-list li{display:flex;align-items:center;gap:4px;border-radius:var(--r-control);padding-right:4px}.mask-list li.is-selected{background:var(--surface-selected)}.mask-name{flex:1;text-align:left;height:var(--control-h-md);padding:0 12px;border:0;background:transparent;border-radius:var(--r-control);cursor:pointer;font-size:var(--t-label-size);font-weight:500}.toggle-row{display:flex;align-items:center;gap:8px;min-height:40px;font-size:var(--t-label-size);cursor:pointer}.toggle-row input{width:18px;height:18px;accent-color:var(--text-primary)}.brush-tools{display:flex;flex-direction:column;gap:4px;margin-top:8px;align-items:stretch}.brush-tools .btn-tertiary{align-self:flex-start;padding-left:0}.crop-panel .btn-tertiary{margin-top:16px;padding-left:0}.crop-panel .caption,.add-mask .caption{margin-top:8px}.curves{display:flex;flex-direction:column;gap:12px}.curve-graph{width:100%;aspect-ratio:1;max-height:320px;background:var(--surface-sunken);border-radius:var(--r-control);touch-action:none;cursor:crosshair;display:block}.curve-hist{fill:light-dark(rgba(0,0,0,.08),rgba(255,255,255,.08))}.curve-grid line,.curve-diagonal{stroke:var(--border-subtle);stroke-width:1;vector-effect:non-scaling-stroke}.curve-point{fill:var(--surface-raised);stroke:var(--text-primary);stroke-width:1.5;vector-effect:non-scaling-stroke}.curve-point.is-selected{fill:var(--text-primary)}.curve-foot{display:flex;align-items:center;justify-content:space-between;min-height:32px}.grade-group{margin-bottom:4px}.dialog{width:min(440px,calc(100vw - 32px));padding:24px;border:0;border-radius:var(--r-lg);background:var(--surface-overlay);color:var(--text-primary);box-shadow:var(--shadow-e3, 0 20px 60px rgba(0,0,0,.3))}.dialog::backdrop{background:var(--surface-scrim)}.dialog .caption{margin-top:4px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.dialog-status{min-height:40px;margin-top:16px;display:flex;flex-direction:column;gap:4px}.field{display:block;margin-top:16px}.field-row{display:flex;justify-content:space-between;font-size:var(--t-label-size)}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:var(--r-control);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--t-label-size);box-shadow:var(--shadow-e2)}.drop-hint{position:fixed;inset:12px;z-index:var(--z-overlay);display:grid;place-items:center;border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-scrim);color:#fff;pointer-events:none}.app.is-compact .header{padding-left:12px;padding-right:8px;gap:8px}.app.is-compact .wordmark{display:none}.app.is-compact .file-name{font-size:var(--t-label-size);color:var(--text-primary);font-weight:500}.app.is-compact .header-right .btn-primary{margin-left:4px}.app.is-compact .canvas-wrap{flex:1}.sheet{flex:none;max-height:44vh;display:flex;flex-direction:column;gap:8px;padding:12px 16px 0;border-top:1px solid var(--border-subtle);background:var(--surface-page)}.sheet .scope{min-height:32px;margin:0}.sheet-body{overflow-y:auto;min-height:0;padding-bottom:8px}.tabbar{flex:none;display:flex;justify-content:space-around;padding:4px 8px calc(4px + var(--safe-bottom));border-top:1px solid var(--border-subtle)}.tabbar .mode{flex:1;flex-direction:row;justify-content:center;gap:8px;font-size:var(--t-label-size);letter-spacing:0;height:var(--control-h-md);padding:0}@media(max-width:420px){.compare-btn{padding:0 10px}.header-right .icon-btn{width:40px}}.sheet>.chips,.sheet>.scope{flex:none}.chips.scroll{padding-top:2px;padding-bottom:2px}@media(any-pointer:coarse){.kbd{display:none}}