:root{--text-2xs: 12px;--text-xs: 13px;--text-sm: 14px;--text-base: 16px;--text-md: 17px;--text-lg: 19px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 50px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tighter: -.022em;--tracking-tight: -.011em;--tracking-normal: 0;--tracking-wide: .06em;--type-display: var(--weight-medium) var(--text-4xl) / var(--leading-tight) var(--font-sans);--type-title: var(--weight-medium) var(--text-xl) / var(--leading-snug) var(--font-sans);--type-heading: var(--weight-medium) var(--text-md) / var(--leading-snug) var(--font-sans);--type-body: var(--weight-regular) var(--text-base) / var(--leading-normal) var(--font-sans);--type-ui: var(--weight-regular) var(--text-sm) / var(--leading-snug) var(--font-sans);--type-label: var(--weight-medium) var(--text-xs) / var(--leading-snug) var(--font-sans);--type-mono: var(--weight-regular) var(--text-xs) / var(--leading-snug) var(--font-mono)}:root{--accent-hue: 0;--accent-chroma: 0;--accent-spread: 0;--accent-h-lo: var(--accent-hue);--accent-h-hi: var(--accent-hue);--accent-lo: var(--accent-primary);--accent-hi: var(--accent-primary);--accent: var(--accent-primary);--gradient-accent: var(--accent-primary);--gradient-accent-v: var(--accent-primary);--accent-text: var(--accent-primary);--accent-soft: var(--surface-sunken);--accent-border: var(--accent-tool);--accent-ring: var(--accent-tool);--text-on-accent: var(--ink-on-accent);--neutral-hue: 258;--n-0: var(--white);--n-25: var(--white);--n-50: var(--grey-050);--n-100: var(--grey-100);--n-200: var(--grey-200);--n-300: var(--grey-300);--n-400: var(--grey-400);--n-500: var(--grey-500);--n-600: var(--grey-600);--n-700: var(--grey-700);--n-800: var(--grey-800);--n-900: var(--grey-900);--n-950: var(--grey-900);--n-1000: var(--black);--danger: var(--red);--text-on-danger: var(--ink-on-red);--danger-text: var(--red);--danger-soft: var(--surface-page);--danger-border: var(--red);--warning: var(--orange);--warning-text: var(--orange);--warning-soft: var(--surface-page);--warning-border: var(--orange);--success: var(--green);--success-text: var(--green);--success-soft: var(--surface-page);--success-border: var(--green);--info: var(--ink-1);--info-text: var(--ink-1);--info-soft: var(--surface-sunken);--info-border: var(--ink-1);--surface-page: var(--white);--surface-card: var(--white);--surface-raised: var(--white);--surface-sunken: var(--grey-100);--surface-hover: var(--grey-100);--surface-active: var(--grey-200);--surface-disabled: var(--grey-050);--surface-inverse: var(--black);--border-subtle: var(--black);--border-default: var(--black);--border-strong: var(--black);--text-primary: var(--black);--text-secondary: var(--grey-700);--text-muted: var(--grey-600);--text-disabled: var(--grey-500);--text-inverse: var(--white);--track: var(--grey-200);--tooltip-bg: var(--black);--tooltip-fg: var(--white);--shadow-rgb: 0 0 0;--scrim: rgba(0, 0, 0, .8)}[data-theme=dark]{--accent-lo: var(--accent-primary);--accent-hi: var(--accent-primary);--accent: var(--accent-primary);--accent-text: var(--accent-primary);--accent-soft: var(--surface-sunken);--accent-border: var(--accent-tool);--accent-ring: var(--accent-tool);--danger: var(--red);--text-on-danger: var(--ink-on-red);--danger-text: var(--red);--danger-soft: var(--black);--danger-border: var(--red);--warning-text: var(--orange);--warning-soft: var(--black);--warning-border: var(--orange);--success-text: var(--green);--success-soft: var(--black);--success-border: var(--green);--info-text: var(--white);--info-soft: var(--grey-800);--info-border: var(--white);--surface-page: var(--black);--surface-card: var(--black);--surface-raised: var(--black);--surface-sunken: var(--grey-800);--surface-hover: var(--grey-800);--surface-active: var(--grey-700);--surface-disabled: var(--grey-800);--surface-inverse: var(--white);--border-subtle: var(--white);--border-default: var(--white);--border-strong: var(--white);--text-primary: var(--white);--text-secondary: var(--grey-300);--text-muted: var(--grey-400);--text-disabled: var(--grey-500);--text-inverse: var(--black);--track: var(--grey-700);--tooltip-bg: var(--white);--tooltip-fg: var(--black);--shadow-rgb: 0 0 0;--scrim: rgba(0, 0, 0, .85)}:root{--space-0: 0px;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--gap-inline: var(--space-2);--gap-control: var(--space-1-5);--gap-field: var(--space-4);--gap-group: var(--space-6);--gap-section: var(--space-10);--pad-card: var(--space-4);--pad-page: var(--space-6);--measure: 68ch}:root{--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-2xl: 0px;--radius-full: 999px;--radius-control: var(--radius-md);--radius-card: var(--radius-lg);--radius-overlay: var(--radius-xl)}:root{--shadow-none: none;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-overlay: none;--shadow-inset: none;--focus-width: var(--border-thick);--focus-shadow: none;--focus-outline: var(--focus-width) solid var(--accent-ring)}[data-theme=dark]{--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-overlay: none}:root{--ease-out: var(--ease-standard);--ease-in-out: var(--ease-standard);--ease-in: cubic-bezier(.6, 0, 1, 1);--dur-instant: var(--duration-instant);--dur-fast: var(--duration-fast);--dur: var(--duration-base);--dur-slow: var(--duration-slow);--transition-control: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out)}:root{--control-h-sm: 28px;--control-h: 34px;--control-h-lg: 40px;--control-px: 10px;--touch-min: 44px;--border-hairline: 1px;--indicator-w: 2px;--topbar-h: 3px;--sidebar-w: 236px;--header-h: 52px;--content-max: 1080px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);letter-spacing:var(--tracking-tight);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter)}h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}h2{font-size:var(--text-xl);line-height:var(--leading-snug)}h3{font-size:var(--text-md);line-height:var(--leading-snug)}p{margin:0}ul,ol{margin:0;padding-left:1.25em}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:var(--border-thick) solid var(--border-subtle);margin:var(--space-6) 0}a{color:var(--accent-text);text-decoration:none;background-image:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-text);background:var(--gradient-accent) 0 100% / 100% 1.5px no-repeat}a:focus-visible{outline:none;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}::selection{background:var(--accent-soft);color:var(--text-primary)}html[data-theming] *,html[data-theming] *:before,html[data-theming] *:after{transition:none!important}button,input,select,textarea{font-family:inherit;letter-spacing:inherit}:where(*)::-webkit-scrollbar{width:10px;height:10px}:where(*)::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}:where(*)::-webkit-scrollbar-thumb:hover{background-color:var(--text-primary)}:where(*)::-webkit-scrollbar-track{background:transparent}@keyframes bp-pop{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@keyframes bp-fade{0%{opacity:0}to{opacity:1}}@keyframes bp-slide-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.bp-ring{position:relative}.bp-ring:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bp-ring:focus-visible:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-control);padding:1.5px;background:var(--gradient-accent);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;pointer-events:none}.bp-topbar{height:var(--topbar-h);background:var(--gradient-accent);flex:none}.bp-check{width:9px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)}.bp-caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform var(--dur) var(--ease-out);flex:none}.bp-caret.is-up{transform:rotate(225deg) translateY(-1px)}.bp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);height:var(--control-h);padding:0 14px;border:1px solid transparent;border-radius:var(--radius-control);font:var(--type-ui);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;user-select:none;transition:var(--transition-control)}.bp-btn:disabled{background:var(--surface-disabled);border-color:var(--surface-disabled);color:var(--ink-disabled);cursor:not-allowed;filter:none!important}.bp-btn--primary{background:var(--gradient-accent);color:var(--text-on-accent)}.bp-btn--primary:hover:not(:disabled){background:var(--ink-1);border-color:var(--ink-1);color:var(--surface-page)}.bp-btn--primary:active:not(:disabled){opacity:.7}.bp-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.bp-btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.bp-btn--secondary:active:not(:disabled){background:var(--surface-active)}.bp-btn--ghost{background:transparent;color:var(--text-secondary)}.bp-btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.bp-btn--ghost:active:not(:disabled){background:var(--surface-active)}.bp-btn--danger{background:var(--danger);color:var(--text-on-danger)}.bp-btn--danger:hover:not(:disabled){background:var(--ink-1);border-color:var(--ink-1);color:var(--surface-page)}.bp-btn--sm{height:var(--control-h-sm);padding:0 10px;font-size:var(--text-xs);gap:var(--space-1-5)}.bp-btn--lg{height:var(--control-h-lg);padding:0 18px;font-size:var(--text-md)}.bp-btn--icon{width:var(--control-h);padding:0}.bp-btn--sm.bp-btn--icon{width:var(--control-h-sm)}.bp-btn--lg.bp-btn--icon{width:var(--control-h-lg)}.bp-btn--block{width:100%}.bp-field{display:flex;flex-direction:column;gap:var(--gap-control);min-width:0}.bp-label{font:var(--type-label);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.bp-label__req{color:var(--danger-text)}.bp-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.bp-hint--error{color:var(--danger-text)}.bp-input{width:100%;height:var(--control-h);padding:0 var(--control-px);border:var(--border-thick) solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-card);color:var(--text-primary);font:var(--type-ui);transition:var(--transition-control)}.bp-input::placeholder{color:var(--text-muted)}.bp-input:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.bp-input:focus{border-color:var(--accent-ring);outline:var(--focus-outline);outline-offset:2px}.bp-input:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.bp-input--invalid{border-color:var(--danger)}.bp-input--invalid:focus{box-shadow:0 0 0 var(--focus-width) var(--danger-soft)}textarea.bp-input{height:auto;min-height:82px;padding:8px var(--control-px);line-height:var(--leading-normal);resize:vertical}.bp-input-wrap{position:relative;display:flex;align-items:center}.bp-input-wrap .bp-input--with-prefix{padding-left:30px}.bp-input-wrap .bp-input--with-suffix{padding-right:34px}.bp-affix{position:absolute;display:flex;align-items:center;color:var(--text-muted);font-size:var(--text-xs);pointer-events:none}.bp-affix--prefix{left:var(--control-px)}.bp-affix--suffix{right:var(--control-px)}.bp-counter{font:var(--type-mono);color:var(--text-muted);align-self:flex-end}.bp-select-root{position:relative}.bp-select{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--control-px);border:var(--border-thick) solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-card);color:var(--text-primary);font:var(--type-ui);text-align:left;cursor:pointer;transition:var(--transition-control)}.bp-select:hover:not(:disabled){border-color:var(--border-strong)}.bp-select:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.bp-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-select__value.is-placeholder{color:var(--text-muted)}.bp-menu{position:absolute;z-index:120;top:calc(100% + 4px);left:0;min-width:100%;padding:4px;background:var(--surface-raised);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:246px;overflow-y:auto;animation:bp-pop var(--dur-fast) var(--ease-out)}.bp-menu--up{top:auto;bottom:calc(100% + 4px)}.bp-menu__group{padding:6px 8px 4px;font:var(--type-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.bp-menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:30px;padding:6px 8px;border-radius:var(--radius-sm);font:var(--type-ui);color:var(--text-primary);cursor:pointer}.bp-menu__item:hover,.bp-menu__item.is-active{background:var(--surface-hover)}.bp-menu__item.is-selected{background:var(--gradient-accent);color:var(--text-on-accent)}.bp-menu__item.is-disabled{color:var(--text-disabled);cursor:not-allowed;background:none}.bp-menu__sub{font-size:var(--text-xs);color:var(--text-muted)}.bp-menu__item.is-selected .bp-menu__sub{color:var(--text-on-accent);opacity:.75}.bp-radio-group{display:flex;flex-direction:column;gap:var(--space-2-5)}.bp-radio-group--row{flex-direction:row;flex-wrap:wrap;gap:var(--space-5)}.bp-radio{display:flex;align-items:flex-start;gap:var(--space-2-5);cursor:pointer}.bp-radio.is-disabled{cursor:not-allowed;opacity:.5}.bp-radio__dot{position:relative;flex:none;width:16px;height:16px;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-card);display:grid;place-items:center;transition:var(--transition-control)}.bp-radio:hover:not(.is-disabled) .bp-radio__dot{border-color:var(--accent)}.bp-radio__dot.is-checked{border-color:transparent;background:var(--gradient-accent)}.bp-radio__dot.is-checked:after{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--text-on-accent)}.bp-radio__dot:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bp-radio__text{display:flex;flex-direction:column;gap:2px}.bp-radio__label{font:var(--type-ui);color:var(--text-primary)}.bp-radio__desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.bp-radio--card{padding:11px 12px;border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);transition:var(--transition-control)}.bp-radio--card:hover:not(.is-disabled){border-color:var(--border-default);background:var(--surface-hover)}.bp-radio--card.is-selected{border-color:var(--accent-border);background:var(--accent-soft)}.bp-cb-box{position:relative;flex:none;width:16px;height:16px;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-card);display:grid;place-items:center;color:var(--text-on-accent);transition:var(--transition-control)}.bp-radio:hover:not(.is-disabled) .bp-cb-box{border-color:var(--accent)}.bp-cb-box.is-checked,.bp-cb-box.is-indeterminate{border-color:transparent;background:var(--gradient-accent)}.bp-cb-box.is-indeterminate:after{content:"";width:8px;height:1.5px;background:currentColor;border-radius:var(--radius-0)}.bp-cb-box:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bp-switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.bp-switch{position:relative;flex:none;width:34px;height:20px;padding:0;border:none;border-radius:var(--radius-full);background:var(--track);cursor:pointer;transition:background var(--dur) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) linear}.bp-switch.is-on{background:var(--gradient-accent)}.bp-switch:disabled{opacity:.45;cursor:not-allowed}.bp-switch:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bp-switch__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--n-0);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out)}.bp-switch.is-on .bp-switch__knob{transform:translate(14px)}.bp-switch--sm{width:28px;height:16px}.bp-switch--sm .bp-switch__knob{width:12px;height:12px}.bp-switch--sm.is-on .bp-switch__knob{transform:translate(12px)}.bp-slider{-webkit-appearance:none;appearance:none;width:100%;height:18px;cursor:pointer;background:var(--gradient-accent) left center / var(--bp-pct, 50%) 4px no-repeat,linear-gradient(var(--track),var(--track)) left center / 100% 4px no-repeat}.bp-slider:focus{outline:none}.bp-slider::-webkit-slider-runnable-track{height:4px;background:transparent}.bp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:var(--radius-full);background:var(--surface-card);border:1.5px solid var(--accent);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast) var(--ease-out)}.bp-slider:focus-visible::-webkit-slider-thumb{outline:var(--focus-outline);outline-offset:2px}.bp-slider::-moz-range-track{height:4px;background:transparent}.bp-slider::-moz-range-progress{height:4px;background:transparent}.bp-slider::-moz-range-thumb{width:13px;height:13px;border-radius:var(--radius-full);background:var(--surface-card);border:1.5px solid var(--accent)}.bp-slider:disabled{opacity:.45;cursor:not-allowed}.bp-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.bp-slider-val{font:var(--type-mono);color:var(--text-secondary)}.bp-acc{border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);overflow:hidden}.bp-acc--flush{border:none;border-radius:0;background:none}.bp-acc__item{position:relative}.bp-acc__item+.bp-acc__item{border-top:var(--border-thick) solid var(--border-subtle)}.bp-acc__bar{position:absolute;left:0;top:0;bottom:0;width:var(--indicator-w);background:var(--gradient-accent-v);transform:scaleY(0)}.bp-acc__item.is-open .bp-acc__bar{transform:scaleY(1)}.bp-acc__trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:13px 14px;background:none;border:none;font:var(--type-ui);font-weight:var(--weight-medium);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.bp-acc__trigger:hover{background:var(--surface-hover)}.bp-acc__trigger:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.bp-acc__title{flex:1;min-width:0}.bp-acc__meta{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-regular)}.bp-acc__sign{position:relative;flex:none;width:10px;height:10px;color:var(--text-muted)}.bp-acc__sign:before,.bp-acc__sign:after{content:"";position:absolute;left:0;top:4.25px;width:10px;height:1.5px;background:currentColor;border-radius:var(--radius-0);transition:transform var(--dur) var(--ease-out)}.bp-acc__sign:after{transform:rotate(90deg)}.bp-acc__item.is-open .bp-acc__sign{color:var(--accent-text)}.bp-acc__item.is-open .bp-acc__sign:after{transform:rotate(0)}.bp-acc__wrap{display:block}.bp-acc__panel{overflow:hidden;transition:height var(--dur-slow) var(--ease-out)}.bp-acc__inner{padding:0 14px 15px;font:var(--type-ui);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:var(--measure)}.bp-tabs{display:flex;gap:2px;border-bottom:var(--border-thick) solid var(--border-subtle)}.bp-tab{position:relative;height:var(--control-h);padding:0 12px;background:none;border:none;font:var(--type-ui);color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.bp-tab:hover{color:var(--text-primary)}.bp-tab:focus-visible{outline:var(--focus-outline);outline-offset:2px;border-radius:var(--radius-sm)}.bp-tab.is-active{color:var(--text-primary);font-weight:var(--weight-medium)}.bp-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--indicator-w);background:var(--gradient-accent)}.bp-tab__count{margin-left:6px;font:var(--type-mono);color:var(--text-muted)}.bp-tabs--pill{border:none;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-lg);display:inline-flex}.bp-tabs--pill .bp-tab{height:26px;border-radius:var(--radius-md)}.bp-tabs--pill .bp-tab.is-active{background:var(--surface-card);box-shadow:var(--shadow-xs)}.bp-tabs--pill .bp-tab.is-active:after{display:none}.bp-badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);white-space:nowrap}.bp-badge--neutral{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-secondary)}.bp-badge--accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.bp-badge--success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-text)}.bp-badge--warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-text)}.bp-badge--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.bp-badge--info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}.bp-badge--mono{font-family:var(--font-mono)}.bp-badge__dot{width:5px;height:5px;border-radius:var(--radius-full);background:currentColor;flex:none}.bp-card{position:relative;background:var(--surface-card);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}.bp-card__cap:first-child{border-radius:var(--radius-card) var(--radius-card) 0 0}.bp-card--raised{box-shadow:var(--shadow-md)}.bp-card--flat{box-shadow:none}.bp-card--interactive{cursor:pointer;transition:var(--transition-control),transform var(--dur-fast) var(--ease-out)}.bp-card--interactive:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.bp-card__cap{height:var(--indicator-w);background:var(--gradient-accent)}.bp-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--pad-card)}.bp-card__head+.bp-card__body{padding-top:0}.bp-card__title{font:var(--type-heading);color:var(--text-primary)}.bp-card__sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px}.bp-card__body{padding:var(--pad-card)}.bp-card__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:12px var(--pad-card);border-top:var(--border-thick) solid var(--border-subtle);background:var(--surface-sunken);border-radius:0 0 var(--radius-card) var(--radius-card)}.bp-card__divider{height:1px;background:var(--border-subtle)}.bp-table-wrap{border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);overflow-x:clip;overflow-y:visible;background:var(--surface-card)}.bp-table thead th:first-child{border-radius:var(--radius-card) 0 0 0}.bp-table thead th:last-child{border-radius:0 var(--radius-card) 0 0}.bp-table{width:100%;border-collapse:separate;border-spacing:0;font:var(--type-ui);table-layout:auto}.bp-table td,.bp-table th{overflow-wrap:break-word}.bp-table th{text-align:left;font:var(--type-label);color:var(--text-muted);padding:8px 12px;background:var(--surface-sunken);border-bottom:var(--border-thick) solid var(--border-subtle);white-space:nowrap}.bp-table th.is-numeric,.bp-table td.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.bp-table td{padding:10px 12px;border-bottom:var(--border-thick) solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.bp-table tbody tr:last-child td{border-bottom:none}.bp-table tbody tr:hover td{background:var(--surface-hover)}.bp-table--compact td{padding:6px 12px}.bp-table__muted{color:var(--text-secondary)}.bp-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-6);background:var(--scrim);animation:bp-fade var(--dur-fast) linear}.bp-dialog{width:100%;background:var(--surface-raised);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);animation:bp-pop var(--dur) var(--ease-out)}.bp-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:18px 18px 0}.bp-dialog__title{font:var(--type-title);letter-spacing:var(--tracking-tighter)}.bp-dialog__body{padding:10px 18px 18px;font:var(--type-ui);line-height:var(--leading-relaxed);color:var(--text-secondary)}.bp-dialog__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:12px 18px;border-top:var(--border-thick) solid var(--border-subtle);background:var(--surface-sunken);border-radius:0 0 var(--radius-overlay) var(--radius-overlay)}.bp-close{position:relative;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer;flex:none;display:grid;place-items:center;transition:var(--transition-control)}.bp-close:hover{background:var(--surface-hover);color:var(--text-primary)}.bp-close:before,.bp-close:after{content:"";position:absolute;width:11px;height:1.5px;background:currentColor;border-radius:var(--radius-0)}.bp-close:before{transform:rotate(45deg)}.bp-close:after{transform:rotate(-45deg)}.bp-toast-stack{position:fixed;z-index:200;right:var(--space-5);bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.bp-toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-2-5);min-width:272px;max-width:380px;padding:11px 13px 11px 15px;background:var(--surface-raised);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:bp-slide-in var(--dur) var(--ease-out)}.bp-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--indicator-w);background:var(--gradient-accent-v)}.bp-toast--success:before{background:var(--success)}.bp-toast--danger:before{background:var(--danger)}.bp-toast--warning:before{background:var(--warning)}.bp-toast__body{flex:1;min-width:0}.bp-toast__title{font:var(--type-ui);font-weight:var(--weight-medium);color:var(--text-primary)}.bp-toast__msg{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug);margin-top:2px}.bp-tt{position:relative;display:inline-flex}.bp-tt__bubble{position:absolute;z-index:60;padding:5px 8px;background:var(--tooltip-bg);color:var(--tooltip-fg);font-size:var(--text-xs);line-height:var(--leading-snug);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:bp-fade var(--dur-fast) linear}.bp-tt__bubble--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bp-tt__bubble--bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.bp-tt__bubble--left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.bp-tt__bubble--right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.bp-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.bp-row--nowrap{flex-wrap:nowrap}.bp-stack{display:flex;flex-direction:column;gap:var(--gap-field)}.bp-eyebrow{font:var(--type-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}:root{--accent-hue: 200;--rail-w: 236px;--pane-w: 296px;--bar-h: 44px}html,body,#root{height:100%}body{overflow:hidden}.app{display:flex;flex-direction:column;height:100%;background:var(--surface-page)}.app__main{display:flex;flex:1;min-height:0}.rail{width:var(--rail-w);flex:none;display:flex;flex-direction:column;border-right:var(--border-thick) solid var(--border-subtle);background:var(--surface-card)}.rail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--header-h);padding:0 var(--space-4);border-bottom:var(--border-thick) solid var(--border-subtle)}.rail__brand{font:var(--type-app-title);letter-spacing:var(--tracking-tighter)}.rail__nav{display:flex;flex-direction:column;gap:1px;padding:var(--space-3) var(--space-2)}.rail__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:30px;padding:0 var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font:var(--type-ui);text-align:left;cursor:pointer;transition:var(--transition-control)}.rail__item:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.rail__item.is-on{background:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-medium)}.rail__item:disabled{color:var(--text-disabled);cursor:not-allowed}.rail__count{font:var(--type-mono);color:var(--text-muted)}.rail__sep{height:1px;background:var(--border-subtle);margin:var(--space-3) var(--space-2)}.rail__foot{margin-top:auto;padding:var(--space-4);border-top:var(--border-thick) solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.view{flex:1;min-width:0;display:flex;flex-direction:column}.view__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-h);padding:var(--space-2) var(--space-6);border-bottom:var(--border-thick) solid var(--border-subtle);background:var(--surface-card);flex:none}.view__title{font:var(--type-heading);letter-spacing:var(--tracking-tighter)}.view__sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.view__body{flex:1;min-height:0;overflow:auto}.view__body--pad{padding:var(--space-6) var(--space-8) var(--space-10)}.view__split{flex:1;min-height:0;display:flex}.pane{width:var(--pane-w);flex:none;border-left:var(--border-thick) solid var(--border-subtle);background:var(--surface-card);overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--gap-group)}.pane--left{border-left:none;border-right:var(--border-thick) solid var(--border-subtle);width:190px;padding:var(--space-3);gap:var(--space-3)}.toolbar{display:flex;align-items:center;gap:var(--space-2);min-height:var(--bar-h);padding:var(--space-1) var(--space-4);border-bottom:var(--border-thick) solid var(--border-subtle);background:var(--surface-card);flex:none;flex-wrap:wrap}.toolbar__gap{flex:1}.toolbar__div{width:1px;height:18px;background:var(--border-subtle);margin:0 var(--space-1)}.stage{position:relative;flex:1;min-height:0;overflow:auto;background:var(--surface-sunken);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.page-shell{position:relative;flex:none;background:var(--white);border:var(--border-thick) solid var(--border-subtle);box-shadow:var(--shadow-sm);overflow:hidden}.page-shell canvas{display:block}.page-shell__num{position:absolute;left:0;bottom:0;padding:2px 6px;font:var(--type-mono);color:var(--text-inverse);background:var(--surface-inverse);border-radius:var(--radius-0);opacity:.72;pointer-events:none}.page-shell__skeleton{display:grid;place-items:center;font:var(--type-mono);color:var(--text-muted);background:var(--surface-card);height:100%}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:var(--space-4);align-items:start}.thumb{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);cursor:pointer;transition:var(--transition-control)}.thumb:hover{border-color:var(--border-default);background:var(--surface-hover)}.thumb.is-selected{border-color:var(--accent-border);background:var(--accent-soft)}.thumb.is-drop-before:before,.thumb.is-drop-after:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--accent);border-radius:var(--radius-0)}.thumb.is-drop-before:before{left:-9px}.thumb.is-drop-after:before{right:-9px}.thumb__frame{display:grid;place-items:center;background:var(--white);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-xs);overflow:hidden;aspect-ratio:3 / 4}.thumb__frame img,.thumb__frame canvas{max-width:100%;max-height:100%;display:block}.thumb__delete{position:absolute;top:var(--space-2-5);right:var(--space-2-5);z-index:1;display:grid;place-items:center;width:22px;height:22px;padding:0;border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-xs);cursor:pointer;opacity:0;transition:var(--transition-control),opacity var(--dur-fast) var(--ease-out)}.thumb:hover .thumb__delete,.thumb__delete:focus-visible{opacity:1}.thumb__delete:hover{border-color:var(--danger);color:var(--danger-text)}.thumb__delete .bp-close{width:14px;height:14px;pointer-events:none}.thumb__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);font:var(--type-mono);color:var(--text-muted)}.thumb__strip{display:flex;flex-direction:column;gap:var(--space-2)}.thumb__strip .thumb__frame{aspect-ratio:auto;min-height:84px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);border:var(--border-thick) dashed var(--border-default);border-radius:var(--radius-card);background:var(--surface-card);text-align:center;transition:var(--transition-control)}.drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--text-muted);font:var(--type-ui);text-align:center}.prog{height:4px;width:100%;border-radius:var(--radius-full);background:var(--track);overflow:hidden}.prog__fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--dur) var(--ease-out)}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);font:var(--type-ui)}.kv dt{color:var(--text-muted);font-size:var(--text-xs)}.kv dd{margin:0;text-align:right;overflow-wrap:anywhere}.mono{font:var(--type-mono)}.muted{color:var(--text-muted)}.stack{display:flex;flex-direction:column;gap:var(--gap-field)}.stack--tight{gap:var(--space-2-5)}.stack--group{gap:var(--gap-group)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.scroll{overflow:auto}.pre{margin:0;padding:var(--space-3);background:var(--surface-sunken);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-md);font:var(--type-mono);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto;color:var(--text-secondary)}.tool{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-sm);padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font:var(--type-ui);cursor:pointer;transition:var(--transition-control)}.tool:hover{background:var(--surface-hover);color:var(--text-primary)}.tool.is-on{background:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-medium)}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.swatch{width:22px;height:22px;padding:0;border:var(--border-thick) solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-control)}.swatch:hover{border-color:var(--border-strong)}.swatch.is-on{box-shadow:0 0 0 2px var(--surface-card),0 0 0 3.5px var(--accent)}.swatch--custom{position:relative;overflow:hidden;display:grid;place-items:center}.swatch--custom input{position:absolute;inset:-8px;width:200%;height:200%;padding:0;border:none;opacity:0;cursor:pointer}.swatch--custom:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);border:1.5px solid var(--n-0);box-shadow:0 0 0 1px #00000059;pointer-events:none}.donate{position:relative}.donate__pop{position:absolute;z-index:140;left:0;right:0;bottom:calc(100% + 6px);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);min-width:244px;background:var(--surface-raised);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-overlay);box-shadow:var(--shadow-lg);animation:bp-pop var(--dur-fast) var(--ease-out)}.donate__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1-5)}.donate__amount{height:var(--control-h);padding:0;border:var(--border-thick) solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-card);color:var(--text-primary);font:var(--type-ui);cursor:pointer;transition:var(--transition-control)}.donate__amount:hover{border-color:var(--border-strong);background:var(--surface-hover)}.donate__amount.is-on{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text);font-weight:var(--weight-medium)}.font-menu{max-height:none;overflow:visible;padding:0;width:260px}.font-menu__search{padding:var(--space-2);border-bottom:var(--border-thick) solid var(--border-subtle)}.font-menu__list{max-height:264px;overflow-y:auto;padding:4px}.font-menu__note{padding:7px 10px;border-top:var(--border-thick) solid var(--border-subtle);font-size:var(--text-2xs);color:var(--text-muted);line-height:var(--leading-snug)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-4)}.asset{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);cursor:pointer;transition:var(--transition-control)}.asset:hover{border-color:var(--border-default)}.asset.is-selected{border-color:var(--accent-border);background:var(--accent-soft)}.asset__pick{position:absolute;top:var(--space-2-5);left:var(--space-2-5);z-index:1;padding:3px;border-radius:var(--radius-xs);background:var(--surface-card);box-shadow:var(--shadow-xs)}.asset__frame{display:grid;place-items:center;height:132px;padding:var(--space-2);border-radius:var(--radius-xs);background:conic-gradient(from 90deg at 1px 1px,transparent 25%,var(--surface-sunken) 0) 0 0 / 12px 12px;overflow:hidden}.asset__frame img{max-width:100%;max-height:100%;display:block}.asset__frame svg{width:100%;height:100%;display:block}.asset__frame--paper{background:var(--white);border:var(--border-thick) solid var(--border-subtle)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:1}.textLayer[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}.textLayer[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}.textLayer[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}.textLayer span.markedContent{top:0;height:0}.textLayer span[role=img]{user-select:none;cursor:default}.textLayer ::selection{background:var(--accent-ring)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;user-select:none}.textLayer.selecting .endOfContent{top:0}.textLayer mark{background:var(--warning);color:transparent;border-radius:var(--radius-0);padding:0;opacity:.45}.textLayer mark.is-current{background:var(--accent);opacity:.55}.edit-layer{position:absolute;inset:0;z-index:2;cursor:crosshair}.edit-layer.is-select{cursor:default}.edit-box{position:absolute;border:var(--border-thick) solid var(--accent);box-shadow:0 0 0 1px var(--surface-card);pointer-events:none}.edit-handle{position:absolute;width:9px;height:9px;margin:-5px 0 0 -5px;border:1.5px solid var(--accent);border-radius:var(--radius-xs);background:var(--surface-card);pointer-events:auto}.edit-text{position:absolute;margin:0;padding:0;border:var(--border-thick) dashed var(--accent);background:transparent;color:inherit;outline:none;resize:none;overflow:hidden;line-height:1.18;white-space:pre}.landing{max-width:var(--measure);margin:var(--space-12) auto 0}.landing__title{margin:0;font:var(--type-title);letter-spacing:-.01em}.landing__lede{margin:var(--space-3) 0 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing__h2{margin:var(--space-10) 0 0;font:var(--type-heading)}.landing__p{margin:var(--space-3) 0 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-4)}.landing__card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);text-decoration:none}.landing__card:hover{background:var(--surface-hover);border-color:var(--accent-border);text-decoration:none}.landing__card-title{font:var(--type-ui);color:var(--text-primary)}.landing__card-sub{font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-muted);overflow-wrap:anywhere}.faq{margin-top:var(--space-4)}.faq__item{border-top:var(--border-thick) solid var(--border-subtle)}.faq__item:last-child{border-bottom:var(--border-thick) solid var(--border-subtle)}.faq__q{padding:var(--space-3) 0;cursor:pointer;font:var(--type-ui);list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__q:before{content:"+";display:inline-block;width:18px;color:var(--text-muted)}.faq__item[open] .faq__q:before{content:"–"}.faq__a{margin:0 0 var(--space-3) 18px;color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:900px){.rail{width:64px}.rail__brand,.rail__count,.rail__foot{display:none}.pane{width:240px}.landing__grid{grid-template-columns:1fr}}@media(max-width:620px){.view__head{flex-wrap:wrap;gap:var(--space-2)}.view__head .bp-row--nowrap{flex-wrap:wrap}}