:root{--bg:oklch(97.6% 0.007 72);--surface:oklch(99.2% 0.004 78);--panel:oklch(95.4% 0.009 68);--panel-2:oklch(91.4% 0.012 66);--ink:oklch(21% 0.016 55);--muted:oklch(45% 0.014 58);--faint:oklch(61% 0.012 60);--line:oklch(86.5% 0.009 66);--line-strong:oklch(74% 0.013 62);--paper:oklch(99% 0.006 82);--accent:oklch(67% 0.2 46);--accent-strong:oklch(57% 0.225 40);--accent-soft:oklch(95% 0.05 56);--accent-warm:oklch(81% 0.16 74);--accent-lilac:oklch(62% 0.17 318);--accent-sky:oklch(64% 0.13 232);--accent-pink:oklch(66% 0.2 6);--rainbow:linear-gradient(96deg,oklch(66% 0.2 6),oklch(70% 0.21 42) 48%,oklch(82% 0.16 80));--mint:oklch(58% 0.01 255);--mint-soft:oklch(94% 0.004 255);--coral:oklch(72% 0.19 40);--warning:oklch(71% 0.14 85);--danger:oklch(58% 0.16 22);--green:oklch(59% 0.14 55);--carbon:oklch(18% 0.006 255);--carbon-2:oklch(28% 0.006 255);--shadow:0 24px 60px oklch(45% 0.06 55/0.14);--shadow-soft:0 14px 34px oklch(45% 0.05 55/0.1);--radius:14px;--field-block-gap:20px;--field-label-gap:10px;--font-display:"Avenir Next","Nunito Sans","PingFang SC","Microsoft YaHei",var(--font-body);--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body,html{color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(1100px 520px at 84% -12%,oklch(94% .07 60/.55),transparent 70%),radial-gradient(900px 480px at 8% -6%,oklch(95% .05 20/.4),transparent 70%),linear-gradient(180deg,oklch(99.6% .004 80),oklch(99% .008 70));font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{align-items:stretch;background:oklch(99.6% .003 80/.82);border-bottom:1px solid oklch(92% .01 60);flex-direction:column;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar,.topbar-inner{display:flex;min-height:70px}.topbar-inner{align-items:center;gap:16px;justify-content:space-between;width:100%}.topbar-end,.topbar-start{align-items:center;display:flex;gap:8px;min-width:0}.topbar-start{flex:1 1 auto}.topbar-end{flex:0 1 auto;margin-left:auto}.topbar-cta-label{white-space:nowrap}.brand{align-items:center;display:flex;gap:12px;min-width:0}.brand-mark{align-items:center;background:oklch(99.4% .006 70);border:1px solid oklch(88% .05 55);border-radius:12px;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;overflow:hidden;width:36px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.62),0 10px 22px oklch(42% .08 48/.16)}.brand-mark img{display:block;height:100%;object-fit:cover;width:100%}.brand-name{align-items:baseline;display:inline-flex;font-size:20px;font-weight:850;letter-spacing:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-name-main{color:var(--ink)}.brand-name-mid{color:var(--accent-strong)}.brand-name-tail{color:oklch(43% .1 62)}.nav{align-items:center;color:oklch(34% .018 60);display:flex;gap:22px;font-size:14px;font-weight:760}.nav a{border:1px solid transparent;border-radius:999px;padding:8px 10px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.nav a:hover{background:oklch(97.8% .026 50/.76);border-color:oklch(86% .05 50);color:var(--accent-strong)}.top-actions{gap:10px}.header-auth,.top-actions{align-items:center;display:flex;min-width:0}.header-auth,.header-auth-compact{gap:6px}.header-auth-trigger{align-items:center;background:oklch(99% .006 62);border:1px solid oklch(84% .026 60);border-radius:8px;color:oklch(31% .042 60);display:inline-flex;font:inherit;font-size:12px;font-weight:850;gap:6px;height:34px;justify-content:center;padding:0 10px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.header-auth-trigger.primary{background:var(--carbon);border-color:var(--carbon);color:oklch(99% .002 255);padding:0 12px}.header-auth-trigger:hover{background:oklch(97.5% .026 55);border-color:oklch(79% .075 55);color:var(--accent-strong);transform:translateY(-1px)}.header-auth-trigger.primary:hover{background:oklch(18% .012 222);border-color:oklch(18% .012 222);color:white}.header-auth-loading{align-items:center;color:var(--accent-strong);display:inline-flex;font-size:13px;font-weight:820;justify-content:center;min-width:40px}.header-auth .brand-loading-inline,.header-auth-loading{background:oklch(99% .014 55);border:1px solid oklch(86% .052 55);border-radius:8px;min-height:40px;padding:0 12px}.header-auth .brand-loading-inline{gap:10px}.header-auth .brand-loading-inline .brand-loading-label{color:var(--accent-strong);font-size:13px}.brand-loading{align-items:center;display:inline-grid;gap:10px;justify-items:center;text-align:center}.brand-loading-inline{grid-auto-flow:column;grid-template-columns:auto 1fr;justify-content:start;text-align:left}.brand-loading-panel{gap:14px;justify-items:center;min-height:220px;padding:28px 20px;width:100%}.brand-loading-overlay{gap:12px}.brand-loading-xs .brand-loading-mark{height:18px;width:18px}.brand-loading-sm .brand-loading-mark{height:24px;width:24px}.brand-loading-md .brand-loading-mark{height:40px;width:40px}.brand-loading-lg .brand-loading-mark{height:56px;width:56px}.brand-loading-mark{display:block;flex:0 0 auto;height:40px;overflow:visible;width:40px}.brand-loading-mark-button{height:18px;width:18px}.brand-loading-mark-sync{height:14px;width:14px}.brand-loading-shell{transform-origin:32px 32px;animation:brand-loading-breathe 2.4s ease-in-out infinite}.brand-loading-orbit{animation:brand-loading-orbit 2.8s linear infinite;transform-origin:32px 32px}.brand-loading-cell{animation:brand-loading-cell 1.35s ease-in-out infinite}.brand-loading-cell-1{animation-delay:0s}.brand-loading-cell-2{animation-delay:.12s}.brand-loading-cell-3{animation-delay:.24s}.brand-loading-cell-4{animation-delay:.36s}.brand-loading-line{animation:brand-loading-line 1.35s ease-in-out infinite;fill:none;stroke:#2b2119;stroke-width:1.6}.brand-loading-line-1{animation-delay:0s}.brand-loading-line-2{animation-delay:.12s}.brand-loading-line-3{animation-delay:.24s}.brand-loading-line-4{animation-delay:.36s}.brand-loading-spark-a{animation:brand-loading-spark 1.8s ease-in-out infinite;transform-origin:52px 14px}.brand-loading-spark-b{animation:brand-loading-spark 1.8s ease-in-out infinite reverse;transform-origin:14px 50px}.brand-loading-label{color:var(--ink);font-size:15px;font-weight:850;letter-spacing:0;line-height:1.35}.brand-loading-sm .brand-loading-label{font-size:13px}.brand-loading-lg .brand-loading-label{font-size:18px}.brand-loading-hint{color:var(--muted);font-size:13px;font-weight:650;line-height:1.55;max-width:34ch}.brand-loading-panel .brand-loading-hint{max-width:42ch}.auth-loading-screen{align-items:center;display:flex;justify-content:center;min-height:min(70vh,640px);width:100%}.auth-loading-screen .brand-loading-panel{gap:14px;min-height:auto;padding:0}.feedback-panel-loader,.messages-panel-loader{min-height:240px}@keyframes brand-loading-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes brand-loading-orbit{to{transform:rotate(1turn)}}@keyframes brand-loading-cell{0%,to{fill:#fffdf8;opacity:.72}40%,60%{fill:#fff1b8;opacity:1}}@keyframes brand-loading-line{0%,to{opacity:.35}40%,60%{opacity:1}}@keyframes brand-loading-spark{0%,to{opacity:.55;transform:scale(.88) rotate(0deg)}50%{opacity:1;transform:scale(1.08) rotate(12deg)}}@media (prefers-reduced-motion:reduce){.brand-loading-cell,.brand-loading-line,.brand-loading-orbit,.brand-loading-shell,.brand-loading-spark-a,.brand-loading-spark-b{animation:none}}.header-auth-mode{background:oklch(98.8% .006 62);border:1px solid oklch(86% .032 60);border-radius:8px;display:inline-flex;gap:3px;padding:2px}.header-auth-mode button{background:transparent;border:0;border-radius:6px;color:oklch(38% .042 60);font-size:12px;font-weight:850;min-height:30px;padding:0 8px}.header-auth-mode button.active{background:var(--carbon);color:white}.header-auth-form{align-items:center;display:grid;grid-gap:6px;gap:6px;grid-template-columns:minmax(120px,145px) minmax(100px,124px) auto}.header-sign-up .header-auth-form{grid-template-columns:minmax(92px,112px) minmax(120px,145px) minmax(100px,124px) auto}.header-auth input{background:oklch(99.2% .004 62);border:1px solid oklch(85% .022 60);border-radius:8px;color:var(--ink);font:inherit;font-size:12px;font-weight:680;height:34px;min-width:0;outline:none;padding:0 11px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.header-auth input:focus{background:white;border-color:var(--accent);box-shadow:0 0 0 3px oklch(79% .12 50/.2)}.header-auth-signed-in{align-items:center;display:inline-flex}.header-control-cluster{align-items:center;background:oklch(99.4% .008 62);border:1px solid oklch(88% .022 58);border-radius:999px;box-shadow:0 1px 2px oklch(20% .02 255/.04);display:inline-flex;gap:1px;padding:3px}.header-cluster-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:oklch(38% .03 58);cursor:pointer;display:inline-flex;height:34px;justify-content:center;position:relative;transition:background-color .15s ease,color .15s ease;width:34px}.header-cluster-btn:hover{background:oklch(97% .018 55);color:var(--accent-strong)}.header-inbox-badge{align-items:center;background:var(--accent);border:2px solid oklch(99.4% .008 62);border-radius:999px;color:white;display:inline-flex;font-size:10px;font-weight:900;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:2px;top:2px}.header-cluster-divider{align-self:center;background:oklch(88% .018 58);flex:0 0 auto;height:18px;width:1px}.header-cluster-plan{align-items:center;background:oklch(99% .008 62);border:1px solid oklch(88% .026 60);border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:7px;height:34px;max-width:168px;min-width:0;padding:0 10px;transition:background-color .15s ease}.header-cluster-plan:hover{background:oklch(97.5% .026 55)}.header-cluster-plan-dot{background:oklch(68% .02 255);border-radius:999px;flex:0 0 auto;height:6px;width:6px}.header-cluster-plan-dot[data-tier=starter]{background:var(--accent)}.header-cluster-plan-dot[data-tier=professional]{background:linear-gradient(135deg,var(--accent),var(--accent-warm))}.header-cluster-plan-dot[data-tier=business]{background:oklch(52% .12 55)}.header-cluster-plan-copy{align-items:center;display:inline-flex;gap:8px;min-width:0}.header-cluster-plan-name{color:var(--muted);font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-cluster-plan-credits{align-items:baseline;color:var(--accent-strong);display:inline-flex;gap:4px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap}.header-cluster-plan-credits svg{flex:0 0 auto}.header-cluster-plan-credits strong{font-weight:900}.header-cluster-plan-total{color:oklch(58% .02 58);font-size:10px;font-weight:760}.header-cluster-plan-total:before{content:"/"}.header-user{position:relative}.header-user.header-cluster-account{background:transparent;border:0;box-shadow:none;padding:0}.header-account-menu{background:oklch(99.2% .006 62);border:1px solid oklch(87% .028 60);border-radius:12px;box-shadow:0 12px 32px oklch(24% .04 50/.12);display:grid;grid-gap:2px;gap:2px;min-width:228px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:70}.header-account-plan-card{border-bottom:1px solid oklch(92% .015 60);display:grid;grid-gap:10px;gap:10px;margin-bottom:4px;padding:8px 8px 12px}.header-account-plan-card-top{display:grid;grid-gap:3px;gap:3px}.header-account-plan-kicker{color:var(--faint);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.header-account-plan-card-top strong{color:var(--ink);font-size:15px;font-weight:900;line-height:1.2}.header-account-plan-meter{display:grid;grid-gap:6px;gap:6px}.header-account-plan-meter-labels{align-items:baseline;color:var(--muted);display:flex;font-size:11px;font-weight:760;justify-content:space-between}.header-account-plan-meter-labels span:last-child{color:var(--ink);font-size:12px;font-weight:900}.header-account-plan-meter-total{color:var(--muted);font-size:11px;font-weight:760}.header-account-plan-meter-track{background:oklch(94% .012 60);border-radius:999px;height:4px;overflow:hidden}.header-account-plan-meter-track span{background:var(--accent);border-radius:inherit;display:block;height:100%;min-width:3px}.header-account-plan-card[data-tier=free] .header-account-plan-meter-track span{background:oklch(62% .02 255)}.header-account-plan-link{background:transparent;border:0;color:var(--accent-strong);cursor:pointer;font:inherit;font-size:11px;font-weight:850;justify-self:start;padding:0;text-align:left}.header-account-plan-link:hover{text-decoration:underline}.header-account-trigger{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;gap:4px;height:34px;min-width:0;padding:0 6px 0 2px;transition:background-color .15s ease}.header-cluster-account-trigger:hover,.header-cluster-account-trigger[aria-expanded=true]{background:oklch(97% .018 55)}.header-user .header-user-avatar{align-items:center;background:linear-gradient(135deg,oklch(86% .14 50),oklch(86% .11 96));border:1px solid oklch(70% .09 50);border-radius:999px;color:oklch(20% .038 60);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:900;height:28px;justify-content:center;width:28px}.header-account-chevron{color:oklch(50% .028 58);flex:0 0 auto;transition:transform .16s ease}.header-account-trigger[aria-expanded=true] .header-account-chevron{transform:rotate(180deg)}.header-account-menu-item{align-items:center;background:transparent;border:0;border-radius:8px;color:oklch(30% .04 58);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:840;gap:8px;min-height:34px;padding:0 9px;text-align:left;transition:background-color .15s ease,color .15s ease}.header-account-menu-item:focus-visible,.header-account-menu-item:hover{background:oklch(96.8% .024 55);color:var(--accent-strong);outline:none}.header-account-menu-item:disabled{color:oklch(57% .02 58);cursor:not-allowed;opacity:.7}.language-menu{position:relative}.language-toggle{align-items:center;background:oklch(99% .006 62);border:1px solid oklch(86% .032 60);border-radius:8px;color:oklch(36% .05 60);display:inline-flex;gap:7px;font-size:13px;font-weight:800;min-height:40px;padding:0 12px;transition:background .14s ease,border-color .14s ease,color .14s ease}.language-toggle:hover,.language-toggle[aria-expanded=true]{background:var(--accent-soft);border-color:oklch(78% .1 50);color:var(--accent-strong)}.language-toggle svg{opacity:.8}.language-toggle-code{display:none}.language-menu-popover{animation:language-menu-in .14s cubic-bezier(.22,1,.36,1);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -20px oklch(30% .05 60/.5);display:grid;grid-gap:2px;gap:2px;min-width:168px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:60}@keyframes language-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.language-menu-item{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:12px;justify-content:space-between;min-height:36px;padding:0 10px;text-align:left;transition:background .12s ease,color .12s ease;width:100%}.language-menu-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.language-menu-item.active{color:var(--accent-strong);font-weight:760}.language-menu-check{color:var(--accent);flex-shrink:0}.offline-banner{align-items:center;animation:offline-banner-in .2s cubic-bezier(.22,1,.36,1);background:oklch(41% .11 42);color:oklch(97% .02 70);display:flex;flex-wrap:wrap;font-size:13px;gap:6px 10px;justify-content:center;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:0;z-index:200}.offline-banner svg{flex-shrink:0}.offline-banner-title{font-weight:720}.offline-banner-hint{opacity:.82}@keyframes offline-banner-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:520px){.offline-banner-hint{flex-basis:100%}}.preview-image{transition:opacity .26s cubic-bezier(.22,1,.36,1)}.preview-image.is-loading{opacity:0}.preview-image.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.preview-image{transition:none}}.button{align-items:center;background:linear-gradient(135deg,oklch(74% .17 58),oklch(66% .2 42));border:1px solid transparent;border-radius:999px;color:#fff;display:inline-flex;gap:8px;min-height:44px;padding:0 20px;font-weight:800;box-shadow:0 12px 26px oklch(66% .19 45/.32);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button:hover{background:linear-gradient(135deg,oklch(71% .18 56),oklch(62% .21 40));box-shadow:0 18px 34px oklch(66% .19 45/.4);transform:translateY(-1px)}.button:disabled{box-shadow:none;cursor:not-allowed;opacity:.72;transform:none}.button.secondary{background:#fff;color:var(--ink);border-color:oklch(88% .02 60);box-shadow:var(--shadow-soft)}.button.secondary:hover{background:oklch(98% .01 60);border-color:var(--accent);color:var(--accent-strong);box-shadow:var(--shadow-soft)}.button.ghost{background:oklch(98.8% .002 255);color:var(--muted);border-color:var(--line);box-shadow:none}.button.ghost:hover{color:var(--accent-strong);border-color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,500px);grid-gap:clamp(32px,5vw,76px);gap:clamp(32px,5vw,76px);padding:clamp(56px,7vw,92px) clamp(36px,6vw,72px) clamp(42px,6vw,76px)}.landing-hero{align-items:center;background:radial-gradient(700px 420px at 88% 20%,oklch(95% .06 60/.6),transparent 72%),radial-gradient(600px 380px at 4% 92%,oklch(96% .045 350/.4),transparent 72%),#fff;border-bottom:1px solid oklch(93% .01 60);grid-template-columns:minmax(0,1.08fr) minmax(390px,500px);min-height:min(720px,calc(100vh - 70px));overflow:hidden;position:relative}.landing-hero:before{background:linear-gradient(90deg,oklch(90% .02 60/.5) 1px,transparent 0) 0 0 /40px 40px,linear-gradient(0deg,oklch(90% .02 60/.4) 1px,transparent 0) 0 0 /40px 40px;content:"";inset:0;-webkit-mask-image:radial-gradient(120% 120% at 50% 0,#000 30%,transparent 75%);mask-image:radial-gradient(120% 120% at 50% 0,#000 30%,transparent 75%);opacity:.7;pointer-events:none;position:absolute}.landing-hero>*{position:relative}.landing-hero-copy{max-width:820px;min-width:0}.eyebrow{color:var(--accent-strong);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.landing-hero-copy .eyebrow{align-items:center;background:oklch(96% .05 60);border:1px solid oklch(88% .08 55);border-radius:999px;display:inline-flex;gap:7px;letter-spacing:.08em;padding:6px 13px}.landing-hero-copy .eyebrow:before{background:var(--rainbow);border-radius:999px;content:"";height:9px;width:9px}.card-title,.dashboard-title,.hero h1,.section-title{color:var(--ink);font-family:var(--font-display);font-weight:850;letter-spacing:0}.hero h1{font-size:clamp(42px,4.4vw,64px);font-weight:880;letter-spacing:0;line-height:1.02;margin:18px 0 20px;max-width:840px}.rainbow-text{color:var(--accent-strong)}.hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px}.hero-stat{display:grid;grid-gap:4px;gap:4px;min-width:108px}.hero-stat strong{color:var(--ink);font-size:38px;font-weight:900;letter-spacing:0;line-height:.95}.hero-stat span{color:var(--muted);font-size:13px;font-weight:650}.hero-stat+.hero-stat{border-left:1px solid oklch(90% .015 60);padding-left:28px}.lede{color:var(--muted);font-size:18px;line-height:1.68;max-width:700px}.hero-highlights{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:20px}.hero-highlights span{align-items:center;color:oklch(31% .04 50);display:inline-flex;font-size:13px;font-weight:850;gap:8px}.hero-highlights span:before{background:linear-gradient(135deg,var(--accent-warm),var(--accent),var(--accent-lilac));border-radius:999px;content:"";height:10px;width:10px}.hero-actions,.row{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:24px}.landing-composer{background:#fff;border:1px solid oklch(90% .02 60);border-radius:18px;box-shadow:0 20px 46px oklch(50% .06 55/.12);display:grid;grid-gap:14px;gap:14px;margin-top:30px;max-width:760px;padding:18px}.landing-composer label{color:var(--muted);font-size:13px;font-weight:900}.landing-composer-row{align-items:stretch;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.landing-composer-row input{background:oklch(98.5% .006 70);border:1px solid oklch(90% .02 60);border-radius:12px;color:var(--ink);font:inherit;font-size:15px;min-height:50px;min-width:0;outline:0;padding:0 16px}.landing-composer-row input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px oklch(72% .17 52/.18)}.composer-suggestions{display:flex;flex-wrap:wrap;gap:8px}.composer-suggestions button{background:oklch(97% .035 60);border:1px solid oklch(90% .045 55);border-radius:999px;color:var(--accent-strong);cursor:pointer;font:inherit;font-size:12px;font-weight:850;padding:7px 12px;transition:background-color .15s ease,border-color .15s ease}.composer-suggestions button:hover{background:oklch(94% .06 58);border-color:var(--accent)}.hero-artwork{align-self:center;background:#fff;border:1px solid oklch(91% .015 60);border-radius:20px;box-shadow:0 30px 60px oklch(50% .06 55/.16);display:grid;grid-template-rows:auto minmax(280px,1fr) auto;max-width:500px;min-width:0;min-height:0;overflow:hidden;padding:18px;position:relative;width:100%;--compare-position:54%}.artwork-brush{position:absolute;inset:-22px -26px auto -18px;height:78%;background:linear-gradient(135deg,oklch(80% .16 62),oklch(72% .19 42));border-radius:30% 70% 62% 38%/42% 40% 60% 58%;filter:blur(2px);opacity:.9;z-index:-1;transform:rotate(-2deg)}.artwork-toolbar{align-items:center;display:flex;justify-content:flex-start;padding:2px 2px 12px}.artwork-toolbar span{color:var(--faint);font-size:12px;font-weight:850}.artwork-compare{min-height:0;min-width:0;position:relative}.compare-frame{aspect-ratio:1/1;background:linear-gradient(90deg,oklch(92% .014 62/.74) 1px,transparent 0) 0 0 /22px 22px,linear-gradient(0deg,oklch(92% .014 62/.68) 1px,transparent 0) 0 0 /22px 22px,oklch(99.5% .006 70);border:1px solid oklch(88% .04 58);border-radius:16px;box-shadow:inset 0 0 0 8px oklch(100% 0 0/.62),0 16px 34px oklch(42% .05 55/.12);height:100%;overflow:hidden;position:relative;width:100%}.compare-image{display:block;height:100%;inset:0;object-fit:cover;position:absolute;transform-origin:center;width:100%}.compare-line-layer{-webkit-clip-path:inset(0 0 0 var(--compare-position));clip-path:inset(0 0 0 var(--compare-position));inset:0;overflow:hidden;position:absolute;z-index:2}.compare-divider{bottom:0;left:var(--compare-position);pointer-events:none;position:absolute;top:0;transform:translateX(-50%);z-index:4}.compare-divider:before{background:linear-gradient(180deg,transparent,white 14%,white 86%,transparent);box-shadow:0 0 0 1px oklch(24% .01 70/.08),0 10px 24px oklch(35% .05 55/.22);content:"";inset:0 auto;position:absolute;width:3px}.compare-divider span{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-warm));border:3px solid white;border-radius:999px;box-shadow:0 12px 24px oklch(42% .08 45/.24);display:inline-flex;height:42px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px}.compare-divider span:after,.compare-divider span:before{border-bottom:5px solid transparent;border-top:5px solid transparent;content:"";position:absolute}.compare-divider span:before{border-right:7px solid white;left:10px}.compare-divider span:after{border-left:7px solid white;right:10px}.compare-badge{position:absolute;top:12px;font-size:10px;font-weight:850;letter-spacing:.06em;padding:6px 10px;border-radius:999px;text-transform:uppercase;z-index:5}.compare-badge-color{background:oklch(45% .06 55/.62);color:#fff;left:12px}.compare-badge-line{background:oklch(96% .05 60);border:1px solid oklch(88% .07 55);color:var(--accent-strong);right:12px}.compare-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ew-resize;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:7}.example-prompts{display:flex;flex-wrap:wrap;gap:8px;min-width:0;padding-top:12px}.example-prompts span{background:oklch(97% .035 60);border:1px solid oklch(90% .05 55);border-radius:999px;color:var(--accent-strong);font-size:12px;font-weight:850;max-width:100%;overflow-wrap:anywhere;padding:7px 11px}.use-case-strip{align-items:stretch;background:linear-gradient(180deg,#fff,oklch(98.6% .012 65));border-bottom:1px solid oklch(93% .012 60);border-top:1px solid oklch(94% .01 60);display:grid;grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);grid-template-columns:minmax(270px,.42fr) minmax(0,1fr);padding:clamp(42px,5vw,68px) clamp(36px,6vw,72px)}.use-case-copy{align-self:center}.use-case-copy h2{color:var(--ink);font-family:var(--font-display);font-size:clamp(27px,2.5vw,36px);letter-spacing:0;line-height:1.08;margin:8px 0 0;max-width:460px}.use-case-list{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.use-case-list article{background:#fff;border:1px solid oklch(92% .012 60);border-radius:12px;display:grid;grid-gap:10px;gap:10px;min-width:0;padding:18px 18px 20px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.use-case-list article:hover{border-color:oklch(85% .08 55);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.use-case-list strong{color:var(--ink);font-size:16px;line-height:1.22}.use-case-list span{color:var(--muted);font-size:14px;line-height:1.52}.form-card,.history-row,.panel,.price-card,.studio-card,.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.studio-card{min-height:500px;padding:18px;box-shadow:var(--shadow)}.metric-row,.split-row,.studio-header{align-items:center;display:flex;justify-content:space-between}.studio-header{color:var(--faint);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.preview-sheet{background:linear-gradient(90deg,oklch(90% .018 96/.42) 1px,transparent 1px) 0 0 /22px 22px,linear-gradient(0deg,oklch(90% .018 96/.42) 1px,transparent 1px) 0 0 /22px 22px,var(--paper);border:1px solid oklch(86% .038 96);border-radius:8px;color:var(--ink);margin-top:18px;min-height:270px;padding:22px;position:relative;box-shadow:inset 0 0 0 8px oklch(100% 0 0/.48)}.preview-sheet:after,.preview-sheet:before{border:2px solid oklch(27% .03 42);content:"";position:absolute}.preview-sheet:before{border-radius:50%;height:116px;left:42px;top:54px;width:116px}.preview-sheet:after{border-left:0;border-top:0;height:150px;right:48px;top:72px;transform:rotate(12deg);width:108px}.queue{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.queue-item{align-items:center;background:oklch(97% .003 255);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;justify-content:space-between;padding:12px}.queue-item strong{color:var(--accent-strong)}.section{padding:clamp(54px,6vw,86px) clamp(36px,6vw,72px)}.section-heading,.section-title{max-width:860px}.section-title{font-size:clamp(30px,3vw,44px);letter-spacing:0;line-height:1.08;margin:0 0 22px}.grid{display:grid;grid-gap:14px;gap:14px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-tool-grid{gap:18px;margin-top:18px}.form-card,.panel,.price-card,.tool-card{padding:18px}.tool-card{min-height:218px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.price-card:hover,.tool-card:hover{border-color:oklch(82% .1 55);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.tool-icon{align-items:center;background:linear-gradient(135deg,oklch(96% .055 62),oklch(93% .06 40));border:1px solid oklch(86% .08 52);border-radius:12px;color:var(--accent-strong);display:inline-flex;height:40px;justify-content:center;margin-bottom:14px;width:40px}.muted,.small{color:var(--muted)}.small{font-size:13px;line-height:1.55}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pill{background:oklch(98% .008 65);border:1px solid oklch(92% .012 60);border-radius:999px;color:var(--muted);font-size:12px;font-weight:750;padding:6px 10px}.workflow-band{background:linear-gradient(180deg,oklch(98.6% .012 65),#fff);border-bottom:1px solid oklch(93% .012 60);border-top:1px solid oklch(94% .01 60);display:grid;grid-gap:clamp(28px,4vw,62px);gap:clamp(28px,4vw,62px);grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr)}.workflow-copy{align-self:center}.workflow-steps{display:grid;grid-gap:14px;gap:14px}.workflow-step{align-items:start;background:#fff;border:1px solid oklch(92% .012 60);border-radius:12px;display:grid;grid-gap:10px 14px;gap:10px 14px;grid-template-columns:auto auto minmax(0,1fr);padding:20px;transition:border-color .16s ease,box-shadow .16s ease}.workflow-step:hover{border-color:oklch(85% .08 55);box-shadow:var(--shadow-soft)}.workflow-step span{color:var(--accent-strong);font-size:13px;font-weight:900}.workflow-step svg{color:var(--accent)}.workflow-step h3{margin:0}.workflow-step p{grid-column:3;margin:0}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card{display:flex;flex-direction:column;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.price-card:hover{transform:translateY(-3px)}.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 3px oklch(72% .17 52/.22),0 22px 44px oklch(66% .16 45/.16)}.price-badge{position:absolute;top:-11px;right:16px;background:linear-gradient(135deg,oklch(74% .17 58),oklch(66% .2 42));border-radius:999px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em;padding:5px 11px;box-shadow:0 8px 16px oklch(66% .19 45/.3)}.price-card h3{font-size:18px;margin:6px 0 0}.price{align-items:baseline;color:var(--ink);display:flex;gap:3px;margin:8px 0 14px}.price-amount{font-size:32px;font-weight:880;letter-spacing:0;line-height:1}.price-period{color:var(--faint);font-size:14px;font-weight:750}.price-cta{justify-content:center;width:100%}.feature-list{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid oklch(93% .012 60)}.feature-list,.feature-list li{display:grid;grid-gap:9px;gap:9px}.feature-list li{align-items:center;color:var(--muted);grid-template-columns:auto minmax(0,1fr);font-size:13px;line-height:1.35}.feature-list li strong{color:var(--ink);font-weight:800}.feature-list li svg{color:oklch(58% .14 152)}.price-card.featured .feature-list li svg{color:var(--accent-strong)}.dashboard-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 70px);min-width:0}.dashboard-shell.signed-out-shell{grid-template-columns:minmax(0,1fr)}.signed-out-shell .dashboard-main{justify-self:center;max-width:1160px;width:100%}.sidebar{background:linear-gradient(180deg,oklch(98% .003 255/.96),oklch(93.8% .004 255/.9));border-right:1px solid var(--line);height:calc(100vh - 70px);min-width:0;padding:20px 16px;position:-webkit-sticky;position:sticky;top:70px}.side-nav{display:grid;grid-gap:7px;gap:7px;min-width:0}.side-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--muted);display:flex;font-weight:750;gap:10px;min-height:40px;padding:0 10px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.side-link:hover{background:oklch(99% .002 255);border-color:var(--line);color:var(--accent-strong)}.side-link:disabled{background:transparent;border-color:transparent;box-shadow:none;color:oklch(62% .006 255);cursor:not-allowed;opacity:.58}.side-link.active{background:linear-gradient(135deg,oklch(99% .012 62),oklch(96.4% .045 50));border-color:oklch(78% .1 50);color:var(--accent-strong);box-shadow:inset 0 0 0 1px oklch(78% .1 50/.26),0 12px 24px oklch(20% .006 255/.08)}.dashboard-main{min-width:0;padding:28px 34px 34px;position:relative}.dashboard-notice-anchor{inset:12px 24px auto;max-width:min(720px,calc(100% - 48px));pointer-events:none;position:absolute;z-index:30}.dashboard-notice-anchor .flash-notice{pointer-events:auto}.floating-feedback-button{align-items:center;background:oklch(18% .012 70);border:1px solid oklch(34% .03 70);border-radius:999px;bottom:22px;box-shadow:0 18px 36px oklch(25% .04 55/.22);color:oklch(99% .006 70);display:inline-flex;font-size:13px;font-weight:900;gap:7px;min-height:38px;padding:0 14px;position:fixed;right:24px;z-index:9;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.floating-feedback-button:hover{background:oklch(24% .018 70);box-shadow:0 22px 42px oklch(25% .04 55/.28);transform:translateY(-1px)}.mobile-dash-more-backdrop,.mobile-dash-more-sheet,.mobile-dash-nav{display:none}.mobile-dash-nav{align-items:stretch;background:oklch(99.2% .004 70/.96);border-top:1px solid var(--line);bottom:0;box-shadow:0 -10px 30px oklch(20% .02 255/.08);display:none;gap:2px;grid-template-columns:repeat(5,minmax(0,1fr));left:0;padding:6px 8px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-dash-nav-item{align-items:center;background:transparent;border:0;border-radius:12px;color:var(--muted);display:grid;font:inherit;grid-gap:3px;gap:3px;justify-items:center;min-height:54px;padding:6px 4px;transition:background-color .16s ease,color .16s ease}.mobile-dash-nav-item span{font-size:10px;font-weight:820;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dash-nav-item.active,.mobile-dash-nav-item:hover{background:oklch(97% .03 55);color:var(--accent-strong)}.mobile-dash-more-backdrop{background:oklch(18% .02 255/.34);border:0;inset:0;position:fixed;z-index:44}.mobile-dash-more-sheet{background:oklch(99.2% .004 70);border-top:1px solid var(--line);border-radius:18px 18px 0 0;bottom:calc(68px + env(safe-area-inset-bottom));box-shadow:0 -18px 40px oklch(20% .02 255/.14);display:grid;grid-gap:12px;gap:12px;left:0;padding:16px 16px 18px;position:fixed;right:0;z-index:45}.mobile-dash-more-head strong{font-size:14px;font-weight:900}.mobile-dash-more-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-dash-more-item{align-items:center;background:oklch(98.6% .008 62);border:1px solid oklch(90% .012 60);border-radius:12px;color:var(--ink);display:flex;font:inherit;font-size:13px;font-weight:820;gap:8px;min-height:48px;padding:0 12px}.mobile-dash-more-item.active{background:linear-gradient(135deg,oklch(99% .012 62),oklch(96.4% .045 50));border-color:oklch(78% .1 50);color:var(--accent-strong)}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 8px 18px oklch(22% .006 255/.05)}.metric strong{color:var(--ink)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px}.creator-workspace{align-items:start;display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,.95fr) minmax(0,.72fr);min-width:0}.batch-settings-card,.text-settings-card{margin-top:4px}.batch-settings-card .option-control-grid,.text-settings-card .option-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-studio-workspace{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,.72fr)}.text-studio-workspace{align-items:start;grid-template-columns:minmax(0,.86fr) minmax(340px,1fr)}.text-studio-workspace .preview-sheet{min-height:380px;padding:16px}.text-studio-workspace .result-preview{min-height:400px}.text-studio-workspace .result-preview img{max-height:min(72vh,700px)}.generator-panel,.history-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);min-width:0}.generator-panel{padding:20px}.image-form-stack,.image-work-card{display:grid;grid-gap:var(--field-block-gap);gap:var(--field-block-gap);grid-template-columns:minmax(0,1fr);min-width:0}.image-work-card{border:0;border-radius:0;padding:0}.image-settings-card,.image-upload-card,.image-work-card{background:transparent}.image-converter-flow{background:linear-gradient(135deg,oklch(99.8% .008 70),oklch(98.7% .022 55/.92));border-color:oklch(86% .042 55)}.history-card,.result-card{padding:18px}.result-card{position:-webkit-sticky;position:sticky;top:92px}.panel-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-heading h2,.panel-heading h3{color:var(--ink);font-size:24px;letter-spacing:0;line-height:1.1;margin:6px 0 0}.panel-heading.compact{align-items:center;margin-bottom:12px}.batch-heading{align-items:flex-start}.batch-heading.compact{margin-bottom:0}.batch-heading .small{margin:8px 0 0;max-width:62ch}.batch-workspace{align-items:start;gap:22px}.batch-workspace-card{padding:22px 24px}.batch-workspace-stack{display:grid;grid-gap:24px;gap:24px;position:relative}.batch-workspace-stack.has-generation-flow{min-height:360px}.batch-workspace-stack.has-generation-flow,.result-preview.has-generation-flow{overflow:hidden}.status.is-generating{background:oklch(96% .04 78);color:oklch(42% .08 62)}.batch-mode-tabs{background:oklch(98.8% .01 80);border:1px solid oklch(89% .026 58);border-radius:12px;gap:8px;padding:8px;width:100%}.batch-mode-tabs .button{box-shadow:none;flex:1 1 120px;justify-content:center;min-height:38px}.batch-input-field .file-chip-row{margin-top:0}.batch-prompt-textarea{min-height:180px}.batch-primary-action{padding-top:4px}.batch-history-panel{display:grid;grid-gap:24px;gap:24px}.batch-preview-grid{margin:0}.batch-history-list{gap:14px}.batch-history-list .history-row{align-items:center;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;padding:10px 12px}.batch-history-list .history-row .small{margin:6px 0 0}.batch-side-panel{display:grid;grid-gap:12px;gap:12px}.batch-side-panel h3{margin:0}.history-workspace{align-items:start;gap:22px;grid-template-columns:minmax(0,1fr)}.history-workspace-card{padding:14px 16px}.history-workspace-stack{display:grid;grid-gap:10px;gap:10px}.history-hero{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between}.history-hero-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.history-hero-copy h2{color:var(--ink);font-size:20px;font-weight:820;letter-spacing:0;line-height:1.2;margin:0}.history-hero-copy .small{font-size:12px;line-height:1.45;margin:0;max-width:46ch}.history-hero-tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:min(100%,340px)}.history-filter-field,.history-search-field{gap:0;margin:0}.history-search-field{flex:1 1 168px;max-width:220px;min-width:148px}.history-filter-field{flex:0 0 auto;width:min(128px,100%)}.history-filter-field .app-select,.history-filter-select{width:100%}.history-control .app-select-trigger,.history-control.input{border-radius:10px;font-size:13px;font-weight:700;min-height:36px}.history-control.input{padding:7px 11px}.history-control .app-select-trigger{gap:8px;padding:0 10px 0 11px}.history-control .app-select-chevron{width:14px;height:14px}.history-section{display:grid;grid-gap:8px;gap:8px}.history-section-head{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:0}.history-empty-copy{color:var(--muted);margin:0}.history-section-loading{display:grid;grid-gap:10px;gap:10px}.history-section-loading .brand-loading-inline{justify-content:flex-start}.history-skeleton-list{display:grid;grid-gap:10px;gap:10px}.history-skeleton-row{pointer-events:none}.history-skeleton-line,.history-skeleton-pill,.history-skeleton-thumb{animation:history-skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,oklch(94% .01 62),oklch(97% .006 62) 50%,oklch(94% .01 62));background-size:200% 100%;border-radius:8px}.history-skeleton-thumb{aspect-ratio:3/4;width:56px}.history-skeleton-body{display:grid;grid-gap:8px;gap:8px;min-width:0}.history-skeleton-line-title{height:14px;width:min(220px,72%)}.history-skeleton-line-meta{height:11px;width:min(160px,52%)}.history-skeleton-actions{display:flex;flex-wrap:wrap;gap:8px}.history-skeleton-pill{border-radius:999px;height:30px;width:72px}@keyframes history-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.history-skeleton-line,.history-skeleton-pill,.history-skeleton-thumb{animation:none}}.history-batch-preview-grid{margin:0}.profile-stat-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,transform .16s ease;width:100%}.profile-stat-link:hover{border-color:oklch(78% .08 50);transform:translateY(-1px)}.batch-side-panel .small{margin:0}.credit-badge{align-items:center;background:linear-gradient(135deg,var(--accent-warm),var(--accent-soft));border:1px solid oklch(80% .08 86);border-radius:999px;color:var(--accent-strong);display:inline-flex;font-weight:850;min-height:32px;padding:0 12px}.image-workflow-section{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr);min-width:0}.upload-zone{align-items:center;background:linear-gradient(90deg,oklch(84% .035 62/.34) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(0deg,oklch(84% .035 62/.28) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(135deg,oklch(99% .012 62),oklch(97.6% .026 50));border:1px dashed oklch(76% .075 50);border-radius:16px;color:var(--accent-strong);display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:172px;padding:24px;text-align:center}.image-upload-zone{border-color:oklch(68% .12 50);border-width:2px;cursor:pointer;min-height:220px;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-upload-zone:hover{border-color:oklch(62% .16 50);box-shadow:0 18px 34px oklch(48% .1 50/.14);transform:translateY(-1px)}.image-upload-zone.has-source-image{background:oklch(99% .006 62);border-style:solid;gap:0;min-height:300px;overflow:hidden;padding:0}.upload-source-preview{background:white;display:block;height:100%;max-height:420px;min-height:300px;object-fit:contain;padding:18px;width:100%}.upload-source-overlay{align-items:center;background:linear-gradient(180deg,transparent,oklch(99% .006 62/.94) 30%,oklch(99% .006 62));bottom:0;color:var(--ink);display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;left:0;padding:54px 16px 14px;position:absolute;right:0;text-align:left}.upload-source-overlay strong{flex:1 1 220px;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-source-overlay span:not(.upload-cta){color:var(--muted);font-size:12px;font-weight:800}.upload-icon-orb{background:linear-gradient(135deg,var(--accent),var(--accent-warm));color:var(--carbon);height:58px;justify-content:center;width:58px}.upload-cta,.upload-icon-orb{align-items:center;border-radius:999px;display:inline-flex}.upload-cta{background:var(--carbon);color:white;font-size:13px;font-weight:900;min-height:36px;padding:0 16px}.ai-convert-button{min-height:48px;white-space:nowrap}.image-primary-action{background:oklch(99.1% .014 75);border:1px solid oklch(87% .038 55);border-radius:10px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr);min-width:0;padding:10px}.image-main-generate-button{min-height:42px;width:100%}.image-flow-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(99.5% .01 70/.88);border-radius:inherit;display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:4}.image-flow-overlay-card{align-items:center;background:oklch(99.8% .008 70/.96);border:1px solid oklch(88% .04 55);border-radius:14px;box-shadow:0 16px 36px oklch(35% .05 55/.14);display:grid;grid-gap:6px;gap:6px;justify-items:center;max-width:280px;padding:18px 20px;text-align:center}.image-flow-overlay-card strong{color:var(--ink);font-size:15px;letter-spacing:0}.image-flow-overlay-card span{color:var(--muted);font-size:12px;font-weight:700;line-height:1.5}.image-flow-spinner{align-items:center;display:inline-flex}.image-flow-spinner .brand-loading-mark{height:34px;width:34px}.batch-upload-zone{min-height:220px}.file-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.section-label{color:var(--faint);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.choice-grid,.premium-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.generate-button{background:linear-gradient(135deg,var(--accent-sky),var(--accent) 46%,var(--accent-warm));border-color:oklch(72% .1 50);color:var(--carbon);justify-content:center;min-height:48px;width:100%;box-shadow:0 16px 30px oklch(58% .1 50/.2)}.generate-button:hover{background:linear-gradient(135deg,oklch(88% .09 62),oklch(73% .14 50) 46%,oklch(88% .13 86));box-shadow:0 18px 34px oklch(54% .11 50/.24)}.generate-button.image-main-generate-button.is-waiting-upload,.generate-button.image-main-generate-button.is-waiting-upload:disabled,.generate-button.image-main-generate-button.is-waiting-upload:hover{background:oklch(96.8% .018 72);border-color:oklch(84% .034 62);box-shadow:none;color:oklch(45% .045 58);opacity:1;transform:none}.result-column{display:grid;grid-gap:16px;gap:16px;min-width:0}.auth-panel{align-items:center;background:linear-gradient(135deg,oklch(99.4% .006 70),oklch(98.7% .012 58)) padding-box,linear-gradient(135deg,oklch(88% .075 58),oklch(90% .048 82)) border-box;border:1px solid transparent;border-radius:18px;box-shadow:var(--shadow-soft);display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(220px,.95fr) minmax(0,1.6fr);margin-bottom:18px;padding:16px}.auth-panel.auth-gate{align-items:stretch;background:radial-gradient(420px 260px at 12% 8%,oklch(94% .075 48/.38),transparent 72%),radial-gradient(420px 260px at 92% 12%,oklch(93% .075 345/.28),transparent 72%),linear-gradient(135deg,oklch(99.4% .006 80),oklch(98.8% .012 58)) padding-box,linear-gradient(135deg,oklch(86% .105 48),oklch(86% .085 78),oklch(84% .1 350)) border-box;gap:18px;grid-template-columns:minmax(260px,.88fr) minmax(320px,1fr);margin:2px 0 24px;overflow:hidden;padding:22px}.auth-panel h2{color:var(--ink);font-size:18px;line-height:1.25;margin:3px 0 6px}.auth-panel.auth-gate h2{font-size:30px;line-height:1.12;margin:10px 0;max-width:12em}.auth-visual{background:linear-gradient(90deg,oklch(88% .024 62/.3) 1px,transparent 0) 0 0 /22px 22px,linear-gradient(0deg,oklch(88% .024 62/.26) 1px,transparent 0) 0 0 /22px 22px,linear-gradient(145deg,oklch(99.2% .006 82),oklch(97.8% .018 54));border:1px solid oklch(88% .042 58);border-radius:14px;display:grid;grid-gap:18px;gap:18px;min-height:390px;padding:26px}.auth-product-mark{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-pink),var(--accent-lilac));border:1px solid oklch(100% 0 0/.65);border-radius:14px;box-shadow:0 14px 28px oklch(52% .12 35/.18);color:oklch(99% .003 80);display:inline-flex;height:42px;justify-content:center;margin-bottom:14px;width:42px}.auth-visual .small{color:oklch(43% .028 58);max-width:31rem}.auth-preview-art{align-self:end;aspect-ratio:1.36/1;background:linear-gradient(180deg,oklch(100% 0 0/.28),transparent 42%),oklch(99.4% .008 72);border:1px solid oklch(88% .038 58);border-radius:18px;box-shadow:0 22px 42px oklch(42% .05 45/.16),inset 0 0 0 1px oklch(100% 0 0/.42);min-height:210px;overflow:hidden;position:relative}.auth-preview-art img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.auth-card{align-self:center;background:oklch(99.8% .003 80);border:1px solid oklch(86% .034 58);border-radius:16px;box-shadow:0 20px 48px oklch(42% .05 45/.13);display:grid;grid-gap:20px;gap:20px;padding:26px}.auth-card-head h3{color:var(--ink);font-size:24px;line-height:1.1;margin:6px 0 7px}.auth-controls{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto minmax(120px,1fr) minmax(120px,1fr) auto auto auto}.auth-gate .auth-controls{align-content:center;background:transparent;border:0;grid-template-columns:minmax(0,1fr);padding:0}.auth-gate .auth-mode,.auth-gate .compact-input,.auth-provider-row{grid-column:1/-1}.auth-gate .button{justify-content:center;min-height:44px}.auth-mode{display:inline-grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-gate .auth-mode{background:oklch(97.6% .014 60);border:1px solid oklch(88% .034 58);border-radius:12px;gap:4px;padding:4px}.auth-mode-tab{background:transparent;border:1px solid transparent;border-radius:9px;color:oklch(46% .036 58);cursor:pointer;font-size:14px;font-weight:720;min-height:38px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.auth-mode-tab:hover{color:var(--accent-strong)}.auth-mode-tab.active{background:var(--surface);border-color:oklch(88% .034 58);box-shadow:0 4px 12px oklch(42% .05 45/.1);color:var(--ink)}.compact-input{min-height:40px}.auth-gate .compact-input{background:oklch(99.4% .004 80);border-color:oklch(86% .028 58);border-radius:12px;min-height:48px}.auth-field{position:relative}.auth-field-animated{animation:auth-field-in .2s cubic-bezier(.22,1,.36,1)}@keyframes auth-field-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-field-animated{animation:none}}.auth-field .compact-input{padding-left:40px;width:100%}.auth-field .compact-input.has-trailing-action{padding-right:44px}.auth-field-icon{color:oklch(58% .05 55);left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.auth-field:focus-within .auth-field-icon{color:var(--accent-strong)}.auth-password-toggle{align-items:center;background:transparent;border:0;border-radius:8px;color:oklch(52% .04 55);cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:7px;top:50%;transform:translateY(-50%);transition:background .14s ease,color .14s ease;width:32px}.auth-password-toggle:hover{background:var(--accent-soft);color:var(--accent-strong)}.auth-divider{align-items:center;color:oklch(56% .03 58);display:grid;font-size:12px;font-weight:700;grid-gap:12px;gap:12px;grid-template-columns:1fr auto 1fr;letter-spacing:.02em;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:oklch(88% .03 58);content:"";height:1px}.auth-submit-button{background:linear-gradient(92deg,var(--accent-sky),var(--accent),var(--accent-warm));border-color:oklch(78% .12 52);color:oklch(18% .018 60);font-weight:900}.auth-provider-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.login-main{display:grid;min-height:calc(100vh - 70px);padding:30px 34px 42px;place-items:center}.login-auth-panel{max-width:1120px;width:100%}.auth-status-message{align-items:center;background:oklch(98% .016 62);border:1px solid oklch(88% .04 58);border-radius:12px;color:oklch(36% .045 58);display:flex;font-size:13px;font-weight:720;gap:8px;line-height:1.45;margin:0;padding:11px 12px}.auth-status-message svg{color:oklch(58% .05 55);flex-shrink:0}.auth-status-message.error{background:oklch(96% .045 28);border-color:oklch(82% .11 30);color:oklch(43% .14 30)}.auth-status-message.error svg{color:oklch(56% .17 30)}.auth-provider-button{gap:9px}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.two-column-fields{display:grid;grid-gap:var(--field-block-gap);gap:var(--field-block-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.tool-setting-grid{margin-top:12px}.result-preview{min-height:330px}.result-preview:after,.result-preview:before{display:none}.line-art-preview .preview-sheet{background:linear-gradient(90deg,oklch(92% .015 96/.48) 1px,transparent 0) 0 0 /20px 20px,linear-gradient(0deg,oklch(92% .015 96/.48) 1px,transparent 0) 0 0 /20px 20px,oklch(99.6% .006 96);border-color:oklch(86% .03 86)}.result-preview img{background:white;border-radius:6px;box-shadow:inset 0 0 0 1px oklch(88% .006 255);display:block;height:auto;max-height:460px;object-fit:contain;width:100%}.result-empty-state{align-content:center;color:oklch(45% .032 58);display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:250px;text-align:center}.result-empty-state svg{background:linear-gradient(135deg,var(--accent-soft),oklch(98% .045 86));border:1px solid oklch(84% .06 62);border-radius:999px;box-sizing:content-box;color:var(--accent-strong);padding:9px}.result-empty-state strong{color:var(--ink);font-size:16px;line-height:1.25}.result-empty-state span{color:var(--muted);font-size:13px;font-weight:760;line-height:1.4;max-width:31ch}.result-actions{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));margin-top:12px}.image-result-actions-panel{background:transparent;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,auto));gap:6px;justify-content:start;padding:0}.image-result-actions-panel .button{border-radius:999px;display:inline-flex;font-size:12px;justify-content:center;line-height:1;min-height:32px;padding:0 10px;white-space:nowrap;width:auto}.result-card .image-result-actions-panel{border-top:1px solid oklch(90% .018 70);padding-top:10px}.compact-result-actions{display:flex;flex-wrap:wrap;gap:6px;grid-template-columns:none;margin-top:8px}.compact-result-actions .button,.gallery-action-row .button{border-radius:999px;font-size:12px;min-height:31px;padding:0 10px;white-space:nowrap;width:auto}.gallery-action-row{flex-wrap:wrap;gap:7px}.source-action-hint{color:var(--muted);margin:10px 0 0;text-align:center}.book-page-strip{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.book-page-thumb{background:var(--paper);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;padding:8px}.book-page-thumb img{aspect-ratio:3/4;border-radius:6px;object-fit:cover;width:100%}.book-page-thumb span{color:var(--muted);font-size:11px;font-weight:750}.form-card,.panel{box-shadow:var(--shadow-soft)}.form-grid,.form-stack{display:grid;grid-gap:var(--field-block-gap);gap:var(--field-block-gap)}.field{display:grid;grid-gap:var(--field-label-gap);gap:var(--field-label-gap);min-width:0}.field>.input+.input,.field>.input+.textarea,.field>.textarea+.input{margin-top:var(--field-label-gap)}.control-label,.field label{color:var(--faint);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.input,.select,.textarea{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);min-height:46px;padding:11px 13px;width:100%;transition:border-color .16s ease,box-shadow .16s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app-select{min-width:0;position:relative;width:100%}.app-select-trigger{align-items:center;background:oklch(99.4% .004 80);border:1px solid var(--line);border-radius:12px;color:var(--ink);display:flex;font:inherit;font-size:14px;font-weight:760;gap:10px;justify-content:space-between;min-height:46px;padding:0 13px 0 14px;text-align:left;width:100%;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.app-select-trigger:hover{background:oklch(99.8% .006 72);border-color:oklch(80% .052 58)}.app-select-trigger:focus-visible,.app-select-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select-chevron{color:oklch(42% .05 58);flex:0 0 auto;transition:transform .16s ease}.app-select-trigger[aria-expanded=true] .app-select-chevron{transform:rotate(180deg)}.app-select-menu{background:oklch(99.8% .004 80);border:1px solid oklch(84% .034 58);border-radius:12px;box-shadow:0 18px 42px oklch(42% .05 45/.16);display:grid;grid-gap:4px;gap:4px;left:0;margin-top:6px;max-height:260px;min-width:100%;overflow:auto;padding:6px;position:absolute;right:0;top:100%;z-index:20}.app-select-option{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--ink);display:flex;font:inherit;font-size:13px;font-weight:760;gap:10px;justify-content:space-between;min-height:36px;padding:0 10px;text-align:left;transition:background-color .14s ease,color .14s ease}.app-select-option:focus-visible,.app-select-option:hover{background:oklch(96.6% .028 58);color:var(--accent-strong);outline:none}.app-select-option[aria-selected=true]{background:linear-gradient(135deg,oklch(98% .035 58),oklch(96% .046 82));color:var(--accent-strong)}.textarea{min-height:118px;resize:vertical}.dashboard-main.is-feedback-view{display:flex;flex-direction:column;min-height:calc(100vh - 70px);padding:0;background:radial-gradient(720px 420px at 50% -10%,oklch(94% .08 58/.55),transparent 72%),linear-gradient(180deg,oklch(98.8% .012 72),oklch(97.2% .014 52))}.feedback-workspace{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 70px);padding:clamp(24px,4vw,44px) clamp(16px,3vw,28px) clamp(32px,5vw,48px);width:100%}.feedback-shell{display:grid;max-width:1040px;width:100%}.feedback-body{align-items:stretch;display:grid;grid-gap:clamp(16px,2vw,22px);gap:clamp(16px,2vw,22px);grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.feedback-contact-card,.feedback-form-panel{background:var(--surface);border:1px solid oklch(88% .024 62);border-radius:18px;box-shadow:0 18px 44px oklch(18% .02 255/.06);min-width:0}.feedback-contact-card{align-content:start;display:grid;grid-gap:16px;gap:16px;overflow:hidden;padding:20px}.feedback-flow-block,.feedback-tips-block{display:grid;grid-gap:12px;gap:12px}.feedback-flow-block{border-top:1px solid oklch(90% .02 62);padding-top:18px}.feedback-flow-block>strong,.feedback-tips-block>strong{color:var(--ink);font-size:14px;font-weight:860;letter-spacing:0}.feedback-flow-steps{counter-reset:feedback-flow;display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0;padding:0;position:relative}.feedback-flow-steps:before{background:oklch(88% .03 58);content:"";inset:16px auto 16px 13px;position:absolute;width:2px}.feedback-flow-steps li{color:oklch(36% .03 58);display:grid;font-weight:720;grid-gap:12px;gap:12px;grid-template-columns:auto minmax(0,1fr);line-height:1.45}.feedback-flow-index,.feedback-flow-steps li{align-items:center;font-size:13px;position:relative}.feedback-flow-index{background:var(--rainbow);border-radius:999px;color:white;display:inline-flex;font-weight:900;height:28px;justify-content:center;width:28px;z-index:1}.feedback-tips-block{border-top:1px solid oklch(90% .02 62);padding-top:18px}.feedback-email-link{align-items:center;background:radial-gradient(120% 140% at 0 0,oklch(74% .15 52/.32),transparent 60%),linear-gradient(140deg,oklch(58% .16 42),oklch(64% .15 24));border:0;border-radius:16px;box-shadow:0 16px 34px oklch(58% .15 40/.28);color:white;display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto minmax(0,1fr);padding:18px;transition:box-shadow .16s ease,transform .16s ease}.feedback-email-link:hover{box-shadow:0 22px 42px oklch(58% .15 40/.36);transform:translateY(-2px)}.feedback-email-icon{align-items:center;background:oklch(100% 0 0/.2);border:1px solid oklch(100% 0 0/.4);border-radius:12px;color:white;display:inline-flex;height:48px;justify-content:center;width:48px}.feedback-email-copy{min-width:0}.feedback-email-link small{color:oklch(100% 0 0/.82);letter-spacing:.01em}.feedback-email-link small,.feedback-form-heading span{display:block;font-size:12px;font-weight:800;line-height:1.35}.feedback-form-heading span{color:var(--muted)}.feedback-email-link strong{color:white;display:block;font-size:18px;font-weight:920;line-height:1.2;margin-top:3px;overflow-wrap:anywhere}.feedback-trust-list{display:grid;grid-gap:10px;gap:10px}.feedback-trust-list span{align-items:flex-start;color:oklch(38% .028 58);display:grid;font-size:13px;font-weight:720;grid-gap:9px;gap:9px;grid-template-columns:auto minmax(0,1fr);line-height:1.45}.feedback-trust-list svg{color:var(--accent-strong);margin-top:1px}.feedback-form-panel{overflow:hidden}.feedback-panel-body{display:flex;flex-direction:column;gap:var(--field-block-gap);height:100%;padding:24px}.feedback-type-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.feedback-type-chip{align-items:center;background:oklch(99.2% .008 62);border:1px solid oklch(88% .024 62);border-radius:14px;color:oklch(38% .028 58);cursor:pointer;display:grid;font:inherit;grid-gap:8px;gap:8px;justify-items:center;min-height:88px;padding:12px 10px;text-align:center;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.feedback-type-chip:hover{border-color:oklch(78% .06 54);transform:translateY(-1px)}.feedback-type-chip.is-active{background:linear-gradient(180deg,oklch(99.6% .014 62),oklch(97.8% .028 58));border-color:var(--accent);box-shadow:0 12px 28px oklch(58% .12 50/.14);color:var(--ink)}.feedback-type-chip-icon{align-items:center;background:oklch(96% .018 58);border-radius:999px;color:var(--accent-strong);display:inline-flex;height:34px;justify-content:center;width:34px}.feedback-type-chip.is-active .feedback-type-chip-icon{background:var(--rainbow);color:white}.feedback-type-chip span:last-child{font-size:13px;font-weight:820;line-height:1.25}.feedback-type-hint{background:oklch(98.6% .012 62);border:1px dashed oklch(86% .028 58);border-radius:12px;color:oklch(38% .028 58);font-size:13px;font-weight:720;line-height:1.55;margin:0;padding:12px 14px}.feedback-submit-form{gap:var(--field-block-gap)}.feedback-submit-form,.feedback-submit-form .field:first-child{display:flex;flex:1 1;flex-direction:column;min-height:0}.feedback-submit-form .feedback-textarea{flex:1 1}.flash-notice{align-items:center;animation:flash-notice-in .22s ease;border-radius:14px;box-shadow:0 14px 34px oklch(18% .02 255/.08);display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;line-height:1.45;padding:14px 16px}.flash-notice-text{font-size:14px;font-weight:820;margin:0;overflow-wrap:anywhere}.flash-notice-close,.flash-notice-icon{align-items:center;display:inline-flex}.flash-notice-close{background:transparent;border:0;border-radius:10px;height:28px;justify-content:center;opacity:.72;transition:background-color .15s ease,opacity .15s ease;width:28px}.flash-notice-close:hover{background:oklch(100% 0 0/.12);opacity:1}.flash-notice-success{background:linear-gradient(135deg,oklch(97.5% .04 145),oklch(95.5% .06 132));border:1px solid oklch(82% .08 145);color:oklch(28% .05 145)}.flash-notice-success .flash-notice-icon{color:oklch(52% .14 145)}.flash-notice-error{background:linear-gradient(135deg,oklch(98% .02 28),oklch(96% .04 28));border:1px solid oklch(80% .1 28);color:oklch(32% .08 28)}.flash-notice-error .flash-notice-icon{color:oklch(52% .18 28)}.flash-notice-warn{background:linear-gradient(135deg,oklch(98.5% .03 82),oklch(96.5% .05 72));border:1px solid oklch(84% .08 78);color:oklch(34% .06 72)}.flash-notice-warn .flash-notice-icon{color:oklch(58% .15 72)}.flash-notice-info{background:linear-gradient(135deg,oklch(98.5% .02 250),oklch(96.5% .04 250));border:1px solid oklch(84% .06 250);color:oklch(32% .05 250)}.flash-notice-info .flash-notice-icon{color:oklch(54% .12 250)}@keyframes flash-notice-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feedback-segmented-tabs{align-items:center;background:oklch(98.4% .012 62);border-bottom:1px solid oklch(88% .024 62);display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:10px;scrollbar-width:none}.feedback-segmented-tabs::-webkit-scrollbar{display:none}.feedback-segmented-tab{align-items:center;background:oklch(99.2% .008 62/.72);border:0;border-radius:999px;box-shadow:inset 0 0 0 1px oklch(88% .024 62/.55);box-sizing:border-box;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:13px;font-weight:850;gap:8px;height:40px;outline:none;padding:0 14px;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.feedback-segmented-tab:hover:not(:disabled){background:oklch(99.6% .01 62);color:var(--ink)}.feedback-segmented-tab.is-active{background:white;box-shadow:inset 0 0 0 1px oklch(84% .04 58);color:var(--ink)}.feedback-segmented-tab:focus-visible{box-shadow:inset 0 0 0 1px oklch(84% .04 58),0 0 0 2px oklch(79% .12 50/.22)}.feedback-segmented-tab:disabled{cursor:not-allowed;opacity:.55}.feedback-panel-section{display:grid;grid-gap:18px;gap:18px;grid-area:1/1;pointer-events:none;visibility:hidden}.feedback-panel-section.is-active{pointer-events:auto;visibility:visible}.feedback-field-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;position:relative}.feedback-char-counter{color:var(--muted);font-size:12px;font-weight:800;pointer-events:none;position:absolute;right:0;top:0;white-space:nowrap}.feedback-char-counter.is-ready{color:var(--green)}.feedback-submit-button{min-width:180px}.feedback-empty-state{align-items:center;background:linear-gradient(180deg,oklch(99.2% .012 72),oklch(97.8% .018 52));border:1px dashed oklch(84% .04 58);border-radius:14px;display:grid;grid-gap:12px;gap:12px;justify-items:center;padding:28px 20px;text-align:center}.feedback-empty-icon{align-items:center;background:white;border:1px solid oklch(88% .026 62);border-radius:999px;color:var(--accent-strong);display:inline-flex;height:56px;justify-content:center;width:56px}.feedback-empty-state strong{color:var(--ink);font-size:15px;font-weight:900}.feedback-history-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between}.feedback-message-body{color:oklch(34% .032 58);font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.feedback-user-line{color:var(--muted);font-size:12px;font-weight:760;margin:0}.feedback-status-badge{border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;letter-spacing:.04em;line-height:1;padding:7px 10px;text-transform:uppercase;white-space:nowrap}.feedback-status-badge.warn{background:oklch(95% .06 85);color:oklch(42% .12 85)}.feedback-status-badge.info{background:oklch(95% .04 250);color:oklch(42% .12 250)}.feedback-status-badge.muted{background:oklch(95% .01 62);color:oklch(46% .02 62)}.feedback-stats-row .pill{background:white;border:1px solid oklch(88% .026 62);border-radius:999px;font-size:12px;font-weight:820;padding:8px 12px}.feedback-form-heading{align-items:center;background:oklch(98.8% .014 62);border:1px solid oklch(88% .026 62);border-radius:12px;color:var(--accent-strong);display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:14px 16px}.feedback-form-heading strong{color:var(--ink);display:block;font-size:15px;font-weight:920;line-height:1.3;margin-bottom:2px}.feedback-form-heading span{line-height:1.4}.feedback-textarea{min-height:168px;resize:vertical}.feedback-submit-row{align-items:stretch;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-top:2px}.feedback-inbox-link{white-space:nowrap}.feedback-submit-hint{color:var(--muted);font-size:12px;font-weight:760;line-height:1.5;margin:-4px 0 0}.feedback-mode-tabs{flex-wrap:wrap;gap:10px}.feedback-mode-tabs .feedback-tab-count,.feedback-segmented-tabs .feedback-tab-count{background:oklch(94% .04 62);border-radius:999px;box-sizing:border-box;font-size:11px;font-weight:900;line-height:1;min-width:24px;padding:4px 7px;text-align:center}.feedback-tab-count.is-placeholder{visibility:hidden}.feedback-mode-tabs .button:not(.secondary) .feedback-tab-count,.feedback-segmented-tab.is-active .feedback-tab-count{background:oklch(38% .08 50/.14)}.feedback-panel-status{color:var(--muted);font-size:12px;font-weight:800}.feedback-panel-busy{opacity:.58;pointer-events:none}.feedback-admin-toolbar.is-disabled{opacity:.62;pointer-events:none}.feedback-admin-workspace,.messages-workspace{display:grid;grid-gap:18px;gap:18px}.messages-list-panel{background:white;border:1px solid oklch(88% .026 62);border-radius:16px;min-height:360px;padding:16px}.messages-list{list-style:none;margin:0;padding:0}.messages-list,.messages-list-item{display:grid;grid-gap:10px;gap:10px}.messages-list-item{background:oklch(99.2% .01 62);border:1px solid oklch(88% .026 62);border-radius:12px;padding:14px 16px}.messages-list-item.is-unread{border-color:oklch(80% .08 50);box-shadow:inset 3px 0 0 var(--accent)}.messages-list-item-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.messages-list-body{color:oklch(34% .032 58);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.messages-list-reply{background:oklch(97.6% .03 250);border:1px solid oklch(86% .04 250);border-radius:10px;display:grid;grid-gap:6px;gap:6px;padding:12px 14px}.messages-list-reply strong{color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.messages-list-reply p{color:oklch(34% .032 58);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.messages-list-meta{color:var(--muted);font-size:11px;font-weight:760}.messages-empty-state{align-items:center;color:var(--muted);display:grid;grid-gap:12px;gap:12px;justify-items:center;min-height:280px;padding:40px 16px;place-content:center;text-align:center}.messages-empty-icon{align-items:center;background:white;border:1px dashed oklch(84% .04 58);border-radius:999px;color:var(--accent-strong);display:inline-flex;height:56px;justify-content:center;width:56px}.messages-panel-status{color:var(--muted);font-size:12px;font-weight:800;margin:0;padding:24px 8px;text-align:center}.feedback-admin-actions{align-items:end;border:0;display:grid;grid-gap:var(--field-block-gap);gap:var(--field-block-gap);margin:0;min-width:180px;padding:0}.feedback-admin-actions .button{min-height:40px}.feedback-admin-panel,.feedback-history-panel{display:grid;grid-gap:18px;gap:18px}.feedback-history-list{display:grid;grid-gap:10px;gap:10px}.feedback-history-row{align-items:stretch;background:white;border:1px solid oklch(88% .026 62);border-radius:14px;box-shadow:0 10px 24px oklch(58% .06 50/.05);display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr);padding:16px 18px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.feedback-history-row:hover{border-color:oklch(82% .04 58);box-shadow:0 14px 28px oklch(58% .08 50/.08)}.feedback-history-row.is-admin{grid-template-columns:minmax(0,1fr)}.feedback-reply-card{background:oklch(98.5% .018 145);border:1px solid oklch(86% .04 145);border-radius:10px;display:grid;grid-gap:6px;gap:6px;padding:10px 12px}.feedback-reply-card strong{color:oklch(38% .08 145);font-size:12px;font-weight:900}.feedback-reply-card p{color:oklch(32% .03 145);font-size:13px;line-height:1.5;margin:0}.feedback-meta-row{display:flex;flex-wrap:wrap;gap:8px 14px}.feedback-admin-toolbar{display:grid;grid-gap:12px;gap:12px}.feedback-admin-filters,.feedback-stats-row{display:flex;flex-wrap:wrap;gap:10px}.feedback-admin-filters{align-items:center}.feedback-admin-reply{min-height:96px}.feedback-history-copy{display:grid;grid-gap:6px;gap:6px;min-width:0}.feedback-history-copy strong{color:var(--ink);font-size:14px;font-weight:900}.feedback-history-copy p{color:oklch(34% .032 58);font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.segmented-choice-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.segmented-choice-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.page-count-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.segmented-choice{background:white;border:1px solid oklch(86% .03 55);border-radius:8px;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:850;min-height:38px;padding:8px 9px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.segmented-choice:hover{border-color:oklch(74% .1 50);color:var(--ink)}.segmented-choice.active{background:linear-gradient(135deg,var(--accent-soft),oklch(97.5% .052 86));border-color:oklch(72% .11 50);box-shadow:0 10px 20px oklch(42% .08 48/.09);color:var(--accent-strong)}.prompt-suggestions{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin-top:10px}.prompt-suggestions button{background:linear-gradient(135deg,oklch(99% .018 96),oklch(97.8% .032 50));border:1px solid oklch(86% .036 55);border-radius:999px;color:oklch(34% .048 50);cursor:pointer;font:inherit;font-size:12px;font-weight:850;padding:7px 10px}.prompt-suggestions button:hover{background:oklch(96.8% .044 50);border-color:oklch(76% .1 50)}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.check-card{background:oklch(97.8% .003 255);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-weight:750;padding:12px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.check-card:hover{background:var(--surface);border-color:var(--line-strong);box-shadow:0 10px 20px oklch(22% .006 255/.06);color:var(--ink);transform:translateY(-1px)}.choice-grid .check-card:first-child{background:linear-gradient(135deg,oklch(94.6% .052 62),oklch(94.8% .06 50) 54%,oklch(97% .06 86));border-color:oklch(78% .1 50);color:var(--accent-strong);box-shadow:0 12px 24px oklch(42% .08 48/.1)}.check-card.pro{align-items:center;background:oklch(95% .004 255);border-color:oklch(75% .008 255);color:var(--carbon-2);display:flex;gap:8px}.source-options-panel{background:linear-gradient(135deg,oklch(99% .015 96),oklch(98% .025 50));border:1px solid oklch(88% .035 55);border-radius:8px;display:grid;grid-gap:12px;gap:12px;min-width:0;padding:12px}.source-parity-strip{background:oklch(99.2% .01 82);border:1px solid oklch(88% .026 58);border-radius:10px;display:grid;grid-gap:10px;gap:10px;min-width:0;padding:12px}.source-parity-strip span{color:var(--accent-strong);display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.source-parity-strip strong{color:var(--ink);display:block;font-size:14px;line-height:1.35;margin-top:2px}.tool-input-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.tool-input-chip-list .pill{background:oklch(98.5% .015 72);color:oklch(38% .052 52);margin:0}.compact-field{gap:6px;margin:0}.compact-field span{color:var(--muted);font-size:12px;font-weight:850}.option-control-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.image-settings-card .option-control-grid{gap:8px}.option-toggle{background:oklch(99% .006 96);border:1px solid oklch(86% .03 55);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;font:inherit;grid-gap:5px;gap:5px;min-height:82px;padding:12px;text-align:left;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-settings-card .option-toggle{align-items:center;gap:6px;grid-template-columns:minmax(0,1fr) auto;min-height:46px;padding:8px 10px}.image-settings-card .option-toggle>span:not(.option-state){display:none}.option-toggle:hover{border-color:oklch(74% .1 50);box-shadow:0 12px 24px oklch(42% .08 48/.1);transform:translateY(-1px)}.option-toggle strong{align-items:center;display:flex;gap:6px;font-size:13px;font-weight:900}.option-switch{background:oklch(82% .012 255);border-radius:999px;display:inline-flex;flex:0 0 30px;height:17px;position:relative;transition:background-color .16s ease;width:30px}.option-switch:after{background:white;border-radius:999px;box-shadow:0 1px 4px oklch(24% .006 255/.18);content:"";height:13px;left:2px;position:absolute;top:2px;transition:transform .16s ease;width:13px}.option-toggle.active .option-switch{background:var(--accent)}.option-toggle.active .option-switch:after{transform:translateX(13px)}.option-toggle span{color:var(--muted);font-size:12px;line-height:1.35}.option-toggle .option-state{align-self:end;color:var(--accent-strong);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.image-settings-card .option-toggle .option-state{align-self:center;font-size:10px;letter-spacing:.04em}.option-toggle.active{background:linear-gradient(135deg,oklch(94.8% .064 50),oklch(97% .055 86));border-color:oklch(72% .11 50)}.history-list{display:grid;grid-gap:14px;gap:14px}.history-virtual-list.virtual-scroll,.virtual-list-page-scroll.virtual-scroll{overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}.history-virtual-item{box-sizing:border-box;padding-bottom:12px}.history-virtual-item .history-row{box-sizing:border-box;height:calc(100% - 12px);padding:10px 12px}.virtual-scroll{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:grid;grid-gap:var(--virtual-grid-gap,18px);gap:var(--virtual-grid-gap,18px);grid-template-columns:repeat(var(--virtual-grid-columns,1),minmax(0,1fr));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.virtual-scroll-spacer{position:relative;width:100%}.virtual-scroll-window{left:0;position:absolute;right:0;top:0;width:100%}.virtual-grid-cell,.virtual-list-item{box-sizing:border-box;min-width:0}.virtual-grid-cell{min-height:0}.coloring-workspace.focused-editor{--coloring-records-width:minmax(108px,132px);grid-template-columns:minmax(0,1fr) var(--coloring-records-width)}.coloring-workspace.focused-editor.records-expanded{--coloring-records-width:minmax(240px,300px)}.coloring-editor{display:grid;grid-gap:24px;gap:24px}.coloring-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:space-between}.coloring-topbar-lead{flex:1 1 160px;min-width:0}.coloring-topbar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.coloring-brush-size{align-items:center;background:oklch(99% .008 62);border:1px solid oklch(88% .035 58);border-radius:999px;display:inline-flex;gap:8px;min-height:36px;padding:0 10px;width:min(156px,30vw)}.coloring-boundary-chip:focus-within,.coloring-brush-size:focus-within{border-color:oklch(72% .12 42);box-shadow:0 0 0 3px oklch(91% .06 58/.76),0 8px 18px oklch(45% .055 55/.12)}.coloring-brush-size input{flex:1 1 auto;min-width:48px}.coloring-boundary-chip{align-items:center;background:oklch(99% .008 62);border:1px solid oklch(88% .035 58);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:850;gap:6px;min-height:36px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coloring-boundary-chip.active{background:oklch(97.5% .03 55);border-color:oklch(78% .08 48);color:var(--accent-strong)}.coloring-boundary-chip input{accent-color:var(--accent-strong);flex:0 0 auto;height:16px;width:16px}.coloring-topbar .section-title{margin:0}.coloring-current{align-items:center;background:oklch(99% .008 62);border:1px solid oklch(88% .035 58);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:850;gap:8px;min-height:36px;padding:0 12px 0 8px}.coloring-current-swatch{border:2px solid oklch(99.6% .003 80);border-radius:999px;box-shadow:0 0 0 1px oklch(78% .038 58);height:22px;width:22px}.coloring-tool-rail{align-content:start;background:oklch(97% .008 65);border:1px solid oklch(90% .018 60);border-radius:18px;display:grid;grid-gap:5px;gap:5px;height:max-content;padding:6px;position:-webkit-sticky;position:sticky;top:12px;width:84px}.coloring-tool{align-items:center;background:transparent;border:1px solid transparent;border-radius:14px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;font-size:11px;font-weight:800;line-height:1.1;min-height:58px;padding:8px 4px;text-align:center;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.coloring-tool:hover{background:oklch(99.6% .003 80);color:var(--accent-strong)}.coloring-tool:focus-visible{background:oklch(99.6% .003 80);border-color:oklch(72% .12 42);box-shadow:0 0 0 3px oklch(91% .06 58/.76),0 8px 18px oklch(45% .055 55/.12);outline:0}.coloring-tool.active{background:oklch(99.6% .003 80);border-color:oklch(86% .052 55);box-shadow:0 5px 14px oklch(50% .06 55/.16);color:var(--accent-strong)}.coloring-quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.coloring-actions .button,.coloring-quick-actions .button{min-height:36px;padding:0 13px}.coloring-layout{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(258px,312px);grid-gap:16px;gap:16px}.coloring-stage{align-items:center;background:linear-gradient(90deg,oklch(89% .02 72/.34) 1px,transparent 0) 0 0 /26px 26px,linear-gradient(0deg,oklch(89% .02 72/.3) 1px,transparent 0) 0 0 /26px 26px,linear-gradient(145deg,oklch(99.2% .008 72),oklch(96.2% .012 68));border:1px solid oklch(86% .035 70);border-radius:14px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.62),inset 0 -28px 54px oklch(74% .03 70/.16),0 18px 36px oklch(38% .035 56/.1);display:flex;justify-content:center;min-height:min(72vh,720px);overflow:hidden;padding:16px;position:relative}.coloring-stage:before{background:linear-gradient(90deg,transparent,oklch(100% 0 0/.82),transparent),linear-gradient(180deg,oklch(88% .018 70/.72),transparent);border-radius:999px;content:"";height:5px;left:12%;pointer-events:none;position:absolute;right:12%;top:14px;z-index:0}.coloring-canvas-wrap{aspect-ratio:3/4;display:inline-flex;line-height:0;max-width:690px;position:relative;width:min(100%,calc(68vh * .75));z-index:1}.coloring-canvas-wrap:before{background:linear-gradient(180deg,oklch(100% 0 0/.86),oklch(95% .012 80/.18)),oklch(99.8% .002 80);border:1px solid oklch(88% .018 74);border-radius:12px;box-shadow:0 20px 44px oklch(30% .03 58/.2),0 3px 0 oklch(82% .018 70/.42);content:"";inset:-10px;pointer-events:none;position:absolute;z-index:-1}.coloring-upload-button{margin-top:6px}.coloring-records-upload{justify-content:center;margin-bottom:10px;width:100%}.coloring-empty-state{align-items:center;background:oklch(99.4% .004 62);border:1px dashed oklch(84% .02 58);border-radius:14px;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:24px;pointer-events:auto;position:absolute;text-align:center;z-index:2}.coloring-empty-state strong{color:var(--ink);font-size:15px}.coloring-current-title{color:var(--muted);margin-top:4px}.coloring-canvas{background:oklch(99.8% .002 80);box-shadow:inset 0 0 0 1px oklch(91% .012 80),0 12px 34px oklch(32% .02 60/.14);display:block;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.coloring-canvas,.coloring-overlay{border-radius:8px;height:100%;width:100%}.coloring-overlay{left:0;top:0}.coloring-overlay,.coloring-watermark{pointer-events:none;position:absolute;z-index:3}.coloring-watermark{bottom:5%;color:rgba(42,45,51,.34);font-family:ui-rounded,system-ui,sans-serif;font-size:clamp(10px,1.8vw,14px);font-weight:700;line-height:1;right:8%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coloring-stage.tool-fill .coloring-canvas{cursor:pointer}.coloring-stage.tool-airbrush .coloring-canvas,.coloring-stage.tool-brush .coloring-canvas,.coloring-stage.tool-crayon .coloring-canvas,.coloring-stage.tool-highlighter .coloring-canvas,.coloring-stage.tool-pencil .coloring-canvas,.coloring-stage.tool-watercolor .coloring-canvas{cursor:crosshair}.coloring-stage.tool-eraser .coloring-canvas{cursor:cell}.coloring-sidebar{align-content:flex-start;display:grid;grid-gap:12px;gap:12px;padding-right:2px}.coloring-panel-block{background:oklch(99.2% .006 62);border:1px solid oklch(89% .026 58);border-radius:12px;display:grid;grid-gap:10px;gap:10px;padding:12px}.coloring-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between}.coloring-toggle-copy{display:grid;grid-gap:3px;gap:3px}.coloring-toggle-copy span{color:var(--muted);font-size:12px;line-height:1.4}.coloring-toggle input{accent-color:var(--accent-strong);flex:0 0 auto;height:18px;width:18px}.coloring-panel-block>strong,.coloring-panel-head>strong{color:var(--ink);font-size:13px;font-weight:900}.coloring-panel-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.coloring-current-value{background:oklch(97% .01 64);border:1px solid oklch(90% .022 60);border-radius:999px;color:var(--muted);font-size:11px;font-weight:850;line-height:1;padding:6px 8px}.coloring-palette-groups{display:grid;grid-gap:10px;gap:10px}.coloring-palette-group{background:oklch(99.7% .004 78);border:1px solid oklch(91% .021 62);border-radius:10px;display:grid;grid-gap:8px;gap:8px;padding:9px}.coloring-palette-heading{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:flex;font-size:11px;font-weight:900;justify-content:space-between;line-height:1.2;padding:0;text-align:left;width:100%}.coloring-palette-heading:hover{color:var(--ink)}.coloring-palette-meta{align-items:center;display:inline-flex;gap:6px}.coloring-palette-count{background:oklch(96% .01 64);border:1px solid oklch(90% .02 60);border-radius:999px;color:var(--muted);font-size:10px;font-weight:850;line-height:1;min-width:18px;padding:3px 6px;text-align:center}.coloring-palette-chevron{color:var(--muted);flex:0 0 auto;transition:transform .14s ease}.coloring-palette-group.is-expanded .coloring-palette-chevron{transform:rotate(180deg)}.coloring-palette-group.is-collapsed{gap:0}.coloring-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));grid-gap:7px;gap:7px}.color-swatch{aspect-ratio:1;border:2px solid oklch(99.6% .003 80);border-radius:999px;box-shadow:0 0 0 1px var(--line);cursor:pointer;height:auto;min-width:28px;width:100%;transition:box-shadow .12s ease,transform .12s ease}.color-custom-row{align-items:center;background:oklch(99.7% .004 78);border:1px solid oklch(91% .021 62);border-radius:10px;color:var(--muted);cursor:pointer;display:flex;font-size:12px;font-weight:850;justify-content:space-between;padding:9px}.color-custom-row .color-swatch{flex:0 0 34px;height:34px;width:34px}.color-swatch:hover{transform:translateY(-1px)}.color-swatch.active{box-shadow:0 0 0 2px var(--accent),0 8px 16px oklch(50% .06 55/.2)}.color-custom{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;position:relative}.color-custom:after{color:oklch(99.8% .002 80);content:"+";font-size:18px;font-weight:900;mix-blend-mode:difference}.color-custom input{cursor:pointer;height:200%;left:-50%;opacity:0;position:absolute;top:-50%;width:200%}.coloring-size-block{gap:12px}.brush-size-preview{align-items:center;background:repeating-conic-gradient(oklch(94% .006 60) 0 25%,oklch(99% .004 70) 0 50%) 0 0 /14px 14px;border:1px solid oklch(90% .02 60);border-radius:10px;display:flex;height:56px;justify-content:center;overflow:hidden}.brush-size-dot{border-radius:999px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.4),0 2px 6px oklch(30% .05 60/.28);transition:width 90ms ease,height 90ms ease}.brush-control{align-items:center;display:flex;gap:10px}.brush-control input{flex:1 1 auto;min-width:0}.brush-size-mark{color:oklch(52% .04 60);display:block;flex:0 0 auto}.coloring-premium-note{background:linear-gradient(135deg,oklch(98.6% .024 54),oklch(98.8% .028 86))}.coloring-premium-note span{color:var(--muted);font-size:12px;font-weight:760;line-height:1.45}.coloring-actions{display:flex;flex-wrap:wrap;gap:8px}.coloring-side-panel{align-self:start}.coloring-records{display:grid;grid-gap:16px;gap:16px;min-width:0}.coloring-records.is-collapsed{gap:0}.coloring-records.is-collapsed .coloring-records-toggle{align-items:flex-start;flex-direction:column;gap:8px}.coloring-records.is-collapsed .eyebrow{font-size:10px;letter-spacing:.06em;line-height:1.35;white-space:normal}.coloring-records-toggle{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:0;text-align:left;width:100%}.coloring-records-toggle:hover .eyebrow{color:var(--ink)}.coloring-records-meta{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px}.coloring-records-count{background:oklch(96% .01 64);border:1px solid oklch(90% .02 60);border-radius:999px;color:var(--muted);font-size:11px;font-weight:850;line-height:1;min-width:20px;padding:4px 7px;text-align:center}.coloring-records-chevron{color:var(--muted);flex:0 0 auto;transition:transform .14s ease}.coloring-records.is-expanded .coloring-records-chevron{transform:rotate(180deg)}.coloring-record-list{display:grid;grid-gap:10px;gap:10px}.coloring-record-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:9px;min-width:0;padding:10px;transition:border-color .14s ease,box-shadow .14s ease}.coloring-record-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.coloring-record-thumb{align-items:center;aspect-ratio:4/3;background:linear-gradient(90deg,oklch(90% .018 72/.44) 1px,transparent 0) 0 0 /12px 12px,linear-gradient(0deg,oklch(90% .018 72/.42) 1px,transparent 0) 0 0 /12px 12px,oklch(99.8% .002 80);border:1px solid oklch(88% .028 72);border-radius:10px;display:flex;justify-content:center;overflow:hidden;width:100%}.coloring-record-thumb img{display:block;height:100%;object-fit:contain;width:100%}.coloring-record-body{display:grid;grid-gap:2px;gap:2px;min-width:0}.coloring-record-title{color:var(--ink);font-size:13px;font-weight:700;line-height:1.35}.coloring-record-meta,.coloring-record-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coloring-record-meta{color:var(--faint);display:block;font-size:11px;font-weight:600}.coloring-record-actions{display:grid;grid-gap:6px;gap:6px;grid-auto-columns:1fr;grid-auto-flow:column;margin-top:6px}.coloring-record-actions .button{border-radius:999px;font-size:12px;justify-content:center;min-height:34px;padding:0 12px}@media (max-width:1180px){.coloring-workspace.focused-editor.records-expanded{--coloring-records-width:minmax(200px,240px)}}@media (max-width:960px){.coloring-workspace.focused-editor,.coloring-workspace.focused-editor.records-expanded{--coloring-records-width:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.coloring-topbar{align-items:stretch;flex-direction:column}.coloring-topbar-controls{justify-content:flex-start}.coloring-layout{grid-template-columns:1fr}.coloring-stage{min-height:auto;overflow:visible;padding:14px}.coloring-canvas-wrap{width:min(100%,58vh)}.dashboard-shell:not(.signed-out-shell) .sidebar{display:none}.dashboard-shell:not(.signed-out-shell) .dashboard-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.dashboard-shell:not(.signed-out-shell) .floating-feedback-button{bottom:calc(78px + env(safe-area-inset-bottom));right:16px}.mobile-dash-nav{display:grid}.coloring-current,.coloring-quick-actions{justify-self:stretch}.coloring-quick-actions .button{flex:1 1 120px;justify-content:center}.coloring-tool-rail{display:flex;gap:6px;overflow-x:auto;padding:6px;position:static;scrollbar-width:thin;width:auto}.coloring-tool{flex:0 0 72px}.coloring-sidebar{max-height:none;overflow:visible;padding-right:0}.coloring-palette-groups{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:720px){.coloring-editor{border-radius:14px;gap:14px;padding:14px}.coloring-topbar{gap:12px}.coloring-topbar-lead{flex-basis:auto}.coloring-topbar .section-title{font-size:22px;line-height:1.15}.coloring-current-title{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coloring-topbar-controls{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;width:100%}.coloring-current{min-height:34px;padding:0 10px 0 7px;width:100%}.coloring-current span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coloring-current-swatch{height:20px;width:20px}.coloring-boundary-chip{font-size:0;gap:0;justify-content:center;min-height:34px;padding:0;position:relative;width:42px}.coloring-boundary-chip svg{height:16px;width:16px}.coloring-boundary-chip input,.coloring-boundary-chip span{position:absolute;opacity:0;pointer-events:none}.coloring-brush-size{grid-column:1/-1;min-height:34px;padding:0 10px;width:100%}.coloring-quick-actions{display:grid;grid-gap:7px;gap:7px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.coloring-quick-actions .button{border-radius:10px;flex:none;font-size:11px;min-height:38px;padding:0 6px}.coloring-quick-actions .button svg{height:14px;width:14px}.coloring-layout{gap:10px}.coloring-tool-rail{border-radius:14px;gap:5px;margin:0 -2px;padding:5px;scroll-padding-inline:8px}.coloring-tool{border-radius:11px;flex:0 0 62px;font-size:10px;min-height:50px;padding:6px 3px}.coloring-tool svg{height:17px;width:17px}.coloring-stage{border-radius:12px;padding:10px}.coloring-stage:before{display:none}.coloring-canvas-wrap{max-width:430px;width:min(100%,calc(72svh * .75))}.coloring-canvas-wrap:before{border-radius:10px;inset:-6px}.coloring-empty-state{border-radius:10px;padding:16px}.coloring-empty-state .small{margin:0}.coloring-sidebar{gap:10px}.coloring-panel-block{border-radius:12px;gap:8px;padding:10px}.coloring-palette-groups{gap:8px;grid-template-columns:1fr}.coloring-palette-group{gap:7px;padding:8px}.coloring-palette{gap:6px;grid-template-columns:repeat(auto-fit,minmax(30px,1fr))}.color-swatch{min-width:30px}.color-custom-row{padding:8px}.coloring-side-panel{border-radius:14px;padding:12px}.coloring-records.is-collapsed .coloring-records-toggle{align-items:center;flex-direction:row}.coloring-record-list{display:flex;gap:10px;margin:0 -4px;overflow-x:auto;padding:0 4px 4px;scroll-padding-inline:4px;scrollbar-width:thin}.coloring-record-card,.coloring-records-upload{flex:0 0 190px}.coloring-record-card{border-radius:12px}.coloring-record-actions{grid-auto-flow:row}}@media (max-width:420px){.coloring-editor{margin-left:-6px;margin-right:-6px;padding:12px}.coloring-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.coloring-tool{flex-basis:58px}.coloring-canvas-wrap{width:min(100%,calc(68svh * .75))}}.dashboard-main.is-gallery-view{min-height:calc(100vh - 70px);padding:0}.gallery-workspace{display:grid;grid-gap:0;gap:0;min-height:calc(100vh - 70px)}.gallery-hero{align-items:flex-end;background:radial-gradient(560px 280px at 100% 0,oklch(92% .08 58/.45),transparent 72%),linear-gradient(180deg,oklch(99.2% .012 72),oklch(98.4% .014 62));border-bottom:1px solid oklch(88% .024 62);display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:space-between;padding:clamp(28px,4vw,40px)}.gallery-hero-copy{display:grid;grid-gap:10px;gap:10px;max-width:640px}.gallery-hero-copy h2{font-size:clamp(28px,3vw,36px);letter-spacing:0;line-height:1.08;margin:0}.gallery-hero-copy p{color:oklch(38% .032 58);font-size:14px;line-height:1.6;margin:0}.gallery-hero-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;min-width:min(100%,320px)}.gallery-results-pill{background:white;border:1px solid oklch(88% .026 62);border-radius:999px;color:var(--muted);font-size:12px;font-weight:820;padding:10px 14px;white-space:nowrap}.gallery-filter-row{background:oklch(98.8% .012 62);border-bottom:1px solid oklch(88% .024 62);display:flex;flex-wrap:wrap;gap:8px;padding:14px clamp(20px,4vw,40px)}.gallery-filter-chip{background:transparent;border:1px solid oklch(88% .026 62);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:820;padding:8px 14px;transition:background .16s ease,border-color .16s ease,color .16s ease}.gallery-filter-chip.is-active,.gallery-filter-chip:hover{background:white;border-color:oklch(78% .08 50);color:var(--accent-strong)}.gallery-empty-state{align-items:center;color:var(--muted);display:grid;justify-items:center;min-height:360px;padding:48px 24px;place-content:center;text-align:center}.gallery-search{flex:1 1 220px;max-width:320px;min-width:200px}.gallery-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:clamp(20px,4vw,40px)}.gallery-card{background:white;border:1px solid oklch(88% .026 62);border-radius:16px;box-shadow:0 10px 24px oklch(58% .06 50/.05);display:grid;grid-gap:0;gap:0;overflow:hidden;transition:border-color .16s ease,box-shadow .18s ease,transform .18s ease}.gallery-card:hover{border-color:oklch(80% .06 50);box-shadow:0 18px 36px oklch(58% .06 50/.1);transform:translateY(-2px)}.gallery-card-media{background:oklch(99.2% .01 62);border-bottom:1px solid oklch(92% .02 62);position:relative}.gallery-card-media img{aspect-ratio:3/4;background:white;display:block;object-fit:contain;padding:12px;width:100%}.gallery-card-category{background:oklch(99.6% .01 62/.92);border:1px solid oklch(88% .026 62);border-radius:999px;color:var(--accent-strong);font-size:11px;font-weight:850;left:12px;padding:6px 10px;position:absolute;top:12px}.gallery-card-body{display:grid;grid-gap:14px;gap:14px;padding:16px}.gallery-card-body strong{color:var(--ink);font-size:16px;font-weight:900;line-height:1.3}.gallery-card-actions{display:grid;grid-gap:10px;gap:10px}.gallery-card-cta{align-items:center;background:linear-gradient(135deg,oklch(68% .14 48),oklch(58% .16 42));border:1px solid oklch(52% .14 42);border-radius:12px;box-shadow:0 10px 20px oklch(52% .12 42/.18);display:inline-flex;font-size:13px;font-weight:900;gap:8px;justify-content:center;min-height:44px;width:100%}.gallery-card-cta:hover{filter:brightness(1.03);transform:translateY(-1px)}.gallery-card-tool-row{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card-tool{align-items:center;background:oklch(98.6% .01 68);border:1px solid oklch(88% .024 62);border-radius:12px;color:var(--muted);cursor:pointer;display:grid;font:inherit;grid-gap:6px;gap:6px;justify-items:center;min-height:72px;padding:10px 8px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.gallery-card-tool span{font-size:11px;font-weight:850;line-height:1.2;text-align:center}.gallery-card-tool svg{color:var(--accent-strong);flex-shrink:0}.gallery-card-tool:focus-visible,.gallery-card-tool:hover{background:white;border-color:oklch(78% .08 50);color:var(--ink);outline:none;transform:translateY(-1px)}.gallery-card-tool:active{transform:translateY(0)}.gallery-card-actions .button{justify-content:center;min-height:40px;width:100%}.compact-gallery{margin-bottom:16px}.compact-gallery .gallery-card{box-shadow:none;display:grid;grid-gap:8px;gap:8px;padding:10px}.compact-gallery .gallery-card:hover{transform:none}.compact-gallery .gallery-card img{aspect-ratio:3/4;background:white;border:1px solid var(--line);border-radius:6px;object-fit:cover;padding:0;width:100%}.history-row{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:42px 1fr auto;padding:10px 12px}.history-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.history-actions .button{min-height:36px;padding:0 12px}.profile-save-button{flex:0 0 auto;min-height:38px;padding:0 16px}.profile-workspace{align-items:start;gap:22px}.profile-workspace-card{padding:22px 24px}.profile-workspace-stack{display:grid;grid-gap:24px;gap:24px}.profile-hero{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.profile-hero-copy h2{font-size:28px;letter-spacing:0;line-height:1.12;margin:8px 0 0}.profile-hero-copy .small{margin:8px 0 0}.profile-plan-badge{align-items:center;background:linear-gradient(135deg,var(--accent-soft),oklch(96% .05 72));border:1px solid oklch(82% .08 58);border-radius:999px;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;min-height:38px;padding:0 14px}.profile-credits-panel{background:radial-gradient(420px 180px at 100% 0,oklch(92% .075 58/.48),transparent 64%),linear-gradient(135deg,oklch(99% .012 72),oklch(97.4% .022 58));border:1px solid oklch(86% .04 60);border-radius:16px;display:grid;grid-gap:16px;gap:16px;padding:18px 20px}.profile-credits-main{align-items:center;display:flex;gap:14px}.profile-credits-icon{align-items:center;background:var(--accent-strong);border:1px solid oklch(52% .16 42);border-radius:999px;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;width:46px}.profile-credits-icon svg{color:oklch(99% .012 72)}.profile-credits-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.profile-credits-copy .small{margin:0}.profile-credits-figures{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px}.profile-credits-remaining{color:var(--ink);font-size:38px;font-weight:900;letter-spacing:0;line-height:1}.profile-credits-total{color:var(--faint);font-size:16px;font-weight:700}.profile-credits-progress{display:grid;grid-gap:8px;gap:8px}.profile-credits-progress-meta{color:var(--faint);display:flex;font-size:12px;font-weight:700;justify-content:space-between}.profile-credit-meter{background:oklch(92.5% .014 62);border-radius:999px;height:8px;overflow:hidden}.profile-credit-meter span{background:linear-gradient(90deg,var(--accent-sky),var(--accent));border-radius:inherit;display:block;height:100%;min-width:4%}.profile-credit-stats{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-credit-stat{background:oklch(99.4% .005 72/.78);border:1px solid oklch(88% .024 62);border-radius:12px;color:var(--muted);display:grid;grid-gap:5px;gap:5px;min-width:0;padding:10px 12px}.profile-credit-stat span{font-size:11px;font-weight:820;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-credit-stat strong{align-items:center;color:var(--ink);display:inline-flex;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:920;gap:5px;line-height:1}.profile-credit-history{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,transform .16s ease}.profile-credit-history strong{color:var(--accent-strong)}.profile-credit-history svg{flex:0 0 auto}.profile-credit-history:hover{border-color:oklch(78% .08 50);transform:translateY(-1px)}.profile-history-chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:oklch(99.2% .006 62);border:1px solid oklch(89% .026 58);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;gap:8px;justify-self:start;min-height:36px;padding:0 14px;transition:border-color .16s ease,transform .16s ease}.profile-history-chip strong{color:var(--accent-strong);font-size:14px;font-weight:900}.profile-history-chip svg{color:var(--accent-strong)}.profile-history-chip:hover{border-color:oklch(78% .08 50);transform:translateY(-1px)}.profile-stats-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}.profile-stat-card{background:oklch(99.2% .006 62);border:1px solid oklch(89% .026 58);border-radius:14px;display:grid;grid-gap:8px;gap:8px;min-width:0;padding:14px 16px}.profile-stat-card.is-primary{background:linear-gradient(135deg,oklch(98.8% .03 62),oklch(97.2% .04 52));border-color:oklch(84% .06 58)}.profile-stat-card strong{color:var(--ink);font-size:22px;font-weight:900;letter-spacing:0;line-height:1.1}.profile-section{display:grid;grid-gap:14px;gap:14px}.profile-section-head{align-items:center;color:var(--ink);display:inline-flex;font-size:14px;font-weight:900;gap:8px}.profile-section-head-actions{display:flex;gap:12px;justify-content:space-between;width:100%}.profile-section-title{align-items:center;display:inline-flex;gap:8px}.profile-section-head svg,.profile-section-title svg{color:var(--accent-strong)}.profile-invoice-fields,.profile-name-field{margin:0}.profile-billing-panel{background:oklch(98.8% .01 62);border:1px solid oklch(89% .026 58);border-radius:14px;display:grid;grid-gap:14px;gap:14px;padding:16px}.profile-upgrade-block{display:grid;grid-gap:12px;gap:12px}.profile-upgrade-block .small{margin:0}.profile-upgrade-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.profile-manage-button,.profile-upgrade-button{justify-content:center;width:100%}.profile-current-plan-note{margin:0}.upgrade-paywall-backdrop{background:oklch(24% .03 42/.52);padding:24px;z-index:120}.image-lightbox-backdrop,.upgrade-paywall-backdrop{align-items:center;display:flex;inset:0;justify-content:center;position:fixed}.image-lightbox-backdrop{background:oklch(16% .02 255/.82);padding:20px;z-index:110}.image-lightbox-dialog{display:grid;grid-gap:12px;gap:12px;justify-items:center;max-height:min(92vh,960px);max-width:min(960px,100%);position:relative;width:100%}.image-lightbox-close{align-items:center;background:oklch(99% .006 62/.92);border:1px solid oklch(86% .032 60);border-radius:999px;color:var(--ink);display:inline-flex;height:40px;justify-content:center;justify-self:end;position:absolute;right:0;top:0;width:40px;z-index:2}.image-lightbox-close:hover{background:white;border-color:var(--accent);color:var(--accent-strong)}.image-lightbox-title{color:oklch(98% .004 255);font-size:14px;font-weight:820;margin:0;max-width:calc(100% - 52px);overflow:hidden;padding-right:48px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.image-lightbox-image{background:white;border-radius:12px;box-shadow:0 24px 60px oklch(10% .02 255/.35);display:block;max-height:min(82vh,860px);max-width:100%;object-fit:contain;width:auto}.gallery-card-media-button,.history-thumb-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:inherit;cursor:zoom-in;display:block;font:inherit;padding:0;position:relative;text-align:inherit;width:100%}.history-thumb-button{border-radius:10px;height:42px}.gallery-card-media-button:focus-visible,.history-thumb-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-card-media-button img{pointer-events:none}.upgrade-paywall-dialog{background:radial-gradient(circle at top right,oklch(96% .04 78/.9),transparent 42%),var(--surface);border:1px solid oklch(86% .03 58);border-radius:18px;box-shadow:0 28px 80px oklch(18% .03 42/.28);display:grid;grid-gap:18px;gap:18px;max-height:min(90vh,860px);max-width:min(920px,100%);overflow:auto;padding:22px;position:relative;width:100%}.upgrade-paywall-close{align-items:center;background:oklch(98% .01 82);border:1px solid oklch(88% .02 58);border-radius:999px;color:var(--faint);cursor:pointer;display:inline-flex;height:34px;justify-content:center;position:absolute;right:14px;top:14px;width:34px}.upgrade-paywall-close:hover{background:oklch(96% .02 72);color:var(--ink)}.upgrade-paywall-head{display:grid;grid-gap:8px;gap:8px;padding-right:36px}.upgrade-paywall-badge{align-items:center;color:var(--accent-strong);display:inline-flex;font-size:11px;font-weight:900;gap:6px;letter-spacing:.08em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.upgrade-paywall-head h2{font-size:28px;line-height:1.15;margin:0}.upgrade-paywall-head .small,.upgrade-paywall-plan-note{margin:0}.upgrade-paywall-plan-note{color:var(--faint);font-size:12px;font-weight:700}.upgrade-paywall-plans{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upgrade-paywall-plan{background:oklch(99.2% .01 82);border:1px solid oklch(88% .026 58);border-radius:14px;display:grid;grid-gap:10px;gap:10px;padding:16px;position:relative}.upgrade-paywall-plan.is-featured{border-color:oklch(72% .12 58);box-shadow:inset 0 0 0 1px oklch(78% .1 58/.35)}.upgrade-paywall-plan-badge{background:var(--accent);border-radius:999px;color:oklch(99% .01 82);font-size:10px;font-weight:900;letter-spacing:.06em;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.upgrade-paywall-plan h3{margin:0}.upgrade-paywall-price{color:var(--accent-strong);font-size:1.15rem;font-weight:900;margin:0}.upgrade-paywall-feature-list{display:grid;grid-gap:6px;gap:6px;list-style:none;margin:0;padding:0}.upgrade-paywall-feature-list li{align-items:flex-start;color:var(--muted);display:flex;font-size:13px;gap:8px}.upgrade-paywall-feature-list li svg{color:var(--accent-strong);flex:0 0 auto;margin-top:2px}.upgrade-paywall-cta{justify-content:center;margin-top:4px;width:100%}.upgrade-paywall-empty{align-items:center;background:oklch(98.5% .01 78);border:1px dashed oklch(86% .03 58);border-radius:12px;color:var(--muted);display:grid;grid-gap:8px;gap:8px;justify-items:center;padding:24px;text-align:center}.upgrade-paywall-foot{align-items:center;border-top:1px solid oklch(90% .02 58);display:flex;justify-content:flex-end;padding-top:4px}.upgrade-paywall-dismiss{flex:0 0 auto}.billing-actions{display:grid;grid-gap:12px;gap:12px}.billing-upgrade-grid{display:grid;grid-gap:10px;gap:10px}.billing-upgrade-grid .button{justify-content:center}.history-thumb{background:linear-gradient(90deg,oklch(86% .02 96/.5) 1px,transparent 1px) 0 0 /9px 9px,linear-gradient(0deg,oklch(86% .02 96/.5) 1px,transparent 1px) 0 0 /9px 9px,var(--paper);border:1px solid oklch(84% .035 96);border-radius:10px;height:42px;overflow:hidden;position:relative}.history-thumb img{display:block;height:100%;object-fit:cover;width:100%}.history-thumb:has(img):after{display:none}.history-thumb:after{border:1.5px solid var(--ink);border-radius:50%;content:"";height:18px;left:10px;position:absolute;top:10px;width:18px}.history-row strong{color:var(--ink)}.status{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.status.warn{color:oklch(47% .13 85)}.status.info{color:oklch(45% .12 250)}.status.muted{color:var(--muted)}@media (max-width:1240px){.image-studio-workspace,.text-studio-workspace{grid-template-columns:minmax(0,1fr)}.image-studio-workspace .result-card{position:static}.image-studio-workspace .result-column{max-width:none}.text-studio-workspace .result-preview img{max-height:min(64vh,620px)}}@media (max-width:1280px){.dashboard-shell .creator-workspace,.dashboard-shell .workspace-grid{grid-template-columns:minmax(0,1fr)}.dashboard-shell .result-card{position:static}}@media (max-width:1040px){.auth-panel,.creator-workspace,.feedback-workspace,.hero,.landing-hero,.use-case-strip,.workflow-band,.workspace-grid{gap:0;grid-template-columns:1fr;min-height:auto}.dashboard-main.is-feedback-view{min-height:auto}.feedback-workspace{padding:20px 16px 28px}.feedback-body{grid-template-columns:1fr}.feedback-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-contact-card,.feedback-panel-body{padding:18px 16px}.feedback-submit-form{grid-template-rows:auto auto auto auto}.feedback-textarea{min-height:180px}.feedback-submit-row{grid-template-columns:1fr}.feedback-submit-row .button{justify-content:center;width:100%}.feedback-inbox-link{white-space:normal}.feedback-segmented-tabs{overflow-x:auto;scrollbar-width:none}.feedback-segmented-tabs::-webkit-scrollbar{display:none}.landing-hero{min-height:auto}.hero-artwork{justify-self:stretch;max-width:100%;width:100%}.book-page-strip,.gallery-grid,.pricing-grid,.tool-grid,.use-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel.auth-gate,.dashboard-shell{grid-template-columns:1fr}.auth-panel.auth-gate{padding:18px}.auth-visual{min-height:320px}.auth-card{margin:0}.sidebar{border-bottom:1px solid var(--line);border-right:0;height:auto;position:static}.side-nav{display:flex;max-width:100%;overflow-x:auto;padding-bottom:8px}.side-link{flex:0 0 auto;white-space:nowrap}.auth-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card{position:static}.topbar{align-items:stretch;flex-wrap:nowrap}.top-actions{margin-left:0}.header-auth,.top-actions{flex:0 1 auto;justify-content:flex-end}.top-actions:has(.header-auth-expanded){flex:0 1 auto}.top-actions:has(.header-auth-expanded) .header-auth{flex:0 1 auto}}@media (max-width:720px){.dashboard-main,.hero,.section,.topbar,.use-case-strip{padding-left:18px;padding-right:18px}.topbar{gap:0;padding-left:12px;padding-right:12px}.topbar-inner{gap:8px;min-height:56px}.topbar:has(.header-auth-signed-in) .topbar-inner{justify-content:space-between}.topbar-start{flex:1 1 auto;min-width:44px;overflow:hidden}.topbar:has(.header-auth-signed-in) .topbar-start{flex:0 0 auto;min-width:36px}.topbar-end{flex:0 1 auto;min-width:0}.topbar:has(.header-auth-signed-in) .topbar-end{flex:0 0 auto}.brand{max-width:100%}.brand-name{font-size:17px}.topbar:has(.header-auth-signed-in) .brand{gap:0}.topbar:has(.header-auth-signed-in) .brand-name{display:none}.top-actions{align-items:center;display:flex;gap:6px;min-width:0;width:auto}.language-toggle{background:radial-gradient(circle at 70% 18%,oklch(100% 0 0/.82),transparent 34%),oklch(98.4% .016 64);border-color:oklch(86% .036 60);border-radius:999px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.7),0 8px 18px oklch(36% .04 52/.08);height:36px;min-height:36px;padding:0;position:relative;width:36px}.language-toggle-label{display:none}.language-toggle-code{align-items:center;background:var(--accent);border:1px solid oklch(99% .006 62);border-radius:999px;bottom:-3px;color:oklch(99% .006 62);display:inline-flex;font-size:8px;font-weight:950;height:14px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 3px;position:absolute;right:-5px}.language-toggle svg{height:17px;opacity:.9;width:17px}.language-toggle:hover,.language-toggle[aria-expanded=true]{background:radial-gradient(circle at 70% 18%,oklch(100% 0 0/.82),transparent 34%),oklch(96.5% .038 62)}.header-auth-signed-in{gap:6px}.header-control-cluster{gap:0;padding:2px}.header-cluster-btn{height:32px;width:32px}.header-cluster-divider{display:none}.header-cluster-plan-copy{display:inline-flex;gap:0}.header-cluster-plan{gap:0;height:32px;justify-content:center;max-width:62px;min-width:44px;padding:0 8px}.header-cluster-plan-dot,.header-cluster-plan-name,.header-cluster-plan-total{display:none}.header-cluster-plan-credits{align-items:center;gap:3px;font-size:12px}.header-account-trigger{height:32px;padding:0 3px}.header-user .header-user-avatar{height:27px;width:27px}.header-account-chevron,.header-auth-compact .header-auth-trigger:not(.primary){display:none}.header-auth-compact .header-auth-trigger.primary{min-width:40px;padding:0;width:40px}.header-auth-compact .header-auth-trigger-label{display:none}.header-account-menu{position:fixed;right:12px;top:calc(56px + 8px);width:min(280px,calc(100vw - 24px));z-index:70}.landing-hero{align-items:start;gap:24px;grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0;overflow-x:clip}.hero-artwork,.landing-composer,.landing-hero-copy{max-width:100%;min-width:0;width:100%}.nav{display:none}.auth-controls,.auth-mode,.auth-provider-row,.book-page-strip,.choice-grid,.gallery-grid,.landing-composer-row,.option-grid,.premium-grid,.pricing-grid,.profile-stats-grid,.profile-upgrade-grid,.result-actions,.tool-grid,.two-column-fields,.use-case-list{grid-template-columns:1fr}.segmented-choice-grid,.segmented-choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{align-items:stretch;flex-direction:column;gap:10px}.profile-credit-stats{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-section-head-actions{align-items:flex-start;flex-direction:column}.profile-save-button{justify-content:center;width:100%}.profile-workspace{gap:14px;min-width:0;width:100%}.profile-workspace-card{border-radius:14px;min-width:0;padding:16px;width:100%}.profile-workspace-stack{gap:18px}.profile-hero-copy h2{font-size:22px;line-height:1.16;overflow-wrap:anywhere}.profile-plan-badge{align-self:flex-start;font-size:12px;min-height:32px;padding:0 11px}.profile-credits-panel{border-radius:14px;gap:12px;overflow:hidden;padding:14px}.profile-credits-main{align-items:flex-start;gap:10px}.profile-credits-icon{height:38px;width:38px}.profile-credits-icon svg{height:18px;width:18px}.profile-credits-figures{gap:4px}.profile-credits-remaining{font-size:30px}.profile-credits-total{font-size:14px}.profile-credits-progress-meta{gap:8px}.profile-credit-stat{border-radius:10px;gap:4px;padding:9px 8px}.profile-credit-stat span{font-size:10px}.profile-credit-stat strong{font-size:16px}.profile-billing-panel{border-radius:12px;padding:14px}.auth-card,.auth-visual{padding:18px}.auth-card{order:-1}.auth-visual{gap:14px;min-height:auto}.auth-panel.auth-gate h2{font-size:26px}.auth-preview-art{display:none}.hero h1{font-size:33px;max-width:100%;overflow-wrap:anywhere;word-break:break-all}.landing-hero h1{font-size:33px;line-height:1.08}.lede{max-width:100%;overflow-wrap:anywhere;word-break:break-all}.landing-hero{gap:18px;padding-bottom:28px;padding-top:22px}.landing-hero:before{background:linear-gradient(90deg,oklch(90% .02 60/.42) 1px,transparent 0) 0 0 /28px 28px,linear-gradient(0deg,oklch(90% .02 60/.34) 1px,transparent 0) 0 0 /28px 28px;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 18%,transparent 72%);mask-image:radial-gradient(120% 80% at 50% 0,#000 18%,transparent 72%);opacity:.5}.landing-hero-copy .eyebrow{font-size:10px;letter-spacing:.04em;max-width:100%;overflow-wrap:anywhere;padding:5px 10px}.landing-hero h1{font-size:31px;line-height:1.06;margin:14px 0 12px}.landing-hero .lede{font-size:15px;line-height:1.55;word-break:normal}.hero-stats{display:grid;grid-gap:7px;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px;width:100%}.hero-stat{background:oklch(99% .006 62/.86);border:1px solid oklch(91% .018 60);border-radius:12px;gap:3px;min-width:0;padding:9px 7px}.hero-stat+.hero-stat{border-left:1px solid oklch(91% .018 60);padding-left:0}.hero-stat strong{font-size:23px}.hero-stat span{font-size:10px;line-height:1.2;min-width:0;overflow-wrap:anywhere}.hero-highlights{flex-wrap:nowrap;gap:8px;margin:15px -18px 0 0;max-width:100%;overflow-x:auto;padding:0 18px 4px 0;scrollbar-width:none;scroll-padding-inline:18px}.hero-highlights::-webkit-scrollbar{display:none}.hero-highlights span{background:oklch(98.4% .022 62);border:1px solid oklch(91% .026 60);border-radius:999px;flex:0 0 auto;font-size:12px;min-height:32px;padding:0 10px;white-space:nowrap}.hero-highlights span:before{height:8px;width:8px}.hero-actions{display:grid;grid-gap:9px;gap:9px;grid-template-columns:1fr;margin-top:16px}.hero-actions .button{justify-content:center;min-height:44px;width:100%}.landing-composer{border-radius:14px;box-shadow:0 14px 30px oklch(50% .06 55/.1);gap:10px;margin-top:16px;padding:12px}.landing-composer label{font-size:12px}.landing-composer-row{grid-template-columns:1fr}.landing-composer-row input{min-height:46px;padding:0 13px}.landing-composer-row .button{justify-content:center;min-height:44px;width:100%}.composer-suggestions{flex-wrap:nowrap;margin-right:-12px;overflow-x:auto;padding:0 12px 3px 0;scrollbar-width:none}.composer-suggestions::-webkit-scrollbar{display:none}.composer-suggestions button{flex:0 0 auto;max-width:min(78vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-artwork{border-radius:16px;box-shadow:0 18px 36px oklch(50% .06 55/.12);grid-template-rows:auto auto auto;justify-self:center;max-width:360px;padding:12px;width:100%}.artwork-brush{inset:-10px -10px auto -10px;height:72%}.artwork-compare{width:100%}.artwork-toolbar{padding-bottom:8px}.compare-frame{aspect-ratio:1/1;box-shadow:inset 0 0 0 6px oklch(100% 0 0/.62),0 12px 24px oklch(42% .05 55/.1);height:auto;max-width:100%;width:100%}.compare-badge{font-size:9px;letter-spacing:.04em;padding:5px 8px;top:10px}.compare-badge-color{left:10px}.compare-badge-line{right:10px}.compare-divider span{height:36px;width:36px}.example-prompts{flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:10px 2px 1px;scrollbar-width:none}.example-prompts::-webkit-scrollbar{display:none}.example-prompts span{flex:0 0 auto;font-size:11px;max-width:min(76vw,240px);overflow:hidden;text-overflow:ellipsis;padding:6px 10px;white-space:nowrap}.artwork-sheet{min-height:220px}.workflow-step{grid-template-columns:auto minmax(0,1fr)}.workflow-step h3{grid-column:2}.workflow-step p{grid-column:1/-1}.dashboard-title,.section-title{font-size:27px}.section,.use-case-strip,.workflow-band{padding-bottom:34px;padding-top:36px}.use-case-strip{gap:16px}.use-case-copy h2{font-size:25px;line-height:1.12}.use-case-list{display:flex;gap:10px;margin:0 -18px 0 0;overflow-x:auto;padding:0 18px 4px 0;scrollbar-width:none;scroll-padding-inline:18px}.use-case-list::-webkit-scrollbar{display:none}.use-case-list article{flex:0 0 min(82vw,300px);padding:14px}.landing-tool-grid{gap:10px;margin-top:12px}.landing-tool-grid .tool-card{min-height:auto;padding:14px}.landing-tool-grid .tool-icon{height:34px;margin-bottom:10px;width:34px}.pill-list{gap:6px;margin-top:10px}.workflow-band{gap:18px}.workflow-copy .lede{font-size:15px;line-height:1.55}.workflow-steps{gap:10px}.workflow-step{border-radius:12px;gap:8px 10px;padding:14px}.pricing-grid{gap:10px}.price-card{border-radius:14px;padding:16px}.price-card.featured{box-shadow:0 0 0 2px oklch(72% .17 52/.2),0 14px 28px oklch(66% .16 45/.12)}.price{margin-bottom:12px}.price-amount{font-size:29px}.feature-list{gap:7px;margin-top:12px;padding-top:12px}.history-hero{align-items:stretch;flex-direction:column}.history-hero-tools{justify-content:stretch;min-width:0;width:100%}.history-search-field{flex:1 1 auto;max-width:none}.history-filter-field{flex:0 0 120px}.history-row{align-items:start;grid-template-columns:42px 1fr}.history-actions{grid-column:2;justify-content:center}.batch-workspace-card,.creator-workspace,.dashboard-main,.dashboard-shell,.feedback-admin-panel,.feedback-history-panel,.form-card,.generator-panel,.history-card,.history-workspace-card,.landing-hero,.messages-list-panel,.panel,.result-card,.shell,.workspace-grid{min-width:0}.dashboard-main{overflow-x:clip;padding-top:18px}.dashboard-notice-anchor{inset:8px 12px auto;max-width:calc(100% - 24px)}.generator-panel,.history-card,.result-card{border-radius:14px}.batch-workspace-card,.feedback-admin-panel,.feedback-history-panel,.generator-panel,.history-card,.history-workspace-card,.messages-list-panel,.result-card{padding:14px}.panel-heading{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:14px}.panel-heading h2,.panel-heading h3{font-size:21px;line-height:1.16}.batch-workspace,.creator-workspace,.history-workspace,.profile-workspace,.workspace-grid{gap:14px}.result-preview{min-height:260px}.result-preview img{max-height:58vh}.compact-result-actions .button,.gallery-action-row .button,.result-actions .button{justify-content:center}.batch-upload-zone,.image-upload-zone{min-height:180px;padding:18px}.image-upload-zone.has-source-image,.upload-source-preview{min-height:220px}.upload-source-overlay{align-items:flex-start;flex-direction:column;padding:48px 12px 12px}.upload-source-overlay strong{flex:0 1 auto;max-width:100%}.batch-mode-tabs{padding:6px}.batch-mode-tabs .button{min-height:36px}.batch-history-list .history-row{align-items:start;grid-template-columns:minmax(0,1fr)}.batch-history-list .history-row .button{justify-content:center;width:100%}.history-workspace-card{padding:12px}.history-hero-tools{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.history-search-field{min-width:0}.history-filter-field{width:118px}.history-section-head{align-items:flex-start;flex-direction:column}.history-row{padding:10px}.history-actions .button{flex:1 1 96px;justify-content:center}.gallery-workspace{min-height:auto}.gallery-hero{align-items:flex-start;gap:14px;padding:22px 18px}.gallery-hero-tools{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;min-width:0;width:100%}.gallery-hero-tools .app-select,.gallery-hero-tools .button,.gallery-hero-tools .input{width:100%}.gallery-card{border-radius:12px;padding:10px}.gallery-card-actions .button{min-height:38px}.feedback-workspace{min-height:auto;padding:16px 14px calc(96px + env(safe-area-inset-bottom))}.feedback-contact-card,.feedback-form-panel,.messages-list-panel{border-radius:14px}.feedback-email-link{grid-template-columns:minmax(0,1fr);padding:14px}.feedback-email-icon{height:40px;width:40px}.feedback-type-chip{min-height:72px;padding:10px 8px}.feedback-form-heading{grid-template-columns:minmax(0,1fr);padding:12px}.feedback-char-counter{justify-self:end;position:static}.feedback-history-row,.messages-list-item{padding:12px}.messages-list-panel{min-height:260px}}@media (max-width:420px){.landing-hero{padding-top:18px}.landing-hero h1{font-size:29px}.hero-stats{gap:6px}.hero-stat{min-width:0;padding:8px 6px}.hero-stat strong{font-size:21px}.hero-artwork{max-width:330px;padding:10px}.compare-badge{font-size:8px;padding:4px 7px}.section-title,.use-case-copy h2{font-size:24px}.gallery-hero-tools,.history-hero-tools{grid-template-columns:1fr}.history-filter-field{width:100%}.mobile-dash-more-grid{grid-template-columns:1fr}.result-preview{min-height:220px}.brand-name{display:none}.topbar .button{font-size:12px;padding:0 10px}.language-toggle{min-width:44px;padding:0 8px}.topbar:has(.header-auth-signed-in) .language-toggle{height:34px;min-height:34px;min-width:34px;width:34px}.topbar:has(.header-auth-signed-in) .top-actions{gap:5px}}.site-footer{border-top:1px solid oklch(92% .012 60);background:linear-gradient(180deg,#fff,oklch(98.4% .014 62));padding:40px 44px 26px}.footer-top{display:flex;flex-wrap:wrap;gap:28px 40px;justify-content:space-between;align-items:flex-start}.footer-brand{align-items:center;display:flex;gap:14px;max-width:420px}.footer-brand p{color:var(--muted);font-size:14px;line-height:1.5;margin:6px 0 0;max-width:320px}.footer-links{display:grid;grid-gap:10px;gap:10px;align-content:start}.footer-links-title{color:var(--faint);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.footer-links a{color:var(--muted);font-size:14px;font-weight:700;width:-moz-fit-content;width:fit-content;transition:color .15s ease}.footer-links a:hover{color:var(--accent-strong)}.footer-base{align-items:center;border-top:1px solid oklch(93% .012 60);color:var(--faint);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:28px;padding-top:20px;font-size:13px;font-weight:600}@media (max-width:640px){.site-footer{padding:32px 22px 22px}.footer-actions{width:100%}.footer-actions .button{width:100%;justify-content:center}.feedback-type-grid{grid-template-columns:1fr 1fr;gap:8px}.feedback-type-chip{min-height:76px;padding:10px 8px}.feedback-email-link{padding:16px}.feedback-email-link strong{font-size:16px}.feedback-textarea{min-height:160px}}@media (max-width:560px){.hero-stat{min-width:84px}.hero-stat strong{font-size:27px}}.studio-empty{align-items:center;background:linear-gradient(180deg,#fff,oklch(98.6% .012 62));border:1px dashed oklch(88% .03 60);border-radius:18px;display:grid;grid-gap:10px;gap:10px;justify-items:center;padding:64px 32px;text-align:center}.studio-login-empty{margin:0 auto;max-width:680px}.studio-empty-badge{align-items:center;background:oklch(96% .05 60);border:1px solid oklch(88% .07 55);border-radius:16px;color:var(--accent-strong);display:inline-flex;height:52px;justify-content:center;width:52px}.studio-empty h2{font-size:22px;margin:6px 0 0}.studio-empty p{color:var(--muted);margin:0;max-width:420px}