:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:Anuphan, "IBM Plex Sans Thai", ui-sans-serif, system-ui, sans-serif;--font-body:"IBM Plex Sans Thai", Anuphan, ui-sans-serif, system-ui, sans-serif;--lh-body:1.7;--lh-display:1.35;font-family:var(--font-body);line-height:var(--lh-body);--accent:#dc2626;--accent-hover:#b91c1c;--brand-ink:#080807;--inset:#e7e9ea;--canvas:#f4f5f6;--surface:#fff;--surface-subtle:#edeeef;--surface-strong:#e2e4e6;--ink:#191c1e;--muted:#4e5358;--faint:#61666b;--border:#dbdddf;--border-strong:#c2c6c9;--border-control:#767c82;--success:#187349;--warning:#895c00;--glyph-ground:oklch(25% .01 250);--ink-inverse:#fff;--plate-rest-a:oklch(80% .004 250);--plate-rest-b:oklch(74% .005 250);--measure-column:680px;--measure-wide:960px;--measure-read:460px;--shadow-raised:0 12px 28px oklch(0% 0 0/.18);--focus-ring-color:#dc2626;--focus:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring-color);--t-xs:12px;--t-sm:13px;--t-base:14px;--t-md:16px;--t-lg:20px;--t-xl:26px;--t-2xl:34px;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--r-plate:0;--r-control:8px;--r-panel:14px;--r-pill:999px;--dur-fast:.12s;--dur-base:.16s;--dur-slow:.5s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-settle:cubic-bezier(.22, 1, .36, 1);background:var(--canvas);color:var(--ink)}:root[data-theme=dark]{--plate-rest-a:oklch(26% .008 250);--plate-rest-b:oklch(17% .006 250);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#dc2626;--accent-hover:#c81e1e;--inset:#060708;--canvas:#0e1011;--surface:#191c1e;--surface-subtle:#202427;--surface-strong:#292d31;--ink:#edeeef;--muted:#a2a7ac;--faint:#90959b;--border:#31363a;--border-strong:#414750;--border-control:#68707a;--success:#46a876;--warning:#c98a16;--focus-ring-color:#f87171}*{box-sizing:border-box}.results-header h2,.panel-heading h1,.enhance-dialog h2,.elements-dialog h2,.save-element-dialog h2,.share-page__card h1,.library-date-group__heading,.empty-result h3,.failed-result h3,.page-head h1,.stage-card__header h2,.auth-screen__card h1,.buy-credits-dialog h2,.element-form-dialog h2,.new-folder-dialog h2,.transform-dialog h2,.referral-page__card h2,.connector-page__card h2,.legal-page__body h1,.legal-page__body h2,.onboarding__card h1,.seats-page__empty h2,.topbar__identity h1,.topbar__identity strong,.brand-mark,.mode-button,.seats-pool__figure strong,.stat-tile strong{font-family:var(--font-display);line-height:var(--lh-display);letter-spacing:-.02em}.credit-balance,.generate-button__cost,.spec,.generation-progress__eta,.variant-count,.stat-tile strong,.buy-credits-dialog__plan,.composer-paywall__message,.transform-dialog__hint,.completed-result__body p{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas)}::selection{background:var(--ink);color:var(--canvas)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--border-strong);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}button,textarea{font:inherit}button{color:inherit}::placeholder{color:var(--muted);opacity:1}button:focus-visible,textarea:focus-visible{box-shadow:var(--focus);outline:none}button:disabled{cursor:not-allowed;opacity:.56}.generation-tab:disabled{opacity:.72}.studio{background:var(--canvas);min-height:100dvh;display:flex}.app-rail{z-index:20;border-right:1px solid var(--border);background:var(--surface);width:78px;height:100dvh;transition:width var(--dur-base) var(--ease-standard), padding var(--dur-base) var(--ease-standard);flex-direction:column;flex:0 0 78px;align-items:center;padding:14px 10px 12px;display:flex;position:sticky;top:0;overflow:hidden}.app-rail[data-collapsed=true]{border-right:0;flex:0 0 0;width:0;min-width:0;padding:0}.brand-mark{border-radius:var(--r-panel);background:var(--accent);color:#fff;cursor:pointer;width:42px;height:42px;font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:-.03em;border:0;place-items:center;padding:0;display:grid}.brand-mark[data-logo=custom]{border:1px solid var(--border);background:var(--surface);padding:4px}.brand-mark[data-logo=wize]{border:1px solid color-mix(in oklab, var(--border), var(--ink-inverse) 10%);background:var(--brand-ink);overflow:hidden}.brand-mark img{border-radius:var(--r-control);object-fit:contain;width:100%;height:100%}.brand-mark[data-logo=wize] img{border-radius:0}.app-rail__nav,.app-rail__footer{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.app-rail__nav{margin-top:26px}.app-rail__footer{margin-top:auto}.rail-button{border-radius:var(--r-control);width:58px;min-height:52px;color:var(--muted);cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.rail-button span{font-size:var(--t-xs);font-weight:var(--w-semibold)}.rail-button:hover{background:var(--surface-subtle);color:var(--ink)}.rail-button[data-active=true]{background:var(--surface-strong);color:var(--ink)}.avatar{background:var(--ink);width:36px;height:36px;color:var(--surface);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);border:0;border-radius:50%;place-items:center;margin-top:6px;display:grid}.studio-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:15;border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--surface) 94%, transparent);justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex;position:sticky;top:0}.topbar__identity,.topbar__actions{align-items:center;display:flex}.topbar__identity{gap:12px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.page-head h1{font-family:var(--font-display);font-size:var(--t-xl);font-weight:var(--w-bold);line-height:var(--lh-display);letter-spacing:-.025em;margin:0}.page-head p{max-width:62ch;color:var(--muted);font-size:var(--t-sm);flex-basis:100%;margin:0}.page-head__actions{align-items:center;gap:8px;display:flex}.topbar__identity>div{flex-direction:column;gap:1px;display:flex}.topbar__identity strong{font-size:var(--t-md);letter-spacing:-.01em}.topbar__identity span{color:var(--muted);font-size:var(--t-xs)}.topbar__actions{gap:10px}.icon-button{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);cursor:pointer;width:38px;height:38px;transition:border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);flex:none;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.save-state,.credit-balance{border-radius:var(--r-control);height:36px;font-size:var(--t-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;display:inline-flex}.save-state{border-radius:var(--r-control);color:var(--muted);cursor:pointer;transition:color var(--dur-base) var(--ease-standard);background:0 0;border:none;padding:0 4px}.save-state:hover{color:var(--text)}.credit-balance{border:1px solid var(--border);background:var(--surface);padding:0 12px}.credit-balance svg{color:var(--warning);fill:currentColor}.credit-balance[data-state=failed]{color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--dur-base) var(--ease-standard)}.credit-balance[data-state=failed] svg{color:inherit;fill:none}.credit-balance[data-state=failed]:hover{color:var(--ink)}.mode-rail{border-bottom:1px solid var(--border);background:linear-gradient(to right, var(--surface) 40%, transparent) left center / 26px 100% no-repeat local, linear-gradient(to left, var(--surface) 40%, transparent) right center / 26px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, oklch(0% 0 0/.26), transparent) left center / 13px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, oklch(0% 0 0/.26), transparent) right center / 13px 100% no-repeat scroll, var(--surface);scrollbar-width:none;align-items:center;gap:4px;min-height:54px;padding:8px 18px;display:flex;overflow-x:auto}.mode-rail::-webkit-scrollbar{display:none}.mode-button{border-radius:var(--r-control);height:38px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.mode-button:hover{background:var(--surface-subtle);color:var(--ink)}.mode-button[data-active=true]{background:var(--surface-strong);color:var(--ink)}.workspace{grid-template-columns:360px minmax(0,1fr);min-height:calc(100dvh - 119px);display:grid}.composer-panel{border-right:1px solid var(--border);background:var(--surface);padding:24px 24px 26px}.panel-heading,.results-header,.field__label-row,.composer-footer,.recent-strip__heading,.completed-result__body{justify-content:space-between;align-items:center;display:flex}.panel-heading h1,.results-header h2{font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:-.025em;line-height:var(--lh-display);margin:0}.generation-tabs{border-bottom:1px solid var(--border);gap:4px;margin-top:22px;display:flex}.generation-tab{min-height:40px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);background:0 0;border:0;padding:0 10px;position:relative}.generation-tab:after{border-radius:var(--r-pill);content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.generation-tab[data-active=true]{color:var(--ink)}.generation-tab[data-active=true]:after{background:var(--ink)}.field{margin-top:20px}.field label,.field__label{color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold);margin-bottom:8px;display:block}.model-summary{grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;padding:2px 0;display:grid}.model-summary__text{flex-direction:column;gap:2px;min-width:0;display:flex}.model-summary strong,.model-control strong{color:var(--ink);font-size:var(--t-sm)}.model-summary small,.model-control small{color:var(--muted);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-glyph{border-radius:var(--r-control);background:var(--glyph-ground);width:32px;height:32px;color:var(--ink-inverse);font-size:var(--t-base);font-weight:var(--w-bold);place-items:center;display:grid}.model-control{border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface);cursor:pointer;text-align:start;width:100%;transition:border-color var(--dur-base) var(--ease-standard), background var(--dur-base) var(--ease-standard);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.model-control:hover,.model-control[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-strong)}.model-control__chevron{color:var(--muted)}.model-popover{z-index:30;border:1px solid var(--border-strong);border-radius:var(--r-panel);background:var(--surface);max-height:min(360px,60vh);box-shadow:var(--shadow-raised);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.model-popover__option{border-radius:var(--r-control);cursor:pointer;text-align:start;background:0 0;border:0;flex-direction:column;gap:2px;padding:8px 34px 8px 10px;display:flex;position:relative}.model-popover__option:hover{background:var(--surface-subtle)}.model-popover__option[aria-pressed=true]{background:var(--surface-strong)}.model-popover__option strong{color:var(--ink);font-size:var(--t-sm)}.model-popover__option small{color:var(--muted);font-size:var(--t-xs)}.model-popover__meta{color:var(--faint);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.model-popover__check{color:var(--ink);position:absolute;top:12px;right:10px}.upload-zone{border:1px dashed var(--border-control);border-radius:var(--r-control);background:var(--surface-subtle);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;min-height:72px;margin-top:14px;padding:12px;display:flex}.upload-zone>span{flex-direction:column;gap:2px;display:flex}.upload-zone strong{font-size:var(--t-xs)}.upload-zone small{color:var(--muted);font-size:var(--t-xs)}.upload-zone__preview{border-radius:var(--r-plate);object-fit:cover;width:48px;height:48px}.upload-zone[data-dragging]{border-style:solid;border-color:var(--accent);background:var(--surface-strong)}.upload-zone[data-state=uploading]{opacity:.7;cursor:wait}.upload-zone[data-state=error],.upload-zone[data-state=tooLarge]{border-color:var(--warning)}.upload-zone[data-state=error] small,.upload-zone[data-state=tooLarge] small{color:var(--warning)}.prompt-tools{align-items:center;gap:2px;display:inline-flex}.text-action:disabled{color:var(--faint);cursor:not-allowed}.text-action[data-state=error]{color:var(--warning)}dialog{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-raised);color:var(--ink)}dialog::backdrop{background:oklch(0% 0 0/.45)}.enhance-dialog,.elements-dialog,.save-element-dialog{width:min(560px,100vw - 32px);padding:20px}.enhance-dialog h2,.elements-dialog h2,.save-element-dialog h2{font-size:var(--t-md);margin:0 0 14px}.enhance-dialog__status,.elements-dialog__status{color:var(--muted);font-size:var(--t-sm);align-items:center;gap:8px;margin:0;display:flex}.enhance-dialog__status[data-tone=error],.elements-dialog__status[data-tone=error]{color:var(--warning)}.enhance-dialog__compare{gap:12px;display:grid}.enhance-dialog__block{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface-subtle);padding:12px 14px}.enhance-dialog__block[data-role=suggestion]{border-color:var(--border-strong);background:var(--surface-strong)}.enhance-dialog__block label{color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:block}.enhance-dialog__block p{font-size:var(--t-sm);line-height:var(--lh-body);margin:0}.enhance-dialog__actions,.elements-dialog__actions,.save-element-dialog__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.mention-option[data-section]:before{color:var(--muted);content:attr(data-section);font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;margin:2px 0 4px;display:block}.mention-option small{color:var(--muted);font-size:var(--t-xs);margin-left:auto}.element-tray{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.element-tray__chip{border:1px solid var(--border-control);border-radius:var(--r-pill);background:var(--surface);align-items:center;gap:6px;min-width:0;padding:0 2px 0 8px;display:flex}.element-tray__thumb{border-radius:var(--r-pill);width:20px;height:20px;color:var(--muted);flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.element-tray__thumb img{object-fit:cover;width:100%;height:100%}.element-tray__name{max-width:140px;color:var(--ink);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.element-tray__remove{border-radius:var(--r-pill);width:40px;height:40px;color:var(--muted);cursor:pointer;transition:color var(--dur-base) var(--ease-standard);background:0 0;border:0;flex-shrink:0;place-items:center;margin:-9px 0;padding:0;display:grid}.element-tray__remove:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){.element-tray__remove{transition:none}}.elements-dialog__empty{color:var(--muted);font-size:var(--t-sm);margin:0}.elements-dialog__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:50vh;display:grid;overflow-y:auto}.elements-dialog__item{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);cursor:pointer;text-align:left;gap:4px;padding:0 0 8px;display:grid;overflow:hidden}.elements-dialog__cell{position:relative}.elements-dialog__delete{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:40px;height:40px;color:var(--muted);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;bottom:8px;right:8px}.elements-dialog__delete:hover{border-color:var(--warning);color:var(--warning)}.elements-dialog__cell>.elements-dialog__item{height:100%}.elements-dialog__cell[data-binned=true] .elements-dialog__item{min-height:120px;color:var(--ink);cursor:default;opacity:1;text-align:center;border-style:dashed;align-content:center}.elements-dialog__item{transition:border-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.elements-dialog__item{transition:none}}.secondary-button[data-tone=danger]{border-color:var(--border);height:40px;color:var(--warning)}.secondary-button[data-tone=danger]:hover:not([aria-disabled=true]),.secondary-button[data-tone=danger]:focus-visible{border-color:var(--warning)}.secondary-button[data-tone=danger][aria-disabled=true]{cursor:default}.elements-dialog__pending{color:var(--muted);font-size:var(--t-xs);margin:0 auto 0 0}.elements-dialog__item:not(:disabled):hover{border-color:var(--border-strong)}.elements-dialog__item img{aspect-ratio:1;object-fit:cover;width:100%}.elements-dialog__item strong{font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;padding:0 48px 0 8px;overflow:hidden}.elements-dialog__item span{color:var(--muted);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;padding:0 48px 0 8px;overflow:hidden}.elements-dialog__cell[data-binned=true] .elements-dialog__item strong{justify-self:stretch}.text-action{color:var(--ink);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);background:0 0;border:0;align-items:center;gap:6px;padding:6px;display:inline-flex}.prompt-field{position:relative}.prompt-field__hint{color:var(--faint);font-size:var(--t-xs);margin:8px 0 0}.mention-menu{z-index:30;border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);max-height:216px;box-shadow:var(--shadow-raised);margin:0;padding:6px;list-style:none;position:absolute;bottom:46px;left:0;right:0;overflow-y:auto}.mention-option{border-radius:calc(var(--r-control) - 7px);color:var(--muted);cursor:pointer;font-size:var(--t-xs);align-items:center;gap:8px;padding:8px 10px;display:flex}.mention-option[data-active=true]{background:var(--surface-strong);color:var(--ink)}.templates-guide-footer{z-index:31;border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;font-size:var(--t-xs);font-weight:var(--w-semibold);box-shadow:var(--shadow-raised);align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:46px;left:0;right:0}.prompt-field:has(.templates-guide-footer) #templates-menu{bottom:94px}.guided-loading{color:var(--muted);padding:24px 0}.guided-composer{gap:20px;padding-top:18px;display:grid}.guided-composer__topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.guided-progress{min-width:0;color:var(--faint);font-size:var(--t-xs);gap:10px;margin:0;padding:0;list-style:none;display:flex}.guided-progress li{gap:4px;display:grid}.guided-progress__number{border:1px solid var(--border-control);border-radius:var(--r-pill);width:24px;height:24px;color:var(--muted);font-weight:var(--w-semibold);place-items:center;display:grid}.guided-progress li[data-active=true]{color:var(--ink);font-weight:var(--w-semibold)}.guided-progress li[data-active=true] .guided-progress__number{background:var(--ink);color:var(--surface)}.guided-progress li[data-complete=true] .guided-progress__number{border-color:var(--success);color:var(--success)}.guided-composer section>h2{font-size:var(--t-md);line-height:var(--lh-display);margin:0}.guided-composer section>h2+p{color:var(--muted);font-size:var(--t-sm);margin:8px 0 16px}.guided-outcomes{border:0;gap:10px;margin:0;padding:0;display:grid}.guided-outcomes label{border:1px solid var(--border-control);border-radius:var(--r-control);cursor:pointer;align-items:flex-start;gap:12px;min-height:68px;padding:12px;display:flex}.guided-outcomes label[data-active=true]{border-color:var(--ink);background:var(--surface-subtle)}.guided-outcome-copy{flex:1;min-width:0}.guided-outcome-visual{border:1px solid var(--border-strong);background:var(--surface);flex:none;width:34px;height:50px;position:relative;overflow:hidden}.guided-outcome-visual i{border:1px solid var(--border-control);background:var(--surface-strong);display:block;position:absolute}.guided-outcome-visual i:first-child{width:11px;height:15px;top:17px;left:11px}.guided-outcome-visual--closeUp i:last-child{border-style:dashed;inset:10px 6px}.guided-outcome-visual--hookReveal i:last-child{width:7px;height:9px;top:6px;left:6px}.guided-outcome-visual--demoHands i:last-child{width:13px;height:5px;bottom:8px;right:3px;transform:rotate(-18deg)}.guided-outcomes input{width:18px;height:18px;accent-color:var(--ink);margin:2px 0 0}.guided-outcomes span{gap:4px;display:grid}.guided-outcomes small{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body)}.guided-upload{aspect-ratio:9/16;border:1px dashed var(--border-control);border-radius:var(--r-control);background:var(--surface-subtle);width:min(190px,100%);min-height:338px;color:var(--muted);cursor:pointer;font-size:var(--t-sm);justify-self:center;place-items:center;gap:8px;padding:12px;display:grid;overflow:hidden}.guided-upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.guided-upload:focus-within{box-shadow:var(--focus)}.guided-upload img{object-fit:contain;width:100%;height:250px}.guided-upload small{color:var(--faint);font-size:var(--t-xs)}.guided-photo-tips{color:var(--muted);font-size:var(--t-xs);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:12px 0 18px;padding-inline-start:18px;display:grid}.guided-composer .field{margin-top:14px}.guided-composer .field input,.guided-composer .field textarea{box-sizing:border-box;border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px}.guided-composer .field textarea{resize:vertical;min-height:78px}.guided-commit{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.guided-commit button{white-space:normal;max-width:100%;min-height:44px}.guided-next-button{border:1px solid var(--ink);border-radius:var(--r-control);background:var(--ink);min-height:44px;color:var(--surface);cursor:pointer;font:inherit;font-size:var(--t-sm);font-weight:var(--w-semibold);padding:10px 18px}.guided-next-button:disabled{cursor:not-allowed;opacity:.45}.guided-review{grid-template-columns:92px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.guided-review>img{border:1px solid var(--border);background:var(--surface-subtle);object-fit:contain;width:92px;height:164px}.guided-review dl{margin:0}.guided-review dl>div{border-bottom:1px solid var(--border);font-size:var(--t-xs);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.guided-review dt{color:var(--muted)}.guided-review dd{text-align:end;font-weight:var(--w-semibold);margin:0}.guided-prompt-details{border:1px solid var(--border);border-radius:var(--r-control);color:var(--muted);font-size:var(--t-xs);margin-top:14px;padding:10px 12px}.guided-prompt-details summary{cursor:pointer;min-height:44px;color:var(--ink);font-weight:var(--w-semibold);align-items:center;display:flex}.guided-prompt-details p{overflow-wrap:anywhere}.guided-pending,.inline-notice{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-subtle);color:var(--muted);font-size:var(--t-xs);align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.guided-pending{flex-direction:column;align-items:flex-start}.guided-pending p,.inline-notice{margin-block:0}.guided-discard{min-height:44px;color:var(--muted);cursor:pointer;font:inherit;font-size:var(--t-xs);background:0 0;border:0;justify-self:start;align-items:center;gap:6px;display:inline-flex}.guided-discard-confirm,.guided-another-confirm{border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.guided-discard-confirm p,.guided-another-confirm p{width:100%;color:var(--muted);font-size:var(--t-xs);margin:0}.guided-another-confirm{max-width:560px}.guided-promise{color:var(--faint);font-size:var(--t-xs);align-items:flex-start;gap:8px;margin:-10px 0 0;display:flex}.empty-result__guide{margin-top:16px}.guided-result-check{max-width:560px}.guided-result-check h4{font-size:var(--t-sm);margin:0 0 6px}.guided-result-check ul{color:var(--muted);font-size:var(--t-xs);margin:0;padding-inline-start:18px}.guided-result-actions{flex-wrap:wrap;justify-content:flex-start}.guided-result-actions .primary-button,.guided-result-actions .secondary-button{min-height:44px}.mention-option span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-option{align-items:flex-start;min-height:40px;padding:8px 10px}.template-option svg{color:var(--faint);flex-shrink:0;margin-top:2px}.template-option span{white-space:normal;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.template-option strong{font-size:var(--t-xs);font-weight:var(--w-semibold)}.template-option small{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body)}.template-option:hover,.template-option[data-active=true]{background:var(--surface-strong)}.template-option:hover strong,.template-option[data-active=true] strong{color:var(--ink)}.template-option em{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--muted);font-size:var(--t-xs);font-style:normal;font-weight:var(--w-semibold);flex-shrink:0;padding:1px 6px}.prompt-box{border:1px solid var(--border-control);border-radius:var(--r-panel);background:var(--surface);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);overflow:hidden}.prompt-box:focus-within{border-color:var(--accent);box-shadow:var(--focus)}.prompt-box textarea,.prompt-input{resize:vertical;width:100%;min-height:132px;color:var(--ink);font-size:var(--t-sm);line-height:var(--lh-body);background:0 0;border:0;outline:0;padding:14px 14px 8px}.prompt-input{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard)}.prompt-input:focus{border-color:var(--accent);box-shadow:var(--focus)}.prompt-box__footer{border-top:1px solid var(--border);background:var(--surface-subtle);color:var(--faint);font-size:var(--t-xs);justify-content:space-between;align-items:flex-end;gap:12px;padding:8px 10px;display:flex}.idea-chips{flex-wrap:wrap;gap:6px;display:flex}.idea-chips button{border:1px solid var(--border-control);border-radius:var(--r-pill);background:var(--surface);min-height:27px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);padding:0 8px}.idea-chips button:hover{color:var(--ink)}.idea-chips .idea-chip[data-active=true]{background:var(--surface-strong);color:var(--ink)}.prompt-box__applied{border-top:1px solid var(--border);color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);align-items:center;gap:6px;margin:0;padding:8px 14px 10px;display:flex}.prompt-box__applied svg{color:var(--ink);flex:none}.template-applied{border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.template-applied p,.template-applied p span{min-width:0;display:flex}.template-applied p{align-items:center;gap:8px;margin:0}.template-applied p span{flex-direction:column}.template-applied strong,.template-applied small{line-height:var(--lh-body)}.template-applied strong{color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold)}.template-applied small{color:var(--muted);font-size:var(--t-xs)}.template-applied>p>svg{color:var(--success);flex:none}.template-applied .text-action{flex:none}.field__hint[data-tone=error]{color:var(--warning);align-items:center;gap:6px;display:flex}.spec-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;display:flex}.spec{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);height:30px;color:var(--muted);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.spec strong{color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-bold)}.spec-popover-anchor{position:relative}.spec--trigger{cursor:pointer;height:40px;transition:border-color var(--dur-base) var(--ease-standard), background var(--dur-base) var(--ease-standard)}.spec--trigger[data-modified=true]{box-shadow:inset 2px 0 0 var(--ink);color:var(--ink)}.spec--trigger:hover,.spec--trigger[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-strong)}.spec--trigger[aria-expanded=true] strong{color:var(--ink)}.spec-popover{z-index:30;border:1px solid var(--border-strong);border-radius:var(--r-panel);background:var(--surface);width:max-content;min-width:240px;max-width:min(300px,100vw - 32px);box-shadow:var(--shadow-raised);flex-direction:column;gap:14px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.spec-popover__group{flex-direction:column;gap:8px;display:flex}.spec-popover__group-label{color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em}.spec-popover__segmented{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);gap:4px;padding:4px;display:inline-flex}.spec-popover__segmented button{border-radius:calc(var(--r-control) - 5px);min-width:36px;height:36px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);background:0 0;border:0}.spec-popover__segmented button[data-active=true]{background:var(--surface-strong);color:var(--ink)}.spec-popover__sentence{color:var(--muted);font-size:var(--t-xs);align-items:center;gap:8px;margin:0;display:flex}.spec-popover__stepper{align-items:center;gap:10px;display:flex}.spec-popover__stepper input[type=range]{accent-color:var(--ink);flex:1}.spec-popover__stepper strong{min-width:44px;color:var(--ink);font-size:var(--t-xs);text-align:right}.spec-popover__reset{color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.spec-popover__reset:hover{color:var(--ink)}.advanced{margin-top:16px}.advanced>summary{border-radius:var(--r-control);width:fit-content;min-height:30px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding-inline:2px;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:hover{color:var(--ink)}.advanced>summary:focus-visible{box-shadow:var(--focus);outline:0}.advanced__caret{color:var(--faint);transition:transform var(--dur-base) var(--ease-standard);flex:none}.advanced[open]>summary .advanced__caret{transform:rotate(90deg)}.advanced__badge{border-radius:var(--r-pill);background:var(--surface-strong);color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold);text-transform:none;letter-spacing:0;padding:2px 8px}.advanced__body{flex-direction:column;gap:12px;margin-top:12px;display:flex}.advanced__body .spec-row{margin-top:0}@media (prefers-reduced-motion:reduce){.advanced__caret{transition:none}}.variant-row{align-items:center;gap:10px;display:flex}.variant-row__label{color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em}.variant-row__hint{color:var(--faint);font-size:var(--t-xs)}.variant-count{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);gap:4px;padding:4px;display:inline-flex}.variant-count button{border-radius:calc(var(--r-control) - 5px);min-width:28px;height:26px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);background:0 0;border:0}.variant-count button[data-active=true]{background:var(--surface-strong);color:var(--ink)}.result-stage[data-state=idle]{overflow-y:auto}.result-stage[data-state=batch]{align-items:initial;justify-content:initial;display:block;overflow-y:auto}.batch-shortfall{border:1px solid var(--warning);border-radius:var(--r-panel);background:var(--surface);color:var(--ink);font-size:var(--t-xs);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.batch-shortfall svg{color:var(--warning);flex-shrink:0}.batch-shortfall span{flex:1}.result-variants{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:12px;display:grid}.result-variants .result-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.result-card__thumb{aspect-ratio:16/9;background:var(--surface-strong);place-items:center;display:grid;position:relative;overflow:hidden}.result-card__thumb img,.result-card__thumb video{object-fit:cover;width:100%;height:100%}.result-card__thumb[role=button]{cursor:pointer}.result-card__pending{color:var(--muted);place-items:center;display:grid}.result-card__pending[data-status=failed]{color:var(--warning)}.result-card__body{gap:6px;padding:10px 12px;display:grid}.result-card__prompt{-webkit-line-clamp:2;font-size:var(--t-xs);line-height:var(--lh-body);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.result-card__meta{color:var(--muted);font-size:var(--t-xs);margin:0}.result-card__footer{flex-wrap:wrap;gap:6px;padding:0 12px 12px;display:flex}.composer-footer{border-top:1px solid var(--border);gap:16px;margin-top:22px;padding-top:18px}.generate-button{border-radius:var(--r-control);background:var(--accent);color:#fff;cursor:pointer;min-width:174px;height:44px;min-height:44px;font-size:var(--t-sm);font-weight:var(--w-bold);transition:background-color var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);border:0;flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.generate-button:hover:not(:disabled){background:var(--accent-hover)}.generate-button:active:not(:disabled){transform:translateY(1px)}.generate-button:disabled{cursor:not-allowed;opacity:.62}.generate-button__cost{border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:var(--w-bold);background:oklch(0% 0 0/.18);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.composer-balance{color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:center;margin:10px 0 0}.composer-balance[data-state=failed]{text-wrap:balance}.composer-disclaimer{color:var(--faint);font-size:var(--t-xs);line-height:var(--lh-body);margin:12px 0 0}.results-panel{background:var(--canvas);flex-direction:column;min-width:0;padding:24px;display:flex}.results-header{min-height:43px}.result-filter{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);gap:4px;padding:4px;display:flex}.result-filter button{border-radius:calc(var(--r-control) - 5px);height:30px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.result-filter button[data-active=true]{background:var(--surface-strong);color:var(--ink)}.result-stage{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--inset);flex:1;align-content:safe center;justify-items:center;min-height:450px;margin-top:18px;display:grid;overflow:hidden}.empty-result{flex-direction:column;width:min(560px,100%);padding:8px 4px;display:flex}.plate-rest{aspect-ratio:16/9;border-radius:var(--r-plate);width:100%;position:relative;overflow:hidden}.plate-rest:before{content:"";background:repeating-linear-gradient(115deg, var(--plate-rest-a) 0 3px, var(--plate-rest-b) 3px 7px);filter:blur(9px)saturate(.45)contrast(.72);position:absolute;inset:-8%}.plate-rest[data-guided=true]{align-self:center;width:min(280px,60vw)}.empty-result h3{font-family:var(--font-display);font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:-.025em;line-height:var(--lh-display);margin:22px 0 8px}.empty-result p{max-width:52ch;color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-body);margin:0}.empty-result__steps{counter-reset:step;flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.empty-result__steps li{color:var(--ink);font-size:var(--t-sm);counter-increment:step;align-items:center;gap:12px;display:flex}.empty-result__steps li:before{content:counter(step);border:1px solid var(--border-strong);border-radius:var(--r-pill);width:24px;height:24px;color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;font-weight:var(--w-semibold);flex:none;place-items:center;display:grid}.failed-result{text-align:center;flex-direction:column;align-items:center;width:min(390px,100% - 48px);display:flex}.failed-result__icon{border-radius:var(--r-panel);background:color-mix(in oklch, var(--warning) 12%, var(--surface));width:52px;height:52px;color:var(--warning);place-items:center;display:grid}.failed-result h3{font-size:var(--t-md);letter-spacing:-.02em;margin:16px 0 6px}.failed-result p{max-width:44ch;color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);margin:0 0 18px}.failed-result details{color:var(--muted);font-size:var(--t-xs);margin-top:14px}.failed-result summary{cursor:pointer}.failed-result code{color:var(--ink);display:block}.failed-result__details{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.failed-result__copy{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);min-height:24px;color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);align-items:center;gap:4px;padding:0 8px;display:inline-flex}.failed-result__copy:hover{border-color:var(--border-strong);color:var(--ink)}.failed-result__copy:focus-visible{box-shadow:var(--focus);outline:0}.generation-progress{width:min(620px,100% - 48px)}.render-frame{--render-progress:0;aspect-ratio:16/9;border-radius:var(--r-plate);background:oklch(20% .008 250);position:relative;overflow:hidden}.render-frame:before{content:"";filter:blur(calc((1 - var(--render-progress)) * 9px)) saturate(calc(.45 + var(--render-progress) * .55)) contrast(calc(.72 + var(--render-progress) * .28));transition:filter var(--dur-slow) var(--ease-settle);background:radial-gradient(circle at 50% 30%,oklch(42% .14 27/.6),#0000 42%),repeating-linear-gradient(115deg,oklch(30% .01 250) 0 3px,oklch(17% .006 250) 3px 7px);position:absolute;inset:-8%}.render-frame__scan{opacity:calc(1 - var(--render-progress) * .55);animation:scan calc(1.4s + var(--render-progress) * 2.4s) infinite ease-in-out;background:linear-gradient(110deg,#0000 30%,oklch(82% .1 27/.12) 50%,#0000 70%);position:absolute;inset:0;transform:translate(-80%)}@media (prefers-reduced-motion:reduce){.render-frame__scan{animation:none}.render-frame:before{transition:none}}.render-frame__center{color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.render-frame__center strong{font-size:var(--t-base);margin-top:14px}.render-frame__center span{color:oklch(82% .008 250);font-size:var(--t-xs);margin-top:4px}.render-frame__center .generation-progress__eta{border-radius:var(--r-pill);color:oklch(72% .008 250);font-variant-numeric:tabular-nums;background:oklch(100% 0 0/.08);margin-top:10px;padding:4px 10px}.progress-track{border-radius:var(--r-pill);background:var(--surface-strong);height:5px;margin-top:18px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur-slow) var(--ease-settle);display:block}.progress-steps{justify-content:space-between;margin-top:12px;display:flex}.progress-steps>div{color:var(--faint);font-size:var(--t-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;display:flex}.progress-steps>div>span{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.progress-steps>div[data-complete=true]{color:var(--ink)}.progress-steps>div[data-complete=true]>span{border-color:var(--accent);background:var(--accent);color:#fff}.completed-result{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);width:min(780px,100% - 48px);overflow:hidden}.video-preview{aspect-ratio:16/9;background:oklch(30% .008 250);position:relative;overflow:hidden}.video-preview video{object-fit:contain;background:oklch(10% .004 250);width:100%;height:100%;display:block}.image-preview{aspect-ratio:1;background:oklch(30% .008 250);position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-preview__skeleton{background:linear-gradient(90deg,oklch(30% .008 250),oklch(38% .008 250),oklch(30% .008 250)) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.image-preview__skeleton+img{opacity:0}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.image-preview__skeleton{animation:none}}.image-preview__fallback{color:oklch(100% 0 0/.6);place-items:center;width:100%;height:100%;display:grid}.completed-result__body{gap:14px;padding:14px}.completed-result__body h3{font-size:var(--t-base);margin:6px 0 2px}.completed-result__body p{color:var(--muted);font-size:var(--t-xs);margin:0}.ready-state{font-size:var(--t-xs);font-weight:var(--w-bold);align-items:center;gap:4px;display:inline-flex}.result-actions{align-items:center;gap:8px;display:flex}.secondary-button{border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface);cursor:pointer;height:38px;font-size:var(--t-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;padding:0 10px;display:inline-flex}a.secondary-button{color:inherit;text-decoration:none}.secondary-button:disabled{cursor:not-allowed;opacity:.55}.recent-strip{margin-top:20px}.recent-strip__heading{margin-bottom:10px}.recent-strip__heading strong{font-size:var(--t-xs)}.recent-strip__title{align-items:baseline;gap:6px;display:flex}.recent-strip__running{color:var(--muted);font-size:var(--t-xs)}.recent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.recent-list__empty{color:var(--muted);font-size:var(--t-xs);grid-column:1/-1;margin:0}.recent-item{border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface);cursor:pointer;text-align:left;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.recent-item[data-selected=true]{border-color:var(--border-strong);background:var(--surface-strong)}.composer-error{color:var(--warning);font-size:var(--t-xs);margin:0}.recent-item__thumb{border-radius:var(--r-control);background:var(--surface-strong);width:34px;height:34px;color:var(--muted);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.recent-item__thumb img,.recent-item__thumb video{object-fit:cover;width:100%;height:100%}.recent-item__count{border:1px solid var(--surface);border-radius:var(--r-pill);background:var(--ink);min-width:15px;color:var(--canvas);font-size:var(--t-xs);font-weight:var(--w-bold);text-align:center;padding-inline:3px;line-height:13px;position:absolute;bottom:-3px;right:-3px}.recent-item>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.recent-item strong,.recent-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-item strong{font-size:var(--t-xs)}.recent-item small{color:var(--muted);font-size:var(--t-xs)}.recent-item__status{font-size:var(--t-xs);font-weight:var(--w-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-item__status[data-status=ready],.ready-state[data-status=ready]{color:var(--success)}.recent-item__status[data-status=processing],.ready-state[data-status=processing]{color:var(--muted)}.recent-item__status[data-status=failed],.ready-state[data-status=failed]{color:var(--warning)}.recent-item__status[data-status=sandbox],.ready-state[data-status=sandbox]{border-radius:var(--r-pill);background:var(--surface-subtle);color:var(--muted);font-weight:var(--w-semibold);justify-self:start;gap:6px;padding:4px 8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{50%{transform:translate(80%)}to{transform:translate(80%)}}@media (width<=1080px){.workspace{grid-template-columns:330px minmax(0,1fr)}.recent-list{grid-template-columns:1fr}.recent-item:nth-child(n+3){display:none}.recent-item:nth-child(n+3):has(.recent-item__status[data-status=processing]){display:grid}.result-actions .secondary-button span{display:none}}@media (width<=820px){button,[role=tab],[role=option],select,textarea,input:not([type=checkbox]):not([type=radio]),a:not(p a):not(li a),.secondary-button,.text-action,.idea-chips button{min-height:44px}label:has(>input[type=checkbox]){min-height:44px}label:has(>input[type=radio]){min-height:44px}.beat-card__take{min-width:44px;min-height:44px}.advanced>summary{min-height:44px}.icon-button,.avatar,.variant-count button,.result-filter button,.referral-page__field button,.connector-page__field button,.credit-balance[data-state=failed]{min-width:44px}.composer-commit .composer-footer{border-top:0}.studio{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-rail{border-top:1px solid var(--border);width:auto;height:64px;height:calc(64px + env(safe-area-inset-bottom));padding:6px max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));border-right:0;flex-direction:row;position:fixed;inset:auto 0 0}.app-rail[data-collapsed=true]{width:auto;min-width:0;height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--border);min-height:0;padding:6px max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));flex:none}.brand-mark,.app-rail__footer .rail-button,.topbar__collapse{display:none}.avatar{width:40px;height:40px;margin-top:0}.app-rail__nav{scrollbar-width:none;background:linear-gradient(to right, var(--surface) 40%, transparent) left center / 26px 100% no-repeat local, linear-gradient(to left, var(--surface) 40%, transparent) right center / 26px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, oklch(0% 0 0/.26), transparent) left center / 13px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, oklch(0% 0 0/.26), transparent) right center / 13px 100% no-repeat scroll, var(--surface);flex-direction:row;flex:1;justify-content:flex-start;min-width:0;margin:0;padding:4px 0;overflow:auto hidden}.app-rail__nav::-webkit-scrollbar{display:none}.rail-button{flex:0 auto;width:86px;min-width:44px;min-height:48px}.app-rail__footer{width:auto;margin:0}.studio-shell{width:100%}.workspace{display:block}.composer-panel{border-right:0;border-bottom:1px solid var(--border)}.result-stage{min-height:420px}}@media (width<=560px){.guided-progress li:not([data-active=true]) .guided-progress__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guided-photo-tips{grid-template-columns:1fr}.guided-commit--sticky{z-index:5;bottom:calc(66px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);padding:12px 14px calc(12px + env(safe-area-inset-bottom));margin-inline:-14px;position:sticky}.guided-commit--sticky .primary-button{flex:1;min-height:48px}.guided-commit--sticky .secondary-button{flex:1}.template-applied{flex-wrap:wrap;align-items:flex-start}.template-applied .text-action{margin-inline-start:auto}.topbar{min-height:58px;padding:0 14px}.save-state,.credit-balance__label{display:none}.mode-rail{padding-inline:10px}.workspace{min-height:auto}.composer-panel,.results-panel{padding:18px 14px}.variant-count button{min-width:44px}.icon-button,.avatar{width:44px;height:44px}.composer-commit{z-index:5;top:58px;bottom:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);margin:0 -14px;padding:0 14px 12px;position:sticky}.composer-commit[data-topbar-obscured=true]{visibility:hidden;pointer-events:none}.composer-footer{flex-direction:column;align-items:stretch}.generate-button{width:100%}.results-header{flex-direction:column;align-items:flex-start;gap:12px}.result-stage{min-height:360px}.generation-progress,.completed-result{width:calc(100% - 24px)}.progress-steps{flex-direction:column;align-items:flex-start;gap:8px}.completed-result__body{flex-direction:column;align-items:flex-start}.result-actions{width:100%}.result-actions .secondary-button{flex:1;justify-content:center}}.reclip{width:100%;max-width:var(--measure-wide);flex-direction:column;gap:20px;padding:24px 22px 48px;display:flex}.reclip-poll-recovery{border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface-subtle);min-width:0;color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.reclip-poll-recovery[data-state=hidden]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reclip-poll-recovery svg{flex:none;margin-top:2px}.reclip-poll-recovery span{min-width:0}.text-input:focus-visible,.native-select:focus-visible{box-shadow:var(--focus);outline:none}.reclip-intake{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stage-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);transition:opacity var(--dur-base) var(--ease-standard);padding:20px 22px 24px}.stage-card[data-locked=true]{background:var(--surface-subtle);border-style:dashed}.stage-card__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.stage-card__badge{background:var(--surface-strong);width:26px;height:26px;color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-bold);border-radius:50%;flex:none;place-items:center;display:grid}.stage-card__header h2{font-size:var(--t-md);font-weight:var(--w-bold);letter-spacing:-.02em;flex:1;margin:0}.stage-card__status{border-radius:var(--r-pill);background:var(--surface-subtle);color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.stage-card__status[data-status=ready]{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success)}.stage-card__status[data-status=error]{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.stage-card__badge{color:var(--ink)}.stage-card__body>p{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);margin:0 0 14px}.stage-card__hint{color:var(--muted);font-size:var(--t-xs);margin:12px 0 0}.stage-card__error{color:var(--warning);font-size:var(--t-xs);line-height:var(--lh-body);overflow-wrap:anywhere;margin:12px 0 0}.reclip-upload-operation{min-width:0}.reclip-upload-operation .text-input{border-color:var(--border-control)}.reclip-upload-operation .text-input[aria-invalid=true],.reclip-upload-operation .upload-zone[aria-invalid=true]{border-color:var(--warning)}.reclip-upload-operation .upload-zone:disabled{cursor:wait}.reclip-pricing-status{border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0 0 14px;padding:10px 12px;display:flex}.reclip-pricing-status[data-state=failed]{border-color:var(--warning)}.reclip-pricing-status p{min-width:0;color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);margin:0}.reclip-pricing-status__message{align-items:flex-start;gap:8px;min-width:0;display:flex}.reclip-pricing-status__message .spin{flex:none;margin-top:2px}.reclip-pricing-status .secondary-button{flex:none;margin:0}@media (width<=360px){.reclip-pricing-status{flex-direction:column;align-items:stretch}.reclip-pricing-status .secondary-button{width:100%}}textarea.text-input{height:auto;min-height:72px;line-height:var(--lh-body);resize:vertical;padding:10px 12px}.text-input{font-family:inherit;font-weight:var(--w-regular)}.text-input:focus-visible{border-color:var(--accent)}.save-element-dialog label,.transform-dialog label{color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold);margin-bottom:14px;display:block}.save-element-dialog .text-input,.transform-dialog .text-input{margin-top:6px}.save-element-dialog .field__hint{margin:-8px 0 14px}.save-element-dialog .field__hint[data-tone=over]{color:var(--ink);font-weight:var(--w-bold)}.text-input{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);width:100%;height:42px;color:var(--ink);font-size:var(--t-sm);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);padding:0 12px}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.photo-preview-grid img{aspect-ratio:1;border-radius:var(--r-plate);object-fit:cover;width:100%}.beat-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.beat-list li{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-subtle);font-size:var(--t-xs);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.beat-list__kind,.beat-card__kind{border-radius:var(--r-pill);background:var(--surface-strong);color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-bold);padding:4px 8px}.beat-list__duration{color:var(--muted);font-size:var(--t-xs)}.beat-list__overlay{color:var(--muted);font-size:var(--t-xs);flex-basis:100%}.beat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;min-width:0;margin-top:16px;display:grid}.beat-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface-subtle);flex-direction:column;gap:8px;min-width:0;max-width:100%;padding:14px;display:flex}.beat-card>header{min-width:0;font-size:var(--t-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.beat-card>header>span{overflow-wrap:anywhere;min-width:0}.beat-card>p{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);overflow-wrap:anywhere;margin:0}.beat-card__overlay{color:var(--faint);font-size:var(--t-xs)}.beat-card__warning{color:var(--warning);font-size:var(--t-xs)}.beat-card__media{border-radius:var(--r-plate);background:var(--surface-strong);min-width:0;max-width:100%;position:relative;overflow:hidden}.beat-card__media[data-aspect="9:16"]{aspect-ratio:9/16}.beat-card__media img,.beat-card__media video{object-fit:cover;width:100%;height:100%;display:block}.beat-card__placeholder{height:100%;color:var(--muted);place-items:center;display:grid}.beat-card__placeholder[data-error=true]{color:var(--warning);font-size:var(--t-xs);text-align:center;padding:12px}.reclip-asset-state{align-content:center;gap:10px;position:absolute;inset:0}.reclip-asset-state .secondary-button{min-height:44px;margin-top:0}.beat-card__media [data-delivery-state=loading]{visibility:hidden}.beat-card__takes{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.beat-card__take{border:1px solid var(--border);border-radius:var(--r-plate);background:var(--surface-strong);width:40px;height:40px;color:var(--muted);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.beat-card__take img{object-fit:cover;width:100%;height:100%;display:block}.beat-card__take>.beat-card__take-index{color:#fff;font-size:var(--t-xs);font-weight:var(--w-bold);text-shadow:0 1px 2px #000000b3;position:absolute;bottom:1px;right:2px}.beat-card__take:hover:not(:disabled){border-color:var(--border-strong)}.beat-card__take[aria-pressed=true]{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--border-strong)}.beat-card__take[aria-pressed=true]:disabled{cursor:default;opacity:1}.beat-card__take[data-state=failed]{border-color:var(--warning);color:var(--warning)}.beat-card__take--add{border-style:dashed;grid-auto-flow:column;gap:4px;width:auto;min-width:40px;padding:0 8px}@media (width<=820px){.beat-card__take--add{min-width:44px}}.beat-card__take .beat-card__take-cost{color:currentColor;font-variant-numeric:tabular-nums;text-shadow:none;align-items:center;gap:2px;display:inline-flex;position:static}.beat-card__take--add:hover:not(:disabled){color:var(--ink);border-style:solid}.beat-card__controls{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.beat-card__controls .native-select{min-width:0;max-width:100%}.beat-card__shot-status{min-width:0;color:var(--muted);font-size:var(--t-xs);overflow-wrap:anywhere;align-items:center;gap:6px;display:inline-flex}.beat-card__shot-status[data-state=ready]{color:var(--success)}.native-select{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);height:38px;color:var(--ink);font-size:var(--t-xs);flex:1;padding:0 8px}.stage-card .beat-card__controls .secondary-button{margin-top:0}.primary-button{border-radius:var(--r-control);background:var(--accent);color:#fff;cursor:pointer;min-width:174px;height:44px;font-size:var(--t-sm);font-weight:var(--w-bold);transition:background-color var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.62}.stage-card .secondary-button{margin-top:14px}.stage-card__cta.secondary-button{min-width:174px;height:44px;margin-top:0}@media (width<=720px){.reclip-intake{grid-template-columns:1fr}}@media (width<=560px){.reclip{padding:18px 14px 36px}.beat-grid{grid-template-columns:minmax(0,1fr)}.beat-card__controls{flex-direction:column;align-items:stretch}.beat-card__controls .native-select,.stage-card .beat-card__controls .secondary-button{width:100%;min-width:0;max-width:100%}.stage-card .beat-card__controls .secondary-button{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:44px}.beat-card__controls .generate-button__cost{flex:none}.primary-button,.stage-card__cta.secondary-button{width:100%}}.auth-screen{background:var(--inset);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-screen__card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);text-align:center;flex-direction:column;align-items:center;max-width:360px;padding:36px 28px;display:flex}.auth-screen__icon{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface-subtle);width:56px;height:56px;color:var(--ink);place-items:center;display:grid}.auth-screen__card h1{font-size:var(--t-md);letter-spacing:-.02em;margin:18px 0 8px}.auth-screen__card p{max-width:42ch;color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);margin:0 0 20px}.auth-screen__card .auth-screen__legal{font-size:var(--t-xs);line-height:var(--lh-body);margin:20px 0 0}.auth-screen__legal a{color:var(--muted);text-underline-offset:2px;margin:-6px -2px;padding:6px 2px;text-decoration:underline;display:inline-block}.auth-screen__legal a:hover{color:var(--ink)}.connector-consent__grants{text-align:start;width:100%;margin:4px 0 20px;padding:0;list-style:none}.connector-consent__grants li{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.connector-consent__grants svg{color:var(--faint);flex:none;margin-top:2px}.connector-consent__account{width:100%;color:var(--faint);font-size:var(--t-xs);text-align:start;margin:0 0 16px}.connector-consent__destination{overflow-wrap:anywhere;width:100%;color:var(--faint);font-size:var(--t-xs);line-height:var(--lh-body);text-align:start;margin:0 0 16px}.connector-consent__actions{gap:10px;width:100%;display:flex}.connector-consent__actions .primary-button,.connector-consent__actions .secondary-button{flex:1;justify-content:center;min-width:0;height:44px}.connector-consent__actions .primary-button:disabled,.connector-consent__actions .secondary-button:disabled{cursor:default}.connector-page__steps{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);margin:0;padding-inline-start:20px}.connector-page__steps li{padding:2px 0}.connector-page__connections,.formats-page__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.connector-page__connections li,.formats-page__list li{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.connector-page__connections li div,.formats-page__list li div{flex-direction:column;gap:2px;min-width:0;display:flex}.connector-page__connections strong,.formats-page__list strong{overflow-wrap:anywhere;font-size:var(--t-sm)}.connector-page__connections span,.formats-page__list span:not(.formats-page__status){color:var(--faint);font-size:var(--t-xs)}.formats-page__row-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.formats-page__status{border-radius:var(--r-pill);background:var(--surface-subtle);color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-semibold);white-space:nowrap;align-items:center;padding:6px 10px;display:inline-flex}.formats-page__status[data-status=published]{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success)}.formats-page__status[data-status=hidden]{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.lightbox{z-index:50;background:oklch(10% .004 250/.78);place-items:center;padding:32px;display:grid;position:fixed;inset:0}.lightbox__content{width:min(90vw,960px);position:relative}.lightbox__content .video-preview,.lightbox__content .image-preview{width:100%;height:min(80vh,640px)}.lightbox__sandbox{color:oklch(100% 0 0);font-size:var(--t-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;margin:0;display:flex;position:absolute;top:-22px;left:0}.lightbox__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.lightbox__close{z-index:1;border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-14px;right:-14px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.buy-credits-dialog{width:min(360px,100vw - 32px);padding:20px}.buy-credits-dialog h2{font-size:var(--t-md);font-weight:var(--w-bold);margin:0 0 14px}.buy-credits-dialog__status{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}.buy-credits-dialog__plans{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.buy-credits-dialog__plan{border:1px solid var(--border);border-radius:var(--r-control);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.buy-credits-dialog__plan strong{font-size:var(--t-sm);display:block}.buy-credits-dialog__plan span{color:var(--muted);font-size:var(--t-xs)}.buy-credits-dialog__buy{border-radius:var(--r-control);background:var(--accent);color:#fff;cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);transition:background-color var(--dur-base) var(--ease-standard);border:0;padding:8px 12px}.buy-credits-dialog__buy:hover:not(:disabled){background:var(--accent-hover)}.buy-credits-dialog__buy:disabled{cursor:not-allowed;opacity:.62}.buy-credits-dialog__close{border:1px solid var(--border);border-radius:var(--r-control);width:100%;color:var(--muted);cursor:pointer;height:36px;font-size:var(--t-xs);font-weight:var(--w-semibold);background:0 0}.library-page{background:var(--canvas);flex-direction:column;flex:1;gap:18px;min-width:0;padding:24px;display:flex}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.library-search{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);min-width:220px;height:38px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.library-search input{color:var(--ink);font-size:var(--t-sm);background:0 0;border:0;outline:none;flex:1}.library-status{max-width:52ch;color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-body);flex-direction:column;align-items:flex-start;gap:14px;margin:32px 0;display:flex}.library-status[role=alert]{border-left:2px solid var(--warning);color:var(--ink);padding-left:14px}.library-empty{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:28px;width:min(100%,720px);min-width:0;margin:28px 0;display:grid}.library-empty__art{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--inset);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;padding:12px;display:grid;position:relative}.library-empty__art span{aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--r-plate);background:repeating-linear-gradient(115deg, var(--plate-rest-a) 0 4px, var(--plate-rest-b) 4px 9px)}.library-empty__art svg{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);width:42px;height:42px;color:var(--ink);padding:10px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.library-empty__copy{min-width:0}.library-empty h2{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.025em;line-height:var(--lh-display);margin:0 0 8px}.library-empty p{max-width:52ch;color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-body);margin:0}.library-empty__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.library-empty__actions .generate-button,.library-empty__actions .secondary-button{flex:0 auto;min-width:0;text-decoration:none}.library-empty[data-variant=compact],.library-empty[data-variant=quiet]{grid-template-columns:44px minmax(0,1fr);gap:14px;margin-block:24px}.library-empty[data-variant=compact] .library-empty__art,.library-empty[data-variant=quiet] .library-empty__art{border:1px solid var(--border);border-radius:var(--r-control);background:var(--inset);place-items:center;width:44px;height:44px;padding:0;display:grid}.library-empty[data-variant=compact] .library-empty__art svg,.library-empty[data-variant=quiet] .library-empty__art svg{background:0 0;border:0;width:auto;height:auto;padding:0;position:static;transform:none}@media (width<=560px){.library-empty[data-variant=shelf]{grid-template-columns:minmax(0,1fr);gap:20px}}.library-grid{columns:220px;column-gap:14px}.library-card{border-radius:var(--r-panel);cursor:pointer;break-inside:avoid;text-align:left;background:0 0;border:0;width:100%;margin-bottom:14px;padding:0;display:block;overflow:hidden}.library-card:disabled{cursor:not-allowed}.library-card__media{background:oklch(30% .008 250);min-height:120px;display:block;position:relative;overflow:hidden}.library-card__media audio{width:calc(100% - 24px);margin:46px 12px;display:block}.library-card__media img,.library-card__media video{width:100%;height:auto;transition:transform var(--dur-base) var(--ease-standard);display:block}.library-card:not(:disabled):hover .library-card__media img,.library-card:not(:disabled):hover .library-card__media video{transform:scale(1.03)}.library-card__sandbox{z-index:1;border-radius:var(--r-pill);color:oklch(100% 0 0);font-size:var(--t-xs);font-weight:var(--w-semibold);background:oklch(0% 0 0/.72);align-items:center;gap:4px;padding:4px 8px;display:inline-flex;position:absolute;top:8px;left:8px}.library-card__meta{color:oklch(100% 0 0/.92);opacity:0;transition:opacity var(--dur-base) var(--ease-standard);background:linear-gradient(#0000,oklch(0% 0 0/.78));align-items:flex-end;gap:6px;padding:26px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.library-card:hover .library-card__meta,.library-card:focus-visible .library-card__meta{opacity:1}@media (hover:none){.library-card__meta{opacity:1}}@media (prefers-reduced-motion:reduce){.library-card__media img,.library-card__meta{transition:none}.library-card:not(:disabled):hover .library-card__media img{transform:none}}.library-card__status{aspect-ratio:16/9;color:oklch(100% 0 0/.65);width:100%;font-size:var(--t-xs);font-weight:var(--w-semibold);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.library-card__prompt{-webkit-line-clamp:2;font-size:var(--t-xs);line-height:var(--lh-body);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.library-page .generation-tabs{margin-top:0}.assets-tab-panel{flex-direction:column;gap:18px;min-width:0;display:flex}.assets-tab-panel[hidden]{display:none}@media (width<=420px){.library-page>.assets-tabs{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.library-page>.assets-tabs>.generation-tab{border-bottom:1px solid var(--border);width:100%;min-width:0;line-height:var(--lh-body);white-space:normal;padding-inline:8px}}.element-card div.library-card{cursor:default}.element-card__body{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.element-card__body strong{font-size:var(--t-sm);font-weight:var(--w-semibold)}.element-card__kind{color:var(--faint);font-size:var(--t-xs);letter-spacing:.02em;text-transform:uppercase}.element-card__description{color:var(--muted);font-size:var(--t-xs);-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.element-form-dialog{width:calc(100vw - 48px);max-width:430px;padding:22px}.element-form-dialog h2{font-size:var(--t-md);margin:0 0 14px}.element-form-dialog label{font-size:var(--t-xs);flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.element-form__images{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.element-form__image{border-radius:var(--r-plate);width:64px;height:64px;position:relative;overflow:hidden}.element-form__image img{object-fit:cover;width:100%;height:100%}.element-form__image-remove{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:2px;right:2px}.element-form__add{border:1px dashed var(--border);border-radius:var(--r-control);font-size:var(--t-xs);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;height:64px;padding:0 8px;display:flex}.element-form__uploads-picker{flex-wrap:wrap;gap:8px;max-height:160px;margin-bottom:12px;display:flex;overflow-y:auto}.element-form__uploads-pick{border-radius:var(--r-plate);width:64px;height:64px;overflow:hidden}.element-form__uploads-pick:disabled{opacity:.4}.element-form__uploads-pick img{object-fit:cover;width:100%;height:100%}.element-form__error{color:var(--warning);font-size:var(--t-xs);margin:0 0 12px}.element-form__delete{margin-right:auto}.bin-card .library-card{min-height:92px}.bin-card__restore{position:absolute;bottom:10px;right:10px}.element-card__delete{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:8px;left:8px}.assets-upload-button{cursor:pointer;margin-left:auto}.library-card-shell{break-inside:avoid;margin-bottom:14px;position:relative}.library-card-shell .library-card{margin-bottom:0}.library-card-shell[data-selected=true]{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-panel)}.favorite-toggle,.library-card__select{border-radius:var(--r-pill);color:oklch(100% 0 0);cursor:pointer;background:oklch(0% 0 0/.45);border:0;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:8px;right:8px}.favorite-toggle[data-active=true]{color:var(--warning)}.favorite-toggle:disabled{cursor:progress}.library-card__select input{width:15px;height:15px;accent-color:var(--ink);cursor:pointer}.library-date-group+.library-date-group{margin-top:22px}.library-date-group__heading{font-size:var(--t-sm);font-weight:var(--w-semibold);color:var(--muted);margin:0 0 10px}.library-page__folders{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-page__folders button{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font-size:var(--t-xs);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.library-page__folders button[data-active=true]{border-color:var(--border-strong);background:var(--surface-strong);color:var(--ink)}.library-page__new-folder{border-style:dashed!important}.library-bulk-bar{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.library-bulk-bar select{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-xs);padding:6px 10px}.library-load-more{justify-content:center;margin-top:18px;display:flex}.new-folder-dialog{width:min(360px,100vw - 32px);padding:20px}.new-folder-dialog h2{font-size:var(--t-md);margin:0 0 14px}.new-folder-dialog label{font-size:var(--t-xs);color:var(--muted);gap:6px;display:grid}.new-folder-dialog input{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-md);padding:10px 12px}.new-folder-dialog__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.transform-dialog{width:min(420px,100vw - 32px);padding:20px}.transform-dialog h2{font-size:var(--t-md);font-weight:var(--w-bold);margin:0 0 6px}.reclip-replacement-dialog>p{color:var(--muted);line-height:var(--lh-body);margin:0 0 18px}.transform-dialog__hint{color:var(--muted);font-size:var(--t-xs);margin:0 0 14px}.transform-dialog__presets{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.transform-dialog__preset{border:1px solid var(--border);border-radius:var(--r-control);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 12px;display:flex}.transform-dialog__preset[data-active=true]{border-color:var(--border-strong);background:var(--surface-strong)}.transform-dialog__preset-ratio{border:1px solid var(--border);border-radius:var(--r-control);min-width:40px;color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-bold);place-items:center;padding:4px 6px;display:grid}.transform-dialog__preset strong{font-size:var(--t-sm);display:block}.transform-dialog__preset small{color:var(--muted);font-size:var(--t-xs)}.transform-dialog__preset svg{color:var(--ink);margin-left:auto}.transform-dialog__fit{gap:8px;margin-bottom:14px;display:flex}.transform-dialog__fit button{border:1px solid var(--border);border-radius:var(--r-control);cursor:pointer;color:var(--muted);font-size:var(--t-xs);font-weight:var(--w-semibold);background:0 0;flex:1;padding:8px}.transform-dialog__fit button[data-active=true]{border-color:var(--border-strong);background:var(--surface-strong);color:var(--ink)}.transform-dialog__trim-fields{gap:12px;margin-bottom:14px;display:flex}.transform-dialog__trim-fields label{font-size:var(--t-xs);font-weight:var(--w-semibold);color:var(--muted);flex-direction:column;flex:1;gap:6px;display:flex}.transform-dialog__trim-fields input{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);color:var(--ink);font-size:var(--t-sm);padding:8px 10px}.image-tools__options{gap:8px;margin:14px 0;display:grid}.image-tools__option{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.image-tools__option[data-active=true]{border-color:var(--border-strong);background:var(--surface-strong)}.image-tools__option input{accent-color:var(--ink)}.image-tools__option span{gap:2px;display:grid}.image-tools__option strong{font-size:var(--t-sm)}.image-tools__option small{color:var(--muted);font-size:var(--t-xs)}.transform-dialog__error{color:var(--warning);font-size:var(--t-xs);margin:0 0 14px}.transform-dialog__footer{justify-content:flex-end;gap:10px;display:flex}.composer-paywall__message{max-width:220px;color:var(--warning);font-size:var(--t-xs);font-weight:var(--w-semibold);line-height:var(--lh-body)}.dunning-banner{border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--warning) 14%, var(--surface));color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold);justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;display:flex}.dunning-banner button{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-bold);flex:none;padding:8px 12px}.dunning-banner button:disabled{cursor:not-allowed;opacity:.62}.referral-page,.connector-page{background:var(--canvas);min-width:0;max-width:var(--measure-column);flex-direction:column;flex:1;gap:18px;padding:24px;display:flex}.referral-page__card,.connector-page__card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;gap:10px;padding:20px;display:flex}.referral-page__card h2,.connector-page__card h2{font-size:var(--t-md);font-weight:var(--w-bold);align-items:center;gap:8px;margin:0;display:flex}.referral-page__row,.connector-page__row{flex-wrap:wrap;gap:12px;display:flex}.referral-page__row label,.connector-page__row label{min-width:200px;font-size:var(--t-xs);font-weight:var(--w-semibold);color:var(--muted);flex-direction:column;flex:1;gap:6px;display:flex}.referral-page__field,.connector-page__field{gap:8px;display:flex}.referral-page__field input,.connector-page__field input{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);min-width:0;color:var(--ink);font-size:var(--t-sm);flex:1;padding:8px 10px}.referral-page__field button,.connector-page__field button{border:1px solid var(--border);border-radius:var(--r-control);cursor:pointer;color:var(--muted);background:0 0;flex:none;place-items:center;padding:0 10px;display:grid}.referral-page__field button:hover,.connector-page__field button:hover{border-color:var(--border-strong);color:var(--ink)}.referral-page__qr{border:1px solid var(--border);border-radius:var(--r-control);background:#fff;align-self:flex-start;padding:8px}.referral-page__stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-tile{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);text-align:center;flex-direction:column;gap:4px;padding:14px;display:flex}.stat-tile strong{font-size:var(--t-lg)}.stat-tile span{color:var(--muted);font-size:var(--t-xs)}.referral-page__success{color:var(--success);font-size:var(--t-xs);font-weight:var(--w-semibold);margin:0}.legal-page{background:var(--canvas);min-height:100svh;padding:48px 24px 80px}.legal-page__body{max-width:var(--measure-read);color:var(--ink);margin:0 auto}.legal-page__body .legal-page__back{color:var(--muted);font-size:var(--t-sm);align-items:center;gap:6px;margin-bottom:22px;padding-block:4px;text-decoration:none;display:inline-flex}.legal-page__body .legal-page__back:hover{color:var(--ink)}.legal-page__body .legal-page__meta{color:var(--faint);font-size:var(--t-xs);margin:0 0 24px}.legal-page__body h1{font-size:var(--t-xl);letter-spacing:-.02em;margin:0 0 6px}.legal-page__body h2{font-size:var(--t-lg);letter-spacing:-.01em;margin:32px 0 10px}.legal-page__body p,.legal-page__body li{color:var(--muted);font-size:var(--t-base);line-height:var(--lh-body)}.legal-page__body ul{margin:0 0 12px;padding-left:20px}.legal-page__body a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.legal-page__body a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.onboarding{background:var(--inset);align-content:start;place-items:center;min-height:100svh;padding:40px 24px;display:grid}.onboarding__frame{gap:18px;width:100%;max-width:420px;display:grid}@media (width>=860px){.onboarding{align-content:center;padding:24px}.onboarding__frame{grid-template-columns:220px 420px;align-items:start;gap:32px;max-width:672px}}.onboarding__readout{gap:2px;margin:0;padding:0;list-style:none;display:grid}.onboarding__readout-row{border-left:2px solid var(--border-strong);gap:2px;padding:8px 0 8px 14px;display:grid}.onboarding__readout-row[data-state=current]{border-left-color:var(--ink)}.onboarding__readout-name{color:var(--faint);font-size:var(--t-xs)}.onboarding__readout-row[data-state=current] .onboarding__readout-name{color:var(--ink)}.onboarding__readout-value{color:var(--muted);font-size:var(--t-sm);overflow-wrap:anywhere}.onboarding__readout-value:empty,.onboarding__readout-row[data-state=pending]{display:none}@media (width>=860px){.onboarding__readout-row[data-state=pending]{display:grid}}.onboarding__card h1:focus-visible{border-radius:var(--r-control);box-shadow:var(--focus);outline:none}.onboarding__card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);width:100%;padding:32px 28px}.onboarding__card .onboarding__error{color:var(--warning);margin:14px 0 0}.onboarding__card h1{font-size:var(--t-lg);letter-spacing:-.02em;margin:0 0 8px}.onboarding__card p{color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-body);margin:0 0 20px}.onboarding__toggle{color:var(--ink);font-size:var(--t-sm);align-items:center;gap:8px;margin-bottom:22px;display:flex}.onboarding__input{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);width:100%;color:var(--ink);font-size:var(--t-sm);margin-bottom:20px;padding:10px 12px}.onboarding__actions{gap:8px;display:flex}.onboarding__actions .secondary-button{flex:none}.onboarding__actions .generate-button{flex:1}.onboarding__chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.onboarding__chip{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--muted);cursor:pointer;font-size:var(--t-xs);font-weight:var(--w-semibold);transition:border-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);padding:8px 14px}.onboarding__chip:hover{border-color:var(--border-strong);color:var(--ink)}.onboarding__chip[data-active=true]{border-color:var(--border-strong);background:var(--surface-strong);color:var(--ink)}.onboarding__mode-options{gap:10px;margin-bottom:18px;display:grid}.onboarding__mode-option{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;transition:border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);flex-direction:column;gap:4px;padding:16px;display:flex}.onboarding__mode-option:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-strong)}.onboarding__mode-option:disabled{cursor:not-allowed;opacity:.62}.onboarding__mode-option strong{font-size:var(--t-base)}.onboarding__mode-option span{color:var(--muted);font-size:var(--t-xs)}.clip-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px;display:grid}.clip-grid__tile{flex-direction:column;gap:6px;display:flex}.clip-grid__tile video{aspect-ratio:9/16;border-radius:var(--r-plate);object-fit:cover;background:oklch(30% .008 250);width:100%}.clip-grid__download{border:1px solid var(--border);border-radius:var(--r-control);color:var(--muted);font-size:var(--t-xs);justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.clip-grid__download:hover{border-color:var(--border-strong);color:var(--ink)}.share-page{background:var(--canvas);flex-direction:column;align-items:center;gap:22px;min-height:100svh;padding:32px 20px;display:flex}.share-page--message{justify-content:center}.share-page__work{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;max-width:1100px;display:flex}.share-page__skeleton{width:min(1100px,100%)}.share-page__media{background:var(--inset);align-content:center;justify-items:center;min-height:120px;display:grid}.share-page__foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1100px;padding-top:18px;display:flex}.share-page__foot p{max-width:52ch;color:var(--muted);font-size:var(--t-sm);margin:0}.share-page__card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;gap:18px;width:100%;max-width:560px;padding:20px;display:flex}.share-page__status{color:var(--muted)}.share-page__media video,.share-page__media img{border-radius:var(--r-plate);object-fit:contain;max-width:100%;max-height:72svh;display:block}.share-page__clips{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;display:grid}.share-page__prompt{max-width:68ch;color:var(--ink);font-size:var(--t-md);font-weight:var(--w-medium);line-height:var(--lh-body);overflow-wrap:anywhere;margin:0}.shot-list{counter-reset:shot;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shot-list__item{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-subtle);grid-template-columns:auto 1fr auto auto;align-items:start;gap:8px;padding:8px;display:grid}.shot-list__index{min-width:20px;color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:center;padding-top:6px}.shot-list__item textarea{border-radius:var(--r-control);background:var(--surface);width:100%;color:var(--ink);font:inherit;font-size:var(--t-sm);line-height:var(--lh-body);resize:vertical;border:1px solid #0000;padding:6px 8px}.shot-list__item textarea:focus-visible{border-color:var(--accent);outline:none}.shot-list__duration{color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:6px}.toggle-row{color:var(--ink);font-size:var(--t-sm);align-items:center;gap:8px;display:flex}.preset-chips{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{border:1px solid var(--border-control);border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font:inherit;font-size:var(--t-xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);padding:6px 12px}.preset-chip:hover:not([data-active=true]){color:var(--ink)}.preset-chip[data-active=true]{background:var(--surface-strong);color:var(--ink);font-weight:var(--w-medium)}.preset-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preset-card{aspect-ratio:4/3;border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--inset);color:#fff;cursor:pointer;isolation:isolate;min-width:0;padding:0;position:relative;overflow:hidden}.preset-card:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000,#000000d1);position:absolute;inset:32% 0 0}.preset-card__check{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#101010c7;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.preset-card__media{z-index:0;object-fit:cover;width:100%;height:100%;transition:filter var(--dur-fast) var(--ease-standard);position:absolute;inset:0}.preset-card__label{z-index:2;-webkit-line-clamp:2;font-size:var(--t-xs);font-weight:var(--w-medium);line-height:var(--lh-tight);text-align:left;text-shadow:0 1px 3px #000c;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;bottom:8px;left:9px;right:9px;overflow:hidden}.preset-card:hover:not([data-active=true]) .preset-card__media{filter:brightness(1.08)}.preset-card[data-active=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--surface), 0 0 0 1px var(--ink)}.preset-card[data-active=true] .preset-card__check{opacity:1}@media (width>=561px) and (width<=820px){.preset-cards{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}.preset-cards[data-reduced=true] .preset-card{aspect-ratio:auto;background:var(--surface);min-height:48px;color:var(--ink)}.preset-cards[data-reduced=true] .preset-card:before,.preset-cards[data-reduced=true] .preset-card__media{display:none}.preset-cards[data-reduced=true] .preset-card__label{text-shadow:none;padding:10px 40px 10px 10px;display:block;position:static}@media (prefers-reduced-motion:reduce){.preset-card__media{transition:none}}.field__hint{color:var(--muted);font-size:var(--t-xs);line-height:var(--lh-body);display:block}.seats-page{background:var(--canvas);min-width:0;max-width:var(--measure-column);flex-direction:column;flex:1;gap:18px;padding:24px;display:flex}.seats-pool{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;gap:2px;padding:20px;display:flex}.seats-pool__figure{align-items:baseline;gap:10px;margin:0;display:flex}.seats-pool__figure strong{font-size:var(--t-2xl);font-weight:var(--w-bold);letter-spacing:-.03em;transition:color var(--dur-base) var(--ease-settle);font-variant-numeric:tabular-nums}.seats-pool__figure strong[data-projecting]{color:var(--ink)}.seats-pool__figure strong[data-over]{color:var(--warning)}.seats-pool__figure span{color:var(--muted);font-size:var(--t-xs)}.seats-pool__projection{min-height:15px;color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold);margin:0}.seats-pool__projection[data-over]{color:var(--warning)}.seats-pool__total{color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;margin:0}.seats-list{flex-direction:column;gap:10px;display:flex}.seats-row{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.seats-row__who{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.seats-row__name{overflow-wrap:break-word;color:var(--ink);font-size:var(--t-base);font-weight:var(--w-semibold)}.seats-row__who code{overflow-wrap:anywhere;font-size:var(--t-xs)}.seats-row__who span{color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;gap:8px;display:flex}.seats-row__who span code{font-variant-numeric:normal}.seats-row__controls{align-items:center;gap:8px;display:flex}.seats-amount{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);width:84px;height:38px;color:inherit;font-family:inherit;font-size:var(--t-sm);font-variant-numeric:tabular-nums;padding:0 10px}.seats-amount:focus-visible{border-color:var(--accent);box-shadow:var(--focus);outline:none}.seats-page__empty{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);color:var(--muted);flex-direction:column;align-items:flex-start;gap:6px;padding:24px;display:flex}.seats-page__empty h2{color:var(--ink);font-size:var(--t-md);font-weight:var(--w-semibold);margin:0}.seats-page__empty p{font-size:var(--t-sm);max-width:52ch;margin:0}.seats-page__error,.seats-page__notice{border:1px solid var(--border);border-radius:var(--r-control);font-size:var(--t-xs);align-items:center;gap:6px;margin:0;padding:10px 12px;display:flex}.seats-page__error{border-color:color-mix(in srgb, var(--warning) 40%, var(--border));color:var(--warning)}.seats-page__notice{color:var(--muted)}.reseller-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;gap:10px;padding:20px;display:flex}.reseller-card h2{font-size:var(--t-md);font-weight:var(--w-semibold);margin:0}.reseller-card__body{color:var(--muted);font-size:var(--t-sm);max-width:60ch;margin:0}.reseller-card__actions{align-items:center;gap:8px;display:flex}.reseller-card__unit{color:var(--muted);font-size:var(--t-sm)}.reseller-card__hint{color:var(--muted);font-size:var(--t-xs);max-width:60ch;margin:0}.seats-shop{flex-direction:column;gap:8px;display:flex}.seats-shop h2{font-size:var(--t-md);font-weight:var(--w-semibold);margin:0}.seats-shop__hint{color:var(--muted);font-size:var(--t-xs);max-width:60ch;margin:0}@media (width<=620px){.seats-row{flex-direction:column;align-items:stretch}.seats-row__who{flex:none}.seats-row__controls{justify-content:flex-end}.seats-pool__figure strong{font-size:var(--t-xl)}.seats-amount{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.seats-pool__figure strong{transition:none}}.topbar__identity h1{font-size:var(--t-md);font-weight:var(--w-bold);letter-spacing:-.01em;margin:0}
