@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", "Geist Mono Fallback", ui-monospace, monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Geist Mono", "Geist Mono Fallback", ui-monospace, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f7f5f0;--surface:#fff;--fg:#2a2520;--muted:#7a7268;--border:#e5dfd6;--accent:#c96442;--accent-strong:#9f4a30;--accent-soft:#c964421a;--accent2:#5a8a6a;--accent2-soft:#5a8a6a1f;--danger:#b94732;--danger-soft:#b947321a;--vivid-yellow:#f0a830;--vivid-yellow-soft:#fbeccf;--vivid-sky:#5a92c9;--vivid-sky-soft:#dceaf6;--vivid-pink:#d97393;--vivid-pink-soft:#f7dde6;--vivid-mint:#5a8a6a;--vivid-mint-soft:#dcebe1;--focus-ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--focus-ring:color-mix(in oklch, var(--accent) 38%, transparent)}}:root{--shadow-soft:0 18px 44px var(--fg)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-soft:0 18px 44px color-mix(in oklch, var(--fg) 8%, transparent)}}:root{--font-display:var(--font-lora), "Iowan Old Style", Charter, Georgia, serif;--font-body:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--container:1120px;--gutter:24px;--radius:8px}.header-credit-control{border-color:var(--accent2)}@supports (color:color-mix(in lab, red, red)){.header-credit-control{border-color:color-mix(in oklch, var(--accent2) 34%, var(--border))}}.header-credit-control{gap:2px;min-height:38px;padding:3px}.header-credit-menu .header-credit-control:hover,.header-credit-menu.is-open .header-credit-control{background:var(--vivid-mint-soft);border-color:var(--accent2)}@supports (color:color-mix(in lab, red, red)){.header-credit-menu .header-credit-control:hover,.header-credit-menu.is-open .header-credit-control{border-color:color-mix(in oklch, var(--accent2) 54%, var(--border))}}.header-credit-menu .header-credit-control:hover,.header-credit-menu.is-open .header-credit-control{color:var(--accent2)}.header-credit-balance,.header-credit-add{color:inherit;cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;display:inline-flex}.header-credit-balance{background:0 0;border-radius:999px;gap:6px;padding:5px 7px 5px 8px;text-decoration:none;transition:background-color .15s}.header-credit-balance:hover{background:var(--vivid-mint-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-balance:hover{background:color-mix(in oklch, var(--vivid-mint-soft) 62%, transparent)}}.header-credit-add{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.header-credit-add{background:color-mix(in oklch, var(--surface) 94%, var(--vivid-mint-soft))}}.header-credit-add{border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.header-credit-add{border:1px solid color-mix(in oklch, var(--accent2) 26%, var(--border))}}.header-credit-add{box-shadow:0 3px 10px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.header-credit-add{box-shadow:0 3px 10px color-mix(in oklch, var(--fg) 7%, transparent)}}.header-credit-add{width:30px;height:30px;padding:0;transition:background .15s,border-color .15s,transform .15s}.header-credit-add:hover{background:var(--surface);border-color:var(--accent2);transform:translateY(-1px)}.header-credit-balance:focus-visible,.header-credit-add:focus-visible{outline:3px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.header-credit-balance:focus-visible,.header-credit-add:focus-visible{outline:3px solid color-mix(in oklch, var(--accent2) 38%, transparent)}}.header-credit-balance:focus-visible,.header-credit-add:focus-visible{outline-offset:2px}.header-credit-add svg{width:18px!important;height:18px!important}.header-signup-credit-trigger{gap:6px;padding:7px 10px;text-decoration:none}.header-signup-credit-trigger>svg{width:16px;height:16px}.header-signup-credit-trigger>strong{font:800 13px/1 var(--font-mono)}.header-signup-credit-trigger>span{font:720 10px/1 var(--font-body)}.header-signup-credit-popover{gap:10px}.header-signup-credit-hero{background:radial-gradient(110% 150% at 100% 100%, var(--vivid-pink-soft), transparent 60%), linear-gradient(135deg, var(--vivid-mint-soft), var(--vivid-yellow-soft));align-items:center}@supports (color:color-mix(in lab, red, red)){.header-signup-credit-hero{background:radial-gradient(110% 150% at 100% 100%, color-mix(in oklch, var(--vivid-pink-soft) 72%, transparent), transparent 60%), linear-gradient(135deg, color-mix(in oklch, var(--vivid-mint-soft) 88%, white), color-mix(in oklch, var(--vivid-yellow-soft) 68%, white))}}.header-signup-credit-hero{border:1px solid var(--vivid-mint)}@supports (color:color-mix(in lab, red, red)){.header-signup-credit-hero{border:1px solid color-mix(in oklch, var(--vivid-mint) 18%, var(--border))}}.header-signup-credit-hero{border-radius:14px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;display:grid}.header-signup-credit-hero>svg{color:var(--accent2);width:34px;height:34px}.header-signup-credit-hero>div{gap:3px;display:grid}.header-signup-credit-hero strong{font:760 16px/1.15 var(--font-display)}.header-signup-credit-hero span{color:var(--muted);font-size:10px;line-height:1.35}.header-signup-credit-cta{justify-content:center;width:100%;min-height:38px;display:flex}.header-signup-credit-cta svg{width:14px;height:14px}.header-signup-credit-note{color:var(--muted);text-align:center;font-size:9px}.header-credit-popover__heading strong{font-family:var(--font-mono);font-size:28px}.header-credit-actions{border-top:1px solid var(--border);margin:0 -14px -14px;display:flex}.credit-cycle-panel{background:var(--vivid-sky-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.credit-cycle-panel{background:color-mix(in oklch, var(--vivid-sky-soft) 66%, var(--surface))}}.credit-cycle-panel{border:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.credit-cycle-panel{border:1px solid color-mix(in oklch, var(--vivid-sky) 28%, var(--border))}}.credit-cycle-panel{border-radius:var(--radius);grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:18px 20px;display:grid}.credit-cycle-panel.weekly-bonus-panel{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.credit-cycle-panel.weekly-bonus-panel{background:color-mix(in oklch, var(--vivid-yellow-soft) 78%, var(--surface))}}.credit-cycle-panel.weekly-bonus-panel{border-color:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.credit-cycle-panel.weekly-bonus-panel{border-color:color-mix(in oklch, var(--vivid-yellow) 34%, var(--border))}}.credit-cycle-panel.weekly-bonus-panel{box-shadow:none;overflow:visible}.credit-cycle-panel.weekly-bonus-panel:after{display:none}.credit-cycle-panel__icon{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.credit-cycle-panel__icon{background:color-mix(in oklch, var(--surface) 92%, white)}}.credit-cycle-panel__icon{color:var(--accent2);border-radius:10px;justify-content:center;width:38px;height:38px;display:flex}.credit-cycle-panel__icon svg{stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.credit-cycle-panel>div{gap:4px;display:grid}.credit-cycle-panel>div>strong{font-size:15px}.credit-cycle-panel>div>small{color:var(--muted);font-size:11px}.credit-cycle-panel>b{border-left:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.credit-cycle-panel>b{border-left:1px solid color-mix(in oklch, var(--border) 82%, transparent)}}.credit-cycle-panel>b{font:780 21px/1 var(--font-mono);padding-left:20px}.credit-cycle-panel__unit{color:var(--muted);font:650 9px/1.2 var(--font-mono);grid-column:3;margin-top:-12px;padding-left:20px}.billing-recovery-notice{background:var(--danger-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.billing-recovery-notice{background:color-mix(in oklch, var(--danger-soft) 74%, var(--surface))}}.billing-recovery-notice{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.billing-recovery-notice{border:1px solid color-mix(in oklch, var(--danger) 35%, var(--border))}}.billing-recovery-notice{border-radius:var(--radius);grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:18px 20px;display:grid}.billing-recovery-notice__icon{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.billing-recovery-notice__icon{background:color-mix(in oklch, var(--surface) 88%, var(--danger-soft))}}.billing-recovery-notice__icon{color:var(--danger);border-radius:10px;justify-content:center;width:38px;height:38px;display:flex}.billing-recovery-notice__icon svg{width:20px;height:20px}.billing-recovery-notice__copy{gap:4px;display:grid}.billing-recovery-notice__copy>span{color:var(--danger);font:760 9px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.billing-recovery-notice__copy>strong{font:650 18px/1.2 var(--font-display)}.billing-recovery-notice__copy p{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.billing-recovery-notice__copy p{color:color-mix(in oklch, var(--fg) 70%, var(--muted))}}.billing-recovery-notice__copy p{font-size:12px;line-height:1.45}.credit-upgrade-prompt{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt{background:color-mix(in oklch, var(--surface) 96%, var(--vivid-yellow-soft))}}.credit-upgrade-prompt{border:1px solid var(--border);border-left:4px solid var(--vivid-yellow);border-radius:var(--radius);gap:18px;padding:16px 18px;display:flex}.credit-upgrade-prompt[data-state=low]{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt[data-state=low]{background:color-mix(in oklch, var(--vivid-yellow-soft) 62%, var(--surface))}}.credit-upgrade-prompt[data-state=low]{border-color:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt[data-state=low]{border-color:color-mix(in oklch, var(--vivid-yellow) 42%, var(--border))}}.credit-upgrade-prompt[data-state=empty]{background:var(--danger-soft)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt[data-state=empty]{background:color-mix(in oklch, var(--danger-soft) 72%, var(--surface))}}.credit-upgrade-prompt[data-state=empty]{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt[data-state=empty]{border-color:color-mix(in oklch, var(--danger) 42%, var(--border))}}.credit-upgrade-prompt[data-state=empty]{border-left-color:var(--danger)}.credit-upgrade-prompt__metric{border-right:1px solid var(--border);flex:0 0 88px;gap:2px;display:grid}.credit-upgrade-prompt__metric strong{font:780 24px/1 var(--font-mono)}.credit-upgrade-prompt__metric span,.credit-upgrade-prompt__copy>span{color:var(--accent);font:760 9px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.credit-upgrade-prompt__copy{flex:1;gap:4px;display:grid}.credit-upgrade-prompt__copy>strong{font:650 19px/1.2 var(--font-display)}.credit-upgrade-prompt__copy p{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt__copy p{color:color-mix(in oklch, var(--fg) 72%, var(--muted))}}.credit-upgrade-prompt__copy p{font-size:12px;font-weight:560;line-height:1.45}.credit-upgrade-prompt>.btn{flex:none}.credit-upgrade-prompt[data-state=standard]>.btn-upgrade{background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--accent)}.credit-upgrade-prompt[data-state=standard]>.btn-upgrade:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt[data-state=standard]>.btn-upgrade:hover{border-color:color-mix(in oklch, var(--accent) 44%, var(--border))}}.credit-upgrade-prompt[data-state=standard]>.btn-upgrade:hover{box-shadow:0 7px 18px var(--fg)}@supports (color:color-mix(in lab, red, red)){.credit-upgrade-prompt[data-state=standard]>.btn-upgrade:hover{box-shadow:0 7px 18px color-mix(in oklch, var(--fg) 7%, transparent)}}.account-list li{grid-template-columns:34px minmax(0,1fr) auto}.account-activity-mark{background:var(--vivid-sky-soft);color:var(--vivid-sky);font:850 16px/1 var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.account-activity-mark[data-direction=plus]{background:var(--vivid-yellow-soft);color:#936411}.sidebar-upgrade-link{cursor:pointer;background:0 0;border:0;width:100%;font-family:inherit}.plan-picker-dialog{background:0 0;border:0;width:calc(100vw - 36px);max-width:1390px;height:calc(100dvh - 36px);max-height:none;margin:auto;padding:0}.plan-picker-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a252094}.plan-picker-shell{background:var(--bg);border:1px solid #ffffff80;border-radius:22px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 28px 90px #16120f47}.plan-picker-header{background:radial-gradient(65% 140% at 100% 0%, var(--vivid-yellow-soft), transparent 58%), var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:28px;padding:22px 26px 20px;display:flex}.plan-picker-header>div:first-child{gap:7px;display:grid}.plan-picker-header h2{font-family:var(--font-display);margin:0;font-size:clamp(27px,3vw,38px);line-height:1.05}.plan-picker-cue{background:var(--vivid-mint-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.plan-picker-cue{background:color-mix(in oklch, var(--vivid-mint-soft) 78%, white)}}.plan-picker-cue{border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.plan-picker-cue{border:1px solid color-mix(in oklch, var(--accent2) 24%, var(--border))}}.plan-picker-cue{color:var(--fg);border-radius:11px;gap:9px;width:fit-content;margin-top:2px;padding:8px 11px;display:flex}.plan-picker-cue[data-context=insufficient]{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.plan-picker-cue[data-context=insufficient]{background:color-mix(in oklch, var(--vivid-yellow-soft) 82%, white)}}.plan-picker-cue[data-context=insufficient]{border-color:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.plan-picker-cue[data-context=insufficient]{border-color:color-mix(in oklch, var(--vivid-yellow) 36%, var(--border))}}.plan-picker-cue__icon{color:var(--accent2);background:#fff;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;height:28px;display:flex}.plan-picker-cue__icon svg{stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.plan-picker-cue p{color:var(--fg);margin:0;font-size:13px;font-weight:680;line-height:1.35}.plan-picker-close{border:1px solid var(--border);color:var(--fg);cursor:pointer;font:400 26px/1 var(--font-body);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.plan-picker-scroll{flex:1;min-height:0;padding:20px 24px 28px;overflow:auto}.plan-picker-scroll .pricing-billing-toggle{margin-top:0}.plan-picker-scroll .dialog-plan-picker,.plan-picker-scroll .dialog-plan-footer{display:none}.plan-picker-details-link{margin-top:14px}.plan-picker-details-link a{color:var(--accent);font-size:12px;font-weight:760}@media (max-width:720px){.credit-upgrade-prompt{flex-direction:column;align-items:stretch}.credit-upgrade-prompt__metric{border-bottom:1px solid var(--border);border-right:0;flex-basis:auto;padding-bottom:10px}.credit-upgrade-prompt>.btn{justify-content:center;width:100%}.credit-cycle-panel{grid-template-columns:38px minmax(0,1fr) auto;padding:14px}.billing-recovery-notice{grid-template-columns:38px minmax(0,1fr);padding:14px}.billing-recovery-notice>.billing-action{grid-column:1/-1;width:100%}.billing-recovery-notice>.billing-action .btn{justify-content:center;width:100%}.activity-panel{padding:20px 18px}.activity-panel .account-list li{grid-template-columns:30px minmax(0,1fr) auto}.activity-panel .account-list .account-activity-delta{max-width:18ch;font-size:9px}.credit-cycle-panel>b{padding-left:12px}.credit-cycle-panel__unit{display:none}.plan-picker-dialog{width:100vw;height:100dvh}.plan-picker-shell{border:0;border-radius:0}.plan-picker-header{padding:18px 16px 16px}.plan-picker-cue{max-width:min(38rem,100vw - 76px)}.plan-picker-cue p{font-size:12px}.plan-picker-scroll{padding:16px 14px 104px}.plan-picker-scroll .mobile-plan-tabs,.plan-picker-scroll .pricing-grid[data-surface=dialog],.plan-picker-scroll .pricing-plan-footnote{display:none}.plan-picker-scroll .dialog-plan-picker{gap:12px;display:grid}.dialog-plan-foundation{background:var(--vivid-mint-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.dialog-plan-foundation{background:color-mix(in oklch, var(--vivid-mint-soft) 66%, var(--surface))}}.dialog-plan-foundation{border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.dialog-plan-foundation{border:1px solid color-mix(in oklch, var(--accent2) 22%, var(--border))}}.dialog-plan-foundation{border-radius:14px;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 12px;display:grid}.dialog-plan-foundation__mark{color:var(--accent2);background:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.dialog-plan-foundation>div{gap:6px;display:grid}.dialog-plan-foundation>div>span{color:var(--accent2);font:760 9px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.dialog-plan-foundation ul{margin:0;padding:0;list-style:none;display:inline}.dialog-plan-foundation li{white-space:nowrap;font-size:10px;font-weight:620;line-height:1.45;display:inline-block}.dialog-plan-foundation li:not(:last-child):after{color:var(--accent2);content:"·";margin-inline:5px;font-weight:800}.dialog-plan-list{gap:9px;display:grid}.dialog-plan-option{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--vivid-sky);color:var(--fg);cursor:pointer;text-align:left;border-radius:14px;gap:10px;width:100%;padding:14px;display:grid}.dialog-plan-option[data-tier=creator]{border-left-color:var(--accent2)}.dialog-plan-option[data-tier=pro]{border-left-color:var(--vivid-yellow)}.dialog-plan-option[data-tier=business]{border-left-color:var(--vivid-pink)}.dialog-plan-option[data-selected=true]{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.dialog-plan-option[data-selected=true]{background:color-mix(in oklch, var(--vivid-yellow-soft) 48%, var(--surface))}}.dialog-plan-option[data-selected=true]{border-color:var(--accent);gap:8px;padding:12px;box-shadow:0 10px 28px #c964421f}.dialog-plan-option__heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.dialog-plan-option__heading>span{gap:3px;display:grid}.dialog-plan-option__heading strong{font:650 20px/1 var(--font-display)}.dialog-plan-option__heading small{color:var(--muted);font-size:10px}.dialog-plan-option__heading em{background:var(--vivid-yellow-soft);border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.dialog-plan-option__heading em{border:1px solid color-mix(in oklch, var(--vivid-yellow) 48%, var(--border))}}.dialog-plan-option__heading em{color:#76500f;font:700 8px/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:6px 8px}.dialog-plan-option__numbers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dialog-plan-option__numbers>span{gap:3px;padding:1px 0;display:grid}.dialog-plan-option__numbers>span:last-child{border-left:1px solid var(--border);padding-left:12px}.dialog-plan-option__numbers strong{font:760 16px/1 var(--font-mono)}.dialog-plan-option__numbers small{color:var(--muted);font-size:9px;line-height:1.25}.dialog-plan-option__ladder{border-top:1px solid var(--border);gap:4px;padding-top:10px;display:grid}.dialog-plan-option__ladder strong{color:var(--accent);font-size:11px}.dialog-plan-option__ladder small{color:var(--fg);font-size:10px;line-height:1.4}.dialog-plan-option__increment{background:var(--vivid-mint-soft)}@supports (color:color-mix(in lab, red, red)){.dialog-plan-option__increment{background:color-mix(in oklch, var(--vivid-mint-soft) 62%, white)}}.dialog-plan-option__increment{border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.dialog-plan-option__increment{border:1px solid color-mix(in oklch, var(--accent2) 20%, var(--border))}}.dialog-plan-option__increment{border-radius:10px;gap:6px;margin-top:3px;padding:7px 9px;display:grid}.dialog-plan-option__increment[data-visible=false]{display:none}.dialog-plan-option__increment>b{color:var(--accent2);font:760 9px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.dialog-plan-option__increment>span{gap:6px;display:grid}.dialog-plan-option__increment>span>span{color:var(--fg);align-items:center;gap:7px;font-size:11px;font-weight:700;line-height:1.25;display:flex}.dialog-plan-option__increment i{color:var(--accent2);font:800 13px/1 var(--font-mono);background:#fff;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;height:18px;display:inline-flex}.dialog-plan-option__billing{color:var(--muted);font:560 9px/1.25 var(--font-mono)}.dialog-plan-option[data-selected=false]{grid-template-columns:minmax(92px,1fr) minmax(170px,1.15fr);gap:5px 10px;padding:8px 11px}.dialog-plan-option[data-selected=false] .dialog-plan-option__heading{grid-area:1/1;align-self:center}.dialog-plan-option[data-selected=false] .dialog-plan-option__heading>span{gap:0}.dialog-plan-option[data-selected=false] .dialog-plan-option__heading strong{font-size:17px}.dialog-plan-option[data-selected=false] .dialog-plan-option__heading small{display:none}.dialog-plan-option[data-selected=false] .dialog-plan-option__heading em{padding:5px 6px;font-size:7px}.dialog-plan-option[data-selected=false] .dialog-plan-option__numbers{grid-area:1/2;align-self:center;gap:7px}.dialog-plan-option[data-selected=false] .dialog-plan-option__numbers strong{font-size:14px}.dialog-plan-option[data-selected=false] .dialog-plan-option__numbers small{font-size:8px}.dialog-plan-option[data-selected=false] .dialog-plan-option__numbers>span:last-child{padding-left:8px}.dialog-plan-option[data-selected=false] .dialog-plan-option__ladder{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding-top:5px;display:flex}.dialog-plan-option[data-selected=false] .dialog-plan-option__ladder strong{flex:none;font-size:10px}.dialog-plan-option[data-selected=false] .dialog-plan-option__summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dialog-plan-option[data-selected=false] .dialog-plan-option__billing{display:none}.plan-picker-scroll .dialog-plan-footer{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.plan-picker-scroll .dialog-plan-footer{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.plan-picker-scroll .dialog-plan-footer{border:1px solid var(--border);z-index:6;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 12px;display:grid;position:fixed;bottom:12px;left:14px;right:14px;box-shadow:0 16px 40px #2a25202e}.dialog-plan-footer>div:first-child{gap:4px;min-width:0;display:grid}.dialog-plan-footer>div:first-child span{color:var(--muted);font:680 8px/1 var(--font-mono);text-transform:uppercase}.dialog-plan-footer>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dialog-plan-footer__action .btn,.dialog-plan-footer__action .billing-action{white-space:nowrap;min-height:42px}}@media (prefers-reduced-motion:reduce){.plan-picker-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.topic-parent-page{background:linear-gradient(135deg, var(--vivid-yellow-soft) 0%, var(--bg) 30%, var(--surface) 100%);color:var(--fg);overflow:clip}.topic-parent-shell{width:min(100% - 48px,1120px);margin-inline:auto}.topic-parent-hero{padding-block:24px 56px}.topic-parent-breadcrumb{color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:flex}.topic-parent-breadcrumb a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.topic-parent-title-grid{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.topic-parent-title-copy,.topic-parent-hero-gallery,.topic-parent-card,.topic-parent-card-copy,.topic-parent-story-copy,.topic-parent-other-copy{min-width:0}.topic-parent-eyebrow,.topic-parent-section-label,.topic-parent-generator-kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.topic-parent-title-copy h1{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;max-width:12ch;margin:12px 0 0;font-size:clamp(48px,5.4vw,78px);font-weight:600;line-height:.97}.topic-parent-intro{margin-top:20px}.topic-parent-intro>p:last-child,.topic-parent-scene-head>p,.topic-parent-about-heading>p:last-child,.topic-parent-story-copy p,.topic-parent-delivery-panel>div>p,.topic-parent-generator-panel>div>p,.topic-parent-other-intro{color:var(--muted);line-height:1.65}.topic-parent-count{align-items:baseline;gap:9px;margin:0 0 8px;display:flex}.topic-parent-count strong{font-family:var(--font-mono);letter-spacing:-.05em;font-size:clamp(30px,3vw,42px)}.topic-parent-count span{color:var(--muted);font-size:14px;font-weight:700}.topic-parent-hero-gallery{grid-template-columns:1.15fr .85fr .85fr;align-items:end;gap:12px;display:grid}.topic-parent-hero-shot{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 34px var(--fg);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.topic-parent-hero-shot{box-shadow:0 12px 34px color-mix(in oklch, var(--fg) 8%, transparent)}}.topic-parent-hero-shot{min-width:0;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.topic-parent-hero-shot:nth-child(2){transform:translateY(18px)}.topic-parent-hero-shot:nth-child(3){transform:translateY(36px)}.topic-parent-hero-shot:hover{box-shadow:0 18px 44px var(--fg)}@supports (color:color-mix(in lab, red, red)){.topic-parent-hero-shot:hover{box-shadow:0 18px 44px color-mix(in oklch, var(--fg) 13%, transparent)}}.topic-parent-hero-shot:hover{transform:translateY(-3px)}.topic-parent-hero-shot img,.topic-parent-card-art img,.topic-parent-scene-thumb img,.topic-parent-story-art img,.topic-parent-other-preview img{object-fit:contain}.topic-parent-hero-shot img{padding:9px}.topic-parent-hero-shot>span{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.topic-parent-hero-shot>span{background:color-mix(in oklch, var(--surface) 92%, transparent)}}.topic-parent-hero-shot>span{border:1px solid var(--border);box-shadow:0 4px 12px var(--fg);border-radius:999px;bottom:8px}@supports (color:color-mix(in lab, red, red)){.topic-parent-hero-shot>span{box-shadow:0 4px 12px color-mix(in oklch, var(--fg) 10%, transparent)}}.topic-parent-hero-shot>span{z-index:2;max-width:calc(100% - 16px);padding:5px 8px;font-size:10px;font-weight:760;line-height:1.2;position:absolute;left:8px}.topic-parent-inventory{padding-block:18px 76px}.topic-parent-section-heading{margin-bottom:22px}.topic-parent-section-heading h2,.topic-parent-scene-head h2,.topic-parent-about-heading h2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:9px 0 0;font-size:clamp(32px,4vw,48px);line-height:1.06}.topic-parent-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.topic-parent-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 7px 22px var(--fg);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.topic-parent-card{box-shadow:0 7px 22px color-mix(in oklch, var(--fg) 6%, transparent)}}.topic-parent-card{color:inherit;flex-direction:column;padding:9px 9px 15px;scroll-margin-top:96px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;overflow:hidden}.topic-parent-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.topic-parent-card:hover{border-color:color-mix(in oklch, var(--accent) 24%, var(--border))}}.topic-parent-card:hover{box-shadow:0 11px 28px var(--fg)}@supports (color:color-mix(in lab, red, red)){.topic-parent-card:hover{box-shadow:0 11px 28px color-mix(in oklch, var(--fg) 10%, transparent)}}.topic-parent-card:hover{transform:translateY(-3px)}.topic-parent-card-art{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.topic-parent-card-art{border:1px solid color-mix(in oklch, var(--border) 86%, var(--fg))}}.topic-parent-card-art{border-radius:10px;position:relative;overflow:hidden}.topic-parent-card-art img{padding:10px}.topic-parent-card-copy{flex-direction:column;flex:1;padding:14px 4px 0;display:flex}.topic-parent-card-title{font-family:var(--font-display);letter-spacing:-.02em;min-height:2.55em;font-size:19px;font-weight:650;line-height:1.27}.topic-parent-card-caption{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.48}.topic-parent-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;display:flex}.topic-parent-tags>span{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;line-height:1}.topic-parent-scenes{padding-bottom:82px}.topic-parent-scene-head{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:end;gap:clamp(24px,6vw,76px);margin-bottom:26px;display:grid}.topic-parent-scene-head>p{margin:0}.topic-parent-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.topic-parent-scene-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.topic-parent-scene-card{background:color-mix(in oklch, var(--surface) 92%, var(--bg))}}.topic-parent-scene-card{border:1px solid var(--border);color:inherit;border-radius:14px;min-width:0;padding:14px;text-decoration:none;transition:border-color .16s,transform .16s}.topic-parent-scene-card:hover{border-color:var(--fg);transform:translateY(-3px)}.topic-parent-scene-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px;display:grid}.topic-parent-scene-thumb{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);border-radius:9px;position:relative;overflow:hidden}.topic-parent-scene-thumb img{padding:5px}.topic-parent-scene-card h3{font-family:var(--font-display);margin:0;font-size:23px;line-height:1.15}.topic-parent-scene-card p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.topic-parent-scene-link{text-underline-offset:4px;margin-top:14px;font-size:12px;font-weight:800;text-decoration:underline;display:inline-flex}.topic-parent-about{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.topic-parent-about{background:color-mix(in oklch, var(--bg) 88%, var(--surface))}}.topic-parent-about{border-block:1px solid var(--border)}.topic-parent-about-inner{padding-block:70px 82px}.topic-parent-about-heading{max-width:820px;margin-bottom:30px}.topic-parent-about-heading>p:last-child{margin:15px 0 0;font-size:16px}.topic-parent-story{border-top:1px solid var(--border);grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(24px,5vw,56px);padding-block:28px;display:grid}.topic-parent-story--reverse{grid-template-columns:minmax(0,1.28fr) minmax(220px,.72fr)}.topic-parent-story--reverse .topic-parent-story-art{order:2}.topic-parent-story--reverse .topic-parent-story-copy{order:1}.topic-parent-story-art{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-height:340px;margin:0;position:relative;overflow:hidden}.topic-parent-story-art img{padding:11px}.topic-parent-story-copy h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;line-height:1.2}.topic-parent-story-copy p{margin:11px 0 0;font-size:15px}.topic-parent-delivery{padding-block:78px}.topic-parent-delivery-panel{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.topic-parent-delivery-panel{background:color-mix(in oklch, var(--surface) 90%, var(--bg))}}.topic-parent-delivery-panel{border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,48px);padding:26px 28px;display:grid}.topic-parent-delivery-panel h2,.topic-parent-generator-panel h2{font-family:var(--font-display);letter-spacing:-.03em;margin:9px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.08}.topic-parent-delivery-panel>div>p{margin:13px 0 0}.topic-parent-delivery-steps{counter-reset:topic-parent-delivery;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.topic-parent-delivery-steps li{border-left:1px solid var(--border);min-height:126px;padding:48px 13px 10px;font-size:14px;font-weight:760;position:relative}.topic-parent-delivery-steps li:before{background:var(--fg);color:var(--surface);content:counter(topic-parent-delivery);counter-increment:topic-parent-delivery;font:800 11px/1 var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:10px;left:13px}.topic-parent-delivery-steps span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500;line-height:1.45;display:block}.topic-parent-generator{padding-bottom:76px}.topic-parent-generator-panel{background:linear-gradient(120deg, var(--surface) 0%, var(--bg) 62%, var(--vivid-yellow-soft) 100%);border:1px solid var(--vivid-yellow);align-items:center}@supports (color:color-mix(in lab, red, red)){.topic-parent-generator-panel{border:1px solid color-mix(in oklch, var(--vivid-yellow) 34%, var(--border))}}.topic-parent-generator-panel{box-shadow:0 12px 34px var(--fg);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.topic-parent-generator-panel{box-shadow:0 12px 34px color-mix(in oklch, var(--fg) 7%, transparent)}}.topic-parent-generator-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:34px;padding:clamp(26px,3.2vw,40px);display:grid}.topic-parent-generator-kicker{color:var(--vivid-yellow)}.topic-parent-generator-panel>div>p{margin:11px 0 0}.topic-parent-generator-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.topic-parent-generator-action{border:1px solid var(--vivid-sky);color:var(--vivid-sky);background:#ffffffd1;border-radius:14px;align-items:center}@supports (color:color-mix(in lab, red, red)){.topic-parent-generator-action{color:color-mix(in oklch, var(--vivid-sky) 78%, var(--fg))}}.topic-parent-generator-action{justify-content:space-between;min-height:76px;padding:15px;font-size:14px;font-weight:800;text-decoration:none;transition:background .16s,transform .16s;display:flex}.topic-parent-generator-action:hover{background:var(--vivid-sky-soft);transform:translateY(-2px)}.topic-parent-generator-action--primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.topic-parent-generator-action--primary:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.topic-parent-generator-action--primary:hover{background:color-mix(in oklch, var(--accent) 82%, var(--fg))}}.topic-parent-other{padding-bottom:104px}.topic-parent-other-card{background:linear-gradient(120deg, var(--surface) 0%, var(--bg) 88%, var(--vivid-sky-soft) 100%);border:1px solid var(--border);box-shadow:0 8px 24px var(--fg);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.topic-parent-other-card{box-shadow:0 8px 24px color-mix(in oklch, var(--fg) 6%, transparent)}}.topic-parent-other-card{color:inherit;grid-template-columns:1.05fr .95fr;min-height:320px;text-decoration:none;transition:box-shadow .18s,transform .18s;display:grid;overflow:hidden}.topic-parent-other-card:hover{box-shadow:0 14px 36px var(--fg)}@supports (color:color-mix(in lab, red, red)){.topic-parent-other-card:hover{box-shadow:0 14px 36px color-mix(in oklch, var(--fg) 10%, transparent)}}.topic-parent-other-card:hover{transform:translateY(-3px)}.topic-parent-other-copy{flex-direction:column;align-self:center;padding:clamp(32px,5vw,58px);display:flex}.topic-parent-other-heading{font-family:var(--font-display);letter-spacing:-.045em;margin-top:12px;font-size:clamp(38px,4.6vw,60px);line-height:.99}.topic-parent-other-intro{margin-top:12px;font-size:15px}.topic-parent-other-link{text-underline-offset:5px;margin-top:24px;font-weight:800;text-decoration:underline}.topic-parent-other-art{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.topic-parent-other-art{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.topic-parent-other-art{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:26px 20px;display:grid}.topic-parent-other-preview{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 12px var(--fg);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.topic-parent-other-preview{box-shadow:0 4px 12px color-mix(in oklch, var(--fg) 6%, transparent)}}.topic-parent-other-preview{position:relative;overflow:hidden}@media (max-width:900px){.topic-parent-title-grid,.topic-parent-scene-head,.topic-parent-delivery-panel,.topic-parent-generator-panel{grid-template-columns:1fr}.topic-parent-title-copy{max-width:720px}.topic-parent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-parent-scene-head{gap:16px}}@media (max-width:700px){.topic-parent-page{background:linear-gradient(145deg, var(--vivid-yellow-soft) 0%, var(--bg) 25%, var(--surface) 100%)}.topic-parent-shell{width:min(100% - 24px,1120px)}.topic-parent-hero{padding-block:18px 46px}.topic-parent-breadcrumb{margin-bottom:20px;font-size:11px}.topic-parent-title-grid{gap:24px}.topic-parent-title-copy h1{max-width:11ch;font-size:clamp(40px,12vw,52px)}.topic-parent-intro>p:last-child{font-size:14px}.topic-parent-hero-gallery{grid-template-columns:1.12fr .94fr .94fr;gap:7px;padding-bottom:18px}.topic-parent-hero-shot{border-radius:10px}.topic-parent-hero-shot:nth-child(2){transform:translateY(9px)}.topic-parent-hero-shot:nth-child(3){transform:translateY(18px)}.topic-parent-hero-shot>span{padding:4px 6px;font-size:8px;bottom:5px;left:5px}.topic-parent-inventory{padding-block:12px 58px}.topic-parent-section-heading h2,.topic-parent-scene-head h2,.topic-parent-about-heading h2{font-size:31px}.topic-parent-card-grid{gap:11px}.topic-parent-card{border-radius:11px;padding:6px 6px 11px}.topic-parent-card-art img{padding:6px}.topic-parent-card-copy{padding:10px 2px 0}.topic-parent-card-title{min-height:3.75em;font-size:14px;line-height:1.28}.topic-parent-card-caption{font-size:10.5px;line-height:1.44}.topic-parent-tags{gap:4px;padding-top:9px}.topic-parent-tags>span{padding:4px 6px;font-size:8.5px}.topic-parent-scenes{padding-bottom:58px}.topic-parent-scene-grid{grid-template-columns:1fr}.topic-parent-scene-card h3{font-size:22px}.topic-parent-scene-thumb{aspect-ratio:3/2}.topic-parent-about-inner{padding-block:54px 58px}.topic-parent-about-heading>p:last-child{font-size:14px}.topic-parent-story,.topic-parent-story--reverse{grid-template-columns:1fr;gap:20px}.topic-parent-story--reverse .topic-parent-story-art,.topic-parent-story--reverse .topic-parent-story-copy{order:initial}.topic-parent-story-art{width:100%;max-height:none}.topic-parent-story-copy h3{font-size:23px}.topic-parent-story-copy p{font-size:14px}.topic-parent-delivery{padding-block:56px}.topic-parent-delivery-panel{padding:21px 18px}.topic-parent-delivery-steps{grid-template-columns:1fr}.topic-parent-delivery-steps li{border-left:0;border-top:1px solid var(--border);min-height:92px;padding:42px 4px 10px 42px}.topic-parent-delivery-steps li:before{top:34px;left:4px}.topic-parent-generator{padding-bottom:56px}.topic-parent-generator-panel{gap:22px;padding:22px 18px}.topic-parent-generator-actions{grid-template-columns:1fr}.topic-parent-generator-action{min-height:58px}.topic-parent-other{padding-bottom:72px}.topic-parent-other-card{grid-template-columns:1fr}.topic-parent-other-copy{padding:28px 22px}.topic-parent-other-heading{font-size:36px}.topic-parent-other-art{min-height:180px;padding:16px 12px}}body .generator-replica .photo-input-tip{max-width:760px;color:var(--muted);text-align:center;margin:18px auto 0;font-size:14px;line-height:1.55}body .generator-replica .photo-benefit-list{grid-area:benefits;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0;padding:0;list-style:none;display:grid}body .generator-replica .photo-benefit-list li{border-top:1px solid var(--border);grid-template-columns:14px minmax(0,1fr);align-content:start;gap:5px;padding:16px 0;display:grid}body .generator-replica .photo-benefit-list li:before{border:2px solid var(--accent2);grid-row:1/3;width:9px;height:9px;margin-top:5px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-benefit-list li:before{border:2px solid color-mix(in oklch, var(--accent2) 68%, var(--surface))}}body .generator-replica .photo-benefit-list li:before{background:var(--accent2-soft);content:"";border-radius:50%}body .generator-replica .photo-benefit-list strong{grid-column:2;font-size:14px}body .generator-replica .photo-benefit-list span{color:var(--muted);grid-column:2;font-size:13px;line-height:1.5}body .generator-replica [data-od-id=photo-benefits-section] .container{grid-template:"heading proof"max-content"benefits proof"max-content/minmax(0,.92fr) minmax(380px,.78fr);align-content:center;align-items:start;gap:22px clamp(34px,5vw,72px);max-width:1088px;margin:0 auto;display:grid}body .generator-replica .tool-secondary-stack [data-od-id=photo-benefits-section] .sec-heading{text-align:left;grid-area:heading;align-self:end;margin:0}body .generator-replica .tool-secondary-stack [data-od-id=photo-benefits-section] .sec-heading h2{font-size:clamp(28px,3vw,36px)}body .generator-replica .tool-secondary-stack [data-od-id=photo-benefits-section] .sec-heading p{margin-left:0}body .generator-replica .photo-tips-section{background:var(--vivid-sky-soft)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-tips-section{background:color-mix(in oklch, var(--vivid-sky-soft) 42%, var(--surface))}}body .generator-replica .photo-tips-panel{border:1px solid var(--vivid-sky);grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:clamp(28px,5vw,64px);max-width:1040px;margin:0 auto;padding:clamp(26px,4vw,44px);display:grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-tips-panel{border:1px solid color-mix(in oklch, var(--vivid-sky) 20%, var(--border))}}body .generator-replica .photo-tips-panel{background:var(--surface);border-radius:18px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-tips-panel{background:color-mix(in oklch, var(--surface) 94%, transparent)}}body .generator-replica .photo-tips-panel{box-shadow:var(--shadow-soft)}body .generator-replica .photo-tips-heading{gap:12px;display:grid}body .generator-replica .photo-tips-heading h2{font-family:var(--font-display);margin:0;font-size:clamp(25px,3vw,36px);line-height:1.12}body .generator-replica .photo-tips-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}body .generator-replica .photo-tips-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:0;padding:0;list-style:none;display:grid}body .generator-replica .photo-tips-list li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}body .generator-replica .photo-tip-number{background:var(--vivid-sky-soft);width:28px;height:28px;color:var(--vivid-sky);border-radius:999px;place-items:center;display:inline-grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-tip-number{color:color-mix(in oklch, var(--vivid-sky) 70%, var(--fg))}}body .generator-replica .photo-tip-number{font-family:var(--font-mono);font-size:12px;font-weight:700}body .generator-replica .photo-tips-list h3{margin:1px 0 5px;font-size:14px;line-height:1.35}body .generator-replica .photo-tips-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}body .generator-replica .tool-secondary-stack [data-od-id^=photo-]{padding-block:clamp(32px,4.5vw,52px)}body .generator-replica .tool-secondary-stack [data-od-id^=photo-] .sec-heading{margin-bottom:20px}body .generator-replica .photo-workflow-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,28px);max-width:1040px;margin:0 auto;display:grid}body .generator-replica .photo-workflow-proof-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);background:#ffffffdb;align-content:start;gap:20px;padding:clamp(16px,2.5vw,24px);display:grid}body .generator-replica .photo-workflow-proof-card .photo-example-compare{width:100%;max-width:480px}body .generator-replica .photo-benefit-proof{grid-area:proof;grid-template-columns:1fr;align-self:center;gap:16px;width:100%;max-width:390px;margin:0;padding:16px}body .generator-replica .photo-benefit-proof .photo-example-compare{max-width:none;box-shadow:0 18px 38px var(--fg)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-benefit-proof .photo-example-compare{box-shadow:0 18px 38px color-mix(in oklch, var(--fg) 9%, transparent)}}body .generator-replica .photo-benefit-proof .photo-workflow-proof-copy{gap:7px}body .generator-replica .photo-benefit-proof .photo-workflow-proof-copy p{font-size:13px;line-height:1.5}body .generator-replica .photo-benefit-proof .photo-proof-attribution{font-size:10px}body .generator-replica .photo-workflow-proof-copy{gap:10px;display:grid}body .generator-replica .photo-workflow-proof-copy h3,body .generator-replica .photo-workflow-proof-copy p{margin:0}body .generator-replica .photo-workflow-proof-copy p{color:var(--muted);line-height:1.6}body .generator-replica .photo-proof-truth-badge{border:1px solid var(--accent2);justify-self:start;padding:4px 8px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-proof-truth-badge{border:1px solid color-mix(in oklch, var(--accent2) 30%, var(--border))}}body .generator-replica .photo-proof-truth-badge{background:var(--accent2-soft);color:var(--accent2);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;font-size:9px;font-weight:800}body .generator-replica .photo-proof-truth-badge:before{content:"Current workflow example"}body .generator-replica .photo-proof-meta{align-items:center;gap:7px;display:flex;position:relative}body .generator-replica .photo-proof-source{position:relative}body .generator-replica .photo-proof-source>summary{border:1px solid var(--muted);place-items:center;width:22px;height:22px;display:grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-proof-source>summary{border:1px solid color-mix(in oklch, var(--muted) 30%, var(--border))}}body .generator-replica .photo-proof-source>summary{background:var(--surface);color:var(--muted);font-family:var(--font-mono);cursor:pointer;border-radius:999px;font-size:12px;font-weight:800;line-height:1;list-style:none}body .generator-replica .photo-proof-source>summary::-webkit-details-marker{display:none}body .generator-replica .photo-proof-source>summary:is(:hover,:focus-visible),body .generator-replica .photo-proof-source[open]>summary{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-proof-source>summary:is(:hover,:focus-visible),body .generator-replica .photo-proof-source[open]>summary{border-color:color-mix(in oklch, var(--accent) 48%, var(--border))}}body .generator-replica .photo-proof-source>summary:is(:hover,:focus-visible),body .generator-replica .photo-proof-source[open]>summary{color:var(--accent-strong);outline:none}body .generator-replica .photo-proof-attribution{z-index:4;border:1px solid var(--border);background:var(--surface);width:min(270px,100vw - 48px);box-shadow:var(--shadow-card);color:var(--muted);border-radius:8px;padding:9px 11px;font-size:11px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}body .generator-replica .photo-proof-attribution a{color:inherit;text-underline-offset:2px;text-decoration:underline}body .generator-replica .photo-proof-unavailable{max-width:60ch;color:var(--muted);text-align:center;margin:0 auto}body .generator-replica .photo-faq-list details.faq-item{overflow:hidden}body .generator-replica .photo-faq-list summary.faq-q{cursor:pointer;list-style:none}body .generator-replica .photo-faq-list summary.faq-q::-webkit-details-marker{display:none}body .generator-replica .photo-faq-list details .faq-a{opacity:1;max-height:none;padding:0 20px 20px}body .generator-replica .photo-faq-list details[open] .faq-q:after{color:var(--accent);content:"×"}@media (max-width:900px){body .generator-replica [data-od-id=photo-benefits-section] .container{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""proof""benefits";gap:24px}body .generator-replica .tool-secondary-stack [data-od-id=photo-benefits-section] .sec-heading{text-align:center}body .generator-replica .tool-secondary-stack [data-od-id=photo-benefits-section] .sec-heading p{margin-left:auto}body .generator-replica .photo-benefit-proof{max-width:520px;margin-inline:auto}body .generator-replica .photo-workflow-proof-grid{grid-template-columns:1fr;max-width:560px}body .generator-replica .photo-tips-panel{grid-template-columns:1fr}}@media (max-width:560px){body .generator-replica .photo-tips-list,body .generator-replica .photo-benefit-list{grid-template-columns:1fr}}body:has(.generator-replica){--container:1200px}body .generator-replica .gen-hero{padding:clamp(20px,3vw,40px) 0 20px}body .generator-replica .tool-top-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}body .generator-replica .tool-top-bar--photo{grid-template-columns:max-content minmax(0,1fr) max-content;display:grid}body .generator-replica .tool-top-bar--photo .tool-tabs{grid-area:1/1}body .generator-replica .tool-top-bar--photo .tool-page-heading{grid-area:1/2;justify-self:center}body .generator-replica .tool-top-bar--photo .trust-inline{grid-area:1/3}body .generator-replica .tool-tabs{background:var(--surface);gap:6px;margin:0;padding:5px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .tool-tabs{background:color-mix(in oklch, var(--surface) 88%, transparent)}}body .generator-replica .tool-tabs{box-shadow:0 6px 18px #2a25200f}body .generator-replica .tool-tab{border-radius:999px;justify-content:center;align-items:center;min-height:0;padding:9px 16px;font-size:14px;line-height:1.6;transition:color .18s,background .18s;display:inline-flex}body .generator-replica .trust-inline{color:var(--muted);align-items:center;gap:16px;font-size:13px;font-weight:600;display:flex}body .generator-replica .trust-inline span{align-items:center;gap:5px;display:inline-flex}body .generator-replica .trust-inline .trust-icon{width:15px;height:15px;color:var(--accent2)}body .generator-replica .tool-workspace{background:0 0;border:0;padding:0 0 clamp(36px,5vw,56px)}body .generator-replica .tool-page-heading{max-width:460px;color:var(--fg);font-family:var(--font-display);letter-spacing:-.02em;text-align:center;flex:320px;margin:0;font-size:clamp(17px,1.6vw,22px);font-weight:700;line-height:1.25}body .generator-replica .gen-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,28px)}body .generator-replica .gen-panel,body .generator-replica .gen-result{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .gen-panel,body .generator-replica .gen-result{border:1px solid color-mix(in oklch, var(--border) 82%, var(--accent) 18%)}}body .generator-replica .gen-panel,body .generator-replica .gen-result{box-shadow:0 10px 28px var(--fg);background:#ffffffeb;border-radius:10px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .gen-panel,body .generator-replica .gen-result{box-shadow:0 10px 28px color-mix(in oklch, var(--fg) 5%, transparent)}}body .generator-replica .gen-panel{gap:16px;padding:clamp(18px,2.5vw,24px);position:static}body .generator-replica .panel-title{color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700;line-height:1.2}body .generator-replica .gen-input{resize:vertical;border:1px solid var(--border);width:100%;height:100px;min-height:100px;color:var(--fg);font:inherit;background:#fff;border-radius:10px;padding:12px 13px;font-size:14px;line-height:1.5;box-shadow:inset 0 1px #2a252008}body .generator-replica .gen-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:0}body .generator-replica .field{gap:7px}body .generator-replica .field label,body .generator-replica .field-label{align-items:center;gap:4px;font-size:13px;font-weight:900;display:inline-flex}body .generator-replica .field-label-row{align-items:center;gap:5px;display:flex}body .generator-replica .age-guide-trigger{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}body .generator-replica .age-guide-trigger:hover,body .generator-replica .age-guide-trigger:focus-visible{background:var(--accent-soft);color:var(--accent);outline:0}body .generator-replica .age-guide-trigger .info-icon{width:14px;height:14px}.age-guide-dialog{border:1px solid var(--border);background:var(--surface);width:min(100vw - 32px,920px);max-width:none;max-height:min(90dvh,760px);color:var(--fg);border-radius:18px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #2a25203d}.age-guide-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2a252085}.age-guide-shell{max-height:min(90dvh,760px);padding:24px;overflow:auto}.age-guide-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.age-guide-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.age-guide-title{font-family:var(--font-display);margin:0 0 6px;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.15}.age-guide-header p{max-width:64ch;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.age-guide-close{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:0;font-size:24px;line-height:1}.age-guide-close:hover,.age-guide-close:focus-visible{border-color:var(--accent);color:var(--accent);outline:0}.age-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.photo-detail-guide-dialog{width:min(100vw - 32px,760px)}.photo-detail-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.photo-detail-guide-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--ink);cursor:pointer;text-align:left;border-radius:14px;padding:0;overflow:hidden}.photo-detail-guide-card:hover,.photo-detail-guide-card:focus-visible,.photo-detail-guide-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.photo-detail-guide-card img{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#fff;width:100%;height:auto;display:block}.photo-detail-guide-copy{gap:4px;padding:12px 14px 14px;display:grid}.photo-detail-guide-copy strong{font-size:15px}.photo-detail-guide-copy span{color:var(--muted);font-size:12px;line-height:1.45}.age-guide-card{border:1px solid var(--border);min-width:0;color:var(--fg);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}.age-guide-card:hover,.age-guide-card:focus-visible,.age-guide-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.age-guide-card img{aspect-ratio:3/4;object-fit:contain;background:#fff;width:100%;height:auto;padding:8px}.age-guide-card-copy{border-top:1px solid var(--border);background:var(--bg);gap:3px;height:100%;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.age-guide-card-copy{background:color-mix(in oklch, var(--bg) 50%, var(--surface))}}.age-guide-card-copy strong{font-size:13px}.age-guide-card-copy small{color:var(--accent);font-size:10px;font-weight:800}.age-guide-card-copy>span{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45}body .generator-replica .age-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}body .generator-replica .age-chips .style-chip{white-space:normal;place-items:center;min-height:52px;padding:6px 10px;display:grid}body .generator-replica .age-chip-label{color:var(--muted);font-size:10px;font-weight:700;line-height:1}body .generator-replica .age-chip-range{color:currentColor;font-size:13px;font-weight:900;line-height:1}body .generator-replica .style-chip{white-space:nowrap;border-radius:10px;min-width:0;min-height:44px;padding:7px 5px;font-size:12px}body .generator-replica .style-chip:disabled,body .generator-replica .shape-chip:disabled,body .generator-replica .gen-input:disabled{cursor:not-allowed;opacity:.62}body .generator-replica .shape-chips{gap:8px;display:flex}body .generator-replica .shape-chip{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 8px;transition:transform .16s,border-color .16s,background .16s;display:flex}body .generator-replica .shape-chip:hover{border-color:var(--accent);transform:translateY(-1px)}body .generator-replica .shape-chip.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .shape-chip.active{border-color:color-mix(in oklch, var(--accent) 50%, var(--border))}}body .generator-replica .shape-chip.active{background:var(--accent-soft);color:var(--accent-strong)}body .generator-replica .shape-icon{border:2px solid;border-radius:2px;display:block}body .generator-replica .shape-icon-portrait{width:24px;height:32px}body .generator-replica .shape-icon-square{width:28px;height:28px}body .generator-replica .shape-icon-landscape{width:32px;height:24px}body .generator-replica .shape-label{font-family:var(--font-mono);font-size:11px;font-weight:700}body .generator-replica .upload-area{border-radius:10px;gap:5px;min-height:140px;padding:20px}body .generator-replica #photo-uploader>strong{font-size:17px;line-height:1.25}body .generator-replica #photo-uploader>strong+span{color:var(--muted);font-size:11px;line-height:1.35}body .generator-replica .upload-icon-circle{background:var(--surface);width:48px;height:48px;color:var(--accent);box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;display:grid;overflow:hidden}body .generator-replica .upload-icon-circle .tool-icon{width:25px;height:25px}body .generator-replica .upload-icon-circle img{object-fit:cover;width:100%;height:100%}body .generator-replica .privacy-row{border:1px solid var(--accent2);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){body .generator-replica .privacy-row{border:1px solid color-mix(in oklch, var(--accent2) 14%, var(--border))}}body .generator-replica .privacy-row{background:var(--vivid-mint-soft);border-radius:7px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .privacy-row{background:color-mix(in oklch, var(--vivid-mint-soft) 50%, var(--surface))}}body .generator-replica .privacy-label{color:var(--fg);align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}body .generator-replica .privacy-policy-note{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;text-align:right;font-size:9px}body .generator-replica .privacy-label .tool-icon{width:14px;height:14px;color:var(--accent2)}body .generator-replica .pro-badge{background:var(--accent2-soft);color:var(--accent2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:900}body .generator-replica .toggle-switch{background:0 0;border:0;border-radius:999px;flex:0 0 44px;width:44px;height:44px;position:relative}body .generator-replica .toggle-switch:before{content:"";background:var(--border);border-radius:999px;transition:background .2s;position:absolute;inset:12px 4px}body .generator-replica .toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:14px;left:6px;box-shadow:0 1px 3px #00000026}body .generator-replica .toggle-switch.on:before{background:var(--accent2)}body .generator-replica .toggle-switch.on:after{transform:translate(16px)}body .generator-replica .toggle-switch:focus-visible{outline:3px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .toggle-switch:focus-visible{outline:3px solid color-mix(in oklch, var(--accent2) 32%, transparent)}}body .generator-replica .toggle-switch:focus-visible{outline-offset:0}body .generator-replica .info-tooltip-anchor{vertical-align:middle;align-items:center;margin-left:2px;display:inline-flex;position:relative}body .generator-replica .info-tooltip-trigger{width:14px;height:14px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s;display:inline-flex}body .generator-replica .info-tooltip-trigger:hover,body .generator-replica .info-tooltip-trigger:focus-visible{color:var(--accent2)}body .generator-replica .info-icon{width:12px;height:12px}body .generator-replica .info-tooltip-bubble{z-index:100;background:var(--fg);width:max-content;max-width:220px;color:var(--bg);white-space:normal;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:400;line-height:1.4;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}body .generator-replica .gen-submit{border:0;justify-content:center;width:100%;min-height:50px;padding:13px 16px;font-size:15px}body .generator-replica .gen-submit:disabled{opacity:.45;cursor:not-allowed}body .generator-replica .gen-compact-note{font-size:11px}body .generator-replica .gen-result{gap:0;min-height:580px;padding:0;overflow:hidden}body .generator-replica .gen-result.state-empty{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}body .generator-replica .gen-result.state-empty .canvas-empty{box-sizing:border-box;min-height:inherit;align-content:center;justify-items:center;gap:18px;width:100%;max-width:100%;padding:24px;display:grid}body .generator-replica .empty-header{text-align:center;padding:12px 0 18px}body .generator-replica .empty-header h2,body .generator-replica .empty-header h3,body .generator-replica .photo-tool-empty-title{margin:0 auto 4px;font-size:17px;font-weight:600;display:block}body .generator-replica .empty-header p{color:var(--muted);margin:0 auto;font-size:13px}body .generator-replica .example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,760px);margin-inline:auto;display:grid}body .generator-replica .example-card{border:1px solid var(--border);color:inherit;text-align:left;background:#fff;border-radius:8px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}body .generator-replica .example-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}body .generator-replica .example-card img{aspect-ratio:3/4;object-fit:contain;background:#fff;width:100%;padding:10px}body .generator-replica .example-card-meta{border-top:1px solid var(--border);background:var(--bg);gap:3px;padding:8px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .example-card-meta{background:color-mix(in oklch, var(--bg) 50%, var(--surface))}}body .generator-replica .example-card-meta strong{color:var(--fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}body .generator-replica .example-card-meta small{color:var(--accent);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}body .generator-replica .photo-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}body .generator-replica .photo-pair-grid--single{grid-template-columns:minmax(0,1fr);justify-content:center;justify-self:center;width:min(100%,560px)}body .generator-replica .photo-pair{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}body .generator-replica .photo-pair-images{grid-template-columns:1fr 1fr;gap:0;display:grid}body .generator-replica .photo-pair-images .preview-tile{border:0;border-radius:0}body .generator-replica .photo-pair-meta{border-top:1px solid var(--border);text-align:center;gap:2px;padding:8px 10px;display:grid}body .generator-replica .photo-pair-meta strong{font-size:11px}body .generator-replica .photo-pair-meta span{color:var(--vivid-sky);font-family:var(--font-mono);text-transform:uppercase;font-size:9px;font-weight:800}body .generator-replica .photo-example-steps{border:1px solid var(--accent);grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:10px;width:min(100%,560px);padding:14px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-steps{border:1px solid color-mix(in oklch, var(--accent) 16%, var(--border))}}body .generator-replica .photo-example-steps{background:radial-gradient(82% 68% at 4% 0%, var(--vivid-yellow-soft), transparent 68%), var(--surface);border-radius:14px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-steps{background:radial-gradient(82% 68% at 4% 0%, var(--vivid-yellow-soft), transparent 68%), color-mix(in oklch, var(--surface) 95%, var(--bg))}}body .generator-replica .photo-example-steps{box-shadow:0 14px 34px var(--fg)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-steps{box-shadow:0 14px 34px color-mix(in oklch, var(--fg) 7%, transparent)}}body .generator-replica .photo-example-step{text-align:center;gap:7px;min-width:0;display:grid}body .generator-replica .photo-example-step>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}body .generator-replica .photo-example-kicker{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:850}body .generator-replica .photo-example-image{aspect-ratio:4/3;border:1px solid var(--border);background:#fff;border-radius:9px;overflow:hidden}body .generator-replica .photo-example-image--source{background:#f4ede5}body .generator-replica .photo-example-image img{object-fit:cover;width:100%;height:100%}body .generator-replica .photo-example-image--line img{object-fit:cover}body .generator-replica .photo-example-arrow{background:var(--accent);width:24px;height:24px;box-shadow:0 3px 9px var(--accent);border-radius:50%;align-self:center;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-arrow{box-shadow:0 3px 9px color-mix(in oklch, var(--accent) 28%, transparent)}}body .generator-replica .photo-example-arrow{color:#fff;font-size:16px;font-weight:800;animation:1.7s ease-out .55s both photoConversionCue}@keyframes photoConversionCue{0%,to{transform:translate(0)scale(1)}30%{transform:translate(4px)scale(1.06)}55%{transform:translate(0)scale(1)}78%{transform:translate(3px)scale(1.04)}}body .generator-replica .photo-example-print{border:1px solid var(--accent2);grid-column:1/-1;align-items:center;gap:10px;padding:10px 11px;display:flex}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-print{border:1px solid color-mix(in oklch, var(--accent2) 22%, var(--border))}}body .generator-replica .photo-example-print{background:var(--vivid-mint-soft);border-radius:9px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-print{background:color-mix(in oklch, var(--vivid-mint-soft) 58%, var(--surface))}}body .generator-replica .photo-example-print{text-align:left}body .generator-replica .photo-example-print-icon{width:29px;height:29px;color:var(--accent2);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}body .generator-replica .photo-example-print-icon .tool-icon{width:16px;height:16px}body .generator-replica .photo-example-print strong,body .generator-replica .photo-example-print small{display:block}body .generator-replica .photo-example-print strong{color:var(--accent2);font-family:var(--font-mono);letter-spacing:.07em;font-size:9px}body .generator-replica .photo-example-print small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.3}body .generator-replica .photo-example-compare{--photo-split:50%;aspect-ratio:var(--photo-aspect,3 / 4);border:1px solid var(--border);width:min(100%,430px);box-shadow:0 18px 42px var(--fg);background:#fff;border-radius:14px;margin:0 auto;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-compare{box-shadow:0 18px 42px color-mix(in oklch, var(--fg) 10%, transparent)}}body .generator-replica .photo-example-compare{touch-action:pan-y}body .generator-replica .photo-example-compare-image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}body .generator-replica .photo-example-compare-line{transform:translate3d(var(--photo-line-x,0), var(--photo-line-y,0), 0) scale(var(--photo-line-scale,1));transform-origin:50%;background:#fff}body .generator-replica .photo-example-compare-line-stage{z-index:1;clip-path:inset(0 0 0 var(--photo-split));background:#fff;position:absolute;inset:0;overflow:hidden}body .generator-replica .photo-example-chip{z-index:2;border:1px solid var(--border);padding:5px 9px;position:absolute;top:12px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-chip{border:1px solid color-mix(in oklch, var(--border) 78%, transparent)}}body .generator-replica .photo-example-chip{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-chip{background:color-mix(in oklch, var(--surface) 90%, transparent)}}body .generator-replica .photo-example-chip{box-shadow:0 5px 14px var(--fg)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-chip{box-shadow:0 5px 14px color-mix(in oklch, var(--fg) 8%, transparent)}}body .generator-replica .photo-example-chip{color:var(--fg);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}body .generator-replica .photo-example-chip:before{content:attr(data-label)}body .generator-replica .photo-example-chip--source{left:12px}body .generator-replica .photo-example-chip--line{color:var(--accent2);right:12px}body .generator-replica .photo-example-compare-handle{appearance:none;z-index:4;top:0;bottom:0;left:var(--photo-split);width:44px;color:inherit;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#0000 calc(50% - 1px),#fff calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border:0;margin:0;padding:0;position:absolute;transform:translate(-50%)}body .generator-replica .photo-example-compare-handle:after{border:1px solid var(--border);width:38px;height:38px;box-shadow:0 8px 20px var(--fg);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-compare-handle:after{box-shadow:0 8px 20px color-mix(in oklch, var(--fg) 12%, transparent)}}body .generator-replica .photo-example-compare-handle:after{color:var(--accent);content:"↔";font-size:18px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s;transform:translate(-50%,-50%)}body .generator-replica .photo-example-compare:is(:hover,:focus-within) .photo-example-compare-handle:after{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-compare:is(:hover,:focus-within) .photo-example-compare-handle:after{border-color:color-mix(in oklch, var(--accent) 44%, var(--border))}}body .generator-replica .photo-example-compare:is(:hover,:focus-within) .photo-example-compare-handle:after{box-shadow:0 10px 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-compare:is(:hover,:focus-within) .photo-example-compare-handle:after{box-shadow:0 10px 24px color-mix(in oklch, var(--accent) 20%, transparent)}}body .generator-replica .photo-example-compare:is(:hover,:focus-within) .photo-example-compare-handle:after{transform:translate(-50%,-50%)scale(1.08)}body .generator-replica .photo-example-compare-handle:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-example-compare-handle:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 62%, transparent)}}body .generator-replica .photo-example-compare-handle:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion:reduce){body .generator-replica .photo-example-arrow{animation:none}body .generator-replica .photo-example-compare-handle:after{transition:none}}body .generator-replica .state-generating{place-items:center;width:100%;min-height:580px;padding:clamp(28px,5vw,56px);display:grid}body .generator-replica .generating-card{border:1px solid var(--accent);grid-template-columns:156px 1fr;align-items:center;gap:28px;width:min(100%,520px);padding:26px;display:grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .generating-card{border:1px solid color-mix(in oklch, var(--accent) 18%, var(--border))}}body .generator-replica .generating-card{background:radial-gradient(120% 120% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 44%), radial-gradient(100% 120% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 42%), var(--surface);border-radius:14px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .generating-card{background:radial-gradient(120% 120% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 44%), radial-gradient(100% 120% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 42%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}body .generator-replica .generating-card{box-shadow:var(--shadow-soft);text-align:left}body .generator-replica .generating-preview{aspect-ratio:3/4;border:8px solid var(--surface);background:var(--surface);box-shadow:0 12px 30px var(--fg);border-radius:8px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){body .generator-replica .generating-preview{box-shadow:0 12px 30px color-mix(in oklch, var(--fg) 12%, transparent)}}body .generator-replica .generating-preview img{object-fit:contain;opacity:.22;filter:blur(1px);width:100%;height:100%}body .generator-replica .generating-preview:after{content:"";background:linear-gradient(180deg, transparent, var(--vivid-yellow), transparent);height:44%;position:absolute;inset:-45% 0 auto}@supports (color:color-mix(in lab, red, red)){body .generator-replica .generating-preview:after{background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--vivid-yellow) 30%, transparent), transparent)}}body .generator-replica .generating-preview:after{animation:1.8s ease-in-out infinite generatorScan}body .generator-replica .generating-kicker{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:850}body .generator-replica .generating-card .spinner{border-width:3px;width:34px;height:34px;margin-bottom:14px}body .generator-replica .generating-card h3{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(19px,2.3vw,24px);font-weight:600;line-height:1.22}body .generator-replica .generating-card p{color:var(--muted);margin:0;font-size:13px}body .generator-replica .generation-progress{align-items:center;gap:6px;margin-top:18px;display:flex}body .generator-replica .generation-progress>span{background:var(--border);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite generatorPulse}body .generator-replica .generation-progress>span:nth-child(2){animation-delay:.18s}body .generator-replica .generation-progress>span:nth-child(3){animation-delay:.36s}body .generator-replica .generation-progress small{color:var(--muted);margin-left:5px;font-size:11px}body .generator-replica .state-result{flex-direction:column;flex:1;width:100%;min-height:580px;display:flex}body .generator-replica .result-display{background:repeating-conic-gradient(var(--border) 0 25%, transparent 0 50%) 50% / 20px 20px;flex:1;justify-content:center;align-items:center;min-height:500px;padding:24px;display:flex}@supports (color:color-mix(in lab, red, red)){body .generator-replica .result-display{background:repeating-conic-gradient(color-mix(in oklch, var(--border) 30%, transparent) 0 25%, transparent 0 50%) 50% / 20px 20px}}body .generator-replica .result-image-frame{background:#fff;border-radius:6px;width:min(100%,360px);padding:12px;box-shadow:0 12px 40px #2a25201f,0 2px 8px #2a25200f}body .generator-replica .result-image-frame>img{object-fit:contain;width:100%;height:100%;display:block}body .generator-replica .result-bar{border-top:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){body .generator-replica .result-bar{background:color-mix(in oklch, var(--bg) 40%, var(--surface))}}body .generator-replica .result-bar{text-align:left}body .generator-replica .result-meta{gap:2px;min-width:0;display:grid}body .generator-replica .result-meta strong{max-width:300px;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}body .generator-replica .result-meta span{color:var(--muted);font-family:var(--font-mono);font-size:11px}body .generator-replica .result-actions{flex-wrap:nowrap}body .generator-replica .result-actions .btn{min-height:44px;padding:8px 14px;font-size:13px}body .generator-replica .btn-success{border-color:var(--accent2);background:var(--accent2);color:#fff}body .generator-replica .btn-ghost{color:var(--muted);background:0 0;border-color:#0000}body .generator-replica .pending-output{min-height:330px;color:var(--muted);text-align:center;place-items:center;gap:10px;display:grid}body .generator-replica .pending-output .tool-icon{width:42px;height:42px;color:var(--accent2)}body .generator-replica .state-auth,body .generator-replica .state-error,body .generator-replica .state-insufficient{padding:clamp(28px,5vw,56px)}body .generator-replica .sec-heading{text-align:center;margin-bottom:28px}body .generator-replica .sec-heading h2{letter-spacing:-.015em;font-size:clamp(26px,3.5vw,38px);font-weight:650;line-height:1.15}body .generator-replica .sec-heading p{max-width:55ch;color:var(--muted);margin:10px auto 0}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-steps{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent);background:radial-gradient(80% 90% at 92% 0%, var(--vivid-sky-soft) 0%, transparent 46%), color-mix(in oklch, var(--surface) 92%, var(--bg))}}body .generator-replica .steps-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}body .generator-replica .step-card .step-num{background:var(--accent);color:#fff;width:44px;height:44px;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:16px;font-weight:700;display:inline-flex}body .generator-replica .step-card:nth-child(2) .step-num{background:var(--vivid-yellow)}body .generator-replica .step-card:nth-child(3) .step-num{background:var(--accent2)}body .generator-replica .step-card h3{font-family:var(--font-body);margin:0 0 8px;font-size:16px}body .generator-replica .sec-why{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-why{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}body .generator-replica .why-card{border:1px solid var(--border);background:#fffc;border-radius:10px;padding:28px 24px}body .generator-replica .why-icon{background:var(--vivid-yellow-soft);width:48px;height:48px;color:var(--vivid-yellow);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}body .generator-replica .why-card:nth-child(2) .why-icon{background:var(--vivid-sky-soft);color:var(--vivid-sky)}body .generator-replica .why-card:nth-child(3) .why-icon{background:var(--vivid-mint-soft);color:var(--vivid-mint)}body .generator-replica .why-icon .tool-icon{width:24px;height:24px}body .generator-replica .why-card h3{font-family:var(--font-body);margin:0 0 8px;font-size:15px}body .generator-replica .sec-cta{background:var(--fg);color:var(--surface);text-align:center}body .generator-replica .sec-cta h2{color:var(--surface);letter-spacing:-.02em}body .generator-replica .sec-cta p{max-width:48ch;color:var(--surface);margin:12px auto 24px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-cta p{color:color-mix(in oklch, var(--surface) 70%, var(--muted))}}body .generator-replica .btn-cta{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;font-weight:750;display:inline-flex}@keyframes generatorScan{0%{opacity:0;transform:translateY(0)}18%,82%{opacity:1}to{opacity:0;transform:translateY(330%)}}@keyframes generatorPulse{0%,65%,to{background:var(--border);transform:scale(1)}32%{background:var(--accent);transform:scale(1.25)}}@media (max-width:900px){body:has(.generator-replica) .site-header__inner{flex-wrap:nowrap;align-items:center;min-height:66px;padding-block:0}body:has(.generator-replica) .site-nav{display:none}body .generator-replica .tool-top-bar{flex-direction:column;align-items:stretch}body .generator-replica .tool-top-bar--photo{grid-template-columns:minmax(0,1fr);display:grid}body .generator-replica .tool-top-bar--photo .tool-tabs{grid-area:1/1}body .generator-replica .tool-top-bar--photo .tool-page-heading{grid-area:2/1}body .generator-replica .tool-top-bar--photo .trust-inline{grid-area:3/1}body .generator-replica .tool-page-heading{text-align:left;flex:0 auto;width:100%;max-width:none}body .generator-replica .gen-layout{grid-template-columns:1fr}body .generator-replica .gen-result,body .generator-replica .state-generating,body .generator-replica .state-result{min-height:420px}body .generator-replica .why-grid{grid-template-columns:1fr}body .generator-replica .steps-row{grid-template-columns:1fr;gap:16px}}@media (max-width:560px){.age-guide-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;width:100vw;max-height:92dvh;margin:auto 0 0}.age-guide-shell{max-height:92dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}.age-guide-header{margin-bottom:14px}.age-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-detail-guide-grid{grid-template-columns:1fr}.age-guide-card-copy>span{font-size:10px}body .generator-replica>.sec-cta h2{font-size:22.5px;line-height:1.6}body .generator-replica .gen-hero{padding-top:20px}body .generator-replica .tool-tabs{border-radius:999px;width:100%}body .generator-replica .tool-tab{padding:8px 10px;font-size:12px}body .generator-replica .trust-inline{justify-content:space-between;gap:8px;font-size:11px}body .generator-replica .gen-panel{padding:16px}body .generator-replica .gen-result{padding:0}body .generator-replica .age-chips .style-chip{padding-inline:3px;font-size:11px}body .generator-replica .example-grid{grid-template-columns:1fr 1fr;gap:8px}body .generator-replica .example-grid .example-card:nth-child(3){display:none}body .generator-replica .photo-pair-grid{grid-template-columns:1fr}body .generator-replica .state-generating{min-height:360px;padding:20px}body .generator-replica .generating-card{grid-template-columns:92px 1fr;gap:18px;padding:18px}body .generator-replica .generation-progress small{display:none}body .generator-replica .result-display{min-height:360px;padding:18px}body .generator-replica .result-bar{flex-direction:column;align-items:stretch}body .generator-replica .result-actions{flex-wrap:wrap}body .generator-replica .result-actions .btn{flex:1}}body .generator-replica .tool-secondary-stack .sec,body .generator-replica>.sec-cta{padding-block:clamp(36px,6vw,72px)}body .generator-replica .tool-secondary-stack .tool-steps-section{padding-block:clamp(32px,3.5vw,40px)}body .generator-replica .tool-steps-section .sec-heading{margin-bottom:16px}body .generator-replica .tool-steps-section .step-card{padding-block:14px}body .generator-replica .tool-steps-section .step-card p{max-width:36ch}body .generator-replica .tool-steps-section .step-card .step-num{margin-bottom:12px}body .generator-replica{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}body .generator-replica .container{max-width:none;padding-inline:24px}body .generator-replica .gen-hero .container,body .generator-replica .tool-workspace .container{padding-inline:0}body .generator-replica .tool-secondary-stack .sec-heading{text-align:center;margin-bottom:28px}body .generator-replica .tool-secondary-stack .sec-heading h2{letter-spacing:-.015em;font-size:clamp(26px,3.5vw,38px);font-weight:650;line-height:1.15}body .generator-replica .tool-secondary-stack .sec-heading p{max-width:55ch;color:var(--muted);margin:10px auto 0;font-size:15px}body .generator-replica .sec-steps{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-steps{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}body .generator-replica .sec-steps{background:radial-gradient(80% 90% at 92% 0%, var(--vivid-sky-soft) 0%, transparent 46%), var(--surface)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-steps{background:radial-gradient(80% 90% at 92% 0%, var(--vivid-sky-soft) 0%, transparent 46%), color-mix(in oklch, var(--surface) 92%, var(--bg))}}body .generator-replica .steps-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}body .generator-replica .step-card{text-align:center;padding:28px 20px}body .generator-replica .step-card h3{margin:0 0 8px;font-family:inherit;font-size:16px;line-height:1.6}body .generator-replica .step-card p{max-width:28ch;color:var(--muted);margin:0 auto;font-size:14px}body .generator-replica .sec-why,body .generator-replica .sec-feature,body .generator-replica .sec-categories,body .generator-replica .sec-faq{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-why,body .generator-replica .sec-feature,body .generator-replica .sec-categories,body .generator-replica .sec-faq{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}body .generator-replica .why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}body .generator-replica .why-card{border:1px solid var(--border);border-radius:var(--radius);background:#fffc;padding:28px 24px}body .generator-replica .why-card h3{margin:0 0 8px;font-family:inherit;font-size:15px;line-height:1.6}body .generator-replica .why-card p{color:var(--muted);margin:0;font-size:14px}body .generator-replica .feature-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}body .generator-replica .feature-split.reverse{direction:rtl}body .generator-replica .feature-split.reverse>*{direction:ltr}body .generator-replica .feature-text{max-width:44ch}body .generator-replica .feature-text .eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:850}body .generator-replica .feature-text h2,body .generator-replica .feature-text h3{letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(22px,2.5vw,30px);font-weight:650;line-height:1.2}body .generator-replica .feature-text p{color:var(--muted);margin-bottom:16px;font-size:15px;line-height:1.7}body .generator-replica .feature-text .feature-prompt{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--fg);border-radius:0 8px 8px 0;padding:10px 12px;font-size:13px}body .generator-replica .feature-image-grid,body .generator-replica .feature-photo-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);padding:16px}body .generator-replica .feature-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}body .generator-replica .feature-img-card{border:1px solid var(--border);background:#fff;border-radius:6px;position:relative;overflow:hidden}body .generator-replica .feature-img-card img{aspect-ratio:3/4;object-fit:contain;width:100%;padding:8px}body .generator-replica .feature-img-label{border-top:1px solid var(--border);background:var(--bg);padding:6px 8px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .feature-img-label{background:color-mix(in oklch, var(--bg) 50%, var(--surface))}}body .generator-replica .feature-img-label{color:var(--muted);text-align:center;font-size:10px;font-weight:700}body .generator-replica .difficulty-feature-copy{border-top:1px solid var(--border);background:var(--bg);padding:9px 10px 11px}@supports (color:color-mix(in lab, red, red)){body .generator-replica .difficulty-feature-copy{background:color-mix(in oklch, var(--bg) 50%, var(--surface))}}body .generator-replica .difficulty-feature-copy h3{margin:0;font-family:inherit;font-size:13px;line-height:1.35}body .generator-replica .difficulty-feature-age{color:var(--accent);margin-top:2px;font-size:10px;font-weight:800;display:block}body .generator-replica .difficulty-feature-copy p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.45}body .generator-replica .feature-photo-section{background:radial-gradient(80% 90% at 8% 50%, var(--vivid-sky-soft) 0%, transparent 46%), var(--surface)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .feature-photo-section{background:radial-gradient(80% 90% at 8% 50%, var(--vivid-sky-soft) 0%, transparent 46%), color-mix(in oklch, var(--surface) 92%, var(--bg))}}body .generator-replica .feature-photo-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;display:grid}body .generator-replica .feature-photo-row{border:1px solid var(--border);background:#fff;border-radius:6px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}body .generator-replica .feature-photo-row img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}body .generator-replica .feature-photo-row img.output{object-fit:contain}body .generator-replica .photo-source-placeholder{aspect-ratio:1;background:var(--vivid-sky-soft);border-radius:4px;place-items:center;width:100%;display:grid}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-source-placeholder{background:color-mix(in oklch, var(--vivid-sky-soft) 52%, var(--surface))}}body .generator-replica .photo-source-placeholder{color:var(--muted)}body .generator-replica .photo-source-placeholder .tool-icon{width:24px;height:24px}body .generator-replica .feature-photo-arrow{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}body .generator-replica .feature-photo-label{color:var(--muted);text-align:center;grid-column:1/-1;margin-top:4px;font-size:10px;font-weight:700}body .generator-replica .sec-gallery{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-gallery{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}body .generator-replica .sec-gallery{background:radial-gradient(80% 90% at 8% 0%, var(--vivid-pink-soft) 0%, transparent 46%), var(--surface)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-gallery{background:radial-gradient(80% 90% at 8% 0%, var(--vivid-pink-soft) 0%, transparent 46%), color-mix(in oklch, var(--surface) 92%, var(--bg))}}body .generator-replica .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}body .generator-replica .gallery-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);cursor:pointer;font:inherit;text-align:left;padding:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}body .generator-replica .gallery-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}body .generator-replica .gallery-card:focus-visible,body .generator-replica .cat-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}body .generator-replica .gallery-thumb{aspect-ratio:1;border-bottom:1px solid var(--border);background:#fff;justify-content:center;align-items:center;padding:12px;display:flex}body .generator-replica .gallery-thumb img{object-fit:contain;width:100%;height:100%}body .generator-replica .gallery-meta{gap:2px;padding:10px 12px;display:grid}body .generator-replica .gallery-tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:850}body .generator-replica .gallery-name{font-size:13px;font-weight:600}body .generator-replica .cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}body .generator-replica .cat-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);cursor:pointer;font:inherit;text-align:center;background:#fffc;padding:20px 12px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}body .generator-replica .cat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}body .generator-replica .cat-icon{margin-bottom:10px;border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;margin-inline:auto;display:flex;overflow:hidden}body .generator-replica .cat-icon img{object-fit:contain;width:100%;height:100%}body .generator-replica .cat-card>span:last-child{font-size:13px;font-weight:700}body .generator-replica .sec-testimonials{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-testimonials{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}body .generator-replica .sec-testimonials{background:radial-gradient(80% 90% at 92% 100%, var(--vivid-yellow-soft) 0%, transparent 46%), var(--surface)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .sec-testimonials{background:radial-gradient(80% 90% at 92% 100%, var(--vivid-yellow-soft) 0%, transparent 46%), color-mix(in oklch, var(--surface) 92%, var(--bg))}}body .generator-replica .testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}body .generator-replica .testimonial-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffd9;padding:24px}body .generator-replica .testimonial-stars{color:var(--vivid-yellow);letter-spacing:2px;margin-bottom:10px;font-size:14px}body .generator-replica .testimonial-text{color:var(--fg);margin-bottom:14px;font-size:14px;font-style:italic;line-height:1.7}body .generator-replica .testimonial-author{align-items:center;gap:10px;display:flex}body .generator-replica .testimonial-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}body .generator-replica .testimonial-name{font-size:13px;font-weight:700}body .generator-replica .testimonial-role{color:var(--muted);font-size:12px}body .generator-replica .tool-faq-section{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){body .generator-replica .tool-faq-section{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}body .generator-replica .tool-faq-section{background:0 0}body .generator-replica .tool-faq-list{border:1px solid var(--border);max-width:720px;margin:0 auto;padding-inline:0;display:block}@supports (color:color-mix(in lab, red, red)){body .generator-replica .tool-faq-list{border:1px solid color-mix(in oklch, var(--border) 84%, var(--accent) 16%)}}body .generator-replica .tool-faq-list{border-radius:var(--radius);background:#ffffffb8}body .generator-replica .tool-faq-list .faq-item:last-child{border-bottom:0}body .generator-replica .tool-faq-list .faq-q{appearance:none;border:0;min-height:0;padding:18px 20px;font-family:inherit;font-size:15px;line-height:1.6}body .generator-replica .tool-faq-list .faq-q:after{font-family:var(--font-mono);font-size:18px;font-weight:400}body .generator-replica .tool-faq-list .faq-a{text-align:left;padding-inline:20px}body .generator-replica .tool-faq-list .faq-item.open .faq-a{padding:0 20px 20px}body .generator-replica>.sec-cta{background:var(--fg);color:var(--surface);text-align:center}body .generator-replica>.sec-cta h2{color:var(--surface);letter-spacing:-.02em}body .generator-replica>.sec-cta p{max-width:48ch;color:var(--surface);margin:12px auto 24px}@supports (color:color-mix(in lab, red, red)){body .generator-replica>.sec-cta p{color:color-mix(in oklch, var(--surface) 70%, var(--muted))}}body .generator-replica>.sec-cta .btn-cta{min-height:0;padding:14px 28px;font-size:16px;line-height:1.6}@media (max-width:900px){body .generator-replica .steps-row,body .generator-replica .why-grid{grid-template-columns:1fr}body .generator-replica .steps-row{gap:16px}body .generator-replica .why-grid{gap:14px}body .generator-replica .feature-split,body .generator-replica .feature-split.reverse{grid-template-columns:1fr;gap:24px}body .generator-replica .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .generator-replica .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .generator-replica .testimonials-grid{grid-template-columns:1fr}}@media (max-width:560px){body .generator-replica .gen-hero .container{padding-inline:0}body .generator-replica .tool-top-bar{padding-inline:6px}body .generator-replica .tool-workspace .container{padding-inline:0}body .generator-replica .tool-tabs{gap:4px;width:max-content;max-width:100%;padding:4px}body .generator-replica .tool-tab{white-space:nowrap;flex:0 auto;min-height:0;padding:8px 12px;font-size:13px;line-height:1.6}body .generator-replica .trust-inline{flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:max-content;max-width:100%;font-size:12px}body .generator-replica .gen-input{height:100px;min-height:100px}body .generator-replica .style-chip{min-height:34px}body .generator-replica .gen-result{min-height:450px}body .generator-replica .container{padding-inline:24px}body .generator-replica .gallery-grid{gap:10px}body .generator-replica .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .generator-replica .feature-split{gap:24px}}@media (prefers-reduced-motion:reduce){body .generator-replica .generating-preview:after,body .generator-replica .generation-progress>span{animation:none}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:linear-gradient(180deg, var(--vivid-yellow-soft) 0%, var(--bg) 38%, var(--surface) 100%);color:var(--fg);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,.is-disabled{cursor:not-allowed;opacity:.62}[aria-busy=true],.is-processing{cursor:progress}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}h1,h2,h3{color:var(--fg);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:0}h1{font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.08}h2{font-size:clamp(24px,3vw,34px);font-weight:650;line-height:1.18}h3{font-size:20px;font-weight:650;line-height:1.25}p{text-wrap:pretty;margin:0}.site-body{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.container{width:min(100%, var(--container));padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:200;border-radius:var(--radius);background:var(--fg);color:var(--surface);padding:9px 14px;font-size:13px;font-weight:700;transition:transform .15s;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:80;border-bottom:1px solid var(--surface);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in oklch, var(--surface) 42%, transparent)}}.site-header{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in oklch, var(--bg) 54%, transparent)}}.site-header{-webkit-backdrop-filter:blur(16px)saturate(1.03)}body:has(.generator-replica) .site-header{background:var(--bg)}.site-header__inner{justify-content:space-between;align-items:center;gap:20px;min-height:66px;display:flex}.brand-mark{color:var(--fg);font-family:var(--font-display);align-items:center;gap:8px;font-size:23px;font-weight:700;display:flex}.brand-mark-icon{flex-shrink:0;width:28px;height:28px}.site-nav{align-items:center;gap:clamp(18px,3vw,30px);display:flex}.site-nav a{color:var(--muted);font-size:14px;font-weight:650;transition:color .15s}.site-nav a:hover{color:var(--accent)}.site-actions{align-items:center;gap:12px;display:flex}.site-login-link{min-height:36px;padding:8px 18px;font-size:13px}.site-credit-badge{background:var(--accent-soft);border:1px solid var(--accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.site-credit-badge{border:1px solid color-mix(in oklch, var(--accent) 18%, transparent)}}.site-credit-badge{color:var(--accent);font-family:var(--font-mono);border-radius:999px;gap:5px;min-height:28px;padding:5px 10px;font-size:12px;font-weight:750;line-height:1;display:inline-flex}.site-credit-badge svg{flex:none;width:14px;height:14px}.credit-pill,.pill{background:var(--vivid-mint-soft);color:var(--accent2);font-family:var(--font-mono);border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:14px;font-weight:750;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn[aria-busy=true],.btn.is-processing{opacity:.78;pointer-events:none}.btn[aria-busy=true]:after,.btn.is-processing:after{aspect-ratio:1;content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px}.btn-primary{background:var(--accent);color:var(--surface)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 8px 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{box-shadow:0 8px 24px color-mix(in oklch, var(--accent) 25%, transparent)}}.btn-secondary{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.btn-secondary{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.btn-secondary{border-color:var(--border);color:var(--fg)}.btn-secondary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-secondary:hover{border-color:color-mix(in oklch, var(--accent) 44%, var(--border))}}.btn-secondary:hover{color:var(--accent)}.btn-muted{border-color:var(--border);color:var(--muted);background:0 0}.btn-muted:hover{border-color:var(--fg);color:var(--fg)}.page-shell{padding-block:clamp(44px,7vw,84px)}.standalone-ui-page{padding-block:clamp(38px,6vw,76px)}.standalone-ui-page .page-hero{gap:18px;padding-block:8px clamp(28px,5vw,48px)}.standalone-ui-page .page-hero h1,.standalone-ui-page .lead{max-width:760px}.page-hero{gap:24px;padding-block:12px clamp(28px,5vw,56px);display:grid}.page-role{color:var(--accent);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.page-role:before{background:var(--vivid-yellow);content:"";border-radius:50%;width:8px;height:8px}.lead{color:var(--muted);max-width:720px;font-size:clamp(16px,2vw,19px);line-height:1.7}.hero-actions,.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.section{padding-block:clamp(28px,5vw,56px)}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading p{color:var(--muted);max-width:620px}.grid-2,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card,.route-card,.asset-card,.policy-card,.state-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.card,.route-card,.asset-card,.policy-card,.state-card{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.card,.route-card,.asset-card,.policy-card,.state-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px var(--fg)}@supports (color:color-mix(in lab, red, red)){.card,.route-card,.asset-card,.policy-card,.state-card{box-shadow:0 10px 28px color-mix(in oklch, var(--fg) 5%, transparent)}}.route-card,.policy-card,.state-card{padding:22px}.route-card{border-top:3px solid var(--vivid-yellow)}.route-card:nth-child(2n){border-top-color:var(--vivid-sky)}.route-card h2,.policy-card h2{font-size:21px}.route-card p,.policy-card p,.asset-card p,.state-card p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.65}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.asset-card{overflow:hidden}.asset-preview{aspect-ratio:1;background:linear-gradient(90deg, var(--border) 1px, transparent 1px), var(--surface)}@supports (color:color-mix(in lab, red, red)){.asset-preview{background:linear-gradient(90deg, color-mix(in oklch, var(--border) 45%, transparent) 1px, transparent 1px), var(--surface)}}.asset-preview{border-bottom:1px solid var(--border);object-fit:contain;background-size:24px 100%;width:100%;padding:14px}.asset-card__body{padding:18px}.notice{border-left:4px solid var(--vivid-yellow);color:var(--muted);padding-left:16px;line-height:1.65}.link-list{flex-wrap:wrap;gap:10px;display:flex}.text-link{color:var(--accent);text-underline-offset:4px;font-size:14px;font-weight:750;text-decoration:underline;text-decoration-thickness:1px}.form-control{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);width:100%;min-height:44px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:0}.auth-layout{grid-template-columns:minmax(360px,.92fr) minmax(280px,.58fr);align-items:start;gap:clamp(18px,3vw,28px);display:grid}.auth-panel,.account-state-banner,.account-support-strip{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.auth-panel,.account-state-banner,.account-support-strip{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.auth-panel,.account-state-banner,.account-support-strip{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 14px 34px var(--fg)}@supports (color:color-mix(in lab, red, red)){.auth-panel,.account-state-banner,.account-support-strip{box-shadow:0 14px 34px color-mix(in oklch, var(--fg) 6%, transparent)}}.auth-panel{background:radial-gradient(90% 80% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 44%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.auth-panel{background:radial-gradient(90% 80% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 44%), color-mix(in oklch, var(--surface) 96%, var(--bg))}}.auth-panel{border-top:4px solid var(--vivid-yellow);box-shadow:0 22px 58px var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.auth-panel{box-shadow:0 22px 58px color-mix(in oklch, var(--vivid-yellow) 16%, transparent)}}.auth-panel{gap:16px;padding:clamp(20px,4vw,32px);display:grid}.auth-panel__head{gap:4px;display:grid}.auth-panel__head span{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:850}.auth-panel__head p{color:var(--muted);font-size:14px;line-height:1.55}.auth-google{justify-content:center;width:100%;min-height:44px}.auth-divider{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:11px;font-weight:800;display:grid}.auth-divider:before,.auth-divider:after{background:var(--border);content:"";height:1px}.auth-mode-toggle{background:var(--vivid-sky-soft);border:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.auth-mode-toggle{border:1px solid color-mix(in oklch, var(--vivid-sky) 26%, var(--border))}}.auth-mode-toggle{border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.auth-mode-toggle button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.auth-mode-toggle button.active{background:var(--surface);box-shadow:0 8px 18px var(--fg)}@supports (color:color-mix(in lab, red, red)){.auth-mode-toggle button.active{box-shadow:0 8px 18px color-mix(in oklch, var(--fg) 8%, transparent)}}.auth-mode-toggle button.active{color:var(--fg)}.auth-form{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--fg);font-size:13px;font-weight:800}.auth-submit{width:100%}.auth-intent-card{background:var(--vivid-sky-soft)}@supports (color:color-mix(in lab, red, red)){.auth-intent-card{background:color-mix(in oklch, var(--vivid-sky-soft) 56%, var(--surface))}}.auth-intent-card{border:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.auth-intent-card{border:1px solid color-mix(in oklch, var(--vivid-sky) 30%, var(--border))}}.auth-intent-card{border-radius:var(--radius);gap:4px;padding:14px;display:grid}.auth-intent-card span,.account-state-card span,.account-state-banner__label{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:800}.auth-intent-card strong{overflow-wrap:anywhere}.auth-intent-card p,.auth-message,.auth-check-list,.account-state-banner p,.account-support-strip p{color:var(--muted);font-size:14px;line-height:1.65}.auth-message{border-left:4px solid var(--vivid-sky);padding-left:12px}.auth-message--error{border-left-color:var(--danger);color:var(--danger)}.auth-message--success{border-left-color:var(--accent2);color:var(--accent2)}.auth-context{gap:16px;display:grid}.auth-context .state-card{border-top:3px solid var(--vivid-sky);min-height:auto}.auth-context .state-card:nth-child(2){border-top-color:var(--vivid-pink)}.auth-check-list{gap:8px;margin:12px 0 0;padding-left:18px;display:grid}.account-state-banner,.account-support-strip{background:radial-gradient(90% 120% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 46%), radial-gradient(80% 120% at 100% 0%, var(--vivid-sky-soft) 0%, transparent 42%), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.account-state-banner,.account-support-strip{background:radial-gradient(90% 120% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 46%), radial-gradient(80% 120% at 100% 0%, var(--vivid-sky-soft) 0%, transparent 42%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.account-state-banner,.account-support-strip{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:18px;padding:clamp(20px,4vw,28px);display:grid}.account-state-banner h2,.account-support-strip h2{margin-top:4px}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.account-state-card{border-top:3px solid var(--vivid-sky);min-height:166px}.account-state-card:nth-child(2){border-top-color:var(--vivid-pink)}.account-state-card:nth-child(3){border-top-color:var(--vivid-yellow)}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.account-metrics div{background:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.account-metrics div{background:color-mix(in oklch, var(--surface-2) 74%, var(--surface))}}.account-metrics div{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.account-metrics dt,.account-meta,.account-list time,.account-history-row--head{color:var(--muted);font-size:.86rem}.account-metrics dd{margin:2px 0 0;font-size:1.25rem;font-weight:800}.account-meta{margin-top:14px}.account-two-column{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;display:grid}.section-heading--compact{align-items:end;margin-bottom:14px}.account-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-list li,.account-history-row{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.account-list li,.account-history-row{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.account-list li,.account-history-row{border:1px solid var(--border);border-radius:8px;gap:14px;display:grid}.account-list li{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.account-list strong,.account-list span{display:block}.account-list span{color:var(--muted);margin-top:3px;font-size:.92rem}.account-billing-card,.account-empty-state{min-height:auto}.account-history-table{gap:8px;display:grid}.account-history-row{grid-template-columns:minmax(140px,1fr) minmax(120px,.8fr) minmax(90px,.6fr) minmax(132px,.7fr);padding:12px 14px}.account-history-row--head{background:0 0;padding-block:4px;font-weight:800}.btn-sm{min-height:30px;padding:5px 12px;font-size:12px}.btn svg,.sidebar-action-item svg{flex:none;width:16px;height:16px}.credit-pill{background:var(--vivid-mint-soft);color:var(--accent2);font-family:var(--font-mono);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.credit-pill:hover{background:var(--accent2);color:var(--surface)}.header-credit-menu{position:relative}html[data-weekly-return-granted=true] .header-credit-menu:after{background:var(--accent2);box-shadow:0 8px 18px var(--accent2);border-radius:999px;animation:1.8s ease-out both credit-grant-feedback}@supports (color:color-mix(in lab, red, red)){html[data-weekly-return-granted=true] .header-credit-menu:after{box-shadow:0 8px 18px color-mix(in oklch, var(--accent2) 24%, transparent)}}html[data-weekly-return-granted=true] .header-credit-menu:after{color:var(--surface);content:"+2";font-family:var(--font-mono);pointer-events:none;z-index:125;padding:4px 7px;font-size:11px;font-weight:850;position:absolute;top:-14px;right:-8px}@keyframes credit-grant-feedback{0%{opacity:0;transform:translateY(6px)scale(.88)}18%,68%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}@media (prefers-reduced-motion:reduce){html[data-weekly-return-granted=true] .header-credit-menu:after{display:none}.credit-pill__chevron,.header-credit-balance,.header-credit-add,.header-credit-plan-cta,.header-credit-activity-footer,.header-credit-activity-footer svg{transition:none}}.credit-pill:focus-visible{outline:3px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.credit-pill:focus-visible{outline:3px solid color-mix(in oklch, var(--accent2) 38%, transparent)}}.credit-pill:focus-visible{outline-offset:3px}.credit-pill__chevron{transition:transform .15s;width:12px!important;height:12px!important}.header-credit-popover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.header-credit-popover{background:color-mix(in oklch, var(--surface) 96%, var(--bg))}}.header-credit-popover{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.header-credit-popover{border:1px solid color-mix(in oklch, var(--border) 88%, var(--vivid-yellow))}}.header-credit-popover{box-shadow:0 20px 52px var(--fg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.header-credit-popover{box-shadow:0 20px 52px color-mix(in oklch, var(--fg) 16%, transparent)}}.header-credit-popover{z-index:120;gap:8px;width:min(300px,100vw - 24px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.header-credit-popover>h2{font-family:var(--font-display);margin:0;font-size:19px;line-height:1}.header-credit-popover__heading{background:radial-gradient(110% 150% at 100% 100%, var(--vivid-pink-soft), transparent 60%), linear-gradient(135deg, var(--vivid-mint-soft), var(--vivid-yellow-soft));align-items:center}@supports (color:color-mix(in lab, red, red)){.header-credit-popover__heading{background:radial-gradient(110% 150% at 100% 100%, color-mix(in oklch, var(--vivid-pink-soft) 76%, transparent), transparent 60%), linear-gradient(135deg, color-mix(in oklch, var(--vivid-mint-soft) 88%, white), color-mix(in oklch, var(--vivid-yellow-soft) 68%, white))}}.header-credit-popover__heading{border:1px solid var(--vivid-mint)}@supports (color:color-mix(in lab, red, red)){.header-credit-popover__heading{border:1px solid color-mix(in oklch, var(--vivid-mint) 18%, var(--border))}}.header-credit-popover__heading{border-radius:14px;gap:11px;min-height:70px;padding:10px;display:flex}.header-credit-popover__heading>div{gap:2px;display:grid}.header-credit-popover__heading>div>span{color:var(--muted);font-size:9px;font-weight:700}.header-credit-popover__heading>div>strong{font:780 28px/1 var(--font-mono)}.header-credit-popover__token{color:var(--accent2);width:31px;height:31px}.header-credit-plan-chip{background:var(--border)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-chip{background:color-mix(in oklch, var(--border) 66%, var(--surface))}}.header-credit-plan-chip{color:var(--muted);border-radius:999px;margin-left:auto;padding:5px 7px;font-size:8px;font-weight:760}.header-credit-plan-chip[data-active=true]{background:var(--vivid-mint-soft);color:var(--accent2)}.header-credit-plan-action{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action{background:color-mix(in oklch, var(--vivid-yellow-soft) 58%, var(--surface))}}.header-credit-plan-action{border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action{border:1px solid color-mix(in oklch, var(--vivid-yellow) 30%, var(--border))}}.header-credit-plan-action{border-radius:14px;gap:7px;padding:9px;display:grid}.header-credit-plan-action[data-audience=subscriber]{background:var(--vivid-sky-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=subscriber]{background:color-mix(in oklch, var(--vivid-sky-soft) 56%, var(--surface))}}.header-credit-plan-action[data-audience=subscriber]{border-color:var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=subscriber]{border-color:color-mix(in oklch, var(--vivid-sky) 28%, var(--border))}}.header-credit-plan-action[data-audience=business]{background:var(--vivid-mint-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=business]{background:color-mix(in oklch, var(--vivid-mint-soft) 62%, var(--surface))}}.header-credit-plan-action[data-audience=business]{border-color:var(--vivid-mint)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=business]{border-color:color-mix(in oklch, var(--vivid-mint) 26%, var(--border))}}.header-credit-plan-action[data-audience=payment]{background:var(--danger-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=payment]{background:color-mix(in oklch, var(--danger-soft) 74%, var(--surface))}}.header-credit-plan-action[data-audience=payment]{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=payment]{border-color:color-mix(in oklch, var(--danger) 34%, var(--border))}}.header-credit-plan-action[data-state=low],.header-credit-plan-action[data-state=empty]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-state=low],.header-credit-plan-action[data-state=empty]{border-color:color-mix(in oklch, var(--accent) 55%, var(--border))}}.header-credit-plan-action[data-state=low],.header-credit-plan-action[data-state=empty]{box-shadow:inset 3px 0 var(--accent)}.header-credit-plan-action[data-state=empty]{background:var(--vivid-pink-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-state=empty]{background:color-mix(in oklch, var(--vivid-pink-soft) 65%, var(--surface))}}.header-credit-plan-action__heading{justify-content:space-between;align-items:center;display:flex}.header-credit-plan-action__heading>div{gap:2px;display:grid}.header-credit-plan-action__heading span{color:var(--accent);font:720 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.header-credit-plan-action__heading strong{font:650 13px/1.15 var(--font-display)}.header-credit-plan-action__heading>svg{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action__heading>svg{color:color-mix(in oklch, var(--accent) 72%, var(--fg))}}.header-credit-plan-action__heading>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.header-credit-plan-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.header-credit-plan-benefits>span{text-align:center;place-items:center;gap:3px;font-size:8px;font-weight:680;line-height:1.15;display:grid}.header-credit-plan-benefits i{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-benefits i{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.header-credit-plan-benefits i{border:1px solid var(--fg)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-benefits i{border:1px solid color-mix(in oklch, var(--fg) 8%, transparent)}}.header-credit-plan-benefits i{color:var(--accent2);border-radius:8px;justify-content:center;width:24px;height:24px;display:flex}.header-credit-plan-benefits svg{width:14px;height:14px}.header-credit-allowance-visual{align-items:center;gap:9px;display:flex}.header-credit-allowance-visual>span{align-items:end;gap:3px;width:38px;height:24px;display:flex}.header-credit-allowance-visual i{background:var(--vivid-sky);border-radius:3px 3px 1px 1px;flex:1;display:block}.header-credit-allowance-visual i:first-child{opacity:.45;height:8px}.header-credit-allowance-visual i:nth-child(2){opacity:.7;height:15px}.header-credit-allowance-visual i:nth-child(3){height:23px}.header-credit-plan-action[data-audience=business] .header-credit-allowance-visual i{background:var(--vivid-mint)}.header-credit-allowance-visual strong{font-size:10px;line-height:1.25}.header-credit-plan-cta{border:1px solid var(--accent);background:0 0;align-items:center}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-cta{border:1px solid color-mix(in oklch, var(--accent) 38%, var(--border))}}.header-credit-plan-cta{color:var(--accent);cursor:pointer;border-radius:9px;justify-content:center;gap:5px;width:100%;min-height:28px;padding-inline:10px;font-family:inherit;font-size:10px;font-weight:760;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:flex}.header-credit-plan-cta:hover:not(:disabled){background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-cta:hover:not(:disabled){background:color-mix(in oklch, var(--accent-soft) 76%, var(--surface))}}.header-credit-plan-cta:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.header-credit-plan-action[data-state=low] .header-credit-plan-cta,.header-credit-plan-action[data-state=empty] .header-credit-plan-cta,.header-credit-plan-action[data-audience=payment] .header-credit-plan-cta{background:var(--accent);border-color:var(--accent);color:var(--surface)}.header-credit-plan-action[data-audience=business] .header-credit-plan-cta{border-color:var(--vivid-mint)}@supports (color:color-mix(in lab, red, red)){.header-credit-plan-action[data-audience=business] .header-credit-plan-cta{border-color:color-mix(in oklch, var(--vivid-mint) 48%, var(--border))}}.header-credit-plan-action[data-audience=business] .header-credit-plan-cta{color:#3d714f}.header-credit-plan-action[data-state=low] .header-credit-plan-cta:hover:not(:disabled),.header-credit-plan-action[data-state=empty] .header-credit-plan-cta:hover:not(:disabled),.header-credit-plan-action[data-audience=payment] .header-credit-plan-cta:hover:not(:disabled){background:var(--accent-strong)}.header-credit-plan-action[data-audience=business] .header-credit-plan-cta:hover:not(:disabled){background:var(--vivid-mint-soft);border-color:var(--vivid-mint)}.header-credit-plan-cta svg{width:14px;height:14px}.header-credit-next-event{grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:3px 1px 6px;display:grid}.header-credit-next-event__icon{background:var(--vivid-yellow-soft);color:#9c6916;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.header-credit-next-event[data-state=subscriber] .header-credit-next-event__icon{background:var(--vivid-sky-soft);color:#396a9a}.header-credit-next-event__icon svg{width:15px;height:15px}.header-credit-next-event>div{gap:2px;min-width:0;display:grid}.header-credit-next-event>div span{color:var(--muted);font:700 7px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.header-credit-next-event>div strong{font-size:10px;line-height:1.15}.header-credit-next-event__timing{color:var(--muted);font:680 9px/1 var(--font-mono);white-space:nowrap}.header-credit-next-event>b{font:780 11px/1 var(--font-mono);white-space:nowrap;grid-column:4}.header-credit-activity-footer{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.header-credit-activity-footer{background:color-mix(in oklch, var(--surface) 82%, var(--bg))}}.header-credit-activity-footer{color:var(--fg);border-radius:0 0 18px 18px}@supports (color:color-mix(in lab, red, red)){.header-credit-activity-footer{color:color-mix(in oklch, var(--fg) 68%, var(--muted))}}.header-credit-activity-footer{grid-template-columns:18px minmax(0,1fr) 16px;gap:8px;width:100%;min-height:39px;padding:9px 14px 10px;font-size:10px;font-weight:720;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.header-credit-activity-footer svg{width:15px;height:15px;transition:transform .15s}.header-credit-activity-footer svg:last-child{color:var(--accent)}.header-credit-activity-footer:hover{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.header-credit-activity-footer:hover{background:color-mix(in oklch, var(--vivid-yellow-soft) 34%, var(--surface))}}.header-credit-activity-footer:hover{color:var(--fg)}.header-credit-activity-footer:hover svg:last-child{transform:translate(2px)}.credit-pill svg{flex:none;width:14px;height:14px}.credit-pill.is-low{background:var(--vivid-yellow-soft);border-color:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.credit-pill.is-low{border-color:color-mix(in oklch, var(--vivid-yellow) 30%, transparent)}}.credit-pill.is-low{color:#a07020}.credit-pill.is-empty{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.credit-pill.is-empty{border-color:color-mix(in oklch, var(--danger) 18%, transparent)}}.credit-pill.is-empty{color:var(--danger)}.user-menu-root{position:relative}.user-avatar{background:var(--accent);color:var(--surface);border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:13px;font-weight:800;transition:box-shadow .15s;display:flex}.user-avatar:hover{box-shadow:0 0 0 3px var(--focus-ring)}.user-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 14px 36px var(--fg)}@supports (color:color-mix(in lab, red, red)){.user-menu{box-shadow:0 14px 36px color-mix(in oklch, var(--fg) 12%, transparent)}}.user-menu{z-index:100;min-width:208px;padding:6px;display:none;position:absolute;top:44px;right:0}.user-menu.is-open{display:block}.user-menu a,.user-menu button{color:var(--fg);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.user-menu a:hover,.user-menu button:hover{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.user-menu a:hover,.user-menu button:hover{background:color-mix(in oklch, var(--vivid-yellow-soft) 50%, transparent)}}.user-menu a:hover,.user-menu button:hover{color:var(--accent)}.user-menu button:disabled{opacity:.7}.user-menu svg{color:var(--muted);flex:none;width:16px;height:16px}.user-menu .menu-divider{background:var(--border);height:1px;margin:4px 0}.workspace-layout{background:radial-gradient(70% 90% at 12% 0%, var(--vivid-yellow-soft) 0%, transparent 52%), radial-gradient(52% 72% at 100% 16%, var(--accent-soft) 0%, transparent 48%), linear-gradient(180deg, var(--bg) 0%, var(--bg) 58%, var(--bg) 100%)}@supports (color:color-mix(in lab, red, red)){.workspace-layout{background:radial-gradient(70% 90% at 12% 0%, color-mix(in oklch, var(--vivid-yellow-soft) 72%, transparent) 0%, transparent 52%), radial-gradient(52% 72% at 100% 16%, color-mix(in oklch, var(--accent-soft) 58%, transparent) 0%, transparent 48%), linear-gradient(180deg, color-mix(in oklch, var(--bg) 92%, var(--surface)) 0%, var(--bg) 58%, color-mix(in oklch, var(--bg) 88%, var(--surface)) 100%)}}.workspace-layout{border:1px solid var(--border);grid-template-columns:64px minmax(0,1fr) 280px;display:grid}@supports (color:color-mix(in lab, red, red)){.workspace-layout{border:1px solid color-mix(in oklch, var(--border) 78%, var(--vivid-yellow-soft))}}.workspace-layout{box-shadow:0 24px 64px var(--fg);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.workspace-layout{box-shadow:0 24px 64px color-mix(in oklch, var(--fg) 8%, transparent)}}.workspace-layout{width:min(100% - 48px,1400px);min-height:calc(100vh - 114px);margin:24px auto;overflow:hidden}.workspace-rail{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.workspace-rail{background:color-mix(in oklch, var(--surface) 58%, transparent)}}.workspace-rail{border-right:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.workspace-rail{border-right:1px solid color-mix(in oklch, var(--border) 70%, transparent)}}.workspace-rail{flex-direction:column;gap:6px;padding:18px 0;display:flex}.rail-item{border-radius:var(--radius);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,color .15s;display:flex;position:relative}.rail-item:hover{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.rail-item:hover{background:color-mix(in oklch, var(--vivid-yellow-soft) 60%, transparent)}}.rail-item:hover{color:var(--fg)}.rail-item.is-active{background:var(--accent-soft);color:var(--accent)}.rail-item svg{width:20px;height:20px}.rail-badge{background:var(--vivid-yellow);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.workspace-main{align-content:start;gap:28px;padding:clamp(24px,4vw,36px);display:grid}.workspace-section{align-content:start;gap:18px;display:grid}.workspace-panel{align-content:start;gap:22px;min-width:0;display:grid}.workspace-mobile-tabs{display:none}.workspace-tab{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.workspace-tab{background:color-mix(in oklch, var(--surface) 72%, var(--bg))}}.workspace-tab{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.workspace-tab{border:1px solid color-mix(in oklch, var(--border) 82%, transparent)}}.workspace-tab{border-radius:var(--radius);color:var(--muted);min-height:40px;padding:8px 12px;font-size:13px;font-weight:750}.workspace-tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.workspace-heading h1{font-size:clamp(28px,4vw,38px);line-height:1.12}.workspace-heading h2{font-size:clamp(20px,2.5vw,26px)}.low-credit-alert{background:radial-gradient(120% 200% at 0% 50%, var(--vivid-yellow-soft) 0%, transparent 50%), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.low-credit-alert{background:radial-gradient(120% 200% at 0% 50%, var(--vivid-yellow-soft) 0%, transparent 50%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.low-credit-alert{border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.low-credit-alert{border:1px solid color-mix(in oklch, var(--vivid-yellow) 30%, var(--border))}}.low-credit-alert{border-radius:var(--radius);gap:12px;padding:12px 16px;display:flex}.low-credit-alert.is-empty{background:radial-gradient(120% 200% at 0% 50%, var(--danger-soft) 0%, transparent 50%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.low-credit-alert.is-empty{background:radial-gradient(120% 200% at 0% 50%, var(--danger-soft) 0%, transparent 50%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.low-credit-alert.is-empty{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.low-credit-alert.is-empty{border-color:color-mix(in oklch, var(--danger) 24%, var(--border))}}.low-credit-alert svg{color:var(--vivid-yellow);flex:none;width:18px;height:18px}.low-credit-alert.is-empty svg{color:var(--danger)}.low-credit-alert p{color:var(--muted);flex:1;font-size:13px}.low-credit-alert p strong{color:var(--fg)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.gallery-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.gallery-card{background:color-mix(in oklch, var(--surface) 90%, var(--bg))}}.gallery-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px var(--fg)}@supports (color:color-mix(in lab, red, red)){.gallery-card{box-shadow:0 10px 28px color-mix(in oklch, var(--fg) 5%, transparent)}}.gallery-card{transition:box-shadow .15s,transform .15s;display:block;overflow:hidden}.gallery-card:hover{box-shadow:0 14px 36px var(--fg)}@supports (color:color-mix(in lab, red, red)){.gallery-card:hover{box-shadow:0 14px 36px color-mix(in oklch, var(--fg) 8%, transparent)}}.gallery-card:hover{transform:translateY(-2px)}.gallery-card--link:focus-visible{outline-offset:4px}.gallery-card__preview{aspect-ratio:1;background:linear-gradient(90deg, var(--border) 1px, transparent 1px), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.gallery-card__preview{background:linear-gradient(90deg, color-mix(in oklch, var(--border) 45%, transparent) 1px, transparent 1px), color-mix(in oklch, var(--surface) 86%, var(--bg))}}.gallery-card__preview{border-bottom:1px solid var(--border);background-size:24px 100%;justify-content:center;padding:14px;display:flex}.gallery-card__preview img{object-fit:contain;width:100%;height:100%}.gallery-card__body{padding:12px 14px}.gallery-card__body h3{font-family:var(--font-body);font-size:13px;font-weight:650}.gallery-card__body time{color:var(--muted);font-family:var(--font-mono);margin-top:3px;font-size:11px;display:block}.gallery-card__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;display:flex}.gallery-card__meta>span:last-child{color:var(--muted);font-family:var(--font-mono);font-size:11px}.gallery-card__actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.gallery-card__actions .btn{min-height:44px;padding-inline:8px}.gallery-card__status{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.gallery-card__status.is-ready{background:var(--vivid-mint-soft);color:var(--accent2)}.gallery-card__status.is-generating{background:var(--vivid-yellow-soft);color:#a07020}.gallery-card__status.is-failed{background:var(--danger-soft);color:var(--danger)}.gallery-card__status.is-expired{background:var(--border)}@supports (color:color-mix(in lab, red, red)){.gallery-card__status.is-expired{background:color-mix(in oklch, var(--border) 52%, var(--surface))}}.gallery-card__status.is-expired{color:var(--muted)}.ph-coloring{background:repeating-linear-gradient(0deg, transparent, transparent 18px, var(--border) 18px, var(--border) 19px), repeating-linear-gradient(90deg, transparent, transparent 18px, var(--border) 18px, var(--border) 19px)}@supports (color:color-mix(in lab, red, red)){.ph-coloring{background:repeating-linear-gradient(0deg, transparent, transparent 18px, color-mix(in oklch, var(--border) 50%, transparent) 18px, color-mix(in oklch, var(--border) 50%, transparent) 19px), repeating-linear-gradient(90deg, transparent, transparent 18px, color-mix(in oklch, var(--border) 50%, transparent) 18px, color-mix(in oklch, var(--border) 50%, transparent) 19px)}}.ph-coloring{border-radius:4px;width:80%;height:80%}.gallery-empty-state{background:radial-gradient(80% 120% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 52%), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.gallery-empty-state{background:radial-gradient(80% 120% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 52%), color-mix(in oklch, var(--surface) 96%, var(--bg))}}.gallery-empty-state{border:1px dashed var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.gallery-empty-state{border:1px dashed color-mix(in oklch, var(--vivid-sky) 36%, var(--border))}}.gallery-empty-state{border-radius:var(--radius);text-align:center;justify-items:center;gap:12px;min-height:280px;padding:28px;display:grid}.gallery-empty-state .ph-coloring{width:96px;height:96px}.gallery-empty-state h2{font-size:clamp(20px,3vw,26px)}.gallery-empty-state p{color:var(--muted);font-size:14px}.gallery-nudge{background:radial-gradient(80% 120% at 100% 100%, var(--vivid-mint-soft) 0%, transparent 50%), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.gallery-nudge{background:radial-gradient(80% 120% at 100% 100%, color-mix(in oklch, var(--vivid-mint-soft) 64%, transparent) 0%, transparent 50%), color-mix(in oklch, var(--surface) 84%, var(--bg))}}.gallery-nudge{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.gallery-nudge{border:1px solid color-mix(in oklch, var(--border) 82%, transparent)}}.gallery-nudge{border-radius:var(--radius);gap:20px;padding:24px;display:flex}.gallery-nudge__content{flex:1}.gallery-nudge__content h3{font-size:15px}.gallery-nudge__content p{color:var(--muted);margin-top:4px;font-size:13px}.gallery-nudge__content ul{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.gallery-nudge__content li{background:var(--vivid-mint-soft);color:var(--accent2);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}body.my-pages-drawer-open{overflow:hidden}.my-pages-gallery{gap:18px}.my-pages-gallery__heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.my-pages-gallery__heading h1{letter-spacing:-.018em;font-size:clamp(32px,3.2vw,42px);line-height:1.08}.my-pages-gallery__heading .btn svg{width:16px;height:16px}.my-pages-toolbar{grid-template-columns:auto minmax(180px,1fr) 150px;align-items:center;gap:12px;display:grid}.my-pages-filter-tabs{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.my-pages-filter-tabs{background:color-mix(in oklch, var(--surface) 72%, var(--bg))}}.my-pages-filter-tabs{border:1px solid var(--border);border-radius:10px;padding:3px;display:flex}.my-pages-filter-tab{color:var(--muted);background:0 0;border:0;border-radius:7px;min-height:34px;padding:7px 13px;font-size:12px;font-weight:700}.my-pages-filter-tab:hover{color:var(--fg)}.my-pages-filter-tab.is-active{background:var(--surface);box-shadow:0 1px 5px var(--fg)}@supports (color:color-mix(in lab, red, red)){.my-pages-filter-tab.is-active{box-shadow:0 1px 5px color-mix(in oklch, var(--fg) 8%, transparent)}}.my-pages-filter-tab.is-active{color:var(--fg)}.my-pages-search,.my-pages-sort{min-width:0;position:relative}.my-pages-search svg{color:var(--muted);width:17px;height:17px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.my-pages-search input,.my-pages-sort select{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.my-pages-search input,.my-pages-sort select{background:color-mix(in oklch, var(--surface) 92%, var(--bg))}}.my-pages-search input,.my-pages-sort select{border:1px solid var(--border);color:var(--fg);border-radius:10px;min-height:42px}.my-pages-search input{width:100%;padding:10px 13px 10px 40px}.my-pages-search input::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.my-pages-search input::placeholder{color:color-mix(in oklch, var(--muted) 76%, transparent)}}.my-pages-sort select{width:100%;padding:9px 34px 9px 12px}.my-pages-search input:focus,.my-pages-sort select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.my-pages-subline{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.my-pages-subline strong{color:var(--fg);font-weight:700}.my-pages-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.my-pages-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.my-pages-card{background:color-mix(in oklch, var(--surface) 92%, var(--bg))}}.my-pages-card{border:1px solid var(--border);box-shadow:0 10px 28px var(--fg);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.my-pages-card{box-shadow:0 10px 28px color-mix(in oklch, var(--fg) 5%, transparent)}}.my-pages-card{min-width:0;transition:box-shadow .16s,transform .16s;position:relative;overflow:hidden}.my-pages-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.my-pages-card:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.my-pages-card:focus-within{border-color:color-mix(in oklch, var(--accent) 46%, var(--border))}}.my-pages-card__open{cursor:pointer;z-index:2;background:0 0;border:0;padding:0;position:absolute;inset:0}.my-pages-card__open:focus-visible{outline-offset:-4px;border-radius:10px}.my-pages-card__preview{aspect-ratio:4/3;background:linear-gradient(90deg, var(--border) 1px, transparent 1px), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.my-pages-card__preview{background:linear-gradient(90deg, color-mix(in oklch, var(--border) 40%, transparent) 1px, transparent 1px), color-mix(in oklch, var(--surface) 86%, var(--bg))}}.my-pages-card__preview{border-bottom:1px solid var(--border);background-size:22px 100%;justify-content:center;padding:11px;display:flex;overflow:hidden}.my-pages-paper-thumb{background:var(--surface);border:1px solid var(--border);align-items:center}@supports (color:color-mix(in lab, red, red)){.my-pages-paper-thumb{border:1px solid color-mix(in oklch, var(--border) 82%, transparent)}}.my-pages-paper-thumb{box-shadow:0 4px 12px var(--fg)}@supports (color:color-mix(in lab, red, red)){.my-pages-paper-thumb{box-shadow:0 4px 12px color-mix(in oklch, var(--fg) 6%, transparent)}}.my-pages-paper-thumb{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.my-pages-paper-thumb{color:color-mix(in oklch, var(--fg) 84%, var(--muted))}}.my-pages-paper-thumb{justify-content:center;width:100%;max-width:82%;height:100%;display:flex;overflow:hidden}.my-pages-paper-thumb img{object-fit:contain;width:100%;height:100%}.my-pages-image-fallback{color:var(--muted);text-align:center;place-items:center;gap:7px;display:grid}.my-pages-image-fallback svg{width:28px;height:28px}.my-pages-image-fallback span{font-size:11px}.my-pages-card__body{gap:7px;min-height:118px;padding:11px 12px 13px;display:grid}.my-pages-card__badges{justify-content:space-between;align-items:center;gap:6px;display:flex}.my-pages-badge{font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:750;display:inline-flex}.my-pages-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.my-pages-badge--text{background:var(--vivid-mint-soft);color:var(--accent2)}.my-pages-badge--photo{background:var(--vivid-sky-soft);color:var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.my-pages-badge--photo{color:color-mix(in oklch, var(--vivid-sky) 74%, var(--fg))}}.my-pages-badge--private{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.my-pages-badge--private{background:color-mix(in oklch, var(--fg) 6%, transparent)}}.my-pages-badge--private{color:var(--fg)}.my-pages-card__body h2{font-family:var(--font-display);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.my-pages-card__date{color:var(--muted);font-family:var(--font-mono);letter-spacing:.01em;align-self:end;font-size:11px}.my-pages-skeleton-card{pointer-events:none}.my-pages-skeleton{background:linear-gradient(100deg, var(--fg) 20%, var(--surface) 42%, var(--fg) 64%);animation:1.2s ease-in-out infinite my-pages-shimmer}@supports (color:color-mix(in lab, red, red)){.my-pages-skeleton{background:linear-gradient(100deg, color-mix(in oklch, var(--fg) 6%, transparent) 20%, color-mix(in oklch, var(--surface) 78%, color-mix(in oklch, var(--fg) 6%, transparent)) 42%, color-mix(in oklch, var(--fg) 6%, transparent) 64%)}}.my-pages-skeleton{background-size:220% 100%;border-radius:6px}.my-pages-skeleton-preview{aspect-ratio:4/3;border-bottom:1px solid var(--border);border-radius:0}.my-pages-skeleton-body{gap:9px;padding:13px;display:grid}.my-pages-skeleton-chip{width:54px;height:18px}.my-pages-skeleton-line{width:88%;height:10px}.my-pages-skeleton-line.is-short{width:52%}.my-pages-sidebar-skeleton{width:100%;height:132px}@keyframes my-pages-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.my-pages-skeleton{animation:none}}.my-pages-empty-state{background:radial-gradient(75% 110% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 54%), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.my-pages-empty-state{background:radial-gradient(75% 110% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 54%), color-mix(in oklch, var(--surface) 96%, var(--bg))}}.my-pages-empty-state{border:1px dashed var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.my-pages-empty-state{border:1px dashed color-mix(in oklch, var(--vivid-sky) 34%, var(--border))}}.my-pages-empty-state{text-align:center;border-radius:16px;justify-items:center;gap:12px;min-height:330px;padding:32px;display:grid}.my-pages-empty-art{color:var(--muted);width:82px;height:82px}.my-pages-empty-state h2{font-size:24px}.my-pages-empty-state p{color:var(--muted);max-width:42ch}.my-pages-load-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding-top:4px;display:flex}.my-pages-drawer-backdrop{background:var(--fg);animation:.18s both my-pages-backdrop-in}@supports (color:color-mix(in lab, red, red)){.my-pages-drawer-backdrop{background:color-mix(in oklch, var(--fg) 34%, transparent)}}.my-pages-drawer-backdrop{z-index:78;border:0;position:fixed;inset:66px 0 0}.my-pages-detail-drawer{background:var(--surface);border-left:1px solid var(--border);box-shadow:-20px 0 48px var(--fg);animation:.22s cubic-bezier(.22,1,.36,1) both my-pages-drawer-in;bottom:0}@supports (color:color-mix(in lab, red, red)){.my-pages-detail-drawer{box-shadow:-20px 0 48px color-mix(in oklch, var(--fg) 14%, transparent)}}.my-pages-detail-drawer{z-index:79;grid-template-rows:auto minmax(0,1fr) auto;width:460px;max-width:calc(100vw - 64px);display:grid;position:fixed;top:66px;right:0}@keyframes my-pages-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes my-pages-drawer-in{0%{transform:translate(104%)}to{transform:translate(0)}}.my-pages-drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.my-pages-drawer__header>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.my-pages-drawer__close{background:var(--fg);align-items:center}@supports (color:color-mix(in lab, red, red)){.my-pages-drawer__close{background:color-mix(in oklch, var(--fg) 6%, transparent)}}.my-pages-drawer__close{color:var(--fg);border:0;border-radius:50%;justify-content:center;width:34px;height:34px;display:flex}.my-pages-drawer__close:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.my-pages-drawer__close:hover{background:color-mix(in oklch, var(--fg) 11%, transparent)}}.my-pages-drawer__close svg{width:17px;height:17px}.my-pages-drawer__scroll{padding:20px;overflow-y:auto}.my-pages-drawer__preview{aspect-ratio:4/3;background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.my-pages-drawer__preview{background:color-mix(in oklch, var(--surface) 86%, var(--bg))}}.my-pages-drawer__preview{border:1px solid var(--border);border-radius:10px;justify-content:center;margin-bottom:20px;padding:18px;display:flex}.my-pages-drawer__preview .my-pages-paper-thumb{max-width:74%}.my-pages-drawer__scroll>h2{margin-bottom:10px;font-size:25px}.my-pages-drawer__prompt{color:var(--muted);max-width:65ch;margin-bottom:20px;font-size:14px;line-height:1.6}.my-pages-detail-list{border-top:1px solid var(--border);display:grid}.my-pages-detail-list>div{border-bottom:1px solid var(--border);grid-template-columns:126px 1fr;align-items:start;gap:16px;padding:11px 0;display:grid}.my-pages-detail-list dt{color:var(--muted);font-size:12px}.my-pages-detail-list dd{overflow-wrap:anywhere;text-align:right;margin:0;font-size:13px;font-weight:650}.my-pages-drawer__actions{background:var(--surface);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px 20px;display:grid}.my-pages-drawer__actions .btn svg{width:16px;height:16px}.my-pages-download--png{background:var(--accent2);border-color:var(--accent2)}.my-pages-download--png:hover{background:var(--accent2)}@supports (color:color-mix(in lab, red, red)){.my-pages-download--png:hover{background:color-mix(in oklch, var(--accent2) 86%, var(--fg))}}@media (max-width:1180px){.my-pages-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){body:has(.my-pages-gallery) .workspace-mobile-tabs{grid-template-columns:repeat(4,minmax(72px,1fr));padding-bottom:2px;overflow-x:auto}.workspace-main{padding:18px 15px 30px}.my-pages-gallery__heading{align-items:center}.my-pages-gallery__heading h1{font-size:30px}.my-pages-gallery__heading .btn{min-height:40px;padding:9px 12px}.my-pages-toolbar{grid-template-columns:1fr 120px}.my-pages-filter-tabs{grid-column:1/-1;overflow-x:auto}.my-pages-filter-tab{flex:1;min-width:68px}.my-pages-subline{align-items:flex-start;gap:8px}.my-pages-subline span:last-child{text-align:right}.my-pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.my-pages-card__preview{padding:8px}.my-pages-paper-thumb{max-width:90%}.my-pages-card__body{gap:6px;min-height:126px;padding:9px}.my-pages-card__badges{flex-direction:column;align-items:flex-start;gap:4px}.my-pages-card__body h2{min-height:36px;font-size:13px}.my-pages-empty-state{min-height:300px;padding:24px 18px}.my-pages-detail-drawer{border-left:0;width:100%;max-width:none}.my-pages-drawer__scroll{padding:16px}.my-pages-drawer__preview{padding:14px}.my-pages-drawer__scroll>h2{font-size:23px}.my-pages-drawer__actions{padding:14px 16px 18px}}@media (prefers-reduced-motion:reduce){.my-pages-drawer-backdrop,.my-pages-detail-drawer{animation:none}}@media (max-width:390px){.my-pages-toolbar{grid-template-columns:1fr}.my-pages-filter-tabs{grid-column:auto}.my-pages-gallery__heading .btn span{display:none}.my-pages-gallery__heading .btn{width:42px}}.btn-upgrade{background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 6px 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-upgrade{box-shadow:0 6px 18px color-mix(in oklch, var(--accent) 30%, transparent)}}.btn-upgrade{color:var(--surface);font-weight:800}.btn-upgrade:hover{box-shadow:0 10px 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-upgrade:hover{box-shadow:0 10px 28px color-mix(in oklch, var(--accent) 40%, transparent)}}.btn-upgrade:hover{transform:translateY(-1px)}.billing-panel{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.billing-panel{background:color-mix(in oklch, var(--surface) 90%, var(--bg))}}.billing-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px var(--fg)}@supports (color:color-mix(in lab, red, red)){.billing-panel{box-shadow:0 10px 28px color-mix(in oklch, var(--fg) 5%, transparent)}}.billing-panel{padding:22px}.billing-panel>span{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:800}.billing-panel h3{margin-top:6px;font-size:18px}.billing-panel p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.65}.activity-panel{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.activity-panel{background:color-mix(in oklch, var(--surface) 96%, var(--bg))}}.activity-panel{border:1px solid var(--border);box-shadow:0 10px 26px var(--fg);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.activity-panel{box-shadow:0 10px 26px color-mix(in oklch, var(--fg) 5%, transparent)}}.activity-panel{margin-top:6px;padding:22px 24px}.activity-panel .section-heading--compact{align-items:end;margin-bottom:0}.activity-order{color:var(--muted);font:680 8px/1 var(--font-mono);text-transform:uppercase}.activity-panel .account-list{gap:0;margin-top:16px}.activity-panel .account-list li{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:14px 2px}.activity-panel .account-list li>div{gap:3px;display:grid}.activity-panel .account-list li>div>strong{font-size:12px}.activity-panel .account-list li>div>time{color:var(--muted);font-size:10px}.activity-panel .account-list .account-activity-mark{color:var(--vivid-sky);align-items:center;margin:0;font-size:15px;display:flex}.activity-panel .account-list .account-activity-mark[data-direction=plus]{color:#936411}.activity-panel .account-list .account-activity-delta{color:var(--fg);font:760 11px/1.2 var(--font-mono);text-align:right;margin:0}.activity-panel .account-list .account-activity-delta[data-direction=plus]{color:var(--accent2)}.billing-panel{gap:12px;max-width:680px;display:grid}.workspace-sidebar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.workspace-sidebar{background:color-mix(in oklch, var(--surface) 56%, transparent)}}.workspace-sidebar{border-left:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.workspace-sidebar{border-left:1px solid color-mix(in oklch, var(--border) 72%, transparent)}}.workspace-sidebar{flex-direction:column;gap:18px;padding:22px 18px;display:flex;overflow-y:auto}.sidebar-section{gap:10px;display:grid}.sidebar-section h3{color:var(--muted);font-family:var(--font-mono);letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:800}.credit-summary-card{background:radial-gradient(90% 120% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 46%), radial-gradient(80% 120% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 42%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.credit-summary-card{background:radial-gradient(90% 120% at 0% 0%, var(--vivid-yellow-soft) 0%, transparent 46%), radial-gradient(80% 120% at 100% 100%, var(--vivid-sky-soft) 0%, transparent 42%), color-mix(in oklch, var(--surface) 88%, var(--bg))}}.credit-summary-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:16px}.credit-summary-card .balance-row{align-items:baseline;gap:8px;display:flex}.credit-summary-card__token{color:var(--accent2);width:34px;height:34px}.credit-summary-card .balance-number{color:var(--fg);font-family:var(--font-mono);font-size:32px;font-weight:800;line-height:1}.credit-summary-card .balance-label{color:var(--muted);font-size:13px}.credit-buckets{gap:8px;margin-top:14px;display:grid}.credit-bucket{border-bottom:1px solid var(--border);align-items:center}@supports (color:color-mix(in lab, red, red)){.credit-bucket{border-bottom:1px solid color-mix(in oklch, var(--border) 60%, transparent)}}.credit-bucket{justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.credit-bucket:last-child{border-bottom:0}.credit-bucket span:first-child{color:var(--muted)}.credit-bucket span:last-child{font-family:var(--font-mono);font-weight:700}.plan-indicator{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.plan-indicator{background:color-mix(in oklch, var(--surface) 86%, var(--bg))}}.plan-indicator{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.plan-indicator>.billing-action{width:100%;display:block}.plan-indicator .plan-name{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.plan-indicator .pill{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.plan-indicator .plan-usage{margin-top:10px}.plan-indicator .usage-bar{background:var(--border);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.plan-indicator .usage-bar__fill{background:var(--accent2);border-radius:3px;height:100%;transition:width .3s}.plan-indicator .usage-labels{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.sidebar-upsell{background:radial-gradient(100% 140% at 100% 0%, var(--vivid-pink-soft) 0%, transparent 50%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.sidebar-upsell{background:radial-gradient(100% 140% at 100% 0%, var(--vivid-pink-soft) 0%, transparent 50%), color-mix(in oklch, var(--surface) 96%, var(--bg))}}.sidebar-upsell{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.sidebar-upsell{border:1px solid color-mix(in oklch, var(--accent) 20%, var(--border))}}.sidebar-upsell{border-radius:var(--radius);box-shadow:0 10px 28px var(--fg)}@supports (color:color-mix(in lab, red, red)){.sidebar-upsell{box-shadow:0 10px 28px color-mix(in oklch, var(--fg) 5%, transparent)}}.sidebar-upsell{padding:16px}.billing-upsell-card{background:radial-gradient(90% 120% at 100% 0%, var(--vivid-yellow-soft) 0%, transparent 54%), var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.billing-upsell-card{background:radial-gradient(90% 120% at 100% 0%, color-mix(in oklch, var(--vivid-yellow-soft) 68%, transparent) 0%, transparent 54%), color-mix(in oklch, var(--surface) 86%, var(--bg))}}.billing-upsell-card{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.billing-upsell-card{border:1px solid color-mix(in oklch, var(--border) 82%, transparent)}}.billing-upsell-card{border-radius:var(--radius);justify-content:space-between;gap:18px;max-width:680px;padding:18px;display:flex}.billing-upsell-card .pro-badge{background:var(--accent);color:var(--surface);letter-spacing:.4px;text-transform:uppercase;border-radius:4px;align-items:center;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.billing-upsell-card h3{font-family:var(--font-body);margin-top:8px;font-size:15px;font-weight:800}.billing-upsell-card p{color:var(--muted);max-width:520px;margin-top:4px;font-size:13px;line-height:1.55}.sidebar-upsell .pro-badge{background:var(--accent);color:var(--surface);letter-spacing:.5px;text-transform:uppercase;border-radius:4px;align-items:center;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.sidebar-upsell h3{color:var(--fg);font-family:var(--font-display);letter-spacing:0;text-transform:none;margin-top:10px;font-size:14px}.sidebar-upsell ul{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.sidebar-upsell li{color:var(--muted);padding-left:16px;font-size:12px;position:relative}.sidebar-upsell li:before{background:var(--accent2);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:0}.sidebar-upsell .price{color:var(--fg);margin-top:8px;font-size:13px;font-weight:700}.sidebar-upsell .price del{color:var(--muted);margin-right:4px;font-weight:400}.sidebar-upgrade-link{border-top:1px solid var(--border);color:var(--accent);text-align:left;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:10px 0 0;font-size:11px;font-weight:760;display:flex}.sidebar-upgrade-link:hover{color:var(--accent-strong)}.sidebar-actions{gap:8px;display:grid}.sidebar-action-item{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.sidebar-action-item{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.sidebar-action-item{border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);gap:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.sidebar-action-item:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.sidebar-action-item:hover{border-color:color-mix(in oklch, var(--accent) 44%, var(--border))}}.sidebar-action-item:hover{color:var(--accent)}.sidebar-action-item svg{color:var(--muted)}.workspace-support-strip{grid-template-columns:minmax(0,1fr) auto}.site-footer{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.site-footer{background:color-mix(in oklch, var(--fg) 94%, #000)}}.site-footer{color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.site-footer{color:color-mix(in oklch, var(--surface) 84%, var(--bg))}}.site-footer{margin-top:auto;padding-block:44px 28px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:28px;display:grid}.footer-brand{color:var(--surface);font-family:var(--font-display);font-size:22px;font-weight:700}.footer-col h2,.footer-col h3{color:var(--surface);font-family:var(--font-body);text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.footer-col p,.footer-bottom{color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.footer-col p,.footer-bottom{color:color-mix(in oklch, var(--surface) 64%, var(--muted))}}.footer-col p,.footer-bottom{font-size:13px;line-height:1.6}.footer-links{gap:9px;display:grid}.footer-links a{color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.footer-links a{color:color-mix(in oklch, var(--surface) 78%, var(--muted))}}.footer-links a{font-size:13px}.footer-links a:hover{color:var(--vivid-yellow-soft)}.footer-bottom{border-top:1px solid var(--surface)}@supports (color:color-mix(in lab, red, red)){.footer-bottom{border-top:1px solid color-mix(in oklch, var(--surface) 16%, transparent)}}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:18px;display:flex}.footer-bottom a{color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.footer-bottom a{color:color-mix(in oklch, var(--surface) 78%, var(--muted))}}.footer-bottom a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--vivid-yellow-soft)}.home-featured-on{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-featured-on{background:color-mix(in oklch, var(--fg) 94%, #000)}}.home-featured-on{padding-top:28px}.home-featured-on .container{justify-content:center;display:flex}.taaft-featured-badge{width:min(300px,100%);display:block}.taaft-featured-badge img{max-width:100%;height:auto;display:block}.taaft-featured-badge:focus-visible{outline:3px solid var(--vivid-yellow-soft);outline-offset:4px;border-radius:6px}.home-page{background:var(--surface)}.home-hero{background:linear-gradient(180deg, var(--vivid-yellow-soft) 0%, var(--bg) 50%, var(--surface) 100%);padding-block:76px 54px}.home-hero__inner{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:58px;display:grid}.home-hero__copy{gap:24px;display:grid}.home-hero__copy h1{max-width:620px;font-size:56px}.home-tints{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.home-prompt-entry{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-prompt-entry{background:color-mix(in oklch, var(--surface) 82%, var(--bg))}}.home-prompt-entry{border:1px solid var(--border);border-radius:var(--radius);gap:10px;max-width:560px;padding:14px;display:grid}.home-prompt-entry label{color:var(--fg);font-size:13px;font-weight:800}.home-prompt-entry__row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.home-prompt-entry__row .btn{min-width:118px}.home-prompt-entry p{color:var(--muted);font-size:12px;line-height:1.45}.home-tints small{color:var(--muted);font-family:var(--font-mono);margin-left:6px;font-size:11px;font-weight:700}.home-tint{border:2px solid var(--surface);box-shadow:0 2px 8px var(--fg);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.home-tint{box-shadow:0 2px 8px color-mix(in oklch, var(--fg) 10%, transparent)}}.home-tint{width:22px;height:22px}.home-tint--pink{background:var(--vivid-pink)}.home-tint--yellow{background:var(--vivid-yellow)}.home-tint--sky{background:var(--vivid-sky)}.home-tint--mint{background:var(--accent2)}.home-showcase{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 28px 74px var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-showcase{box-shadow:0 28px 74px color-mix(in oklch, var(--accent) 14%, transparent)}}.home-showcase{padding:18px}.home-showcase__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.home-showcase__head span:first-child{font-size:13px;font-weight:800}.home-compare,.home-example-card__preview{--split:42%;aspect-ratio:1.18;background:linear-gradient(90deg, var(--border) 1px, transparent 1px), var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-compare,.home-example-card__preview{background:linear-gradient(90deg, color-mix(in oklch, var(--border) 45%, transparent) 1px, transparent 1px), var(--surface)}}.home-compare,.home-example-card__preview{border:1px solid var(--border);border-radius:var(--radius);isolation:isolate;background-size:24px 100%;position:relative;overflow:hidden}.home-hero .home-compare{--split:36%}.home-compare__image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;padding:22px}.home-compare__image--after{background:var(--accent2)}@supports (color:color-mix(in lab, red, red)){.home-compare__image--after{background:color-mix(in oklch, var(--accent2) 6%, var(--surface))}}.home-compare__image--after{filter:saturate(1.06)}.home-compare__image--before{background:var(--surface);clip-path:inset(0 calc(100% - var(--split)) 0 0)}.home-compare__handle{background:linear-gradient(90deg, transparent calc(50% - 1px), var(--surface) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));bottom:0;left:var(--split);z-index:7;width:54px;position:absolute;top:0;transform:translate(-50%)}.home-compare__handle:after{background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 24px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.home-compare__handle:after{box-shadow:0 10px 24px color-mix(in oklch, var(--fg) 14%, transparent)}}.home-compare__handle:after{color:var(--accent);content:"<>";font-family:var(--font-mono);text-align:center;width:42px;padding-bottom:1px;font-size:11px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-proof-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.home-proof-row span{border-top:1px solid var(--border);color:var(--muted);padding-top:10px;font-size:11px;line-height:1.35;display:block}.home-proof-row strong{color:var(--fg);margin-bottom:2px;font-size:12px;line-height:1.25;display:block}.home-proof-strip{background:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.home-proof-strip{background:color-mix(in oklch, var(--vivid-yellow) 9%, var(--surface))}}.home-proof-strip{border-block:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.home-proof-strip{border-block:1px solid color-mix(in oklch, var(--vivid-yellow) 22%, var(--border))}}.home-proof-strip{padding-block:20px}.home-proof-strip__inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 44px;display:flex}.proof-check{aspect-ratio:1;border:2px solid var(--accent2);border-radius:999px;width:18px;display:inline-block;position:relative}.proof-check:after{border-bottom:2px solid var(--accent2);border-right:2px solid var(--accent2);content:"";width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.home-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.home-tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:15px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.home-tool-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-tool-card:hover{border-color:color-mix(in oklch, var(--accent) 48%, var(--border))}}.home-tool-card:hover{box-shadow:0 12px 26px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-tool-card:hover{box-shadow:0 12px 26px color-mix(in oklch, var(--fg) 7%, transparent)}}.home-tool-card:hover{transform:translateY(-2px)}.home-tool-card strong,.home-tool-card small{display:block}.home-tool-card strong{font-size:16px;line-height:1.25}.home-tool-card small{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.5}.home-tool-card__icon,.home-usecase-card__icon{aspect-ratio:1;border-radius:var(--radius);flex:none;width:46px}.home-tool-card[data-tone=sky] .home-tool-card__icon,.home-usecase-card[data-use-case=teachers] .home-usecase-card__icon{background:var(--vivid-sky-soft);border:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.home-tool-card[data-tone=sky] .home-tool-card__icon,.home-usecase-card[data-use-case=teachers] .home-usecase-card__icon{border:1px solid color-mix(in oklch, var(--vivid-sky) 30%, var(--border))}}.home-tool-card[data-tone=pink] .home-tool-card__icon,.home-usecase-card[data-use-case=parents] .home-usecase-card__icon{background:var(--vivid-pink-soft);border:1px solid var(--vivid-pink)}@supports (color:color-mix(in lab, red, red)){.home-tool-card[data-tone=pink] .home-tool-card__icon,.home-usecase-card[data-use-case=parents] .home-usecase-card__icon{border:1px solid color-mix(in oklch, var(--vivid-pink) 30%, var(--border))}}.home-tool-card[data-tone=mint] .home-tool-card__icon,.home-usecase-card[data-use-case=fans] .home-usecase-card__icon{background:var(--vivid-mint-soft);border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.home-tool-card[data-tone=mint] .home-tool-card__icon,.home-usecase-card[data-use-case=fans] .home-usecase-card__icon{border:1px solid color-mix(in oklch, var(--accent2) 30%, var(--border))}}.home-tool-card[data-tone=yellow] .home-tool-card__icon{background:var(--vivid-yellow-soft);border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.home-tool-card[data-tone=yellow] .home-tool-card__icon{border:1px solid color-mix(in oklch, var(--vivid-yellow) 34%, var(--border))}}.home-examples{background:var(--bg)}.home-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.home-example-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.home-example-card__caption{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px 14px;padding:15px 18px;display:flex}.home-example-card__caption strong{color:var(--fg)}.home-example-card__caption span{color:var(--muted);font-size:13px}.home-usecase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-usecase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.home-usecase-card[data-use-case=parents]{border-top:3px solid var(--vivid-pink)}.home-usecase-card[data-use-case=teachers]{border-top:3px solid var(--vivid-sky)}.home-usecase-card[data-use-case=fans]{border-top:3px solid var(--vivid-yellow)}.home-usecase-card h3{margin-top:14px;font-size:19px}.home-usecase-card ul{color:var(--muted);gap:7px;margin:13px 0 0;padding-left:18px;font-size:14px;line-height:1.55;display:grid}.home-cta{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 58%, var(--vivid-yellow) 145%)}@supports (color:color-mix(in lab, red, red)){.home-cta{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 92%, #000) 0%, var(--accent) 58%, var(--vivid-yellow) 145%)}}.home-cta{color:var(--surface);padding-block:68px}.home-cta__inner{text-align:center;justify-items:center;gap:18px;max-width:720px;display:grid}.home-cta .page-role,.home-cta h2{color:var(--surface)}.home-cta .page-role:before{background:var(--vivid-yellow-soft)}.home-cta .btn-primary{background:var(--surface);color:var(--accent)}.home-cta .btn-secondary{border-color:var(--surface);background:0 0}@supports (color:color-mix(in lab, red, red)){.home-cta .btn-secondary{border-color:color-mix(in oklch, var(--surface) 54%, transparent)}}.home-cta .btn-secondary{color:var(--surface)}.pricing-page{background:radial-gradient(90% 70% at 50% 0%, var(--vivid-yellow-soft) 0%, transparent 62%), linear-gradient(180deg, var(--bg) 0%, var(--surface) 44%, var(--bg) 100%)}.pricing-hero-block{padding-block:clamp(54px,8vw,92px) clamp(34px,6vw,62px)}.pricing-hero-block__inner{text-align:center;justify-items:center;gap:24px;display:grid}.pricing-hero-block h1{max-width:760px}.pricing-hero-block .lead{max-width:680px}.pricing-trust-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin-top:4px;display:flex}.pricing-trust-row span{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.pricing-trust-row span:before{background:var(--accent2);content:"";border-radius:50%;width:8px;height:8px}.pricing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pricing-plan-card,.pricing-credit-card,.pricing-pack-card,.pricing-balance-card,.pricing-release-card,.pricing-return-card,.checkout-state-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-plan-card,.pricing-credit-card,.pricing-pack-card,.pricing-balance-card,.pricing-release-card,.pricing-return-card,.checkout-state-card{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.pricing-plan-card,.pricing-credit-card,.pricing-pack-card,.pricing-balance-card,.pricing-release-card,.pricing-return-card,.checkout-state-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 30px var(--fg)}@supports (color:color-mix(in lab, red, red)){.pricing-plan-card,.pricing-credit-card,.pricing-pack-card,.pricing-balance-card,.pricing-release-card,.pricing-return-card,.checkout-state-card{box-shadow:0 12px 30px color-mix(in oklch, var(--fg) 5%, transparent)}}.pricing-plan-card{border-top:4px solid var(--vivid-mint);flex-direction:column;gap:17px;min-width:0;padding:24px;display:flex}.pricing-plan-card[data-tone=yellow]{border-top-color:var(--vivid-yellow)}.pricing-plan-card[data-tone=sky]{border-top-color:var(--vivid-sky)}.pricing-plan-card--featured{box-shadow:0 24px 60px var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.pricing-plan-card--featured{box-shadow:0 24px 60px color-mix(in oklch, var(--vivid-yellow) 26%, transparent)}}.pricing-plan-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pricing-plan-card__head .pill{flex:none}.pricing-plan-card__price{color:var(--accent);font-family:var(--font-display);font-size:clamp(25px,3vw,31px);font-weight:700;line-height:1.15}.pricing-plan-card p:not(.pricing-plan-card__price),.pricing-credit-card p,.pricing-pack-card p,.pricing-balance-card p,.pricing-release-card p,.pricing-return-card p,.checkout-state-card p{color:var(--muted);font-size:14px;line-height:1.65}.pricing-plan-card ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.55;display:grid}.pricing-plan-card .btn,.pricing-plan-card .billing-action{width:100%;margin-top:auto}.billing-action{gap:9px;min-width:0;display:grid}.billing-action__error{color:var(--danger);font-size:12px;font-weight:700;line-height:1.45}.pricing-credit-band{background:var(--vivid-sky-soft)}@supports (color:color-mix(in lab, red, red)){.pricing-credit-band{background:color-mix(in oklch, var(--vivid-sky-soft) 54%, var(--surface))}}.pricing-credit-band{border-block:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.pricing-credit-band{border-block:1px solid color-mix(in oklch, var(--vivid-sky) 20%, var(--border))}}.pricing-credit-band{padding-block:clamp(34px,6vw,64px)}.pricing-credit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pricing-credit-card{gap:13px;padding:22px;display:grid}.pricing-credit-card__icon{aspect-ratio:1;background:var(--vivid-yellow-soft);border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.pricing-credit-card__icon{border:1px solid color-mix(in oklch, var(--vivid-yellow) 34%, var(--border))}}.pricing-credit-card__icon{border-radius:var(--radius);width:44px;display:block;position:relative}.pricing-credit-card__icon:before{border:2px solid var(--accent);content:"";border-radius:50%;position:absolute;inset:10px}.pricing-credit-card__icon:after{background:var(--accent);content:"";width:2px;height:16px;position:absolute;top:14px;left:21px}.pricing-credit-card[data-tone=sky] .pricing-credit-card__icon{background:var(--vivid-sky-soft);border-color:var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.pricing-credit-card[data-tone=sky] .pricing-credit-card__icon{border-color:color-mix(in oklch, var(--vivid-sky) 34%, var(--border))}}.pricing-credit-card[data-tone=sky] .pricing-credit-card__icon:before{border-color:var(--vivid-sky)}.pricing-credit-card[data-tone=sky] .pricing-credit-card__icon:after{background:var(--vivid-sky)}.pricing-credit-card[data-tone=mint] .pricing-credit-card__icon{background:var(--vivid-mint-soft);border-color:var(--accent2)}@supports (color:color-mix(in lab, red, red)){.pricing-credit-card[data-tone=mint] .pricing-credit-card__icon{border-color:color-mix(in oklch, var(--accent2) 34%, var(--border))}}.pricing-credit-card[data-tone=mint] .pricing-credit-card__icon:before{border-color:var(--accent2)}.pricing-credit-card[data-tone=mint] .pricing-credit-card__icon:after{background:var(--accent2)}.pricing-topup-layout,.pricing-account-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:24px;display:grid}.pricing-topup-layout .lead{margin-top:18px}.pricing-pack-card,.pricing-balance-card,.pricing-release-card{gap:18px;padding:24px;display:grid}.pricing-pack-card{border-top:4px solid var(--vivid-sky)}.pricing-pack-card__facts{gap:10px;display:grid}.pricing-pack-card__facts span{background:var(--vivid-sky-soft)}@supports (color:color-mix(in lab, red, red)){.pricing-pack-card__facts span{background:color-mix(in oklch, var(--vivid-sky-soft) 64%, var(--surface))}}.pricing-pack-card__facts span{border:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.pricing-pack-card__facts span{border:1px solid color-mix(in oklch, var(--vivid-sky) 20%, var(--border))}}.pricing-pack-card__facts span{border-radius:var(--radius);color:var(--fg);padding:10px 12px;font-size:13px;font-weight:750}.pricing-account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pricing-balance-card{border-top:4px solid var(--vivid-yellow)}.pricing-release-card{border-top:4px solid var(--accent2)}.pricing-account-actions{flex-wrap:wrap;gap:10px;display:flex}.pricing-return-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pricing-return-card{gap:8px;padding:22px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.pricing-return-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pricing-return-card:hover{border-color:color-mix(in oklch, var(--accent) 42%, var(--border))}}.pricing-return-card:hover{box-shadow:0 16px 36px var(--fg)}@supports (color:color-mix(in lab, red, red)){.pricing-return-card:hover{box-shadow:0 16px 36px color-mix(in oklch, var(--fg) 8%, transparent)}}.pricing-return-card:hover{transform:translateY(-2px)}.checkout-return-page{max-width:920px}.checkout-return-page .page-hero{text-align:center;max-width:720px;margin-inline:auto}.checkout-state-card{background:radial-gradient(100% 120% at 0% 0%, var(--vivid-mint-soft) 0%, transparent 42%), var(--surface);align-items:flex-start}@supports (color:color-mix(in lab, red, red)){.checkout-state-card{background:radial-gradient(100% 120% at 0% 0%, var(--vivid-mint-soft) 0%, transparent 42%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.checkout-state-card{border-top:4px solid var(--accent2);grid-template-columns:auto minmax(0,1fr);gap:22px;padding:clamp(22px,4vw,32px);display:grid}.checkout-return-page[data-checkout-state=cancelled] .checkout-state-card{background:radial-gradient(100% 120% at 0% 0%, var(--vivid-pink-soft) 0%, transparent 42%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.checkout-return-page[data-checkout-state=cancelled] .checkout-state-card{background:radial-gradient(100% 120% at 0% 0%, var(--vivid-pink-soft) 0%, transparent 42%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.checkout-return-page[data-checkout-state=cancelled] .checkout-state-card{border-top-color:var(--vivid-pink)}.checkout-return-page[data-billing-state=returned] .checkout-state-card{background:radial-gradient(100% 120% at 0% 0%, var(--vivid-sky-soft) 0%, transparent 42%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.checkout-return-page[data-billing-state=returned] .checkout-state-card{background:radial-gradient(100% 120% at 0% 0%, var(--vivid-sky-soft) 0%, transparent 42%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.checkout-return-page[data-billing-state=returned] .checkout-state-card{border-top-color:var(--vivid-sky)}.checkout-state-card__icon{aspect-ratio:1;background:var(--vivid-mint-soft);border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.checkout-state-card__icon{border:1px solid color-mix(in oklch, var(--accent2) 32%, var(--border))}}.checkout-state-card__icon{border-radius:999px;width:58px;display:block;position:relative}.checkout-state-card__icon:after{border-bottom:4px solid var(--accent2);border-right:4px solid var(--accent2);content:"";width:12px;height:24px;position:absolute;top:13px;left:21px;transform:rotate(45deg)}.checkout-state-card__icon--cancel{background:var(--danger-soft);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.checkout-state-card__icon--cancel{border-color:color-mix(in oklch, var(--danger) 28%, var(--border))}}.checkout-state-card__icon--cancel:before,.checkout-state-card__icon--cancel:after{background:var(--danger);content:"";border:0;width:4px;height:26px;position:absolute;top:16px;left:27px;transform:rotate(45deg)}.checkout-state-card__icon--cancel:after{transform:rotate(-45deg)}.checkout-state-card__icon--portal{background:var(--vivid-sky-soft);border-color:var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.checkout-state-card__icon--portal{border-color:color-mix(in oklch, var(--vivid-sky) 32%, var(--border))}}.checkout-state-card__icon--portal:before{border:3px solid var(--vivid-sky);content:"";border-radius:5px;width:28px;height:30px;position:absolute;top:14px;left:15px}.checkout-state-card__icon--portal:after{background:var(--vivid-sky);content:"";border:0;width:16px;height:3px;position:absolute;top:27px;left:21px;transform:none}.checkout-state-card h2{margin-bottom:8px}.checkout-state-card .hero-actions{margin-top:22px}.checkout-state-card__meta{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.checkout-state-card__meta{background:color-mix(in oklch, var(--bg) 76%, var(--surface))}}.checkout-state-card__meta{border:1px solid var(--border);border-radius:var(--radius);word-break:break-word;margin-top:16px;padding:10px 12px}.checkout-state-card__meta code{color:var(--fg);font-family:var(--font-mono);font-size:12px}.pricing-vivid-page{--r:12px;--r-lg:16px;--r-sm:8px;background:var(--bg)}.pricing-vivid-page .eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.pricing-vivid-page .eyebrow.dot:before{background:var(--vivid-yellow);content:"";vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.pricing-hero{background:radial-gradient(120% 120% at 50% -20%, var(--vivid-yellow-soft) 0%, transparent 52%), var(--bg);text-align:center;padding:clamp(48px,8vw,88px) 0 clamp(32px,5vw,56px)}.pricing-hero h1{margin-bottom:12px}.pricing-hero .subtitle{color:var(--muted);max-width:50ch;margin:0 auto 28px;font-size:17px;line-height:1.6}.trust-strip{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,40px);font-size:13px;display:flex}.trust-item{align-items:center;gap:6px;display:flex}.trust-icon{border:2px solid var(--accent2);border-radius:999px;flex:none;width:16px;height:16px;display:inline-block;position:relative}.trust-icon--check:after,.trust-icon--lock:after{border-bottom:2px solid var(--accent2);border-right:2px solid var(--accent2);content:"";width:4px;height:7px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.trust-icon--clock:after{background:var(--accent2);box-shadow:3px 3px 0 var(--accent2);content:"";width:2px;height:5px;position:absolute;top:3px;left:7px}.trust-icon--plus:before,.trust-icon--plus:after{background:var(--accent2);content:"";position:absolute;top:6px;left:4px}.trust-icon--plus:before{width:6px;height:2px}.trust-icon--plus:after{width:2px;height:6px;top:4px;left:6px}.pricing-plans-section{background:var(--surface);padding-top:0}.billing-policy-strip{text-align:center;justify-content:center;align-items:center;gap:12px;margin:28px auto 36px;padding:0;font-size:14px;font-weight:700;display:flex}.billing-policy-strip__item{color:var(--fg)}.billing-policy-strip__track{background:var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.billing-policy-strip__track{background:color-mix(in oklch, var(--vivid-sky) 22%, var(--surface))}}.billing-policy-strip__track{border-radius:12px;width:44px;height:24px;display:inline-block;position:relative}.billing-policy-strip__track:after{background:var(--surface);content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.billing-policy-strip__badge{background:var(--accent2-soft);color:var(--accent2);text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pricing-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-billing-toggle{justify-content:center;align-items:center;gap:8px;margin:0 auto 28px;display:flex}.pricing-billing-toggle button{background:var(--bg);border:1px solid var(--border);color:var(--muted);font:inherit;border-radius:999px;padding:10px 14px;font-weight:800}.pricing-billing-toggle button.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.pricing-billing-toggle span,.plan-card__badge{background:var(--vivid-yellow-soft);color:var(--accent);border-radius:999px;margin-left:5px;padding:3px 7px;font-size:11px;font-weight:800}.plan-card__badge{margin:-2px 0 10px;display:inline-flex}.plan-billing-copy{color:var(--muted);min-height:18px;font-size:12px}.pricing-addon-card,.pricing-two-column{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;display:grid}.pricing-addon-card{background:var(--vivid-sky-soft);border:1px solid var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.pricing-addon-card{border:1px solid color-mix(in oklch, var(--vivid-sky) 30%, var(--border))}}.pricing-addon-card{border-radius:var(--r-lg);padding:clamp(24px,4vw,40px)}.pricing-addon-card p,.pricing-two-column p,.pricing-common-capabilities p{color:var(--muted);line-height:1.7}.pricing-two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.pricing-two-column article,.pricing-common-capabilities{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px}.pricing-two-column ul{color:var(--muted);margin-top:16px;padding-left:18px;line-height:1.8}.pricing-common-capabilities{margin-top:20px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;align-self:stretch;padding:26px;transition:box-shadow .2s,transform .2s;display:flex}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2a252014}.plan-card.featured{border-color:var(--accent);border-top:4px solid var(--vivid-yellow);box-shadow:0 24px 60px var(--vivid-yellow);border-width:2px}@supports (color:color-mix(in lab, red, red)){.plan-card.featured{box-shadow:0 24px 60px color-mix(in oklch, var(--vivid-yellow) 30%, transparent)}}.plan-card.featured{position:relative}.plan-card.featured:before{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:var(--r-lg);content:"";opacity:.15;z-index:-1;position:absolute;inset:0}.plan-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.plan-card__head h2{font-size:20px}.plan-price{color:var(--fg);font-family:var(--font-display);white-space:nowrap;flex-wrap:nowrap;align-items:baseline;margin:16px 0 8px;font-size:clamp(30px,2.5vw,38px);font-weight:700;line-height:1;display:flex}.plan-card.featured .plan-price{color:var(--accent)}.plan-price__suffix{color:var(--muted);margin-left:6px;font-size:16px;font-weight:600}.plan-daily{color:var(--muted);font-family:var(--font-mono);min-height:35px;margin-bottom:12px;font-size:12px;line-height:1.45}.plan-credits{background:var(--bg);border-radius:var(--r-sm);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.pricing-grid>.plan-card:first-child .plan-credits{color:var(--vivid-sky)}.pricing-grid>.plan-card:nth-child(2) .plan-credits{color:var(--accent)}.pricing-grid>.plan-card:nth-child(3) .plan-credits{color:var(--vivid-pink)}.credit-mini-icon{border:2px solid;border-radius:50%;width:18px;height:18px;display:inline-block;position:relative}.credit-mini-icon:after{content:"";background:currentColor;width:2px;height:8px;position:absolute;top:3px;left:7px}.plan-features{color:var(--muted);flex-direction:column;flex:none;gap:10px;margin:auto 0 20px;padding:0;font-size:14px;list-style:none;display:flex}.plan-features li:before{color:var(--accent2);content:"✓ ";font-weight:800}.plan-card .btn,.plan-card .billing-action{width:100%}.packs-section{text-align:center;margin-top:36px}.packs-intro{color:var(--muted);margin-bottom:16px;font-size:14px}.packs-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:520px;margin:0 auto;display:grid}.pack-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 16px 34px var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.pack-card{box-shadow:0 16px 34px color-mix(in oklch, var(--vivid-sky) 10%, transparent)}}.pack-card{text-align:center;padding:20px;transition:border-color .15s,transform .2s}.pack-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pack-card .pack-credits{color:var(--accent);font-family:var(--font-display);font-size:clamp(24px,3vw,28px);font-weight:700;line-height:1.15}.pack-card .pack-price{margin:4px 0;font-size:15px;font-weight:800}.pack-card .pack-unit{color:var(--muted);font-family:var(--font-mono);font-size:11px}.pack-facts{color:var(--muted);text-align:left;gap:6px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.pack-facts li:before{color:var(--accent2);content:"✓ ";font-weight:800}.packs-action{justify-content:center;margin-top:14px;display:flex}.section-center{text-align:center;margin-bottom:32px}.state-demos-label{border-block:1px dashed var(--border);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0 0 24px;padding:12px 0;font-size:11px}.comparison-wrap{border:1px solid var(--border);border-radius:var(--r);box-shadow:inset -28px 0 28px -28px var(--fg), 0 14px 34px var(--fg)}@supports (color:color-mix(in lab, red, red)){.comparison-wrap{box-shadow:inset -28px 0 28px -28px color-mix(in oklch, var(--fg) 28%, transparent), 0 14px 34px color-mix(in oklch, var(--fg) 5%, transparent)}}.comparison-wrap{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.comparison-wrap:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.comparison-scroll-hint{color:var(--muted);font-family:var(--font-mono);justify-content:center;align-items:center;gap:8px;margin:-12px 0 14px;font-size:12px;font-weight:800;display:none}.comparison-scroll-hint:after{background:linear-gradient(90deg, var(--accent), var(--vivid-sky));content:"";border-radius:999px;width:52px;height:3px}.comparison-table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}.comparison-table th{border-bottom:2px solid var(--border);font-family:var(--font-display);text-align:center;padding:14px 12px;font-size:15px;font-weight:700}.comparison-table th:first-child{text-align:left;width:34%}.comparison-table th:first-child,.comparison-table td:first-child{background:var(--surface);box-shadow:1px 0 0 var(--border);z-index:2;position:sticky;left:0}.comparison-table th:first-child{z-index:3}.comparison-table td{border-bottom:1px solid var(--border);text-align:center;padding:12px}.comparison-table td:first-child{color:var(--fg);text-align:left;font-weight:700}.comparison-table .col-featured{background:#c9644208}.comparison-table tr:hover td,.comparison-table tr:hover td:first-child{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.comparison-table tr:hover td:first-child{background:color-mix(in oklch, var(--accent-soft) 66%, var(--surface))}}.comparison-mark{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.comparison-mark--yes{background:var(--accent2-soft);color:var(--accent2)}.comparison-mark--no{background:var(--border)}@supports (color:color-mix(in lab, red, red)){.comparison-mark--no{background:color-mix(in oklch, var(--border) 42%, transparent)}}.comparison-mark--no,.comparison-mark--muted{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.comparison-mark--muted{color:color-mix(in oklch, var(--muted) 58%, transparent)}}.comparison-mark--muted{padding:0;font-size:18px}.use-cases-section{background:var(--surface)}.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.persona-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:border-color .2s,transform .2s}.persona-card:hover{border-color:var(--accent);transform:translateY(-2px)}.persona-card[data-tone=pink]{border-top:3px solid var(--vivid-pink)}.persona-card[data-tone=sky]{border-top:3px solid var(--vivid-sky)}.persona-card[data-tone=yellow]{border-top:3px solid var(--vivid-yellow)}.persona-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.persona-avatar{background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:grid}.persona-card[data-tone=sky] .persona-avatar{background:var(--vivid-sky-soft);color:var(--vivid-sky)}.persona-card[data-tone=yellow] .persona-avatar{background:var(--vivid-yellow-soft);color:#8a5b12}.persona-header h3{font-size:15px}.persona-header p{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.45}.persona-card ul{color:var(--muted);margin:12px 0 0;padding-left:16px;font-size:13px;line-height:1.8}.persona-rec{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-top:14px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.faq-list{flex-direction:column;max-width:720px;margin:0 auto;display:flex}.faq-item{border-bottom:1px solid var(--border);overflow:hidden}.faq-item:first-child{border-top:1px solid var(--border)}.faq-q{color:var(--fg);font-family:var(--font-display);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px 0;font-size:16px;font-weight:700;display:flex}.faq-q__text{min-width:0}.faq-q:after{color:var(--muted);content:"+";flex-shrink:0;font-size:22px;font-weight:400;transition:transform .25s}.faq-item.open .faq-q:after{color:var(--accent);content:"×";transform:none}.faq-a{color:var(--muted);opacity:0;max-height:0;padding:0;font-size:14px;line-height:1.7;transition:max-height .3s,opacity .25s,padding .3s}.faq-item.open .faq-a{opacity:1;max-height:240px;padding:0 0 20px}.proof-strip.vivid-proof{background:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.proof-strip.vivid-proof{background:color-mix(in oklch, var(--vivid-yellow) 9%, var(--surface))}}.proof-strip.vivid-proof{border-block:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.proof-strip.vivid-proof{border-block:1px solid color-mix(in oklch, var(--vivid-yellow) 22%, var(--border))}}.proof-strip.vivid-proof{padding:20px 0}.proof-strip__inner{flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,48px);display:flex}.proof-item{align-items:center;gap:8px;font-size:14px;display:flex}.pricing-bottom-cta{background:radial-gradient(80% 90% at 12% 0%, var(--vivid-sky-soft) 0%, transparent 48%), linear-gradient(135deg, var(--accent) 0%, var(--accent) 56%, var(--vivid-yellow) 145%)}@supports (color:color-mix(in lab, red, red)){.pricing-bottom-cta{background:radial-gradient(80% 90% at 12% 0%, var(--vivid-sky-soft) 0%, transparent 48%), linear-gradient(135deg, color-mix(in oklch, var(--accent) 94%, #000) 0%, var(--accent) 56%, var(--vivid-yellow) 145%)}}.pricing-bottom-cta,.pricing-bottom-cta .eyebrow,.pricing-bottom-cta h2{color:var(--surface)}.pricing-bottom-cta .eyebrow.dot:before{background:var(--vivid-yellow);box-shadow:0 0 0 3px var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-bottom-cta .eyebrow.dot:before{box-shadow:0 0 0 3px color-mix(in oklch, var(--surface) 22%, transparent)}}.pricing-bottom-cta__inner{text-align:center;max-width:760px;margin:0 auto}.pricing-bottom-cta__inner p:not(.eyebrow){color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-bottom-cta__inner p:not(.eyebrow){color:color-mix(in oklch, var(--surface) 84%, var(--accent))}}.pricing-bottom-cta__inner p:not(.eyebrow){max-width:62ch;margin:14px auto 0;font-size:16px;line-height:1.7}.pricing-bottom-cta__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.pricing-bottom-cta .btn-primary{background:var(--surface);color:var(--accent)}.pricing-bottom-cta .btn-primary:hover{filter:none;box-shadow:0 12px 28px #0000002e}.pricing-bottom-cta .btn-secondary{border-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-bottom-cta .btn-secondary{border-color:color-mix(in oklch, var(--surface) 58%, transparent)}}.pricing-bottom-cta .btn-secondary{color:var(--surface)}.pricing-bottom-cta .btn-secondary:hover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-bottom-cta .btn-secondary:hover{background:color-mix(in oklch, var(--surface) 14%, transparent)}}.pricing-final-trust{margin-top:0}.checkout-preview-section{background:var(--surface)}.checkout-preview-inner{max-width:520px}.checkout-success{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;padding:48px 32px}.success-icon{background:var(--accent2-soft);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.4s cubic-bezier(.17,.67,.13,1.2) successPop;display:grid}.success-icon span{border-bottom:4px solid var(--accent2);border-right:4px solid var(--accent2);width:14px;height:28px;display:block;transform:rotate(45deg)translate(-2px,-2px)}@keyframes successPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.checkout-success h2{margin-bottom:8px;font-size:24px}.checkout-success p{color:var(--muted);font-size:15px}.checkout-success .credit-add{color:var(--accent);margin:10px 0 24px;font-size:18px;font-weight:800}.checkout-success__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.checkout-note{margin-top:16px;font-size:12px!important}@media (max-width:1100px){.pricing-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.workspace-layout{border:0;border-radius:0;grid-template-columns:1fr;width:100%;min-height:calc(100vh - 66px);margin:0}.workspace-rail{display:none}.workspace-mobile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.workspace-sidebar{border-left:0;border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.workspace-sidebar{border-top:1px solid color-mix(in oklch, var(--border) 72%, transparent)}}.workspace-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.workspace-support-strip{grid-template-columns:1fr}.billing-upsell-card{flex-direction:column;align-items:start}}@media (max-width:820px){:root{--gutter:18px}.site-header__inner{flex-wrap:wrap;align-items:flex-start;padding-block:12px}.site-nav{order:3;width:100%}.site-actions{margin-left:auto}.grid-2,.card-grid,.workspace-sidebar,.footer-grid{grid-template-columns:1fr}.workspace-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:column;align-items:start}.home-hero{padding-block:48px 38px}.home-hero__inner,.home-example-grid,.home-usecase-grid{grid-template-columns:1fr}.home-hero__copy h1{font-size:42px}.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-proof-row,.pricing-plan-grid,.pricing-credit-grid,.pricing-topup-layout,.pricing-account-grid,.pricing-return-grid,.pricing-grid,.persona-grid{grid-template-columns:1fr}.pricing-addon-card,.pricing-two-column{grid-template-columns:1fr;align-items:stretch}.pricing-plan-card__head,.plan-card__head{flex-direction:column;align-items:flex-start}.pricing-vivid-page .comparison-wrap{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.comparison-scroll-hint{display:flex}}@media (max-width:520px){.hide-on-small{display:none}.credit-pill{padding-inline:8px}.credit-pill.header-credit-control{padding:3px}.header-signup-credit-trigger{min-height:36px;padding-inline:9px}.header-signup-credit-trigger>span{display:none}.credit-cycle-panel{grid-template-columns:38px minmax(0,1fr)}.credit-cycle-panel>b{border-left:0;grid-column:2;padding-left:0}.credit-pill__chevron{display:none}.header-credit-popover{width:min(300px,100vw - 24px);position:fixed;top:112px;right:12px}body:has(.generator-replica) .header-credit-popover{top:72px}.site-actions .btn{min-height:36px;padding-inline:13px}.user-menu{right:-4px}.site-nav{gap:16px;padding-bottom:2px;overflow-x:auto}.hero-actions .btn,.inline-actions .btn{width:100%}.home-hero__copy h1{font-size:36px}.home-tool-grid,.home-prompt-entry__row{grid-template-columns:1fr}.home-tints small{flex-basis:100%;margin-left:0}.home-compare__image{padding:14px}.home-showcase{padding:12px}.home-proof-strip__inner,.pricing-trust-row,.trust-strip{flex-direction:column;align-items:flex-start}.pricing-plan-card,.pricing-pack-card,.pricing-balance-card,.pricing-release-card,.pricing-credit-card,.pricing-return-card{padding:18px}.pricing-account-actions,.pricing-account-actions .billing-action,.pricing-account-actions .btn,.pricing-pack-card .billing-action,.pricing-pack-card .btn{width:100%}.pricing-vivid-page .plan-card,.pricing-vivid-page .persona-card,.pricing-vivid-page .checkout-success{padding:20px}.packs-grid{grid-template-columns:1fr}.billing-policy-strip{flex-wrap:wrap;align-items:center;margin:24px auto 28px}.checkout-state-card{grid-template-columns:1fr}.checkout-state-card__icon{width:52px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-vivid-page{--r:12px;--r-lg:16px;--r-sm:8px}.home-vivid-page .sec{padding:clamp(40px,7vw,80px) 0}.home-vivid-page .hero{padding:clamp(52px,6vw,64px) 0 clamp(36px,4vw,40px);overflow-x:clip}.home-vivid-page .vivid-hero{background:radial-gradient(120% 120% at 12% -10%, var(--vivid-yellow-soft) 0%, transparent 46%), radial-gradient(120% 120% at 100% 0%, var(--vivid-sky-soft) 0%, transparent 42%), var(--bg)}.home-vivid-page .tool-entry-sec{padding-top:clamp(48px,5vw,64px)}.home-vivid-page .hero-split{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);grid-template-areas:"copy workflow""support workflow";align-items:center;gap:16px clamp(40px,4.5vw,56px);display:grid}.home-vivid-page .hero h1{max-width:650px;margin-bottom:16px;font-size:clamp(48px,4.3vw,58px);line-height:1.02}.home-vivid-page .hero .lead{color:var(--muted);max-width:52ch;margin-bottom:20px;font-size:17px;line-height:1.55}.home-vivid-page .hero-copy{grid-area:copy;min-width:0}.home-vivid-page .hero-support{grid-area:support;min-width:0}.home-vivid-page .eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.home-vivid-page .eyebrow.dot:before{background:var(--vivid-yellow);content:"";vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.home-vivid-page .btn-p{background:var(--accent);color:var(--surface)}.home-vivid-page .btn-p:hover{filter:brightness(.92);box-shadow:0 4px 16px #c9644240}.home-vivid-page .btn-s{border:1px solid var(--border);color:var(--fg);background:0 0}.home-vivid-page .btn-s:hover{border-color:var(--fg)}.home-vivid-page .btn-ghost{color:var(--accent);background:0 0;padding:0;font-weight:700}.home-vivid-page .btn-ghost:hover{text-decoration:underline}.od-prompt-entry{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.od-prompt-entry{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.od-prompt-entry{border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.od-prompt-entry{border:1px solid color-mix(in oklch, var(--vivid-yellow) 24%, var(--border))}}.od-prompt-entry{border-radius:var(--r);box-shadow:0 12px 30px var(--fg)}@supports (color:color-mix(in lab, red, red)){.od-prompt-entry{box-shadow:0 12px 30px color-mix(in oklch, var(--fg) 5%, transparent)}}.od-prompt-entry{gap:10px;max-width:620px;margin-top:0;padding:14px;display:grid}.od-prompt-entry label{color:var(--fg);font-size:13px;font-weight:750}.od-prompt-entry div{grid-template-columns:1fr auto;gap:10px;display:grid}.od-prompt-entry input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg);width:100%;min-height:44px;padding:10px 12px}.od-prompt-entry .btn{white-space:nowrap}.od-prompt-support{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.home-hero-paths{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:0;display:flex}.home-hero-paths a{border-radius:5px;font-size:13px;font-weight:750}.home-hero-paths a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.home-hero-photo-link{color:var(--accent)}.home-hero-free-link{color:var(--fg);align-items:baseline;gap:7px;display:inline-flex}.home-hero-free-link span{color:var(--muted);font-size:11px;font-weight:600}.home-hero-trust{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:18px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.home-hero-trust li{align-items:center;gap:7px;display:inline-flex}.home-hero-trust li:before{background:var(--vivid-mint-soft);color:var(--accent2);content:"✓";border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:inline-flex}.hero-workflow-column{grid-area:workflow;align-self:center;transition-delay:.1s}.home-vivid-page .hero-workflow-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 28px 80px var(--accent);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero-workflow-card{box-shadow:0 28px 80px color-mix(in oklch, var(--accent) 16%, transparent)}}.home-vivid-page .hero-workflow-card{isolation:isolate;width:100%;max-width:520px;margin:0 0 0 auto;padding:14px;position:relative}.home-vivid-page .hero-workflow-card:before{background:linear-gradient(135deg, var(--vivid-yellow) 0 48%, var(--vivid-pink) 48% 68%, var(--vivid-sky) 68% 100%);content:"";opacity:.72;z-index:-1;border-radius:32% 68% 54% 46%/58% 38% 62% 42%;position:absolute;inset:-22px -18px 44%;transform:rotate(-3deg)}.home-vivid-page .hero-workflow-stage{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden}.home-vivid-page .hero-workflow-layer{position:absolute;inset:0;overflow:hidden}.home-vivid-page .hero-workflow-source{clip-path:inset(0 50% 0 0);z-index:2}.home-vivid-page .hero-workflow-output{z-index:1}.home-vivid-page .hero-workflow-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero-workflow-label{background:color-mix(in oklch, var(--surface) 90%, transparent)}}.home-vivid-page .hero-workflow-label{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero-workflow-label{border:1px solid color-mix(in oklch, var(--border) 80%, transparent)}}.home-vivid-page .hero-workflow-label{box-shadow:0 6px 18px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero-workflow-label{box-shadow:0 6px 18px color-mix(in oklch, var(--fg) 8%, transparent)}}.home-vivid-page .hero-workflow-label{color:var(--fg);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;z-index:5;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;top:12px}.home-vivid-page .hero-workflow-label.source{left:12px}.home-vivid-page .hero-workflow-label.output{color:var(--accent2);right:12px}.home-vivid-page .hero-workflow-divider{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero-workflow-divider{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.home-vivid-page .hero-workflow-divider{z-index:6;justify-content:center;width:2px;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.home-vivid-page .hero-workflow-divider span{background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 24px var(--fg);border-radius:999px;align-items:center}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero-workflow-divider span{box-shadow:0 10px 24px color-mix(in oklch, var(--fg) 14%, transparent)}}.home-vivid-page .hero-workflow-divider span{color:var(--accent);justify-content:center;width:42px;height:42px;font-size:16px;font-weight:900;display:inline-flex}.home-vivid-page .hero-workflow-card figcaption{justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 2px;display:flex}.home-vivid-page .hero-workflow-card figcaption strong{color:var(--fg);font-size:13px}.home-vivid-page .hero-workflow-card figcaption span{color:var(--muted);font-size:12px}.home-vivid-page .compare-slider{--split:56%;aspect-ratio:1.18;background:linear-gradient(90deg, var(--surface) 0 1px, transparent 1px 100%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .compare-slider{background:linear-gradient(90deg, color-mix(in oklch, var(--surface) 88%, var(--bg)) 0 1px, transparent 1px 100%), color-mix(in oklch, var(--surface) 94%, var(--bg))}}.home-vivid-page .compare-slider{border:1px solid var(--border);border-radius:var(--r);isolation:isolate;touch-action:pan-y;background-size:24px 100%,auto;display:grid;position:relative;overflow:hidden}.home-vivid-page .compare-img{object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:clamp(8px,1.5vw,16px);position:absolute;inset:0}.home-vivid-page .compare-layer{position:absolute;inset:0;overflow:hidden}.home-vivid-page .compare-after,.home-vivid-page .compare-before{background:var(--surface)}.home-vivid-page .compare-before-layer{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.home-vivid-page .compare-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .compare-chip{background:color-mix(in oklch, var(--surface) 90%, transparent)}}.home-vivid-page .compare-chip{border:1px solid var(--border);box-shadow:0 6px 16px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .compare-chip{box-shadow:0 6px 16px color-mix(in oklch, var(--fg) 7%, transparent)}}.home-vivid-page .compare-chip{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;z-index:5;max-width:calc(50% - 24px);padding:5px 10px;font-size:10px;font-weight:700;position:absolute;top:12px}.home-vivid-page .compare-chip.before{color:var(--muted);left:12px}.home-vivid-page .compare-chip.after{color:var(--accent2);right:12px}.home-vivid-page .compare-handle{background:linear-gradient(90deg, transparent calc(50% - 1px), var(--surface) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));cursor:ew-resize;filter:drop-shadow(0 0 0 var(--border));bottom:0;left:var(--split);touch-action:none;z-index:7;width:56px;position:absolute;top:0;transform:translate(-50%)}.home-vivid-page .compare-handle:after{background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 24px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .compare-handle:after{box-shadow:0 10px 24px color-mix(in oklch, var(--fg) 14%, transparent)}}.home-vivid-page .compare-handle:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-vivid-page .compare-handle:before{color:var(--accent);content:"<>";z-index:1;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-vivid-page .compare-range{opacity:0;pointer-events:none;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.home-vivid-page .proof-strip{background:var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .proof-strip{background:color-mix(in oklch, var(--vivid-yellow) 9%, var(--surface))}}.home-vivid-page .proof-strip{border-block:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .proof-strip{border-block:1px solid color-mix(in oklch, var(--vivid-yellow) 22%, var(--border))}}.home-vivid-page .proof-strip{padding:20px 0}.home-vivid-page .proof-strip .inner{flex-wrap:wrap;justify-content:center;gap:clamp(24px,4vw,56px);display:flex}.home-vivid-page .proof-item{align-items:center;gap:8px;font-size:14px;display:flex}.home-vivid-page .proof-item svg{flex-shrink:0;width:20px;height:20px}.tool-entry-sec,.curated-sec,.style-sec,.usecase-sec,.home-faq-sec,.cta-sec,.topic-sec{background:var(--surface)}.example-sec{background:var(--bg)}.home-vivid-page .grid-2,.home-vivid-page .steps,.home-vivid-page .usecase-grid{gap:24px;display:grid}.home-vivid-page .grid-2{grid-template-columns:1fr 1fr}.home-vivid-page .steps,.home-vivid-page .usecase-grid{grid-template-columns:repeat(3,1fr)}.home-vivid-page .card,.home-vivid-page .coloring-card,.home-vivid-page .ba-card,.home-vivid-page .style-item,.home-vivid-page .usecase-card,.home-vivid-page .topic-chip{background:var(--surface);border:1px solid var(--border)}.home-vivid-page .tool-card{border-radius:var(--r-lg);align-items:center;gap:20px;padding:24px;transition:border-color .15s,transform .2s,box-shadow .2s;display:flex}.home-vivid-page .tool-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .tool-card:hover{border-color:color-mix(in oklch, var(--accent) 35%, var(--border))}}.home-vivid-page .tool-card:hover{box-shadow:0 10px 30px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .tool-card:hover{box-shadow:0 10px 30px color-mix(in oklch, var(--fg) 8%, transparent)}}.home-vivid-page .tool-card:hover{transform:translateY(-3px)}.home-vivid-page .tool-ic{border-radius:var(--r);flex-shrink:0;place-items:center;width:52px;height:52px;transition:transform .2s;display:grid}.home-vivid-page .tool-card:hover .tool-ic{transform:rotate(-6deg)scale(1.06)}.home-vivid-page .tool-card-1 .tool-ic{background:var(--vivid-sky-soft)}.home-vivid-page .tool-card-1 .tool-ic svg{stroke:var(--vivid-sky)}.home-vivid-page .tool-card-2 .tool-ic{background:var(--vivid-pink-soft)}.home-vivid-page .tool-card-2 .tool-ic svg{stroke:var(--vivid-pink)}.home-vivid-page .tool-card h3,.home-vivid-page .step h3,.home-vivid-page .usecase-card h3{font-size:17px}.home-vivid-page .tool-card p,.home-vivid-page .step p,.home-vivid-page .section-center p,.home-vivid-page .section-row p{color:var(--muted);font-size:14px}.home-vivid-page .section-center{text-align:center;margin-bottom:32px}.home-vivid-page .section-center p{margin-top:8px}.home-vivid-page .sec-vivid-steps{background:radial-gradient(80% 90% at 50% 0%, var(--vivid-sky-soft) 0%, transparent 55%), var(--bg)}.home-vivid-page .steps{text-align:center;gap:32px}.home-vivid-page .step{flex-direction:column;align-items:center;gap:12px;display:flex}.home-vivid-page .step-num{color:#fff;font-family:var(--font-display);border-radius:50%;place-items:center;width:56px;height:56px;font-size:22px;font-weight:700;transition:transform .2s;display:grid}.home-vivid-page .steps .step:first-child .step-num{background:var(--vivid-yellow);box-shadow:0 8px 20px var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .steps .step:first-child .step-num{box-shadow:0 8px 20px color-mix(in oklch, var(--vivid-yellow) 45%, transparent)}}.home-vivid-page .steps .step:nth-child(2) .step-num{background:var(--vivid-sky);box-shadow:0 8px 20px var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .steps .step:nth-child(2) .step-num{box-shadow:0 8px 20px color-mix(in oklch, var(--vivid-sky) 45%, transparent)}}.home-vivid-page .steps .step:nth-child(3) .step-num{background:var(--vivid-pink);box-shadow:0 8px 20px var(--vivid-pink)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .steps .step:nth-child(3) .step-num{box-shadow:0 8px 20px color-mix(in oklch, var(--vivid-pink) 45%, transparent)}}.home-vivid-page .steps .step:hover .step-num{transform:translateY(-4px)scale(1.08)}.home-vivid-page .step p{max-width:28ch}.home-vivid-page .section-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.home-vivid-page .section-row p{margin-top:4px}.home-vivid-page .coloring-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.home-vivid-page .coloring-card{border-radius:var(--r-lg);color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.home-vivid-page .coloring-card:hover,.home-vivid-page .coloring-card.touched{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .coloring-card:hover,.home-vivid-page .coloring-card.touched{border-color:color-mix(in oklch, var(--accent) 36%, var(--border))}}.home-vivid-page .coloring-card:hover,.home-vivid-page .coloring-card.touched{box-shadow:0 14px 34px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .coloring-card:hover,.home-vivid-page .coloring-card.touched{box-shadow:0 14px 34px color-mix(in oklch, var(--fg) 8%, transparent)}}.home-vivid-page .coloring-card:hover,.home-vivid-page .coloring-card.touched{transform:translateY(-4px)}.home-vivid-page .coloring-card .thumb,.home-vivid-page .style-thumb{aspect-ratio:1;background:var(--surface);position:relative;overflow:hidden}.home-vivid-page .coloring-card .thumb img,.home-vivid-page .style-thumb img{object-fit:contain;padding:8px}.home-vivid-page .coloring-card .thumb>img:first-child{z-index:1}.home-vivid-page .coloring-card .thumb:after{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .coloring-card .thumb:after{background:color-mix(in oklch, var(--fg) 78%, transparent)}}.home-vivid-page .coloring-card .thumb:after{color:#fff;content:"Preview in color";font-family:var(--font-body);letter-spacing:.02em;opacity:0;pointer-events:none;white-space:nowrap;z-index:3;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:650;transition:opacity .18s,transform .18s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)translateY(5px)}.home-vivid-page .coloring-card:hover .thumb:after,.home-vivid-page .coloring-card.touched .thumb:after{opacity:1;transform:translate(-50%)translateY(0)}.home-vivid-page .colored-img{opacity:0;z-index:2;transition:opacity .28s,clip-path .32s ease-in-out}.home-vivid-page .coloring-card.semantic-color-preview .colored-img{opacity:1;clip-path:circle(0%);transition:clip-path .32s ease-in-out}.home-vivid-page .coloring-card:hover .colored-img,.home-vivid-page .coloring-card.touched .colored-img{opacity:1}.home-vivid-page .coloring-card.semantic-color-preview:hover .colored-img,.home-vivid-page .coloring-card.semantic-color-preview.touched .colored-img{clip-path:circle(75%)}@media (prefers-reduced-motion:reduce){.home-vivid-page .coloring-card.semantic-color-preview .colored-img,.home-vivid-page .coloring-card .thumb:after{transition:none}}.home-vivid-page .free-badge{background:var(--vivid-yellow);color:#5a3d12;z-index:3;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.home-vivid-page .coloring-card .info{border-top:1px solid var(--border);padding:12px 14px 14px}.home-vivid-page .coloring-card h3{font-size:15px}.home-vivid-page .coloring-card p{color:var(--muted);margin-top:3px;font-size:12px}.home-vivid-page .compare-section-head{margin-bottom:32px}.home-vivid-page .compare-section-head>div:first-child{max-width:680px}.home-vivid-page .compare-section-head p{color:var(--muted);margin-top:8px}.home-vivid-page .comparison-showcase{grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);align-items:stretch;gap:20px;display:grid}.home-vivid-page .comparison-results-grid{grid-template-rows:repeat(3,minmax(0,1fr));gap:20px;display:grid}.home-vivid-page .ba-card{border-radius:var(--r-lg);box-shadow:0 16px 40px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .ba-card{box-shadow:0 16px 40px color-mix(in oklch, var(--fg) 6%, transparent)}}.home-vivid-page .ba-card{transition:transform .2s,box-shadow .2s,border-color .2s;overflow:visible}.home-vivid-page .ba-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .ba-card:hover{border-color:color-mix(in oklch, var(--accent) 34%, var(--border))}}.home-vivid-page .ba-card:hover{box-shadow:0 22px 52px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .ba-card:hover{box-shadow:0 22px 52px color-mix(in oklch, var(--fg) 10%, transparent)}}.home-vivid-page .ba-card:hover{transform:translateY(-4px)}.home-vivid-page .ba-pair.compare-slider{aspect-ratio:1.08;border:0;border-bottom:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0}.home-vivid-page .ba-card .compare-img{padding:clamp(10px,1.6vw,18px)}.home-vivid-page .ba-card:not(.ba-featured) .compare-img{padding:clamp(8px,1.3vw,14px)}.home-vivid-page .compact-comparison{aspect-ratio:3.2;border-bottom:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.home-vivid-page .compact-comparison-pane{background:var(--surface);min-width:0;position:relative;overflow:hidden}.home-vivid-page .compact-comparison-pane+.compact-comparison-pane{border-left:1px solid var(--border)}.home-vivid-page .compact-comparison-pane img{object-fit:contain;width:100%;height:100%;padding:10px}.home-vivid-page .compact-comparison-chip{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .compact-comparison-chip{background:color-mix(in oklch, var(--surface) 92%, transparent)}}.home-vivid-page .compact-comparison-chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;z-index:1;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;top:8px;left:8px}.home-vivid-page .ba-caption{color:var(--muted);justify-content:space-between;align-items:baseline;gap:14px;padding:13px 16px 15px;font-size:13px;display:flex}.home-vivid-page .ba-caption strong{color:var(--fg);font-family:var(--font-display);font-size:15px;line-height:1.2}.home-vivid-page .ba-caption span{text-align:right}.home-vivid-page .style-gallery{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.home-vivid-page .style-item{border-radius:var(--r);transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s;position:relative;overflow:hidden}.home-vivid-page .style-item:hover{box-shadow:0 12px 28px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .style-item:hover{box-shadow:0 12px 28px color-mix(in oklch, var(--fg) 10%, transparent)}}.home-vivid-page .style-item:hover{transform:translateY(-4px)rotate(-.5deg)}.home-vivid-page .style-thumb:after{background:linear-gradient(180deg, transparent 50%, var(--fg))}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .style-thumb:after{background:linear-gradient(180deg, transparent 50%, color-mix(in oklch, var(--fg) 50%, transparent))}}.home-vivid-page .style-thumb:after{content:"";opacity:0;transition:opacity .25s;position:absolute;inset:0}.home-vivid-page .style-item:hover .style-thumb:after{opacity:1}.home-vivid-page .try-badge{background:var(--accent);box-shadow:0 4px 12px var(--fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .try-badge{box-shadow:0 4px 12px color-mix(in oklch, var(--fg) 15%, transparent)}}.home-vivid-page .try-badge{color:#fff;opacity:0;white-space:nowrap;z-index:2;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .2s .1s,transform .2s .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.home-vivid-page .style-item:hover .try-badge{opacity:1;transform:translate(-50%,-50%)scale(1)}.home-vivid-page .style-label{color:var(--fg);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.home-vivid-page .style-label span{color:var(--muted);font-size:11px;font-weight:400}.section-action{text-align:center;margin-top:24px}.home-vivid-page .sec-vivid-pop{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 55%, var(--vivid-yellow) 140%)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .sec-vivid-pop{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 92%, #000) 0%, var(--accent) 55%, var(--vivid-yellow) 140%)}}.home-vivid-page .sec-vivid-pop{color:#fff}.home-vivid-page .pop-inner,.home-vivid-page .cta-inner{text-align:center;max-width:640px}.home-vivid-page .sec-vivid-pop h2,.home-vivid-page .sec-vivid-pop .eyebrow,.home-vivid-page .sec-vivid-pop p{color:#fff}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .sec-vivid-pop p{color:color-mix(in oklch, #fff 82%, var(--accent))}}.home-vivid-page .sec-vivid-pop p{margin:12px 0 26px}.home-vivid-page .sec-vivid-pop .btn-p{color:var(--accent);background:#fff;padding:13px 30px;font-size:16px}.home-vivid-page .usecase-card{border-radius:var(--r-lg);padding:28px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.home-vivid-page .usecase-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .usecase-card:hover{border-color:color-mix(in oklch, var(--accent) 46%, var(--border))}}.home-vivid-page .usecase-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #2a252012}.home-vivid-page .uc-icon{border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:16px;display:grid}.home-vivid-page .usecase-card[data-uc=parents]{border-top:3px solid var(--vivid-pink)}.home-vivid-page .usecase-card[data-uc=parents] .uc-icon{background:var(--vivid-pink-soft)}.home-vivid-page .usecase-card[data-uc=teachers]{border-top:3px solid var(--vivid-sky)}.home-vivid-page .usecase-card[data-uc=teachers] .uc-icon{background:var(--vivid-sky-soft)}.home-vivid-page .usecase-card[data-uc=fans]{border-top:3px solid var(--vivid-yellow)}.home-vivid-page .usecase-card[data-uc=fans] .uc-icon{background:var(--vivid-yellow-soft)}.home-vivid-page .usecase-card ul{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;display:flex}.home-vivid-page .cta-inner p{color:var(--muted);margin:12px 0 28px}.home-vivid-page .topic-browse{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.home-vivid-page .topic-chip{border-radius:var(--r-sm);align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.home-vivid-page .topic-chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #c964421a}.home-vivid-page .topic-chip.coming-soon{opacity:.76}.home-vivid-page .topic-icon{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .topic-icon{background:color-mix(in oklch, var(--accent) 8%, var(--surface))}}.home-vivid-page .topic-icon{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.home-vivid-page .topic-icon img{mix-blend-mode:multiply;object-fit:cover;width:100%;height:100%}.home-vivid-page .topic-info h3{margin:0;font-size:13px;font-weight:700}.home-vivid-page .topic-info p{color:var(--muted);margin:0;font-size:11px}.home-vivid-page [data-cat=animals]{--cat-accent:#479c4d}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=animals]{--cat-accent:lab(57.6157% -39.2793 32.5965)}}.home-vivid-page [data-cat=dinosaurs]{--cat-accent:#6c9539}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=dinosaurs]{--cat-accent:lab(57.2432% -26.3232 42.3851)}}.home-vivid-page [data-cat=flowers]{--cat-accent:#ca358b}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=flowers]{--cat-accent:lab(48.5732% 63.245 -12.3243)}}.home-vivid-page [data-cat=fantasy]{--cat-accent:#8b57be}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=fantasy]{--cat-accent:lab(46.4923% 37.32 -46.9438)}}.home-vivid-page [data-cat=kitty]{--cat-accent:#a552b7}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=kitty]{--cat-accent:lab(48.6503% 46.2543 -39.3239)}}.home-vivid-page [data-cat=mandala]{--cat-accent:#cd9200}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=mandala]{--cat-accent:lab(65.1773% 16.5534 73.296)}}.home-vivid-page [data-cat=vehicles]{--cat-accent:#007dd7}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=vehicles]{--cat-accent:lab(50.3064% -2.37858 -56.8634)}}.home-vivid-page [data-cat=christmas]{--cat-accent:#cf4040}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=christmas]{--cat-accent:lab(49.4737% 56.8232 34.3326)}}.home-vivid-page [data-cat=sea]{--cat-accent:#008b7f}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=sea]{--cat-accent:lab(51.5619% -41.8396 -4.18676)}}.home-vivid-page [data-cat=space]{--cat-accent:#5b5abc}@supports (color:lab(0% 0 0)){.home-vivid-page [data-cat=space]{--cat-accent:lab(42.361% 21.4298 -52.6336)}}.home-vivid-page .topic-chip[data-cat] .topic-info h3{color:var(--cat-accent,var(--fg))}.home-vivid-page .home-faq-list summary.faq-q{cursor:pointer;list-style:none}.home-vivid-page .home-faq-list summary.faq-q::-webkit-details-marker{display:none}.home-vivid-page .home-faq-list details[open] .faq-q:after{color:var(--accent);content:"×"}.home-vivid-page .home-faq-list details[open] .faq-a{opacity:1;max-height:320px;padding:0 0 20px}.home-vivid-page .fade-in{opacity:1;transition:opacity .5s,transform .5s;animation:.5s both homeFadeInUp;transform:none}.home-vivid-page .fade-in.visible{opacity:1;transform:translateY(0)}@keyframes homeFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.home-vivid-page .hero-split{grid-template-columns:1fr;grid-template-areas:"copy""workflow""support";gap:30px}.home-vivid-page .hero-copy{max-width:720px}.home-vivid-page .hero-workflow-card{max-width:600px;margin-inline:auto}.home-vivid-page .hero-workflow-stage{aspect-ratio:16/10}}@media (max-width:768px){.home-vivid-page .hero{padding:44px 0 32px}.home-vivid-page .hero h1{max-width:680px;font-size:clamp(42px,7vw,48px)}.home-vivid-page .hero .lead{margin-bottom:18px;font-size:16px}.home-vivid-page .grid-2,.home-vivid-page .steps,.home-vivid-page .usecase-grid{grid-template-columns:1fr}.home-vivid-page .style-gallery,.home-vivid-page .coloring-grid{grid-template-columns:repeat(2,1fr)}.home-vivid-page .hide-m{display:none!important}}@media (max-width:560px){.od-prompt-entry div{grid-template-columns:1fr}.home-vivid-page .hero{padding:38px 0 30px}.home-vivid-page .hero h1{font-size:clamp(34px,10vw,38px);line-height:1.03}.home-vivid-page .hero-split{gap:24px}.home-hero-paths{flex-direction:column;align-items:flex-start;gap:9px}.home-hero-free-link{flex-direction:column;align-items:flex-start;gap:1px}.home-hero-trust{flex-direction:column;align-items:flex-start;margin-top:14px}.home-vivid-page .hero-workflow-card{border-radius:18px;padding:10px}.home-vivid-page .hero-workflow-stage{border-radius:12px}.home-vivid-page .hero-workflow-card figcaption{flex-direction:column;align-items:flex-start;gap:2px;padding-top:9px}.home-vivid-page .btn{width:100%}.home-vivid-page .style-gallery,.home-vivid-page .coloring-grid,.home-vivid-page .topic-browse{grid-template-columns:1fr 1fr}}.home-vivid-page .hero{min-height:auto;padding:clamp(46px,6vw,68px) 0 clamp(72px,7vw,92px);position:relative}.home-vivid-page .hero:after{background:linear-gradient(90deg, transparent, var(--surface), transparent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .hero:after{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--surface) 88%, transparent), transparent)}}.home-vivid-page .hero:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.home-vivid-page .hero-split{grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);column-gap:clamp(48px,5vw,72px)}.home-vivid-page .hero h1{letter-spacing:-.025em;max-width:630px;margin-bottom:20px;font-size:clamp(50px,4.8vw,66px);font-weight:590;line-height:.99}.home-vivid-page .hero .lead{max-width:51ch;margin-bottom:22px;font-size:18px;line-height:1.58}.home-vivid-page .style-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.home-vivid-page .style-more-grid{display:contents}.home-vivid-page .style-more-toggle{display:none}.home-vivid-page .style-value-panel{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 58%, var(--vivid-yellow) 145%);align-items:center}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .style-value-panel{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 92%, #000) 0%, var(--accent) 58%, var(--vivid-yellow) 145%)}}.home-vivid-page .style-value-panel{border-radius:var(--r-lg);color:#fff;grid-template-columns:minmax(0,1fr) auto;gap:28px;margin-top:28px;padding:clamp(24px,4vw,38px);display:grid}.home-vivid-page .style-value-panel .eyebrow,.home-vivid-page .style-value-panel h3{color:#fff}.home-vivid-page .style-value-panel h3{font-family:var(--font-display);font-size:clamp(24px,2.4vw,32px);line-height:1.12}.home-vivid-page .style-value-panel p:last-child{color:#fff}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .style-value-panel p:last-child{color:color-mix(in oklch, #fff 84%, var(--accent))}}.home-vivid-page .style-value-panel p:last-child{max-width:60ch;margin:9px 0 0}.home-vivid-page .style-value-panel .btn-p{color:var(--accent);white-space:nowrap;background:#fff}.home-vivid-page .od-prompt-entry{border-radius:13px;max-width:620px}.home-vivid-page .od-prompt-entry input{min-height:48px}.home-hero-proof-shell{width:100%;max-width:536px;min-height:454px;margin-left:auto;position:relative}.home-hero-output-paper{background:var(--surface);border:1px solid var(--border);box-shadow:0 28px 80px var(--accent);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.home-hero-output-paper{box-shadow:0 28px 80px color-mix(in oklch, var(--accent) 16%, transparent)}}.home-hero-output-paper{z-index:3;width:min(92%,500px);margin-left:auto;padding:14px;position:relative}.home-hero-paper-topline{z-index:12;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:25px;left:25px;right:25px}.home-hero-paper-label,.home-hero-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-hero-paper-label,.home-hero-status{background:color-mix(in oklch, var(--surface) 90%, transparent)}}.home-hero-paper-label,.home-hero-status{border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:720}.home-hero-status{color:var(--accent2);letter-spacing:.02em;text-transform:none;align-items:center;gap:6px;display:inline-flex}.home-hero-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.home-hero-proof-shell.is-playing .home-hero-status{color:var(--vivid-sky)}.home-hero-proof-shell.is-playing .home-hero-status:before{animation:.72s ease-in-out infinite homeHeroStatusPulse}.home-hero-media{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.home-hero-media-layer{transition:opacity .28s;position:absolute;inset:0}.home-hero-media-layer img{object-fit:cover;width:100%;height:100%}.home-hero-output-layer{background:var(--surface);clip-path:inset(0 100% 0 0);z-index:2}.home-hero-output-layer img,.home-hero-color-layer img,.home-hero-line-guide img{object-fit:contain}.home-hero-proof-shell.is-complete .home-hero-output-layer{clip-path:inset(0)}.home-hero-proof-shell[data-story=photo].is-playing .home-hero-output-layer{animation:2.4s cubic-bezier(.65,0,.2,1) forwards homeHeroPhotoToLine}.home-hero-proof-shell[data-story=text].is-playing .home-hero-output-layer{animation:1.85s cubic-bezier(.55,0,.18,1) forwards homeHeroLineBuild}.home-hero-color-layer{background:var(--surface);-webkit-mask-image:radial-gradient(circle 78px at var(--paint-x,50%) var(--paint-y,50%), #000 0 70%, transparent 76%);-webkit-mask-image:radial-gradient(circle 78px at var(--paint-x,50%) var(--paint-y,50%), #000 0 70%, transparent 76%);-webkit-mask-image:radial-gradient(circle 78px at var(--paint-x,50%) var(--paint-y,50%), #000 0 70%, transparent 76%);mask-image:radial-gradient(circle 78px at var(--paint-x,50%) var(--paint-y,50%), #000 0 70%, transparent 76%);opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle 78px at var(--paint-x,50%) var(--paint-y,50%), #000 0 70%, transparent 76%);z-index:4;transition:opacity .18s}.home-hero-proof-shell[data-story=photo] .home-hero-color-layer img{transform:translate(-2px,1px)scale(1.001)}.home-hero-line-guide{mix-blend-mode:multiply;opacity:0;pointer-events:none;z-index:5;background:0 0;transition:opacity .18s}.home-hero-proof-shell:is(.is-color-peeking,.is-color-teasing) .home-hero-color-layer,.home-hero-proof-shell:is(.is-color-peeking,.is-color-teasing) .home-hero-line-guide{opacity:1}.home-hero-proof-shell.is-color-locked .home-hero-color-layer,.home-hero-proof-shell.is-color-locked .home-hero-line-guide{opacity:1;-webkit-mask-image:none;mask-image:none}.home-hero-media-trigger{cursor:pointer;z-index:8;background:0 0;border:0;position:absolute;inset:0}.home-hero-media-trigger:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-hero-media-trigger:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in oklch, var(--accent) 48%, transparent)}}.home-hero-media-trigger:focus-visible{outline:none}.home-hero-scan-line{opacity:0;pointer-events:none;z-index:7;background:linear-gradient(#0000,#5a92c9a6,#0000);width:2px;position:absolute;top:0;bottom:0;box-shadow:8px 0 22px #5a92c93d}.home-hero-proof-shell[data-story=photo].is-playing .home-hero-scan-line{animation:2.4s cubic-bezier(.65,0,.2,1) forwards homeHeroScanAcross}.home-hero-proof-shell[data-story=text].is-playing .home-hero-scan-line{animation:1.85s cubic-bezier(.55,0,.18,1) forwards homeHeroScanAcross}.home-hero-paper-caption{justify-content:flex-end;align-items:center;min-height:50px;padding:11px 4px 1px;display:flex}.home-hero-story-controls{align-items:center;gap:8px;display:flex}.home-hero-story-tabs{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.home-hero-story-tabs{background:color-mix(in oklch, var(--bg) 78%, var(--surface))}}.home-hero-story-tabs{border:1px solid var(--border);border-radius:999px;grid-template-columns:repeat(2,1fr);gap:2px;padding:3px;display:inline-grid}.home-hero-story-tabs button{color:var(--muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-radius:999px;min-height:28px;padding:5px 10px;font-size:11px;font-weight:650;transition:background .15s,color .15s,box-shadow .15s}.home-hero-story-tabs button:hover{color:var(--fg)}.home-hero-story-tabs button[aria-selected=true]{background:var(--surface);box-shadow:0 3px 10px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-hero-story-tabs button[aria-selected=true]{box-shadow:0 3px 10px color-mix(in oklch, var(--fg) 9%, transparent)}}.home-hero-story-tabs button[aria-selected=true]{color:var(--fg)}.home-hero-story-tabs button.is-nudging{animation:.76s ease-out homeHeroStoryNudge}.home-hero-replay{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.home-hero-replay{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.home-hero-replay{border:1px solid var(--border);color:var(--fg);cursor:pointer;z-index:10;border-radius:999px;justify-content:center;width:36px;height:36px;padding:0;font-size:16px;transition:background .14s,transform .14s;display:inline-flex;position:absolute;top:-46px;right:14px}.home-hero-replay:hover{background:var(--surface);transform:translateY(-1px)}.home-hero-source-inset{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 42px var(--fg);border-radius:18px;bottom:8px}@supports (color:color-mix(in lab, red, red)){.home-hero-source-inset{box-shadow:0 18px 42px color-mix(in oklch, var(--fg) 18%, transparent)}}.home-hero-source-inset{z-index:10;width:40%;padding:9px;transition:box-shadow .18s,transform .18s;position:absolute;left:-18px;transform:rotate(-3deg)}.home-hero-source-inset:hover{box-shadow:0 22px 50px var(--fg)}@supports (color:color-mix(in lab, red, red)){.home-hero-source-inset:hover{box-shadow:0 22px 50px color-mix(in oklch, var(--fg) 22%, transparent)}}.home-hero-source-inset:hover{transform:rotate(-1.5deg)translateY(-2px)}.home-hero-source-inset>span{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.home-hero-source-inset>span{background:color-mix(in oklch, var(--surface) 90%, transparent)}}.home-hero-source-inset>span{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;z-index:2;border-radius:999px;padding:4px 6px;font-size:7.5px;font-weight:720;position:absolute;top:14px;left:14px}.home-hero-source-inset img{aspect-ratio:4/3;object-fit:cover;border-radius:11px;width:100%;height:auto;display:block}.home-hero-source-prompt{aspect-ratio:4/3;background:var(--vivid-yellow-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.home-hero-source-prompt{background:color-mix(in oklch, var(--vivid-yellow-soft) 52%, var(--surface))}}.home-hero-source-prompt{color:var(--fg);font-family:var(--font-display);border-radius:11px;margin:0;padding:44px 16px 16px;font-size:15px;line-height:1.35;display:none}.home-hero-prompt-layer{background:var(--vivid-yellow-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.home-hero-prompt-layer{background:color-mix(in oklch, var(--vivid-yellow-soft) 38%, var(--surface))}}.home-hero-prompt-layer{opacity:0;justify-content:center;padding:40px;display:flex}.home-hero-prompt-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 44px var(--fg);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.home-hero-prompt-card{box-shadow:0 18px 44px color-mix(in oklch, var(--fg) 10%, transparent)}}.home-hero-prompt-card{max-width:310px;padding:24px;transform:rotate(-1.5deg)}.home-hero-prompt-card span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:720}.home-hero-prompt-card p{font-family:var(--font-display);margin:12px 0 0;font-size:clamp(20px,2.1vw,27px);line-height:1.3}.home-hero-proof-shell[data-story=text] .home-hero-photo-layer{opacity:0}.home-hero-proof-shell[data-story=text] .home-hero-prompt-layer{opacity:1}.home-hero-proof-shell[data-story=text] .home-hero-source-inset img{display:none}.home-hero-proof-shell[data-story=text] .home-hero-source-prompt{display:flex}.home-hero-source-arrow{color:var(--fg);bottom:84px}@supports (color:color-mix(in lab, red, red)){.home-hero-source-arrow{color:color-mix(in oklch, var(--fg) 68%, var(--muted))}}.home-hero-source-arrow{filter:drop-shadow(0 2px 0 var(--surface));pointer-events:none;z-index:12;width:50px;height:50px;transition:color .16s;position:absolute;left:34.5%}.home-hero-source-arrow svg{width:100%;height:100%;display:block;overflow:visible}.home-hero-source-arrow path{fill:none;stroke:currentColor;stroke-dasharray:70;stroke-dashoffset:70px;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;animation:.9s cubic-bezier(.22,1,.36,1) .52s both homeHeroArrowTrace}.home-hero-source-arrow path:last-child{animation-delay:.73s}.home-hero-source-inset:hover+.home-hero-source-arrow{color:var(--fg);animation:.62s cubic-bezier(.22,1,.36,1) homeHeroArrowNudge}.home-hero-confetti{opacity:.9;pointer-events:none;z-index:14;border-radius:3px;position:absolute}.home-hero-confetti.one{background:var(--vivid-yellow);width:18px;height:18px;animation:5s ease-in-out infinite homeHeroFloatOne;top:-16px;left:9%;transform:rotate(8deg)}.home-hero-confetti.two{background:var(--vivid-sky);border-radius:50%;width:14px;height:14px;animation:5.6s ease-in-out infinite homeHeroFloatTwo;top:30%;right:-5px}@keyframes homeHeroPhotoToLine{0%,8%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes homeHeroLineBuild{0%,10%{clip-path:inset(0 100% 0 0);filter:contrast(.85)}72%{filter:contrast(.94)}to{clip-path:inset(0);filter:contrast()}}@keyframes homeHeroScanAcross{0%,8%{opacity:0;left:0}14%{opacity:1}92%{opacity:1}to{opacity:0;left:100%}}@keyframes homeHeroStatusPulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes homeHeroArrowNudge{0%,to{transform:translate(0)}48%{transform:translate(4px,-4px)}}@keyframes homeHeroArrowTrace{0%{opacity:.2;stroke-dashoffset:70px}to{opacity:.82;stroke-dashoffset:0}}@keyframes homeHeroFloatOne{0%,to{translate:0;rotate:none}50%{translate:0 -6px;rotate:5deg}}@keyframes homeHeroFloatTwo{0%,to{translate:0}50%{translate:0 5px}}@keyframes homeHeroStoryNudge{0%,to{transform:translateY(0)}42%{transform:translateY(-3px)}72%{transform:translateY(1px)}}@media (max-width:980px){.home-vivid-page .hero{min-height:auto}.home-vivid-page .hero-split{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""support""workflow";gap:42px}.home-vivid-page .hero-copy{max-width:720px}.home-hero-proof-shell{margin-inline:auto}}@media (max-width:680px){.home-vivid-page .hero{padding:38px 0 72px}.home-vivid-page .hero-split{gap:32px}.home-vivid-page .hero h1{font-size:clamp(42px,12vw,52px);line-height:1.02}.home-vivid-page .hero .lead{font-size:16px;line-height:1.55}.home-vivid-page .comparison-showcase{grid-template-columns:1fr}.home-vivid-page .comparison-results-grid{grid-template-rows:none}.home-vivid-page .compact-comparison{aspect-ratio:2.6}.home-vivid-page .style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.home-vivid-page .style-more-grid{grid-column:1/-1;display:none}.home-vivid-page .style-more-grid.is-open{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.home-vivid-page .style-more-toggle{background:var(--surface);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:999px;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:2px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.home-vivid-page .style-more-toggle:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-vivid-page .style-more-toggle:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 34%, transparent)}}.home-vivid-page .style-more-toggle:focus-visible{outline-offset:2px}.home-vivid-page .style-more-toggle>span:last-child{font-size:20px;transition:transform .16s}.home-vivid-page .style-more-toggle>span:last-child.is-open{transform:rotate(45deg)}.home-vivid-page .style-value-panel{text-align:left;grid-template-columns:1fr;align-items:stretch;gap:20px}.hero-workflow-column{padding-top:18px}.home-hero-proof-shell{min-height:334px}.home-hero-output-paper{width:96%}.home-hero-paper-topline{top:21px;left:21px;right:21px}.home-hero-paper-label{font-size:8px}.home-hero-status{font-size:9px}.home-hero-story-controls{justify-content:space-between;width:100%}.home-hero-story-tabs{min-width:154px}.home-hero-replay{top:-42px;right:4px}.home-hero-source-inset{width:40%;bottom:3px;left:0}.home-hero-source-arrow{display:none}}@media (prefers-reduced-motion:reduce){.home-hero-proof-shell *,.home-hero-proof-shell :before,.home-hero-proof-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-hero-output-layer{clip-path:inset(0)}.home-hero-color-layer{-webkit-mask-image:none;mask-image:none}}.seo-vivid-page{--r:12px;--r-lg:16px;--r-sm:8px;background:var(--bg)}.seo-sec{padding:clamp(40px,7vw,80px) 0}.seo-hero{background:radial-gradient(120% 120% at 12% -10%, var(--vivid-yellow-soft) 0%, transparent 46%), radial-gradient(120% 120% at 100% 0%, var(--vivid-sky-soft) 0%, transparent 42%), var(--bg);padding-top:40px}.seo-surface{background:var(--surface)}.seo-centered{text-align:center;max-width:760px;margin:0 auto 36px}.seo-centered .lead{margin:8px auto 0}.seo-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.seo-breadcrumb span:not(:last-child):after{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.seo-breadcrumb span:not(:last-child):after{color:color-mix(in oklch, var(--muted) 70%, transparent)}}.seo-breadcrumb span:not(:last-child):after{content:"/";margin-left:6px}.seo-breadcrumb a{color:var(--accent);font-weight:700}.seo-breadcrumb a:hover,.seo-back-link:hover{text-underline-offset:4px;text-decoration:underline}.seo-age-filter{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.seo-age-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 8px 20px var(--fg)}@supports (color:color-mix(in lab, red, red)){.seo-age-card{box-shadow:0 8px 20px color-mix(in oklch, var(--fg) 4%, transparent)}}.seo-age-card{flex:220px;min-width:0;padding:18px;transition:border-color .15s,transform .15s}.seo-age-card.active{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.seo-age-card.active{background:color-mix(in oklch, var(--vivid-yellow-soft) 60%, var(--surface))}}.seo-age-card.active{border-top:3px solid var(--vivid-yellow)}.seo-age-card:hover{border-color:var(--vivid-sky);transform:translateY(-2px)}.seo-age-card h2{font-family:var(--font-body);font-size:15px;font-weight:800}.seo-age-card p{color:var(--muted);margin-top:4px;font-size:12px}.seo-hub-grid,.seo-coloring-grid,.seo-related-grid{gap:16px;display:grid}.seo-hub-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.seo-coloring-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.seo-grid-heading{margin:28px 0 14px;font-size:22px}.seo-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.seo-hub-card,.seo-coloring-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.seo-hub-card:hover,.seo-coloring-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.seo-hub-card:hover,.seo-coloring-card:hover{border-color:color-mix(in oklch, var(--accent) 36%, var(--border))}}.seo-hub-card:hover,.seo-coloring-card:hover{box-shadow:0 14px 34px var(--fg)}@supports (color:color-mix(in lab, red, red)){.seo-hub-card:hover,.seo-coloring-card:hover{box-shadow:0 14px 34px color-mix(in oklch, var(--fg) 8%, transparent)}}.seo-hub-card:hover,.seo-coloring-card:hover{transform:translateY(-4px)}.seo-hub-card.coming-soon,.seo-coloring-card.coming-soon{opacity:.56;pointer-events:none}.seo-hub-thumb,.seo-thumb{aspect-ratio:1;background:var(--surface);position:relative;overflow:hidden}.seo-hub-thumb img,.seo-thumb img{object-fit:contain;padding:8px}.seo-hub-card.coming-soon .seo-hub-thumb:after,.seo-coloring-card.coming-soon .seo-thumb:after{color:var(--muted);content:"Coming soon";z-index:3;background:#ffffffc7;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.seo-hub-info,.seo-card-info{border-top:1px solid var(--border);padding:12px 14px 14px}.seo-hub-info{text-align:center}.seo-hub-info h2,.seo-card-info h2,.seo-card-info h3{font-family:var(--font-body);font-size:15px;font-weight:800}.seo-hub-info p,.seo-card-info p{color:var(--muted);margin-top:3px;font-size:12px}.seo-free-badge{background:var(--vivid-yellow);color:#5a3d12;z-index:4;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.seo-free-badge--soon{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.seo-free-badge--soon{background:color-mix(in oklch, var(--muted) 16%, var(--surface))}}.seo-free-badge--soon{color:var(--muted)}.seo-colored-img{opacity:0;transition:opacity .28s}.seo-coloring-card:hover .seo-colored-img{opacity:1}.seo-section-row,.seo-parent-heading,.seo-bridge-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.seo-section-row p,.seo-bridge-card p,.seo-copy-block p,.seo-related p,.seo-mini-bridge p{color:var(--muted)}.seo-meta-line{color:var(--muted);margin-top:8px;font-size:13px;font-weight:700}.seo-chip-row,.seo-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.seo-tag-row{margin-bottom:4px}.seo-style-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.seo-style-chip.active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.seo-notice{background:var(--accent-soft);border-radius:var(--r-sm);color:var(--accent);align-items:center;gap:9px;max-width:820px;margin:0 0 24px;padding:9px 14px;display:inline-flex}.seo-notice span{aspect-ratio:1;border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:18px;font-size:11px;font-weight:900;display:grid}.seo-notice p{font-size:12px;font-weight:700}.seo-bridge-card,.seo-cta-card,.seo-mini-bridge{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.seo-bridge-card{margin:32px 0 0;padding:20px 24px}.seo-bridge-card h2,.seo-mini-bridge h2{font-family:var(--font-body);font-size:16px;font-weight:850}.seo-bridge-card p,.seo-mini-bridge p{margin-top:4px;font-size:14px}.seo-copy-block{max-width:720px}.seo-copy-block h2{margin-bottom:12px;font-size:22px}.seo-copy-block p{margin-top:12px;font-size:14px;line-height:1.8}.seo-cta-card{text-align:center;place-items:center;gap:14px;max-width:780px;margin-inline:auto;padding:clamp(28px,5vw,44px);display:grid}.seo-cta-card p{color:var(--muted);max-width:560px}.seo-detail-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:clamp(28px,5vw,48px);display:grid}.seo-detail-preview{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;margin:0;position:relative;overflow:hidden}.seo-detail-preview img{object-fit:contain;padding:clamp(14px,3vw,24px)}.seo-detail-preview .seo-color-layer{opacity:0;z-index:2;transition:opacity .42s}.seo-detail-preview:hover .seo-color-layer{opacity:1}.seo-detail-preview figcaption{color:var(--surface);pointer-events:none;white-space:nowrap;z-index:3;background:#2a252094;border-radius:999px;padding:4px 14px;font-size:11px;transition:opacity .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.seo-detail-preview:hover figcaption{opacity:0}.seo-detail-copy{flex-direction:column;gap:16px;display:flex}.seo-detail-copy h1{font-size:clamp(30px,4vw,42px)}.seo-detail-copy h2{font-size:18px}.seo-download-note{color:var(--accent);font-size:13px;font-weight:850}.seo-download-stack{gap:10px;display:grid}.seo-download-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:12px;padding:14px 18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.seo-download-link:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 2px 8px #c964421a}.seo-download-icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:inline-flex}.seo-download-link[data-format=pdf] .seo-download-icon{background:var(--accent-soft);color:var(--accent)}.seo-download-link[data-format=png] .seo-download-icon{background:var(--accent2-soft);color:var(--accent2)}.seo-download-link strong,.seo-download-link span span{display:block}.seo-download-link span span{color:var(--muted);margin-top:1px;font-size:12px}.seo-spec-card{background:var(--bg);border-radius:var(--r-sm);color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px;font-size:13px;display:grid}.seo-spec-card strong,.seo-spec-card span{display:block}.seo-spec-card strong{color:var(--fg)}.seo-mini-bridge{padding:16px}.seo-mini-bridge .hero-actions{margin-top:12px}.seo-back-link{color:var(--accent);font-size:14px;font-weight:800}.seo-related{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.seo-coloring-card.compact .seo-card-info h2{font-size:13px}.seo-vivid-page [data-cat=animals]{--cat-accent:#479c4d}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=animals]{--cat-accent:lab(57.6157% -39.2793 32.5965)}}.seo-vivid-page [data-cat=dinosaurs]{--cat-accent:#6c9539}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=dinosaurs]{--cat-accent:lab(57.2432% -26.3232 42.3851)}}.seo-vivid-page [data-cat=flowers]{--cat-accent:#ca358b}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=flowers]{--cat-accent:lab(48.5732% 63.245 -12.3243)}}.seo-vivid-page [data-cat=fantasy]{--cat-accent:#8b57be}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=fantasy]{--cat-accent:lab(46.4923% 37.32 -46.9438)}}.seo-vivid-page [data-cat=kitty]{--cat-accent:#a552b7}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=kitty]{--cat-accent:lab(48.6503% 46.2543 -39.3239)}}.seo-vivid-page [data-cat=mandala]{--cat-accent:#cd9200}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=mandala]{--cat-accent:lab(65.1773% 16.5534 73.296)}}.seo-vivid-page [data-cat=vehicles]{--cat-accent:#007dd7}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=vehicles]{--cat-accent:lab(50.3064% -2.37858 -56.8634)}}.seo-vivid-page [data-cat=christmas]{--cat-accent:#cf4040}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=christmas]{--cat-accent:lab(49.4737% 56.8232 34.3326)}}.seo-vivid-page [data-cat=education]{--cat-accent:#0098ac}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=education]{--cat-accent:lab(56.8726% -35.2418 -23.8873)}}.seo-vivid-page [data-cat=sea]{--cat-accent:#008b7f}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=sea]{--cat-accent:lab(51.5619% -41.8396 -4.18676)}}.seo-vivid-page [data-cat=food]{--cat-accent:#d57700}@supports (color:lab(0% 0 0)){.seo-vivid-page [data-cat=food]{--cat-accent:lab(59.8423% 34.4905 70.8342)}}.seo-hub-card[data-cat] .seo-hub-info h2{color:var(--cat-accent,var(--fg))}@media (max-width:820px){.seo-detail-layout,.seo-related-grid{grid-template-columns:1fr}.seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-bridge-card{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.seo-hub-grid,.seo-coloring-grid,.seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-detail-copy .hero-actions .btn,.seo-cta-card .hero-actions .btn,.seo-bridge-card .btn{width:100%}.seo-spec-card{grid-template-columns:1fr}}.c4-detail-page{--container:1245px;--c4-related-surface:var(--surface)}@supports (color:color-mix(in lab, red, red)){.c4-detail-page{--c4-related-surface:color-mix(in oklch, var(--surface) 96%, var(--bg))}}.c4-detail-page{background:var(--surface)}.c4-detail-layout{grid-template-columns:minmax(0,845px) minmax(0,320px);justify-content:space-between;align-items:start;gap:32px;padding-top:14px;padding-bottom:52px;display:grid}.c4-primary-column{min-width:0}.c4-detail-layout-single{grid-template-columns:minmax(0,845px);justify-content:center}.c4-breadcrumb{color:var(--muted);white-space:normal;flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;font-size:12px;display:flex}.c4-breadcrumb a{color:var(--accent-strong);align-items:center;min-height:32px;font-weight:700;display:inline-flex}.c4-breadcrumb a:hover,.c4-current-anchor a:hover,.c4-quick-rail a:hover,.c4-gallery-header a:hover{text-underline-offset:4px;text-decoration:underline}.c4-breadcrumb strong{color:var(--muted);font-weight:600}.c4-hero-heading{margin-top:4px}.c4-hero-heading h1{letter-spacing:-.015em;max-width:none;font-size:clamp(42px,3.2vw,46px);font-weight:600;line-height:1.05}.c4-long-title .c4-hero-heading h1{font-size:34px;line-height:1.12}.c4-hero-heading p{color:var(--muted);letter-spacing:.01em;margin-top:7px;font-size:13px;font-weight:550}.c4-detail-page .seo-notice{margin:10px 0 0}.c4-printable-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.c4-printable-card{background:color-mix(in oklch, var(--surface) 96%, var(--bg))}}.c4-printable-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;width:min(100%,520px);margin:10px auto 0;overflow:hidden}.c4-art-frame{aspect-ratio:3/4;background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.c4-art-frame{background:color-mix(in oklch, var(--surface) 96%, var(--vivid-yellow-soft))}}.c4-art-frame{width:min(100%,412.5px);margin:8px auto 0;position:relative;overflow:hidden}.c4-art-frame img,.c4-identity-thumb img,.c4-quick-media img,.c4-gallery-media img,.c4-topic-preview img{object-fit:contain;object-position:center;padding:8px}.c4-art-frame>img{width:100%;height:100%}.c4-download-actions{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px;display:grid}.c4-download-button{border:1px solid var(--accent2);align-items:center}@supports (color:color-mix(in lab, red, red)){.c4-download-button{border:1px solid color-mix(in oklch, var(--accent2) 58%, var(--border))}}.c4-download-button{color:var(--accent2);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.c4-download-button{color:color-mix(in oklch, var(--accent2) 78%, var(--fg))}}.c4-download-button{letter-spacing:.02em;justify-content:center;gap:9px;min-height:50px;padding:12px 14px;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.c4-download-png{background:var(--accent2);color:var(--surface)}.c4-download-pdf{background:var(--surface)}.c4-download-button:hover{box-shadow:0 8px 20px var(--accent2)}@supports (color:color-mix(in lab, red, red)){.c4-download-button:hover{box-shadow:0 8px 20px color-mix(in oklch, var(--accent2) 18%, transparent)}}.c4-download-button:hover{transform:translateY(-1px)}.c4-similar-row{border-top:1px solid var(--border);color:var(--accent-strong);letter-spacing:.01em;justify-content:center;align-items:center;min-height:48px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.c4-similar-row:hover{background:var(--vivid-yellow-soft)}@supports (color:color-mix(in lab, red, red)){.c4-similar-row:hover{background:color-mix(in oklch, var(--vivid-yellow-soft) 55%, var(--surface))}}.c4-similar-row:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.c4-quick-rail{border-top:3px solid var(--vivid-yellow);width:100%;min-width:0;margin-top:43px;padding-top:10px;position:sticky;top:78px}.c4-quick-rail>header{justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.c4-quick-rail h2{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.18}.c4-quick-rail header a{color:var(--accent-strong);align-items:center;min-height:40px;font-size:12px;font-weight:700;display:inline-flex}.c4-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:7px;display:grid}.c4-quick-grid[data-count="1"]{grid-template-columns:1fr}.c4-recommendation-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.c4-recommendation-card{background:color-mix(in oklch, var(--surface) 96%, var(--bg))}}.c4-recommendation-card{border:1px solid var(--border);color:inherit;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.c4-recommendation-card:hover,.c4-topic-showcase:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-recommendation-card:hover,.c4-topic-showcase:hover{border-color:color-mix(in oklch, var(--accent) 42%, var(--border))}}.c4-recommendation-card:hover,.c4-topic-showcase:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.c4-quick-card{border-radius:12px;grid-template-rows:188px 32px;height:220px;display:grid}.c4-quick-media{background:var(--c4-related-surface);width:100%;height:188px;position:relative;overflow:hidden}.c4-quick-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center;min-height:32px;max-height:32px;padding:3px 8px 0;font-size:11px;font-weight:650;line-height:1.22;display:-webkit-box;overflow:hidden}.c4-article-body{border-top:1px solid var(--border);margin-top:clamp(64px,8vw,92px);padding-top:30px}.c4-article-layout{grid-template-columns:148px minmax(0,1fr);align-items:start;gap:28px;display:grid}.c4-current-anchor{gap:10px;padding-top:4px;display:grid;position:sticky;top:86px}.c4-identity-label,.c4-topic-eyebrow{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.35;display:block}.c4-identity-thumb{aspect-ratio:3/4;background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.c4-identity-thumb{background:color-mix(in oklch, var(--surface) 95%, var(--bg))}}.c4-identity-thumb{border:1px solid var(--border);border-radius:9px;width:82px;display:block;position:relative;overflow:hidden}.c4-current-anchor .c4-identity-thumb{width:112px}.c4-anchor-title{font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1.35}.c4-current-anchor nav{gap:2px;margin-top:2px;display:grid}.c4-current-anchor nav a{color:var(--accent-strong);align-items:center;min-height:38px;font-size:12px;font-weight:700;display:inline-flex}.c4-copy-column{border-left:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-copy-column{border-left:2px solid color-mix(in oklch, var(--accent) 34%, var(--border))}}.c4-copy-column{min-width:0;padding-left:32px;position:relative}.c4-chapter{position:relative}.c4-chapter+.c4-chapter{margin-top:70px}.c4-chapter-header{border-bottom:2px solid var(--vivid-yellow);grid-template-columns:minmax(0,1fr);align-items:center;margin-bottom:30px;padding:10px 0 18px;display:grid;position:relative}.c4-chapter-header>.c4-identity-thumb{display:none}.c4-chapter-number{background:var(--surface);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-chapter-number{border:1px solid color-mix(in oklch, var(--accent) 52%, var(--border))}}.c4-chapter-number{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.04em;z-index:1;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid;position:absolute;top:13px;left:-48px}.c4-chapter-title{font-family:var(--font-display);margin-top:4px;font-size:23px;font-weight:600;line-height:1.22}.c4-copy-section+.c4-copy-section{margin-top:clamp(38px,5vw,56px)}.c4-copy-section h2{letter-spacing:-.01em;margin-bottom:14px;font-size:clamp(28px,2.5vw,36px);font-weight:600;line-height:1.14}.c4-copy-section p{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.c4-copy-section p{color:color-mix(in oklch, var(--fg) 90%, var(--muted))}}.c4-copy-section p{max-width:69ch;font-size:16px;line-height:1.8}.c4-copy-section p+p{margin-top:16px}.c4-chapter:first-child .c4-copy-section:first-child{border-bottom:1px solid var(--border);padding-bottom:28px}.c4-chapter:first-child .c4-copy-section:first-child p{font-size:17px}.c4-current-page-end{color:var(--accent-strong);align-items:center;gap:12px;margin-top:32px;font-size:13px;font-weight:700;display:flex}.c4-current-page-end:before{background:var(--accent);content:"";width:34px;height:2px}.c4-mobile-running-identity{display:none}.c4-gallery-section{padding-top:18px;padding-bottom:clamp(72px,8vw,96px)}.c4-gallery-stack{gap:50px;max-width:1160px;margin-inline:auto;display:grid}.c4-gallery-shell{background:linear-gradient(135deg, var(--surface), var(--vivid-yellow-soft))}@supports (color:color-mix(in lab, red, red)){.c4-gallery-shell{background:linear-gradient(135deg, color-mix(in oklch, var(--surface) 96%, var(--bg)), color-mix(in oklch, var(--vivid-yellow-soft) 28%, var(--surface)))}}.c4-gallery-shell{border:1px solid var(--accent2)}@supports (color:color-mix(in lab, red, red)){.c4-gallery-shell{border:1px solid color-mix(in oklch, var(--accent2) 24%, var(--border))}}.c4-gallery-shell{border-top:3px solid var(--vivid-yellow);border-radius:20px;padding:22px}.c4-gallery-header{justify-content:space-between;align-items:center;gap:24px;min-height:44px;margin-bottom:14px;display:flex}.c4-gallery-header-only{margin-bottom:0}.c4-gallery-header h2{letter-spacing:-.01em;font-size:clamp(25px,2.2vw,31px);font-weight:600;line-height:1.12}.c4-gallery-header a{color:var(--accent-strong);white-space:nowrap;align-items:center;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.c4-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.45vw,18px);display:grid}.c4-gallery-grid[data-count="1"]{grid-template-columns:minmax(0,280px)}.c4-gallery-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.c4-gallery-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.c4-gallery-grid[data-count="7"]{grid-template-columns:repeat(8,minmax(0,1fr))}.c4-gallery-grid[data-count="7"] .c4-gallery-card{grid-column:span 2}.c4-gallery-grid[data-count="7"] .c4-gallery-card:nth-child(5){grid-column:2/span 2}.c4-gallery-card{border-radius:13px;grid-template-rows:auto 52px;display:grid}.c4-gallery-media{aspect-ratio:3/4;background:var(--c4-related-surface);width:100%;position:relative;overflow:hidden}.c4-gallery-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center;min-height:52px;max-height:52px;padding:8px 12px 0;font-size:13px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.c4-other-topic{background:var(--vivid-yellow-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.c4-other-topic{background:color-mix(in oklch, var(--vivid-yellow-soft) 48%, var(--surface))}}.c4-other-topic{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-other-topic{border-color:color-mix(in oklch, var(--accent) 22%, var(--border))}}.c4-other-topic{border-top-color:var(--accent);grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:28px;display:grid}.c4-other-topic .c4-gallery-header{place-content:center start;margin-bottom:0;display:grid}.c4-topic-showcase{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.c4-topic-showcase{background:color-mix(in oklch, var(--surface) 97%, var(--bg))}}.c4-topic-showcase{border:1px solid var(--border);box-shadow:0 7px 20px var(--fg);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.c4-topic-showcase{box-shadow:0 7px 20px color-mix(in oklch, var(--fg) 4%, transparent)}}.c4-topic-showcase{grid-template-columns:minmax(168px,190px) minmax(0,1fr);gap:16px;min-width:0;min-height:220px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.c4-topic-copy{gap:7px;min-width:0;padding:4px;display:grid}.c4-topic-copy strong{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.3}.c4-topic-copy>span:last-child{color:var(--accent-strong);font-size:12px;font-weight:700}.c4-topic-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.c4-topic-preview{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-topic-preview{border:1px solid color-mix(in oklch, var(--accent) 12%, var(--border))}}.c4-topic-preview{border-radius:8px;min-width:0;position:relative;overflow:hidden}@media (max-width:1279px){.c4-detail-layout{width:min(100%,808px);display:block}.c4-quick-rail{display:none}.c4-gallery-grid,.c4-gallery-grid[data-count="7"]{grid-template-columns:repeat(3,minmax(0,1fr))}.c4-gallery-grid[data-count="7"] .c4-gallery-card,.c4-gallery-grid[data-count="7"] .c4-gallery-card:nth-child(5){grid-column:auto}.c4-gallery-grid[data-count="7"] .c4-gallery-card:last-child{grid-column:2}}@media (max-width:767px){.c4-detail-page{--gutter:16px}.c4-breadcrumb,.c4-breadcrumb a{min-height:44px}.c4-breadcrumb{gap:4px 6px;font-size:11px;line-height:1.35}.c4-hero-heading h1{letter-spacing:-.01em;max-width:17ch;font-size:36px;line-height:1.1}.c4-long-title .c4-hero-heading h1{max-width:none;font-size:28px;line-height:1.15}.c4-hero-heading p{margin-top:5px;font-size:12px}.c4-printable-card{border-radius:15px;margin-top:8px}.c4-art-frame{width:calc(100% - 12px);margin-top:6px}.c4-long-title .c4-art-frame{width:min(100% - 12px,320px)}.c4-download-actions{gap:8px;padding:8px}.c4-download-button{min-width:0;min-height:52px;padding-inline:8px;font-size:13px}.c4-similar-row{white-space:nowrap;min-height:44px;padding-inline:10px;font-size:12px}.c4-article-body{margin-top:60px;padding-top:24px}.c4-article-layout{display:block}.c4-current-anchor{display:none}.c4-copy-column{padding-left:26px}.c4-mobile-running-identity{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.c4-mobile-running-identity{background:color-mix(in oklch, var(--surface) 94%, transparent)}}.c4-mobile-running-identity{border-bottom:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-mobile-running-identity{border-bottom:1px solid color-mix(in oklch, var(--accent) 28%, var(--border))}}.c4-mobile-running-identity{border-top:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.c4-mobile-running-identity{border-top:1px solid color-mix(in oklch, var(--accent) 24%, var(--border))}}.c4-mobile-running-identity{box-shadow:0 7px 18px var(--fg)}@supports (color:color-mix(in lab, red, red)){.c4-mobile-running-identity{box-shadow:0 7px 18px color-mix(in oklch, var(--fg) 5%, transparent)}}.c4-mobile-running-identity{z-index:28;gap:9px;min-height:44px;margin:-10px 0 26px -26px;padding:6px 10px;display:flex;position:sticky;top:114px}.c4-mobile-running-identity strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}.c4-chapter+.c4-chapter{margin-top:54px}.c4-chapter-header{grid-template-columns:54px minmax(0,1fr);gap:12px;margin-bottom:24px;padding-block:8px 14px}.c4-chapter-header>.c4-identity-thumb{border-radius:6px;width:54px;display:block}.c4-chapter-number{width:24px;height:24px;font-size:9px;top:16px;left:-39px}.c4-chapter-title{font-size:18px}.c4-copy-section h2{font-size:28px;line-height:1.18}.c4-copy-section p{font-size:15px;line-height:1.78}.c4-copy-section:first-child p{font-size:16px}.c4-gallery-section{padding-bottom:74px}.c4-gallery-shell{border-radius:18px;padding:16px}.c4-gallery-header{flex-direction:column;align-items:flex-start;gap:4px;min-height:0;margin-bottom:15px}.c4-gallery-header h2{font-size:28px;line-height:1.18}.c4-gallery-header a{min-height:40px;font-size:13px}.c4-gallery-grid,.c4-gallery-grid[data-count="2"],.c4-gallery-grid[data-count="3"],.c4-gallery-grid[data-count="7"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.c4-gallery-grid[data-count="7"] .c4-gallery-card,.c4-gallery-grid[data-count="7"] .c4-gallery-card:nth-child(5){grid-column:auto}.c4-gallery-grid[data-count="3"] .c4-gallery-card:last-child,.c4-gallery-grid[data-count="7"] .c4-gallery-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.c4-other-topic{display:block}.c4-other-topic .c4-gallery-header{margin-bottom:14px}.c4-topic-showcase{min-height:0;padding:12px;display:block}.c4-topic-copy{padding:2px 2px 12px}.c4-topic-copy strong{font-size:17px}.c4-topic-preview-grid{gap:6px}.c4-topic-preview img{padding:4px}}@media (max-width:370px){.c4-download-actions{grid-template-columns:1fr}.c4-similar-row{text-align:center;white-space:normal}}@media (max-width:420px){.home-vivid-page .coloring-grid,.home-vivid-page .style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.home-vivid-page .fade-in{opacity:1;transform:none}.home-vivid-page .style-more-toggle>span:last-child{transition:none}.home-vivid-page .style-item,.home-vivid-page .style-item:hover{box-shadow:none;transition:none;transform:none}}.tool-vivid-page{background:radial-gradient(circle at 10% 2%, #f0a83038, transparent 28rem), radial-gradient(circle at 92% 6%, #5a92c933, transparent 26rem), linear-gradient(180deg, var(--vivid-yellow-soft) 0%, var(--bg) 36%, var(--surface) 100%);overflow-x:clip}.tool-vivid-page .gen-hero{padding:clamp(36px,5vw,56px) 0 clamp(24px,3.2vw,36px)}.tool-vivid-page .tool-tabs{border:1px solid var(--accent);flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .tool-tabs{border:1px solid color-mix(in oklch, var(--accent) 18%, var(--border))}}.tool-vivid-page .tool-tabs{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .tool-tabs{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.tool-vivid-page .tool-tabs{box-shadow:0 12px 28px #2a252014}.tool-vivid-page .tool-tab{color:var(--muted);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:800}.tool-vivid-page .tool-tab.active{color:var(--surface);background:var(--accent)}.tool-vivid-page .lead{max-width:760px;color:var(--muted);margin:14px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.tool-vivid-page .section-copy{max-width:58ch;color:var(--muted);margin:10px 0 28px}.tool-vivid-page .gen-trust-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tool-vivid-page .gen-trust-item{border:1px solid var(--accent2);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .gen-trust-item{border:1px solid color-mix(in oklch, var(--accent2) 18%, var(--border))}}.tool-vivid-page .gen-trust-item{color:var(--fg);background:#ffffffb8;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.tool-vivid-page .gen-trust-item .trust-icon{width:16px;height:16px;color:var(--accent2);flex:none}.tool-vivid-page .tool-workspace{background:var(--surface);padding-block:clamp(34px,5vw,56px)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .tool-workspace{background:color-mix(in oklch, var(--surface) 78%, var(--vivid-yellow-soft))}}.tool-vivid-page .tool-workspace{border-top:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .tool-workspace{border-top:1px solid color-mix(in oklch, var(--accent) 12%, transparent)}}.tool-vivid-page .gen-layout{grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);align-items:start;gap:clamp(22px,4vw,36px);display:grid}.tool-vivid-page .gen-panel,.tool-vivid-page .gen-result{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .gen-panel,.tool-vivid-page .gen-result{border:1px solid color-mix(in oklch, var(--border) 82%, var(--accent) 18%)}}.tool-vivid-page .gen-panel,.tool-vivid-page .gen-result{background:#ffffffe6;border-radius:8px;box-shadow:0 18px 44px #2a25201a}.tool-vivid-page .gen-panel{flex-direction:column;gap:14px;padding:clamp(20px,3vw,28px);display:flex;position:sticky;top:88px}.tool-vivid-page .field{gap:8px;display:grid}.tool-vivid-page .field label{color:var(--fg);font-size:13px;font-weight:900}.tool-vivid-page .input{resize:vertical;border:1px solid var(--border);width:100%;min-height:112px;color:var(--fg);background:#fff;border-radius:8px;padding:13px 14px;box-shadow:inset 0 1px #2a252008}.tool-vivid-page .style-chips,.tool-vivid-page .photo-category-tabs{flex-wrap:wrap;gap:7px;display:flex}.tool-vivid-page .style-chip,.tool-vivid-page .photo-cat-tab{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.tool-vivid-page .style-chip:hover,.tool-vivid-page .photo-cat-tab:hover{border-color:var(--accent);transform:translateY(-1px)}.tool-vivid-page .style-chip.active,.tool-vivid-page .photo-cat-tab.active{color:var(--accent-strong);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .style-chip.active,.tool-vivid-page .photo-cat-tab.active{border-color:color-mix(in oklch, var(--accent) 40%, var(--border))}}.tool-vivid-page .style-chip.active,.tool-vivid-page .photo-cat-tab.active{background:var(--accent-soft)}.tool-vivid-page .gen-submit{justify-content:center;width:100%;padding:14px 18px}.tool-vivid-page .gen-compact-note{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.55}.tool-vivid-page .advanced-settings{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .advanced-settings{border:1px solid color-mix(in oklch, var(--border) 80%, var(--accent2) 20%)}}.tool-vivid-page .advanced-settings{background:var(--surface);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .advanced-settings{background:color-mix(in oklch, var(--surface) 92%, var(--vivid-sky-soft))}}.tool-vivid-page .advanced-settings{padding:10px 12px}.tool-vivid-page .advanced-summary{width:100%;color:var(--accent-strong);text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:900}.tool-vivid-page .advanced-body{gap:14px;margin-top:10px;display:grid}.tool-vivid-page .upload-area{border:2px dashed var(--accent);place-items:center;gap:5px;min-height:178px;display:grid}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .upload-area{border:2px dashed color-mix(in oklch, var(--accent) 34%, var(--border))}}.tool-vivid-page .upload-area{color:var(--fg);text-align:center;background:linear-gradient(135deg,#fbeccfc7,#dceaf685),#fff;border-radius:8px;padding:24px;transition:background .16s,border-color .16s,transform .16s}.tool-vivid-page .upload-area:hover,.tool-vivid-page .upload-area.dragging{border-color:var(--vivid-sky);background:linear-gradient(135deg,#dceaf6db,#fbeccfb3),#fff;transform:translateY(-1px)}.tool-vivid-page .upload-area.has-file{border-style:solid;border-color:var(--accent2)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .upload-area.has-file{border-color:color-mix(in oklch, var(--accent2) 44%, var(--border))}}.tool-vivid-page .upload-area.has-file{background:linear-gradient(135deg,#dcebe1bd,#ffffffdb),#fff}.tool-vivid-page .upload-icon{background:var(--surface);width:52px;height:52px;color:var(--accent);box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;font-size:26px;display:grid;overflow:hidden}.tool-vivid-page .upload-icon .tool-icon{width:30px;height:30px}.tool-vivid-page .upload-icon img{object-fit:cover;width:100%;height:100%}.tool-vivid-page .gen-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:520px;padding:clamp(22px,4vw,34px);display:flex}.tool-vivid-page .gen-result h3,.tool-vivid-page .gen-result p{max-width:44ch}.tool-vivid-page .result-icon{background:var(--vivid-sky-soft);width:66px;height:66px;color:var(--vivid-sky);border-radius:20px;place-items:center;font-size:30px;font-weight:900;display:grid}.tool-vivid-page .result-icon .tool-icon{width:34px;height:34px}.tool-vivid-page .result-icon.error{background:var(--danger-soft);color:var(--danger)}.tool-vivid-page .prompt-suggestions{text-align:left;gap:8px;width:min(100%,420px);display:grid}.tool-vivid-page .prompt-suggestions span{color:var(--muted);font-size:12px;font-weight:900}.tool-vivid-page .prompt-suggestions button{background:var(--accent-soft);color:var(--accent-strong);text-align:left;border:0;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:800}.tool-vivid-page .tool-secondary-toggle{display:none}.tool-vivid-page .tool-secondary-stack{display:block}.tool-vivid-page .prompt-category-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tool-vivid-page .prompt-cat-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;transition:border-color .15s,color .15s,background .15s}.tool-vivid-page .prompt-cat-tab:hover{border-color:var(--vivid-sky);color:var(--vivid-sky)}.tool-vivid-page .prompt-cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tool-vivid-page .style-chip:focus-visible,.tool-vivid-page .prompt-cat-tab:focus-visible,.tool-vivid-page .photo-cat-tab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tool-vivid-page .photo-preview-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:min(100%,410px);display:grid}.tool-vivid-page .preview-tile{border:1px solid var(--border);background:#fff;border-radius:8px;gap:6px;padding:8px;display:grid}.tool-vivid-page .preview-tile span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.tool-vivid-page .preview-tile img{aspect-ratio:1;object-fit:contain;width:100%}.tool-vivid-page .preview-tile img.tinted{filter:sepia(.28)saturate(1.45)}.tool-vivid-page .steps{text-align:center;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,32px);display:grid}.tool-vivid-page .step{flex-direction:column;align-items:center;gap:12px;display:flex}.tool-vivid-page .step-num{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:22px;font-weight:700;transition:transform .2s,background .2s;display:grid}.tool-vivid-page .steps .step:first-child .step-num{background:var(--vivid-yellow);color:#fff;box-shadow:0 8px 20px var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .steps .step:first-child .step-num{box-shadow:0 8px 20px color-mix(in oklch, var(--vivid-yellow) 45%, transparent)}}.tool-vivid-page .steps .step:nth-child(2) .step-num{background:var(--vivid-sky);color:#fff;box-shadow:0 8px 20px var(--vivid-sky)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .steps .step:nth-child(2) .step-num{box-shadow:0 8px 20px color-mix(in oklch, var(--vivid-sky) 45%, transparent)}}.tool-vivid-page .steps .step:nth-child(3) .step-num{background:var(--vivid-pink);color:#fff;box-shadow:0 8px 20px var(--vivid-pink)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .steps .step:nth-child(3) .step-num{box-shadow:0 8px 20px color-mix(in oklch, var(--vivid-pink) 45%, transparent)}}.tool-vivid-page .steps .step:hover .step-num{transform:translateY(-4px)scale(1.08)}.tool-vivid-page .step h3{margin:0}.tool-vivid-page .step p{max-width:32ch;color:var(--muted);margin:0;font-size:14px}.tool-vivid-page .tool-steps-section{background:radial-gradient(80% 90% at 50% 0%, var(--vivid-sky-soft) 0%, transparent 55%), var(--bg)}.tool-vivid-page .spinner{border:5px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:54px;height:54px;animation:.9s linear infinite toolSpin}.tool-vivid-page .task-note{color:var(--muted);font-family:var(--font-mono);font-size:12px}.tool-vivid-page .success-pill{background:var(--accent2-soft);color:var(--accent2)}.tool-vivid-page .status-pill{background:var(--vivid-sky-soft);color:var(--vivid-sky)}.tool-vivid-page .error-pill{background:var(--danger-soft);color:var(--danger)}.tool-vivid-page .result-output{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:8px;place-items:center;width:min(100%,440px);padding:14px;display:grid;overflow:hidden}.tool-vivid-page .result-output img{object-fit:contain;width:100%;height:100%}.tool-vivid-page .private-output-note{color:var(--muted);font-size:12px;line-height:1.45}.tool-vivid-page .pending-output{background:linear-gradient(135deg,#fbeccfb3,#dceaf68a),#fff;align-content:center;gap:12px;padding:28px}.tool-vivid-page .pending-output h3,.tool-vivid-page .pending-output p{margin:0}.tool-vivid-page .pending-output p{max-width:34ch;color:var(--muted);font-size:14px}.tool-vivid-page .result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool-vivid-page .auth-gate{justify-items:center;gap:15px;width:min(100%,470px);padding:12px 0;display:grid}.tool-vivid-page .auth-gate h3,.tool-vivid-page .auth-gate p{margin:0}.tool-vivid-page .auth-gate p{max-width:42ch;color:var(--muted);font-size:14px;line-height:1.55}.tool-vivid-page .auth-gate .status-pill{background:var(--vivid-sky-soft);color:#356b9a}.tool-vivid-page .auth-gate-reward{border:1px solid var(--vivid-yellow);gap:3px;width:min(100%,390px);padding:13px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .auth-gate-reward{border:1px solid color-mix(in oklch, var(--vivid-yellow) 55%, var(--border))}}.tool-vivid-page .auth-gate-reward{background:var(--vivid-yellow-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .auth-gate-reward{background:color-mix(in oklch, var(--vivid-yellow-soft) 78%, var(--surface))}}.tool-vivid-page .auth-gate-reward{text-align:left}.tool-vivid-page .auth-gate-reward strong{color:var(--fg);font-size:14px}.tool-vivid-page .auth-gate-reward span{color:var(--muted);font-size:12px}.tool-vivid-page .auth-gate-actions{width:min(100%,390px)}.tool-vivid-page .auth-gate-actions .btn{min-height:44px}.tool-vivid-page .auth-gate-actions .btn-p{flex:220px}.tool-vivid-page .auth-gate-actions .btn-secondary,.tool-vivid-page .auth-gate-actions .btn-ghost{flex:0 auto}.tool-vivid-page .email-confirmation-notice{border:1px solid var(--accent2);grid-template-columns:26px 1fr;align-items:start;gap:10px;margin:0 0 14px;padding:11px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .email-confirmation-notice{border:1px solid color-mix(in oklch, var(--accent2) 36%, var(--border))}}.tool-vivid-page .email-confirmation-notice{background:var(--accent2-soft);border-radius:10px}.tool-vivid-page .email-confirmation-notice>span{background:var(--accent2);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.tool-vivid-page .email-confirmation-notice p{color:#31543d;margin:0;font-size:12px;line-height:1.5}.tool-vivid-page .auth-tabs{background:var(--surface);border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:5px;display:grid}.tool-vivid-page .auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 10px;font-weight:900}.tool-vivid-page .auth-tabs button.active{color:var(--accent-strong);background:#fff;box-shadow:0 7px 18px #2a252014}.tool-vivid-page .auth-form{gap:10px;width:100%;display:grid}.tool-vivid-page .auth-form label{color:var(--fg);text-align:left;gap:6px;font-size:13px;font-weight:900;display:grid}.tool-vivid-page .auth-form input:not([type=hidden]){border:1px solid var(--border);width:100%;color:var(--fg);background:#fff;border-radius:8px;padding:12px 13px}.tool-vivid-page .auth-error{background:var(--danger-soft);color:var(--danger);text-align:left;border-radius:8px;padding:9px 11px}.tool-vivid-page .example-band{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .example-band{background:color-mix(in oklch, var(--surface) 86%, var(--vivid-sky-soft))}}.tool-vivid-page .tool-example-grid,.tool-vivid-page .before-after-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.tool-vivid-page .tool-example-card,.tool-vivid-page .ba-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:12px;box-shadow:0 12px 28px #2a252012}.tool-vivid-page .tool-example-card{color:inherit;text-align:left;gap:8px;display:grid}.tool-vivid-page .tool-example-card img{aspect-ratio:1;object-fit:contain;background:var(--surface);border-radius:6px;width:100%}.tool-vivid-page .tool-example-card span,.tool-vivid-page .ba-label{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:900}.tool-vivid-page .tool-example-card p,.tool-vivid-page .ba-caption{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tool-vivid-page .before-after-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-vivid-page .ba-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tool-vivid-page .ba-before,.tool-vivid-page .ba-after{gap:6px;display:grid}.tool-vivid-page .ba-before img,.tool-vivid-page .ba-after img{aspect-ratio:1;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;width:100%}.tool-vivid-page .ba-before img{filter:sepia(.28)saturate(1.45)}.tool-vivid-page .tool-faq-section{background:radial-gradient(80% 90% at 8% 0%, var(--vivid-pink-soft) 0%, transparent 46%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .tool-faq-section{background:radial-gradient(80% 90% at 8% 0%, var(--vivid-pink-soft) 0%, transparent 46%), color-mix(in oklch, var(--surface) 92%, var(--bg))}}.tool-vivid-page .tool-faq-list{border:1px solid var(--border);background:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.tool-vivid-page .tool-faq-list{border:1px solid color-mix(in oklch, var(--border) 84%, var(--accent) 16%)}}.tool-vivid-page .tool-faq-list{border-radius:8px;max-width:820px;margin-top:24px;padding-inline:clamp(16px,3vw,24px);box-shadow:0 16px 40px #2a252014}.tool-vivid-page .tool-faq-list .faq-item:first-child{border-top:0}.tool-vivid-page .tool-faq-list .faq-item:last-child{border-bottom:0}.tool-vivid-page .tool-faq-list .faq-a{text-align:left}@keyframes toolSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.auth-layout,.account-state-banner,.account-support-strip,.account-grid,.account-two-column,.account-history-row,.tool-vivid-page .gen-layout,.tool-vivid-page .tool-example-grid,.tool-vivid-page .before-after-grid,.tool-vivid-page .steps{grid-template-columns:1fr}.tool-vivid-page .gen-result{min-height:420px}.tool-vivid-page .gen-panel{position:static}.tool-vivid-page .tool-secondary-toggle{padding:8px 0 4px;display:block}.tool-vivid-page .tool-secondary-trigger{justify-content:center;width:100%}.tool-vivid-page .tool-secondary-stack{display:none}.tool-vivid-page .tool-secondary-stack.open{display:block}}@media (max-width:560px){.tool-vivid-page .gen-hero{padding-top:34px}.tool-vivid-page .tool-tabs{border-radius:8px;width:100%}.tool-vivid-page .tool-tab{text-align:center;flex:1}.tool-vivid-page .gen-panel,.tool-vivid-page .gen-result{padding:18px}.tool-vivid-page .style-chip,.tool-vivid-page .photo-cat-tab{min-height:42px}.tool-vivid-page .photo-preview-pair{grid-template-columns:1fr}}body .generator-replica .btn-primary{border:0}body .generator-replica>.sec-cta h2{font-size:22.5px;line-height:1.6}body .generator-replica .upload-area{height:140px;min-height:140px}body .generator-replica .style-chip{min-height:34px;padding:7px 11px;font-size:13px;line-height:1.6}body .generator-replica .age-chips .style-chip{padding-inline:3px;font-size:11px}body .generator-replica .photo-static-chip:disabled{opacity:1}body .generator-replica .privacy-row{padding-block:7px}body .generator-replica .photo-pair-images{position:relative}body .generator-replica .photo-pair-images:after{background:var(--accent);color:#fff;content:"→";border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #c964424d}body .generator-replica .photo-pair-img{aspect-ratio:1;justify-content:center;align-items:center;padding:6px;display:flex}body .generator-replica .photo-pair-img img{object-fit:cover;border-radius:4px;width:100%;height:100%}body .generator-replica .photo-pair-img.output img{object-fit:contain}body .generator-replica .photo-pair-img.source{background:#f5f0eb}body .generator-replica .photo-pair-img.output{background:#fff}body .generator-replica .photo-pair-meta{background:var(--bg);display:block}@supports (color:color-mix(in lab, red, red)){body .generator-replica .photo-pair-meta{background:color-mix(in oklch, var(--bg) 50%, var(--surface))}}body .generator-replica .pair-label{color:var(--fg);font-size:11px;font-weight:600}body .generator-replica .pair-tag{color:var(--vivid-sky);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}body .generator-replica .canvas-example-link{text-align:center;padding-top:14px}body .generator-replica .canvas-example-link a{color:var(--accent);font-size:13px;font-weight:700}body .generator-replica .photo-empty-state{justify-items:center;gap:14px;width:min(100%,360px);margin-inline:auto;padding:12px 0 4px;display:grid}body .generator-replica .photo-empty-state-icon{border-radius:16px;width:88px;height:88px}body .generator-replica .photo-source-only{justify-items:center;gap:12px;width:min(100%,420px);margin-inline:auto;display:grid}body .generator-replica .photo-source-only-frame{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:8px;width:min(100%,320px);overflow:hidden}body .generator-replica .photo-source-only-frame img{object-fit:cover;width:100%;height:100%}body .generator-replica .photo-result-compare-preload{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body .generator-replica .photo-result-display{min-height:0}body .generator-replica .photo-result-compare-frame{background:#fff;border-radius:6px;width:min(100%,520px);overflow:hidden;box-shadow:0 12px 40px #2a25201f,0 2px 8px #2a25200f}body .generator-replica .photo-result-compare{touch-action:none;background:#fff;width:100%;height:100%;position:relative;overflow:hidden}body .generator-replica .photo-result-compare-source,body .generator-replica .photo-result-compare-line{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}body .generator-replica .photo-result-compare-label{z-index:2;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#1e1a16c2;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:12px}body .generator-replica .photo-result-compare-label-source{left:12px}body .generator-replica .photo-result-compare-label-line{right:12px}body .generator-replica .photo-result-compare-handle{top:0;bottom:0;left:var(--photo-result-split);z-index:2;pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #1e1a166b}body .generator-replica .photo-result-compare-handle:after{background:var(--accent);content:"↔";color:#fff;text-align:center;border:2px solid #fff;border-radius:50%;width:34px;height:34px;font-size:18px;line-height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #1e1a1652}body .generator-replica .photo-result-compare-control{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}body .generator-replica .photo-result-compare-control:focus-visible{opacity:1;outline:3px solid var(--focus-ring);outline-offset:-3px}@media (max-width:560px){body .generator-replica .photo-result-compare-label{padding:3px 6px;font-size:10px;top:8px}body .generator-replica .photo-result-compare-label-source{left:8px}body .generator-replica .photo-result-compare-label-line{right:8px}}body .generator-replica .feature-photo-grid:has(.feature-photo-neutral){grid-template-rows:auto;place-items:center;min-height:280px;display:grid}body .generator-replica .feature-photo-grid:has(.photo-example-compare){grid-template-rows:auto;place-items:start center}body .generator-replica .feature-photo-neutral{text-align:center;justify-items:center;gap:16px;padding:12px 8px 4px;display:grid}body .generator-replica .feature-photo-neutral p{max-width:34ch;color:var(--muted);margin:0;font-size:14px;line-height:1.6}body .generator-replica .feature-img-truth,body .generator-replica .example-truth-label,body .generator-replica .gallery-truth{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-vivid-page.generator-replica .gen-result.state-empty{text-align:center;place-items:stretch stretch;display:grid}.tool-vivid-page.generator-replica .gen-result.state-empty .canvas-empty{justify-self:stretch}@media (max-width:560px){body .generator-replica .photo-pair-grid{gap:10px}}.auth-entry-screen{min-height:calc(100vh - 66px);padding:clamp(46px, 7vw, 84px) var(--gutter) 72px;background:radial-gradient(60% 75% at 8% 20%, var(--vivid-pink-soft), transparent 65%), radial-gradient(65% 70% at 88% 12%, var(--vivid-yellow-soft), transparent 65%)}@supports (color:color-mix(in lab, red, red)){.auth-entry-screen{background:radial-gradient(60% 75% at 8% 20%, color-mix(in oklch, var(--vivid-pink-soft) 58%, transparent), transparent 65%), radial-gradient(65% 70% at 88% 12%, color-mix(in oklch, var(--vivid-yellow-soft) 76%, transparent), transparent 65%)}}.auth-verification-panel{border:1px solid var(--border);border-top:4px solid var(--vivid-yellow);background:var(--surface);width:min(100%,590px);box-shadow:0 22px 60px var(--fg);border-radius:18px;margin:0 auto;padding:clamp(34px,5vw,58px)}@supports (color:color-mix(in lab, red, red)){.auth-verification-panel{box-shadow:0 22px 60px color-mix(in oklch, var(--fg) 10%, transparent)}}.auth-verification-panel{text-align:center}.auth-verification-icon{background:var(--vivid-yellow-soft);width:50px;height:50px;color:var(--accent-strong);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:25px;font-weight:800;display:grid}.auth-verification-icon.is-confirmed{background:var(--vivid-mint-soft);color:var(--accent2)}.auth-verification-panel h1{font-family:var(--font-display);margin:0 0 15px;font-size:clamp(38px,5vw,58px);line-height:1.06}.auth-verification-panel>p{max-width:42ch;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.6}.auth-verification-cta{justify-content:center;align-items:center;width:auto;margin-top:27px;padding-inline:20px;text-decoration:none;display:inline-flex}.auth-confirmation-card{border:1px solid var(--border);border-top:4px solid var(--vivid-yellow);background:radial-gradient(85% 90% at 100% 0%, var(--vivid-yellow-soft), transparent 58%), var(--surface);border-radius:18px;width:100%;padding:clamp(28px,4vw,42px)}@supports (color:color-mix(in lab, red, red)){.auth-confirmation-card{background:radial-gradient(85% 90% at 100% 0%, color-mix(in oklch, var(--vivid-yellow-soft) 64%, transparent), transparent 58%), var(--surface)}}.auth-confirmation-card{box-shadow:0 22px 60px var(--fg)}@supports (color:color-mix(in lab, red, red)){.auth-confirmation-card{box-shadow:0 22px 60px color-mix(in oklch, var(--fg) 10%, transparent)}}.auth-confirmation-card__icon{background:var(--vivid-sky-soft);color:#356b9a;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:24px;display:grid}.auth-confirmation-card .auth-entry-eyebrow{margin-bottom:11px}.auth-confirmation-card h2{max-width:18ch;font-family:var(--font-display);letter-spacing:-.018em;margin:0;font-size:clamp(28px,3vw,36px);line-height:1.1}.auth-confirmation-card>p:not(.auth-confirmation-card__email):not(.auth-entry-message){color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.6}.auth-confirmation-card__email{overflow-wrap:anywhere;color:var(--fg);margin:10px 0 0;font-size:15px;font-weight:750}.auth-confirmation-card__reward{border:1px solid var(--vivid-yellow);gap:3px;margin:22px 0;padding:13px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-confirmation-card__reward{border:1px solid color-mix(in oklch, var(--vivid-yellow) 52%, var(--border))}}.auth-confirmation-card__reward{background:var(--vivid-yellow-soft);border-radius:12px}.auth-confirmation-card__reward strong{font-size:14px}.auth-confirmation-card__reward span{color:var(--muted);font-size:13px}.auth-confirmation-card .auth-entry-message{margin-bottom:0}.auth-confirmation-card__alternate{width:max-content;min-height:44px;color:var(--accent);text-underline-offset:4px;background:0 0;border:0;margin:10px auto 0;font-size:13px;font-weight:700;text-decoration:underline;display:block}.auth-entry-grid{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;gap:clamp(48px,8vw,112px);width:min(100%,1120px);margin-inline:auto;display:grid}.auth-entry-copy{max-width:610px}.auth-entry-eyebrow{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-flex}.auth-entry-eyebrow:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 6px var(--accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.auth-entry-eyebrow:before{box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 12%, transparent)}}.auth-entry-copy h1{max-width:650px;font-family:var(--font-display);letter-spacing:-.028em;margin:0 0 20px;font-size:clamp(43px,5vw,70px);font-weight:600;line-height:1.02}.auth-entry-lead{max-width:54ch;color:var(--muted);font-size:clamp(17px,1.5vw,19px);line-height:1.62}.auth-entry-reward-chip{border:1px solid var(--vivid-yellow);align-items:center;gap:9px;min-height:40px;margin-top:28px;padding:10px 13px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.auth-entry-reward-chip{border:1px solid color-mix(in oklch, var(--vivid-yellow) 45%, var(--border))}}.auth-entry-reward-chip{background:var(--vivid-yellow-soft);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.auth-entry-reward-chip{background:color-mix(in oklch, var(--vivid-yellow-soft) 82%, var(--surface))}}.auth-entry-reward-chip{font-family:var(--font-mono);letter-spacing:.02em;font-size:12px}.auth-entry-value-list{gap:12px;margin-top:34px;display:grid}.auth-entry-value-row{grid-template-columns:34px 1fr;align-items:start;gap:13px;display:grid}.auth-entry-value-icon{background:var(--vivid-mint-soft);width:34px;height:34px;color:var(--accent2);border-radius:50%;place-items:center;font-weight:800;display:grid}.auth-entry-value-row strong{margin:2px 0 1px;font-size:15px;font-weight:700;display:block}.auth-entry-value-row>span:last-child>span{color:var(--muted);font-size:14px}.auth-entry-card{background:radial-gradient(85% 90% at 100% 0%, var(--vivid-yellow-soft), transparent 55%), #fffdf9;width:100%;padding:clamp(24px,3vw,34px)}@supports (color:color-mix(in lab, red, red)){.auth-entry-card{background:radial-gradient(85% 90% at 100% 0%, color-mix(in oklch, var(--vivid-yellow-soft) 60%, transparent), transparent 55%), color-mix(in oklch, #fffdf9 94%, var(--bg))}}.auth-entry-card{border:1px solid var(--border);border-top:4px solid var(--vivid-yellow);box-shadow:0 22px 60px var(--fg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.auth-entry-card{box-shadow:0 22px 60px color-mix(in oklch, var(--fg) 10%, transparent)}}.auth-entry-card-copy h2{font-family:var(--font-display);letter-spacing:-.018em;margin:0 0 7px;font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.12}.auth-entry-card-copy p{color:var(--muted);margin:0 0 22px;font-size:14px}.auth-entry-mode-toggle{background:var(--fg);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-entry-mode-toggle{background:color-mix(in oklch, var(--fg) 5%, transparent)}}.auth-entry-mode-toggle{border:1px solid var(--border);border-radius:12px}.auth-entry-mode-toggle button{min-height:44px;color:var(--muted);letter-spacing:.02em;background:0 0;border:0;border-radius:8px;font-size:14px;font-weight:700}.auth-entry-mode-toggle button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 3px 10px var(--fg)}@supports (color:color-mix(in lab, red, red)){.auth-entry-mode-toggle button[aria-selected=true]{box-shadow:0 3px 10px color-mix(in oklch, var(--fg) 9%, transparent)}}.auth-entry-google,.auth-entry-submit{letter-spacing:.02em;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-weight:700;display:flex}.auth-entry-google{background:var(--surface);border:1px solid var(--border);color:var(--fg)}.auth-entry-google:hover{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.auth-entry-google:hover{border-color:color-mix(in oklch, var(--fg) 28%, var(--border))}}.auth-entry-google[aria-busy=true]{cursor:progress;opacity:.68}.auth-entry-google-mark{background:conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);color:#fff;width:23px;height:23px;font:700 13px/1 var(--font-body);border-radius:50%;place-items:center;display:grid}.auth-entry-divider{color:var(--muted);letter-spacing:.02em;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:grid}.auth-entry-divider:before,.auth-entry-divider:after{content:"";background:var(--border);height:1px}.auth-entry-form{gap:15px;display:grid}.auth-entry-field{gap:7px;display:grid}.auth-entry-field label{color:var(--fg);letter-spacing:.02em;font-size:13px;font-weight:700}.auth-entry-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--fg);border-radius:10px;outline:0;padding:11px 14px}.auth-entry-field input:hover{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.auth-entry-field input:hover{border-color:color-mix(in oklch, var(--fg) 18%, var(--border))}}.auth-entry-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.auth-entry-field input:focus{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 14%, transparent)}}.auth-entry-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger)}@supports (color:color-mix(in lab, red, red)){.auth-entry-field input[aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in oklch, var(--danger) 12%, transparent)}}.auth-entry-password-wrap{position:relative}.auth-entry-password-input{padding-right:68px!important}.auth-entry-password-toggle{min-width:48px;min-height:44px;color:var(--muted);background:0 0;border:0;font-size:12px;font-weight:700;position:absolute;top:50%;right:8px;translate:0 -50%}.auth-entry-password-toggle:hover{color:var(--fg)}.auth-entry-submit{border:1px solid var(--accent);background:var(--accent);color:#fffaf5;margin-top:3px}.auth-entry-submit:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.auth-entry-submit:disabled{cursor:progress;opacity:.68}.auth-entry-terms{color:var(--muted);text-align:center;margin:15px 0 0;font-size:11px;line-height:1.55}.auth-entry-terms a,.auth-entry-back-link{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.auth-entry-terms a{vertical-align:middle;align-items:center;min-height:44px;padding:0 2px;display:inline-flex}.auth-entry-back-link{justify-content:center;align-items:center;min-height:44px;margin-top:3px;font-size:12px;font-weight:700;display:flex}.auth-entry-return-note{border-top:1px solid var(--border);color:var(--muted);align-items:flex-start;gap:9px;margin:14px 0 0;padding-top:14px;font-size:13px;display:flex}.auth-entry-return-note svg{width:17px;color:var(--accent2);flex:none;margin-top:2px}.auth-entry-message{background:var(--accent2-soft);color:#31543d;border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:13px}.auth-entry-message--error{background:var(--danger-soft);color:#7c3028}.auth-entry-message--submitting{background:var(--vivid-yellow-soft);color:#70501a}.auth-entry-message--success{background:var(--accent2-soft);color:#31543d}.auth-entry-card a:focus-visible,.auth-entry-card button:focus-visible,.auth-entry-card input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (max-width:920px){.auth-entry-grid{grid-template-columns:1fr;gap:38px}.auth-entry-copy{max-width:680px}.auth-entry-card{max-width:520px}}@media (max-width:620px){.auth-entry-screen{min-height:calc(100vh - 62px);padding-top:36px;padding-bottom:52px}.auth-entry-copy h1{font-size:42px}.auth-entry-lead{font-size:16px}.auth-entry-reward-chip{margin-top:22px}.auth-entry-value-list{margin-top:26px}.auth-entry-card{padding:22px 18px}}.pricing-vivid-page .sec{padding:72px 0}.pricing-vivid-page .pricing-hero{padding:28px 0 12px}.pricing-vivid-page .pricing-hero .eyebrow{margin-bottom:8px}.pricing-vivid-page .pricing-hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:800px;margin-inline:auto;font-size:clamp(36px,4.4vw,52px);font-weight:600;line-height:1.05}.pricing-vivid-page .pricing-hero .subtitle{text-wrap:pretty;max-width:560px;margin:10px auto 0;font-size:15px;line-height:1.5}.pricing-vivid-page .pricing-billing-unavailable{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .pricing-billing-unavailable{background:color-mix(in oklch, var(--surface) 88%, var(--accent) 12%)}}.pricing-vivid-page .pricing-billing-unavailable{border:1px solid var(--border);border-radius:999px;max-width:fit-content;margin:16px auto 0;padding:8px 14px;font-weight:600}.pricing-vivid-page .pricing-plans-section{padding:6px 0 64px}.pricing-vivid-page .pricing-billing-toggle{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .pricing-billing-toggle{background:color-mix(in oklch, var(--surface) 92%, transparent)}}.pricing-vivid-page .pricing-billing-toggle{border:1px solid var(--border);border-radius:12px;gap:4px;width:max-content;margin:0 auto 18px;padding:5px;box-shadow:0 8px 22px #2a25200a}.pricing-vivid-page .pricing-billing-toggle button{background:0 0;border:0;border-radius:8px;min-height:42px;padding:0 16px}.pricing-vivid-page .pricing-billing-toggle button.is-active{background:var(--accent);color:#fffaf6}@media (hover:hover){.pricing-vivid-page .pricing-billing-toggle button:not(.is-active):hover,.pricing-vivid-page .mobile-plan-tab:not([aria-pressed=true]):hover{background:var(--accent-soft);color:var(--fg)}}.pricing-vivid-page .pricing-save-note{background:var(--vivid-yellow-soft);color:#78510e;font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;margin:0 0 0 5px;padding:5px 8px;font-size:11px;font-weight:650}.pricing-vivid-page .mobile-plan-tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 14px;padding:4px;display:none}.pricing-vivid-page .mobile-plan-tab{color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:44px;font-size:12px;font-weight:600}.pricing-vivid-page .mobile-plan-tab[aria-pressed=true]{background:var(--accent);color:#fffaf6}.pricing-vivid-page .pricing-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}.pricing-vivid-page .plan-card{border:1px solid var(--border);border-radius:16px;min-height:620px;padding:24px 20px 20px;position:relative;overflow:hidden;box-shadow:0 8px 24px #2a25200b}.pricing-vivid-page .plan-card:before{background:var(--vivid-sky);content:"";opacity:1;z-index:0;border-radius:0;height:4px;position:absolute;inset:0 0 auto}.pricing-vivid-page .plan-card[data-tier=creator]:before{background:var(--accent2)}.pricing-vivid-page .plan-card[data-tier=pro]:before{background:var(--vivid-yellow)}.pricing-vivid-page .plan-card[data-tier=business]:before{background:var(--vivid-pink)}.pricing-vivid-page .plan-card.featured{border:2px solid var(--accent);transform:none;box-shadow:0 18px 42px #c9644221}.pricing-vivid-page .plan-card.featured:hover{transform:translateY(-3px)}.pricing-vivid-page .plan-card__badge{background:var(--vivid-yellow-soft);border:1px solid var(--vivid-yellow)}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .plan-card__badge{border:1px solid color-mix(in oklch, var(--vivid-yellow) 65%, #7c560e)}}.pricing-vivid-page .plan-card__badge{color:#6b490b;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin:0;padding:6px 11px;font-size:11px;font-weight:700;position:absolute;top:14px;right:16px}.pricing-vivid-page .plan-card__head{align-items:start;min-height:32px}.pricing-vivid-page .plan-card__head h2{letter-spacing:-.015em;font-size:24px;font-weight:600}.pricing-vivid-page .plan-fit{color:var(--muted);min-height:18px;margin:5px 0 0;font-size:12px;line-height:1.45}.pricing-vivid-page .plan-price{letter-spacing:-.025em;min-height:52px;margin:13px 0 0;font-size:clamp(32px,3vw,43px);font-weight:600}.pricing-vivid-page .plan-price__suffix{font-size:13px}.pricing-vivid-page .plan-billing-copy{font-family:var(--font-mono);letter-spacing:.01em;min-height:20px;margin:3px 0 13px;font-size:11px;font-weight:500;line-height:1.45}.pricing-vivid-page .plan-credits{align-content:center;align-items:initial;background:var(--accent2-soft)}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .plan-credits{background:color-mix(in oklch, var(--accent2-soft) 78%, var(--surface))}}.pricing-vivid-page .plan-credits{color:#3f684d;gap:4px;min-height:66px;margin:0;padding:10px 12px;display:grid}.pricing-vivid-page .plan-credits>span{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:650;line-height:1.2}.pricing-vivid-page .plan-credits strong{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap;font-size:20px;font-weight:750;line-height:1;animation:.42s cubic-bezier(.2,.8,.2,1) pricing-credit-emphasis}.pricing-vivid-page .plan-card.featured .plan-credits strong{color:#9f4a30}@keyframes pricing-credit-emphasis{0%{opacity:.45;transform:translateY(4px)scale(.96)}58%{opacity:1;transform:translateY(0)scale(1.07)}to{opacity:1;transform:translateY(0)scale(1)}}.pricing-vivid-page .plan-benefit-list{border-top:1px solid var(--border);flex:none;margin:17px 0 20px;padding:0;list-style:none;display:grid}.pricing-vivid-page .plan-benefit-row{border-bottom:1px solid var(--border);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px;padding:7px 0;display:grid}.pricing-vivid-page .plan-benefit-icon{color:var(--accent2);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.pricing-vivid-page .plan-benefit-label{color:var(--fg);text-wrap:pretty;font-size:12px;font-weight:600;line-height:1.35}.pricing-vivid-page .plan-benefit-state{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;font-size:10px;font-weight:600;line-height:1.25;position:absolute;overflow:hidden}.pricing-vivid-page .plan-benefit-row[data-status=coming_soon] .plan-benefit-icon{color:var(--muted)}.pricing-vivid-page .plan-benefit-row[data-status=coming_soon] .plan-benefit-state{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.pricing-vivid-page .plan-benefit-row[data-status=excluded] .plan-benefit-label,.pricing-vivid-page .plan-benefit-row[data-status=excluded] .plan-benefit-icon{color:var(--muted)}.pricing-vivid-page .plan-benefit-row[data-status=excluded] .plan-benefit-label{font-weight:500;text-decoration:line-through;text-decoration-thickness:1px}.pricing-vivid-page .plan-benefit-icon--excluded{font-family:var(--font-mono);stroke:none;justify-content:center;align-items:center;display:flex}.pricing-vivid-page .pricing-future-tools{background:var(--surface);align-items:start}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .pricing-future-tools{background:color-mix(in oklch, var(--surface) 94%, var(--bg))}}.pricing-vivid-page .pricing-future-tools{border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px;margin-top:22px;padding:24px;display:grid}.pricing-vivid-page .pricing-future-tools__intro h2{letter-spacing:-.015em;font-size:22px;font-weight:600;line-height:1.15}.pricing-vivid-page .pricing-future-tools p{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.pricing-vivid-page .pricing-future-tools__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pricing-vivid-page .pricing-future-tools__list li{border-left:2px solid var(--border);padding-left:14px}.pricing-vivid-page .pricing-future-tools__list h3{letter-spacing:0;font-size:14px;font-weight:600;line-height:1.35}.pricing-vivid-page .plan-action{margin-top:auto}.pricing-vivid-page .plan-action,.pricing-vivid-page .plan-action .billing-action,.pricing-vivid-page .plan-action .btn{width:100%}.pricing-vivid-page .plan-action .btn{min-height:46px}.pricing-vivid-page .pricing-plan-footnote{color:var(--muted);text-align:center;max-width:620px;margin:24px auto 0;font-size:12px}.pricing-vivid-page .pricing-comparison-section{padding:22px 0 58px}.pricing-vivid-page .pricing-comparison-disclosure{border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.pricing-vivid-page .pricing-comparison-disclosure>summary{cursor:pointer;font-family:var(--font-display);letter-spacing:-.015em;padding:22px 44px 22px 0;font-size:clamp(22px,2.8vw,30px);font-weight:600;list-style:none;position:relative}.pricing-vivid-page .pricing-comparison-disclosure>summary::-webkit-details-marker{display:none}.pricing-vivid-page .pricing-comparison-disclosure>summary:after{content:"+";font-family:var(--font-sans);font-size:28px;font-weight:400;position:absolute;top:16px;right:4px}.pricing-vivid-page .pricing-comparison-disclosure[open]>summary:after{content:"−"}.pricing-vivid-page .pricing-comparison-content{padding:4px 0 24px}.pricing-vivid-page .comparison-notes{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-bottom:16px;font-size:12px;display:flex}.pricing-vivid-page .comparison-notes p{margin:0}.pricing-vivid-page .comparison-wrap{border-radius:16px}.pricing-vivid-page .comparison-table{min-width:940px}.pricing-vivid-page .comparison-table th,.pricing-vivid-page .comparison-table td{padding:14px 16px}.pricing-vivid-page .comparison-table th:nth-child(5),.pricing-vivid-page .comparison-table td:nth-child(5){background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .comparison-table th:nth-child(5),.pricing-vivid-page .comparison-table td:nth-child(5){background:color-mix(in oklch, var(--accent-soft) 45%, var(--surface))}}.pricing-vivid-page .pricing-common-capabilities{background:#fbf8f2;margin-top:16px;padding:20px 22px}.pricing-vivid-page .pricing-common-capabilities h3{letter-spacing:-.01em;font-size:17px;font-weight:600}.pricing-vivid-page .pricing-common-capabilities ul{color:var(--muted);flex-wrap:wrap;gap:7px 18px;margin:14px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.pricing-vivid-page .pricing-common-capabilities li:before{color:var(--accent2);content:"✓ ";font-weight:800}.pricing-vivid-page .pricing-addon-card{background:linear-gradient(110deg, var(--vivid-sky-soft), var(--surface) 68%)}@supports (color:color-mix(in lab, red, red)){.pricing-vivid-page .pricing-addon-card{background:linear-gradient(110deg, color-mix(in oklch, var(--vivid-sky-soft) 88%, var(--surface)), var(--surface) 68%)}}.pricing-vivid-page .pricing-addon-card{border-radius:18px;padding:26px 30px}.pricing-vivid-page .pricing-addon-card h2{font-size:clamp(26px,3vw,38px)}.pricing-vivid-page .pricing-addon-action{text-align:right}.pricing-vivid-page .pricing-addon-action>strong{font-family:var(--font-display);white-space:nowrap;margin-bottom:9px;font-size:25px;font-weight:600;display:block}.pricing-vivid-page .pricing-faq-layout{grid-template-columns:.7fr 1.3fr;align-items:start;gap:56px;display:grid}.pricing-vivid-page .faq-list{width:100%;max-width:none;margin:0}.pricing-vivid-page .faq-q{grid-template-columns:minmax(0,1fr) 32px;column-gap:20px;padding:24px 0;display:grid}.pricing-vivid-page .faq-q:after{grid-column:2;justify-self:end}.pricing-vivid-page .faq-a,.pricing-vivid-page .faq-item.open .faq-a{padding-left:0;padding-right:52px}.pricing-vivid-page .faq-item.open .faq-a{padding-bottom:24px}.pricing-vivid-page .pricing-faq-intro>p:last-child{color:var(--muted);max-width:38ch;margin-top:12px;font-size:14px;line-height:1.6}.pricing-vivid-page .pricing-bottom-cta__inner{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:32px;max-width:none;display:grid}.pricing-vivid-page .pricing-bottom-cta__inner h2{letter-spacing:-.02em;max-width:720px;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.1}.pricing-vivid-page .pricing-bottom-cta__inner p:not(.eyebrow){margin-left:0}.pricing-vivid-page .pricing-bottom-cta__actions{flex-direction:column;margin-top:0}@media (max-width:1050px){.pricing-vivid-page .pricing-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.pricing-vivid-page .sec{padding:54px 0}.pricing-vivid-page .pricing-hero{text-align:left;padding:28px 0 16px}.pricing-vivid-page .pricing-hero h1{font-size:39px}.pricing-vivid-page .pricing-hero .subtitle{margin-left:0;font-size:15px}.pricing-vivid-page .pricing-plans-section{padding:8px 0 54px}.pricing-vivid-page .pricing-billing-toggle{width:100%}.pricing-vivid-page .pricing-billing-toggle button{flex:1}.pricing-vivid-page .mobile-plan-tabs{display:grid}.pricing-vivid-page .pricing-grid--four{display:block}.pricing-vivid-page .plan-card{min-height:0;padding:24px 20px 20px;display:none}.pricing-vivid-page .plan-card.is-mobile-active{display:flex}.pricing-vivid-page .pricing-addon-card,.pricing-vivid-page .pricing-faq-layout,.pricing-vivid-page .pricing-bottom-cta__inner,.pricing-vivid-page .pricing-future-tools,.pricing-vivid-page .pricing-future-tools__list{grid-template-columns:1fr;display:grid}.pricing-vivid-page .pricing-future-tools{gap:20px;padding:20px}.pricing-vivid-page .comparison-wrap{margin-right:calc(var(--gutter) * -1);border-radius:14px 0 0 14px}.pricing-vivid-page .pricing-common-capabilities ul{display:grid}.pricing-vivid-page .pricing-addon-card{padding:24px 20px}.pricing-vivid-page .pricing-addon-action{text-align:left}.pricing-vivid-page .pricing-bottom-cta__actions{align-items:stretch;width:100%}}@media (min-width:721px){.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-card{min-height:0;padding:20px 18px 18px}.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-fit,.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-billing-copy{min-height:0}.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-price{margin-block:12px 6px}.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-benefit-row{min-height:31px;padding-block:4px}.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-benefit-list{margin-block:12px}.plan-picker-dialog .pricing-grid[data-surface=dialog] .plan-credits{min-height:58px}}@media (max-width:720px){.plan-picker-dialog .mobile-plan-tabs,.plan-picker-dialog .pricing-grid[data-surface=dialog],.plan-picker-dialog .pricing-plan-footnote{display:none}.plan-picker-dialog .dialog-plan-picker{gap:8px;display:grid}.plan-picker-header{padding:14px 14px 12px}.plan-picker-header h2{font-size:27px}.plan-picker-cue{gap:7px;padding:6px 8px}.plan-picker-cue__icon{flex-basis:26px;height:26px}.plan-picker-scroll{padding:12px 12px 94px}.plan-picker-scroll .pricing-billing-toggle{margin-bottom:12px}.dialog-plan-foundation{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:8px 10px}.dialog-plan-foundation__mark{width:26px;height:26px}.dialog-plan-foundation>div{gap:3px}.dialog-plan-foundation li{font-size:9px}.dialog-plan-list{gap:7px}.dialog-plan-option[data-selected=false]{grid-template-columns:minmax(84px,.9fr) minmax(160px,1.2fr);gap:3px 8px;padding:6px 9px}.dialog-plan-option[data-selected=false] .dialog-plan-option__heading strong{font-size:16px}.dialog-plan-option[data-selected=false] .dialog-plan-option__ladder{padding-top:3px}.dialog-plan-option[data-selected=true]{gap:5px;padding:9px 10px}.dialog-plan-option[data-selected=true] .dialog-plan-option__heading strong{font-size:19px}.dialog-plan-option[data-selected=true] .dialog-plan-option__numbers{gap:6px}.dialog-plan-option[data-selected=true] .dialog-plan-option__ladder{padding-top:7px}.dialog-plan-option__increment{gap:4px;margin-top:1px;padding:6px 8px}.dialog-plan-option__increment>span{gap:4px}.plan-picker-scroll .dialog-plan-footer{padding:9px 10px;bottom:8px;left:12px;right:12px}.plan-picker-details-link{margin-top:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}