:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--bg:#f6f3ee;--bg-raised:#fffcf7;--bg-inset:#f1eee8;--ink:#1c1b19;--muted:#6f6a63;--soft:#8a847c;--line:#e6e0d6;--line-strong:#d5cfc4;--accent:#1a9b8a;--accent-ink:#f7fffe;--accent-dim:#1a9b8a1f;--danger:#a33b34;--danger-bg:#a33b341a;--success:#2f6d4f;--queued:#b5812e;--running:#d97706;--focus:#1a9b8a;--shadow:0 14px 36px #1c191512;--shadow-soft:0 1px 2px #1c19150d;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--serif:Georgia, "Times New Roman", serif;--mono:ui-monospace, "SFMono-Regular", "Microsoft YaHei", monospace;color:var(--ink);background:var(--bg);font:15px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio{grid-template-rows:auto 1fr;grid-template-areas:"nav""main";min-width:0;max-width:100%;min-height:100dvh;display:grid}.studio-nav{z-index:30;border-bottom:1px solid var(--line);background:#f6f3eef0;grid-area:nav;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:4.25rem;padding:.65rem 1.5rem;display:grid;position:sticky;top:0}.studio-nav.safe-bottom-bar{padding-bottom:.65rem}.studio-nav-brand{justify-self:start;min-width:0}.studio-nav-list{justify-content:center;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.studio-nav-item{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.95rem;display:inline-flex}.studio-nav-item svg{width:1.15rem;height:1.15rem;display:none}.studio-nav-item[data-active=true]{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);background:0 0;border-radius:0;font-weight:650}.brand-mark{letter-spacing:.01em;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.brand-mark-icon{width:1.85rem;height:1.85rem;display:block}.brand-mark-word{font-size:1.02rem}.account-menu{justify-self:end;min-width:0;position:relative}.account-tools{justify-self:end;align-items:center;gap:.65rem;min-width:0;max-width:100%;display:flex}.poe-balance-indicator{min-width:0;max-width:16rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem;line-height:1.3;display:inline-flex;position:relative}.poe-balance-trigger{min-width:0;max-width:100%;color:inherit;font:inherit;line-height:inherit;text-overflow:ellipsis;white-space:inherit;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.poe-status-panel{z-index:20;top:calc(100% + .55rem);border:1px solid var(--line);background:var(--bg-raised);width:min(21rem,100vw - 1rem);max-height:min(24rem,100dvh - 5rem);color:var(--ink);white-space:normal;border-radius:.85rem;padding:.8rem;position:absolute;inset-inline-end:0;overflow:auto;box-shadow:0 .8rem 2rem #1c191529}.poe-status-summary{color:var(--accent);margin:0 0 .65rem;font-weight:700}.poe-status-row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.55rem 0;display:flex}.poe-status-row>div{gap:.12rem;min-width:0;display:grid}.poe-status-row strong{font-size:.78rem}.poe-status-row span,.poe-status-row small,.poe-status-updated,.poe-status-panel-loading{color:var(--muted);font-size:.72rem}.poe-status-row small{text-align:end;flex:none}.poe-status-balance b{color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.poe-status-updated,.poe-status-panel-loading{margin:.55rem 0 0}.account-menu-trigger{max-width:100%;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:.2rem .35rem .2rem .2rem;display:inline-flex}.account-avatar{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.side-nav-account-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.82rem;overflow:hidden}.account-menu-panel{background:var(--bg-raised);border:1px solid var(--line);min-width:12rem;box-shadow:var(--shadow);z-index:40;border-radius:14px;gap:.45rem;padding:.8rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.account-menu-name,.account-menu-role,.account-menu-hint{color:var(--muted);margin:0;font-size:.84rem}.account-menu-role{background:var(--bg-inset);width:fit-content;color:var(--ink);border-radius:999px;padding:.12rem .45rem;font-size:.72rem}.mobile-account-role{color:var(--soft);font-size:.72rem}.side-nav-logout{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:.4rem .55rem}.side-nav-logout:hover{background:var(--bg-inset)}.mobile-top{justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem .2rem;display:none}.mobile-account{align-items:center;gap:.55rem;min-width:0;display:flex}.studio-main{grid-area:main;min-width:0;max-width:100%;padding:2rem 1.7rem 3rem}.studio-hero{text-align:center;max-width:46rem;margin:0 auto 1.15rem}.auth-shell{background:radial-gradient(920px 380px at 50% 6%, #1a9b8a12, transparent 72%), var(--bg);align-content:center;place-items:center;min-height:100dvh;padding:max(2.4rem,8vh) 1.25rem max(2rem,6.5vh);display:grid}.auth-card{background:var(--bg-raised);border:1px solid var(--line);width:min(26rem,100%);min-width:0;box-shadow:var(--shadow-soft);border-radius:20px;gap:.9rem;padding:1.55rem 1.35rem 1.45rem;display:grid}.auth-card-login{gap:1.2rem;width:min(28.5rem,100%);padding:1.55rem 1.3rem 1.4rem}.auth-intro,.auth-intro-copy,.auth-form{min-width:0;display:grid}.auth-intro{align-content:center;gap:1rem}.auth-intro-copy{gap:.65rem}.auth-card h1,.auth-title{font-family:var(--serif);letter-spacing:.01em;overflow-wrap:normal;word-break:keep-all;line-break:strict;text-wrap:pretty;-webkit-hyphens:none;hyphens:none;max-width:100%;font-size:clamp(1.5rem,1.05rem + 1.6vw,2.1rem);font-weight:700;line-height:1.22}.auth-card .lede,.auth-intro .lede{overflow-wrap:break-word;text-wrap:pretty;max-width:22rem;margin:0}.auth-form{align-content:center;gap:.9rem}.auth-form .field label{color:var(--ink);font-size:.82rem;font-weight:650}.auth-form input[type=text],.auth-form input[type=password]{background-color:var(--bg-inset);color:var(--ink);border:1px solid var(--line-strong);background-image:none;border-radius:12px;transition:border-color .15s,box-shadow .15s,background-color .15s}.auth-form input[type=text]:hover,.auth-form input[type=password]:hover{border-color:#c4bdb2}.auth-form input[type=text]:focus-visible,.auth-form input[type=password]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--accent);background-color:var(--bg-raised);box-shadow:0 0 0 3px var(--accent-dim)}.auth-form input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:-webkit-autofill:active{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}.auth-form input:autofill:active{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-color:var(--line-strong);box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 99999s ease-out}:-webkit-any(.auth-form input:-webkit-autofill:focus-visible,.auth-form input:autofill:focus-visible){border-color:var(--accent);box-shadow:0 0 0 1000px var(--bg-raised) inset, 0 0 0 3px var(--accent-dim)}:is(.auth-form input:autofill:focus-visible,.auth-form input:autofill:focus-visible){border-color:var(--accent);box-shadow:0 0 0 1000px var(--bg-raised) inset, 0 0 0 3px var(--accent-dim)}.auth-form .field-error{background:var(--danger-bg);color:var(--danger);border-radius:10px;margin:0;padding:.55rem .7rem}.auth-form .button-primary{letter-spacing:.04em;width:100%;min-height:2.8rem;margin-top:.1rem;font-size:.98rem;transition:background-color .15s,box-shadow .15s,opacity .15s,filter .15s}.auth-form .button-primary:hover:not(:disabled){background:#178c7d;box-shadow:0 8px 18px -12px #1a9b8ab3}.auth-form .button-primary:active:not(:disabled){filter:brightness(.98);background:#14786c}.auth-form .button-primary:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--accent-dim)}.auth-form .button-primary:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;filter:none}.auth-form .button-primary[data-state=submitting]:disabled{opacity:.82;cursor:progress}@media (width>=840px){.auth-card-login{grid-template-columns:minmax(0,1.08fr) minmax(16.5rem,1fr);align-items:stretch;gap:0 2.6rem;width:min(52rem,100%);padding:2.35rem 2.4rem 2.2rem}.auth-intro{border-right:1px solid var(--line);padding-right:2.35rem}.auth-title{font-size:clamp(1.85rem,1.4rem + .8vw,2.15rem)}}@media (width<=839px){.auth-shell{padding:1.35rem .9rem}.auth-card-login{gap:1.05rem;width:min(26.5rem,100%);padding:1.3rem 1.15rem 1.2rem}.auth-title{font-size:clamp(1.42rem,.9rem + 2.4vw,1.7rem)}}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.75rem}h1,h2,h3,legend{letter-spacing:.01em;margin:0;font-weight:600}h1{font-family:var(--serif);font-size:clamp(2.1rem,4vw,3.15rem);font-weight:700;line-height:1.15}h2,legend{font-size:.95rem}h3{font-size:.92rem}.lede,.empty-copy,.field-hint,.submit-meta,.history-time,.artifact-empty,.artifact-pending,.template-desc,.skill-card-blurb,.stage-label{color:var(--muted);margin:.25rem 0 0;font-size:.86rem}.lede{overflow-wrap:anywhere;max-width:34rem;margin:.7rem auto 0}.studio-hero .lede{margin-top:.7rem}.panel-heading .lede{max-width:38rem;margin:.25rem 0 0}.skill-cards{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:52rem;margin:0 auto 1.2rem;padding:0;list-style:none;display:flex}.skill-card,.composer,.panel,.job-card,.video-card,.result-card,.template-card{background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.skill-card,.job-card,.video-card,.result-card,.panel,.composer-stage,.current-status{border-radius:16px}.skill-card{text-align:left;border-radius:999px;align-items:center;padding:.42rem .9rem;animation:.45s both card-enter;display:inline-flex}.skill-cards li:nth-child(2) .skill-card{animation-delay:50ms}.skill-cards li:nth-child(3) .skill-card{animation-delay:.1s}.skill-card-title{font-size:.86rem;font-weight:650}.skill-card-blurb,.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.composer{max-width:min(52rem,100%);box-shadow:none;background:0 0;border:0;margin:0 auto;padding:0}.composer-form,.prompt-fields,.parameter-fields,.submit-panel,.jobs-board,.artifact-gallery,.result-board{gap:1rem;display:grid}.composer-form{gap:0}.parameter-summary{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.35rem;width:max-content;display:flex}.summary-chips{flex-wrap:nowrap;justify-content:flex-start;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.param-capsule{height:36px;color:var(--ink);white-space:nowrap;background:#f1eee8b3;border:1px solid #d6cec273;border-radius:8px;flex-shrink:0;align-items:center;gap:.3rem;padding:0 .55rem;font-size:.875rem;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.param-capsule-readonly{cursor:default}.param-capsule:hover{border-color:#1a9b8a59}.param-capsule[aria-expanded=true],.param-capsule:focus-visible{background:#1a9b8a14;border-color:#1a9b8aa6}.param-capsule[aria-invalid=true]{border-color:var(--danger)}.param-capsule span:not(.visually-hidden){color:var(--soft);font-size:.78rem}.param-capsule strong{font-size:.875rem;font-weight:650}.aspect-summary-divider{background:#4e484033;width:1px;height:.9rem}.aspect-summary-size{font-weight:600;color:var(--ink)!important;font-size:.875rem!important}.param-capsule svg{color:var(--muted);flex:none}.param-capsule-caret:after{content:"";border-right:1.4px solid var(--muted);border-bottom:1.4px solid var(--muted);flex:none;width:.32rem;height:.32rem;margin-top:-.12rem;transform:rotate(45deg)}.param-capsule-product{box-shadow:inset 0 0 0 1px #1a9b8a1f}.param-capsule-product strong{font-weight:700}.param-capsule-muted{color:var(--muted)}.param-capsule-muted strong{color:var(--ink);font-weight:550}.composer-stage{background:#fffcf7eb;border:.8px solid #d6cec28c;border-radius:24px;flex-direction:column;min-width:0;padding:0;transition:border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 1px 2px #1c19150a}.composer-editor{min-width:0;padding:.85rem 1.05rem .15rem 1.15rem;position:relative}.reference-image-input{gap:.35rem;margin:0 0 .55rem;display:grid}.reference-image-add,.reference-image-preview{background:#f6f3ee85;border:1px dashed #6f6a6352;border-radius:12px;width:fit-content;max-width:100%;min-height:3.25rem}.reference-image-add{color:var(--muted);text-align:left;align-items:center;gap:.65rem;padding:.45rem .75rem;display:inline-flex}.reference-image-add>span:first-child{background:var(--bg-raised);width:1.8rem;height:1.8rem;color:var(--ink);border-radius:8px;place-items:center;font-size:1.1rem;display:grid}.reference-image-add strong,.reference-image-add small,.reference-image-copy strong,.reference-image-copy span{display:block}.reference-image-add strong,.reference-image-copy strong{color:var(--ink);font-size:.82rem;font-weight:650}.reference-image-add small,.reference-image-copy span{color:var(--soft);font-size:.72rem}.reference-image-preview{border-style:solid;grid-template-columns:3.5rem minmax(7rem,1fr) auto;align-items:center;gap:.65rem;padding:.35rem .45rem;display:grid}.reference-image-preview img{object-fit:cover;background:var(--bg-inset);border-radius:8px;width:3.5rem;height:2.75rem}.reference-image-copy{min-width:0}.reference-image-actions{align-items:center;gap:.2rem;display:flex}.reference-image-action{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:.35rem .45rem;font-size:.76rem}.reference-image-action:hover:not(:disabled),.reference-image-add:hover:not(:disabled){color:var(--ink);background:#1c19150d}.reference-image-action:disabled{cursor:wait;opacity:.48}.reference-image-error{color:var(--danger);margin:0;font-size:.76rem}.reference-image-track{gap:.45rem;min-width:0;margin:0 0 .55rem;display:grid}.reference-image-track-list{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.55rem;min-width:0;padding:.1rem 0 .2rem;display:flex;overflow-x:auto}.reference-image-tile,.reference-image-track-add{scroll-snap-align:start;background:#f8f5efad;border:1px solid #6f6a6333;border-radius:12px;flex:0 0 8.75rem;min-height:7.4rem}.reference-image-tile{grid-template-columns:minmax(0,1fr) auto;gap:.28rem .4rem;padding:.38rem;display:grid;position:relative}.reference-image-tile[data-state=error]{border-color:color-mix(in srgb, var(--danger) 38%, transparent)}.reference-image-thumb{background:var(--bg-inset);border-radius:9px;grid-column:1/-1;height:4.2rem;position:relative;overflow:hidden}.reference-image-thumb img{object-fit:cover;width:100%;height:100%}.reference-image-thumb strong{color:#fffdf8;background:#181714b8;border-radius:6px;padding:.12rem .32rem;font-size:.66rem;font-weight:700;position:absolute;top:.3rem;left:.3rem}.reference-image-phase{color:var(--soft);align-self:center;font-size:.68rem}.reference-image-role select{background:var(--bg-raised);width:4.9rem;height:1.55rem;color:var(--muted);font:inherit;border:1px solid #6f6a6333;border-radius:7px;font-size:.68rem}.reference-image-tile-actions{grid-column:1/-1;gap:.15rem;display:flex}.reference-image-tile-actions button{min-width:1.45rem;height:1.45rem;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 .28rem;font-size:.66rem}.reference-image-tile-actions button:hover:not(:disabled),.reference-image-track-add:hover{color:var(--ink);background:#1c19150d}.reference-image-tile-actions button:disabled{opacity:.28}.reference-image-tile-error{color:var(--danger);grid-column:1/-1;font-size:.65rem;line-height:1.25}.reference-image-track-add{color:var(--muted);border-style:dashed;place-content:center;gap:.25rem;font-size:.75rem;display:grid}.reference-image-track-add>span:first-child{color:var(--ink);font-size:1.25rem}.reference-image-order-note{color:var(--soft);margin:0;font-size:.7rem;line-height:1.35}.frame-input-track{flex-wrap:wrap;gap:.55rem;min-width:0;margin:0 0 .55rem;display:flex}.frame-input-slot{flex:0 20rem;min-width:min(15rem,100%);max-width:100%}.frame-input-add,.frame-input-preview{background:#f8f5efad;border:1px dashed #6f6a6347;border-radius:12px;width:100%;min-height:4.2rem}.frame-input-slot[data-state=error] .frame-input-add,.frame-input-slot[data-state=error] .frame-input-preview{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.frame-input-add{color:var(--muted);text-align:left;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.frame-input-add:hover,.frame-input-actions button:hover:not(:disabled){color:var(--ink);background:#1c19150d}.frame-input-add:focus-visible,.frame-input-actions button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, white);outline-offset:2px}.frame-input-add-icon{background:var(--bg-raised);width:2rem;height:2rem;color:var(--ink);border-radius:9px;flex:none;place-items:center;font-size:1.15rem;display:grid}.frame-input-add strong,.frame-input-add small,.frame-input-copy span,.frame-input-copy strong,.frame-input-copy small{display:block}.frame-input-add strong,.frame-input-copy strong{color:var(--ink);font-size:.8rem;font-weight:650}.frame-input-add small,.frame-input-copy small{color:var(--soft);margin-top:.08rem;font-size:.7rem}.frame-input-preview{border-style:solid;grid-template-columns:4.6rem minmax(7rem,1fr) auto;align-items:center;gap:.65rem;padding:.38rem .45rem;display:grid}.frame-input-preview img{object-fit:cover;background:var(--bg-inset);border-radius:9px;width:4.6rem;height:3.35rem}.frame-input-copy{min-width:0}.frame-input-label{color:var(--accent-strong);letter-spacing:.06em;margin-bottom:.08rem;font-size:.67rem;font-weight:700}.frame-input-actions{align-items:center;gap:.15rem;display:flex}.frame-input-actions button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:.32rem .42rem;font-size:.72rem}.frame-input-actions button:disabled{cursor:wait;opacity:.45}.frame-input-error{color:var(--danger);margin:.25rem 0 0;font-size:.72rem;line-height:1.35}.composer-status{--composer-status-row-height:1.5rem;min-height:var(--composer-status-row-height);align-items:center;padding:0 1.4rem;display:flex}.composer-status .field-error,.composer-status .form-notice{line-height:var(--composer-status-row-height);margin:0}.composer-toolbar{background:linear-gradient(#0000 0%,#f1eee847 100%);border-top:0;align-items:center;gap:.45rem;min-width:0;padding:.35rem .55rem .5rem .7rem;display:flex}.composer-toolbar-track{overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x;flex:auto;align-items:center;min-width:0;display:flex;overflow:auto hidden}.composer-stage:focus-within{border-color:#4e48404d;box-shadow:0 4px 18px #1c191514}.composer-stage .prompt-fields,.composer-stage .prompt-field{min-width:0}.composer-stage .prompt-field label{color:var(--soft);font-size:.78rem}.composer-stage .field-hint{font-size:.76rem}.composer-stage textarea{resize:none;background:0 0;border:0;border-radius:0;min-height:96px;padding:.1rem .15rem .2rem;font-size:14px;line-height:1.55}.composer-stage textarea:focus,.composer-stage textarea:focus-visible{box-shadow:none;border:0;outline:none}.generate-row-drawer{margin-top:.15rem}.parameter-toggle{font-size:.86rem;font-weight:650}.generate-button{cursor:pointer;background:var(--accent);min-width:200px;height:50px;color:var(--accent-ink);letter-spacing:.04em;white-space:nowrap;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0 1.35rem 0 1.1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background-color .2s,box-shadow .2s,filter .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -10px #1a9b8a8c,inset 0 1px #ffffff38}.generate-button:hover:not(:disabled){filter:brightness(1.03);background:#178c7d;box-shadow:0 10px 22px -10px #1a9b8a9e,inset 0 1px #ffffff38}.generate-button:active:not(:disabled){filter:brightness(.97)}.generate-button .glow{opacity:.7;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff61 48%,#0000 100%);border-radius:50%;width:46%;height:220%;position:absolute;top:-60%;left:-40%}.generate-button[data-state=ready] .glow{animation:2.8s ease-in-out infinite generate-sweep}.generate-button[data-state=submitting]{animation:1.8s ease-in-out infinite generate-pulse}.generate-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none;background:var(--accent);transform:none}.generate-button:disabled:hover{filter:none;box-shadow:none;background:var(--accent);transform:none}.generate-button:disabled .glow{animation:none;display:none}.generate-button-icon,.generate-button-label{z-index:1;position:relative}.generate-button-icon{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.generate-button-icon svg{width:22px;height:22px;display:block}.generate-button-label{line-height:1}.generate-button.generate-button-toolbar{letter-spacing:0;width:42px;min-width:42px;max-width:42px;height:42px;box-shadow:none;border-radius:50%;flex-shrink:0;gap:0;padding:0;font-size:0}.generate-button.generate-button-toolbar .generate-button-icon,.generate-button.generate-button-toolbar .generate-button-icon svg{width:18px;height:18px}.generate-button.generate-button-toolbar .glow{display:none}.generate-button.generate-button-toolbar:hover:not(:disabled){box-shadow:0 0 0 3px var(--accent-dim);filter:none}.generate-button.generate-button-toolbar:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.generate-button.generate-button-toolbar[data-state=submitting]{background:var(--accent);color:var(--accent-ink);opacity:1;cursor:wait;letter-spacing:.02em;border-radius:12px;gap:.4rem;width:auto;min-width:8rem;max-width:10rem;padding:0 .8rem;font-size:.78rem}.generate-button-label-visible{clip:auto;clip-path:none;white-space:nowrap;width:auto;height:auto;margin:0;position:relative;overflow:visible}.generate-button.generate-button-toolbar:disabled,.generate-button.generate-button-toolbar:disabled:hover{box-shadow:none}.generate-button.generate-button-toolbar:disabled:not([data-state=submitting]),.generate-button.generate-button-toolbar:disabled:not([data-state=submitting]):hover{color:#8f8a82;opacity:1;filter:none;background:#e6e1d8}.template-picker,.parameter-fields{border:0;min-inline-size:0;margin:0;padding:0}.template-list{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.template-card{cursor:pointer;border-radius:999px;grid-template-columns:auto 1fr;align-items:start;gap:.45rem;padding:.45rem .7rem;display:grid}.template-card[data-selected=true]{border-color:var(--accent);background:var(--accent-dim)}.template-card input{margin-top:.2rem}.template-card-top,.history-title,.current-template,.submit-actions,.switch-row,.panel-heading,.history-actions,.rail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.template-name,.history-title,.current-template,.job-short-id{font-weight:600}.job-short-id,.template-version,.duration-code{font-family:var(--mono);font-size:.78rem}.template-version,.current-template span{color:var(--soft);margin-left:.35rem}.current-shot-title{margin:.45rem 0 .15rem;font-size:1.15rem;font-weight:700}.current-template-meta{color:var(--muted);justify-content:flex-start;font-size:.82rem;font-weight:450}.current-clip{aspect-ratio:auto;border-radius:12px;height:180px;max-height:200px;margin-top:.75rem}.field{gap:.3rem;display:grid}.field label,.switch-row label{font-weight:600}.parameter-grid{grid-template-columns:1fr 1fr;gap:.85rem .9rem;margin-top:.7rem;display:grid}textarea,input[type=number],input[type=text],input[type=password],select,.enum-popover-trigger{border:1px solid var(--line-strong);background:var(--bg-inset);border-radius:12px;width:100%;padding:.7rem .8rem}.enum-popover{min-width:0;position:relative}.parameter-grid .enum-popover{width:100%}.summary-chips .enum-popover{display:inline-flex}.enum-popover-trigger{text-align:left;justify-content:space-between;align-items:center;gap:.6rem;display:inline-flex}.enum-popover-trigger:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:none;width:.42rem;height:.42rem;margin-top:-.18rem;transform:rotate(45deg)}.enum-popover-trigger[data-empty=true] .enum-popover-value{color:var(--muted)}.enum-popover-trigger[aria-invalid=true]{border-color:var(--danger)}.enum-popover-trigger[aria-expanded=true]{border-color:#1a9b8ab3}.enum-popover-trigger:disabled{opacity:.55;cursor:not-allowed}.enum-popover-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.enum-popover-list{z-index:50;max-height:min(16rem, calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overscroll-behavior:contain;background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:10px;margin:0;padding:.28rem;list-style:none;position:fixed;overflow-y:auto}.enum-option{cursor:pointer;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:.7rem;padding:.48rem .62rem;display:flex}.enum-option-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.enum-option-check{color:var(--accent);flex:none;font-size:.86rem}.enum-option:hover,.enum-option[data-active=true]{background:var(--accent-dim)}.enum-option[aria-selected=true]{font-weight:650}.enum-option-copy{flex:1;gap:.12rem;min-width:0;display:grid}.enum-option-title{align-items:baseline;gap:.45rem;min-width:0;display:flex}.enum-option-meta{color:var(--muted);flex:none;font-size:.75rem;font-weight:550}.enum-option-desc{color:var(--muted);white-space:normal;font-size:.75rem;line-height:1.35}.template-listbox .enum-option{align-items:flex-start}.overlay-surface{box-sizing:border-box;background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:.7rem .75rem .75rem;box-shadow:0 10px 28px #1c19151f}.overlay-title{color:var(--soft);margin:0 0 .55rem;font-size:.78rem;font-weight:650}.number-editor-popover,.aspect-editor-popover{gap:.55rem;display:grid}.aspect-resolution-popover{gap:.95rem;padding:.95rem 1rem 1rem;display:grid}.aspect-choice-section{gap:.55rem;min-width:0;display:grid}.aspect-resolution-section{border-top:1px solid #d6cec28c;padding-top:.9rem}.aspect-choice-title{color:var(--ink);letter-spacing:.01em;margin:0;font-size:.82rem;font-weight:650}.aspect-ratio-choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:.28rem;min-width:0;display:grid}.aspect-ratio-choice{min-width:0;min-height:66px;color:var(--soft);background:0 0;border:1px solid #0000;border-radius:9px;align-content:center;place-items:center;gap:.38rem;padding:.45rem .25rem .4rem;font-size:.75rem;transition:background-color .14s,border-color .14s,color .14s;display:grid}.aspect-ratio-choice:hover,.aspect-resolution-choice:hover{color:var(--ink);background:#4e48400b}.aspect-ratio-choice[aria-checked=true],.aspect-resolution-choice[aria-checked=true]{color:var(--ink);background:#4e484013;border-color:#4e484029}.aspect-ratio-choice:focus-visible,.aspect-resolution-choice:focus-visible{outline-offset:2px;outline:2px solid #1a9b8a85}.aspect-ratio-icon{place-items:center;width:36px;height:25px;display:grid}.aspect-ratio-icon svg{width:34px;height:23px;overflow:visible}.aspect-ratio-icon rect{fill:#ffffff57;stroke:currentColor;stroke-width:1.1px}.aspect-resolution-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.aspect-resolution-choice{min-height:42px;color:var(--ink);text-align:left;background:#fffdf98c;border:1px solid #d6cec28c;border-radius:9px;justify-content:space-between;align-items:center;gap:.55rem;padding:.55rem .7rem;display:flex}.aspect-resolution-choice strong{font-size:.86rem;font-weight:650}.aspect-resolution-choice span{color:var(--muted);white-space:nowrap;font-size:.7rem}@media (width<=519px){.aspect-resolution-popover{padding:.85rem .85rem max(.9rem, env(safe-area-inset-bottom,0px))}.aspect-ratio-choices{overscroll-behavior-x:contain;scrollbar-width:thin;gap:.25rem;display:flex;overflow-x:auto}.aspect-ratio-choice{flex:0 0 54px}.aspect-resolution-choices{grid-template-columns:1fr}}.number-editor-popover .field,.aspect-editor-popover .field{margin:0}.number-editor-popover input[type=range],.aspect-editor-popover input[type=range]{width:100%;accent-color:var(--accent)}.locked-parameter-label{margin:0;font-weight:600}.locked-parameter{color:var(--muted);margin:0;font-size:.86rem}.number-editor-popover .duration-estimate{gap:.45rem;padding:0}.number-editor-popover .duration-estimate h2{color:var(--soft);margin:0;font-size:.75rem;font-weight:650}.number-editor-popover .duration-label,.number-editor-popover .duration-frames{font-size:.86rem}.number-editor-popover .duration-frames{margin-right:.4rem}.more-params-popover{padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px));gap:.7rem;display:grid}.more-params-popover .parameter-grid{grid-template-columns:1fr;gap:.65rem;margin-top:0}.more-params-popover .prompt-fields{gap:.55rem}.more-params-popover textarea{min-height:4.5rem}.more-params-footer{border-top:1px solid var(--line);gap:.35rem;padding-top:.45rem;display:grid}.more-params-footer .submit-meta{color:var(--muted);margin:0;font-size:.75rem}.summary-chips .param-capsule.enum-popover-trigger,.summary-chips .enum-popover-trigger.param-capsule{background:#f1eee8b3;border-radius:8px;width:auto;height:36px;padding:0 .55rem}.summary-chips .enum-popover-trigger.param-capsule:after{width:.34rem;height:.34rem;margin-top:-.12rem}textarea{resize:vertical;min-height:8.5rem}.field-switch{grid-column:1/-1}.switch-row input{width:2.5rem;height:1.35rem;accent-color:var(--accent)}.field-error,.error-summary{color:var(--danger);margin:.15rem 0 0;font-size:.82rem}.param-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.param-chips li,.param-chips-compact>span{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:.08rem;padding:.35rem .55rem;font-size:.75rem;display:grid}.param-chips span{color:var(--soft)}.duration-estimate{justify-content:flex-start;align-items:baseline;gap:1rem;padding:.35rem 0;display:flex}.duration-estimate p{align-items:baseline;gap:.75rem;margin:0;display:flex}.duration-label{font-size:1.02rem}.submit-actions{justify-content:flex-start}.rail-heading-actions{align-items:center;gap:.35rem;display:flex}.button-primary,.button-secondary,.button-danger,.button-quiet,.artifact-link,.artifact-play,.artifact-download,.icon-button{border:1px solid #0000;border-radius:13px;padding:.55rem .95rem;text-decoration:none}.button-primary,.artifact-play{background:var(--accent);color:var(--accent-ink);font-weight:650}.button-primary:disabled{opacity:.45;cursor:not-allowed}.button-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:650}.button-danger:disabled{opacity:.55;cursor:not-allowed}.button-delete{color:var(--danger)}.button-secondary,.artifact-link,.artifact-download,.history-select,.job-card-select,.result-card-select,.icon-button,.button-quiet{border-color:var(--line-strong);color:var(--ink);background:0 0}.button-quiet,.icon-button{border-color:#0000;padding:.3rem .5rem;font-size:.8rem}.artifact-link{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);align-items:center;display:inline-flex}.artifact-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.artifact-play,.artifact-download{align-items:center;display:inline-flex}.form-notice{color:var(--success);margin:0;font-size:.84rem}.current-status,.jobs-board,.artifact-gallery,.result-board{width:100%;max-width:72rem;margin:1.35rem auto 0}.current-status{max-width:min(52rem,100%);padding:1rem 1.05rem 1.15rem}.job-prompts,.runtime-summary{gap:.5rem;min-width:0;margin:.7rem 0 0;display:grid}.job-prompt-text,.result-card-prompt{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.84rem;line-height:1.45}.result-card-prompt{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.runtime-summary div,.meta-list div,.history-params div{gap:.1rem;display:grid}.runtime-summary div{grid-template-columns:auto 1fr;align-items:baseline;gap:.45rem}.runtime-summary dd,.history-meta{color:var(--muted);font-size:.82rem}.job-owner-label{width:fit-content;max-width:100%;color:var(--muted);align-items:center;gap:.35rem;font-size:.76rem;line-height:1.3;display:inline-flex}.job-owner-label strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.job-owner-label[data-compact=true]{z-index:2;color:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181714b8;border-radius:999px;max-width:calc(100% - 1.1rem);padding:.2rem .5rem;position:absolute;top:.55rem;left:.55rem}.job-owner-label[data-compact=true] strong{color:#fffef9}.meta-list,.history-params{grid-template-columns:1fr 1fr;gap:.45rem .8rem;margin:.75rem 0 0;display:grid}dt{color:var(--soft);font-size:.74rem}dd{margin:0}.status-badge{background:var(--bg-inset);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.status-dot{background:var(--soft);border-radius:50%;width:.45rem;height:.45rem}.status-badge[data-status=queued] .status-dot{background:var(--queued)}.status-badge[data-status=running] .status-dot{background:var(--running);animation:1.2s ease-in-out infinite pulse}.status-badge[data-status=succeeded] .status-dot{background:var(--success)}.status-badge[data-status=failed] .status-dot,.status-badge[data-status=cancelled] .status-dot{background:var(--danger)}.history-list,.job-card-list{gap:.75rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.history-item,.job-card{border:1px solid var(--line);background:var(--bg-raised);border-radius:16px;min-width:0;padding:.75rem}.history-item[data-current=true],.job-card[data-current=true],.result-card[data-current=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.history-select,.job-card-select,.result-card-select{text-align:left;border:0;gap:.28rem;width:100%;padding:0;display:grid}.history-title{width:100%}.history-actions{flex-wrap:wrap;margin-top:.7rem}.state-block{justify-items:start;gap:.7rem;display:grid}.error-details{color:var(--muted);margin-top:.45rem;font-size:.82rem}.error-details p{margin:.4rem 0 0}.stage-timeline{flex-wrap:wrap;gap:.35rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.stage-timeline li{border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:.15rem .45rem;font-size:.72rem}.stage-timeline li[data-done=true]{color:var(--ink);border-color:var(--accent)}.stage-timeline li[data-active=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.video-card-grid,.result-card-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.95rem;margin:0;padding:0;list-style:none;display:grid}.result-load-more{grid-column:1/-1;place-items:center;min-height:3rem;display:grid}.result-load-more .button-quiet{color:var(--accent-strong)}@media (width>=960px){.video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.video-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.result-card,.video-card{min-width:0;animation:.45s both card-enter;overflow:hidden}.result-card{box-shadow:none;background:0 0;border:0;border-radius:14px;padding:0;position:relative}.result-card-pending{box-shadow:none;background:0 0;border:0}.result-pending-frame{background:linear-gradient(135deg,#0000 0 16%,#ffffff14 16% 17%,#0000 17% 83%,#ffffff14 83% 84%,#0000 84%),#262a27;border-radius:14px}.result-pending-frame:before,.result-pending-frame:after{content:"";pointer-events:none;border-color:#fffef98c;width:1.25rem;height:1.25rem;position:absolute}.result-pending-frame:before{border-top:1px solid;border-left:1px solid;top:.65rem;left:.65rem}.result-pending-frame:after{border-bottom:1px solid;border-right:1px solid;bottom:.65rem;right:.65rem}.result-card-submitting .result-pending-frame{color:var(--accent);background:#edf0eb}.result-card-submitting .result-pending-frame:before,.result-card-submitting .result-pending-frame:after{border-color:#1a9b8a6b}.result-pending-mark{border:2px solid;border-right-color:#0000;border-radius:50%;width:2.3rem;height:2.3rem;animation:1.1s linear infinite result-pending-spin}.result-pending-label{white-space:nowrap;font-size:.8rem;font-weight:700;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.result-pending-copy{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.result-pending-progress{background:var(--bg-inset);border-radius:999px;width:100%;height:.35rem;display:block;overflow:hidden}.result-pending-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s;display:block}.result-card-progress-overlay{z-index:2;color:#fffef9;width:min(8rem,42%);position:absolute;bottom:.55rem;left:.65rem}.result-card-progress-copy{font-variant-numeric:tabular-nums;margin-bottom:.2rem;font-size:.72rem;display:block}.result-card-owner{z-index:2;position:absolute;top:.4rem;right:.4rem}.result-card-actions{z-index:4;opacity:0;pointer-events:none;align-items:center;gap:.35rem;padding:1.2rem 0 0 1.4rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:.55rem;right:.55rem;transform:translateY(.25rem)}.result-card-actions:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#0000 10%,#121210b8);border-radius:0 0 14px;position:absolute;inset:-1.5rem -.55rem -.55rem -2rem}.result-card:hover .result-card-actions,.result-card:focus-within .result-card-actions{opacity:1;pointer-events:auto;transform:none}.result-card-action{z-index:1;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#1c1915b8;border:1px solid #ffffff73;border-radius:999px;padding:.28rem .55rem;font-size:.74rem;line-height:1.2;position:relative}.result-card-action:hover{background:#121210e6}.result-card-action:focus-visible{outline-color:#fff}.result-card-select{border-radius:14px;gap:0;overflow:hidden}.result-card-select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.video-frame,.job-card-preview{aspect-ratio:16/9;background:#1c1915;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.job-card-preview{border-radius:12px;margin-bottom:.7rem;display:block}.job-card-main{gap:.35rem;min-width:0;display:grid}.job-status-corner{z-index:1;position:absolute;top:.4rem;left:.4rem}.job-status-corner .status-badge{color:#fffef9;background:#121210b8;padding:.08rem .4rem;font-size:.68rem}.job-shot-card .job-card-preview{max-height:200px}@media (width>=721px){.job-shot-card{grid-template-columns:15.5rem minmax(0,1fr);align-items:start;gap:.7rem .85rem;padding:.65rem;display:grid}.job-shot-card .job-card-preview{aspect-ratio:auto;border-radius:10px;height:160px;max-height:200px;margin-bottom:0}}.result-card .video-frame,.video-card .video-frame{display:block}.result-card .video-frame{border-radius:14px}.result-card .duration-badge{left:.65rem;right:auto}.first-frame-host{width:0;height:0;position:absolute;overflow:hidden}.first-frame-capture{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.result-first-frame,.result-still{object-fit:cover;width:100%;height:100%;display:block}.result-dialog-still{object-fit:contain;background:#111;width:100%;height:100%;display:block}.video-player,.video-placeholder{place-items:center;width:100%;height:100%;display:grid}.video-player{object-fit:cover;background:#111}.video-placeholder{background:linear-gradient(160deg,#1a9b8a38,#0000 42%),linear-gradient(45deg,#2a3532 0%,#1c2322 58%,#31403c 100%)}.status-placeholder{color:#f7fffe;text-align:center;background:linear-gradient(160deg,#1a9b8a2e,#0000 42%),linear-gradient(45deg,#2a3532 0%,#1c2322 58%,#31403c 100%);padding:.8rem}.status-placeholder[data-status=queued]{background:linear-gradient(160deg,#b5812e47,#0000 48%),#2a2620}.status-placeholder[data-status=running]{background:linear-gradient(160deg,#d977064d,#0000 48%),#2b2218}.status-placeholder[data-status=failed],.status-placeholder[data-status=cancelled]{background:linear-gradient(160deg,#a33b3452,#0000 48%),#2a1c1b}.status-placeholder-label{letter-spacing:.04em;overflow-wrap:anywhere;font-size:.92rem;font-weight:650;line-height:1.35}.duration-badge{color:#fffef9;font-variant-numeric:tabular-nums;background:#121210b8;border-radius:999px;padding:.12rem .42rem;font-size:.72rem;position:absolute;bottom:.55rem;right:.65rem}.video-card-body,.result-card-body{gap:.28rem;padding:.85rem .95rem .2rem;display:grid}.result-card .artifact-link,.result-card .artifact-actions,.result-card .artifact-empty,.result-card .artifact-pending,.result-card .error-summary,.result-card .error-details{margin-left:.95rem;margin-right:.95rem}.parameter-drawer{gap:1rem;padding:.2rem .15rem .4rem;display:grid}.parameter-fields-stack{gap:1rem;display:grid}.more-parameters{border:1px solid var(--line);background:var(--bg-inset);color:var(--muted);border-radius:12px;margin-top:.15rem;padding:.4rem .7rem .65rem;font-size:.9em}.more-parameters summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:600}.more-parameters .parameter-grid{gap:.6rem .7rem;margin-top:.55rem}.more-parameters .field label,.more-parameters .switch-row label{font-size:.92em;font-weight:550}.more-parameters .field-hint{font-size:.78rem}.more-parameters input,.more-parameters select,.more-parameters .enum-popover-trigger{border-radius:10px;padding:.5rem .65rem}.prompt-shortcut-mobile{display:none}.job-progress-details{color:var(--muted);margin-top:.55rem;font-size:.82rem}.job-progress-details summary{cursor:pointer}.shot-title{font-weight:650}.result-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c19159e;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.result-dialog{background:var(--bg-raised);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:min(72rem,100vw - 2rem);max-height:min(52rem,100dvh - 2rem);padding:1.35rem 1.4rem 1.2rem;display:grid;position:relative;overflow:auto;box-shadow:0 24px 60px #1c19152e}.result-dialog-close{z-index:2;width:2.1rem;height:2.1rem;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0;font-size:1.35rem;line-height:1;position:absolute;top:1rem;right:1.1rem}.result-dialog-header{margin-bottom:1rem;padding-right:2.4rem}.result-dialog-heading-row{align-items:flex-start;gap:.7rem;min-width:0;display:flex}.result-dialog-title{overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;font-size:1.15rem;font-weight:700}.result-dialog-body{grid-template-columns:minmax(0,1.62fr) minmax(16rem,1fr);align-items:start;gap:1.2rem 1.4rem;min-height:0;display:grid}.result-dialog-player{width:min(100%, calc(min(60dvh, 42rem) * var(--result-dialog-aspect-ratio,16 / 9)));aspect-ratio:var(--result-dialog-aspect-ratio,16 / 9);background:#111;border-radius:16px;place-self:start center;min-width:0;max-height:min(60dvh,42rem);position:relative;overflow:hidden}.result-dialog-video{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.result-dialog-meta{align-content:start;gap:.85rem;min-width:0;display:grid}.result-dialog-section{border-top:1px solid var(--line);gap:.7rem;min-width:0;padding-top:.85rem;display:grid}.result-dialog-section:first-child{border-top:0;padding-top:0}.result-dialog-section h3{color:var(--muted);margin:0;font-size:.82rem;font-weight:650}.result-dialog-fields{gap:.7rem;margin:0;display:grid}.result-dialog-fields div{grid-template-columns:4.2rem minmax(0,1fr);align-items:baseline;gap:.7rem;display:grid}.result-dialog-fields dt{color:var(--soft)}.result-dialog-fields dd{min-width:0;color:var(--ink);font-size:.9rem}.result-dialog-copy-row{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.result-dialog-copy-value{overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45}.result-dialog-copy{color:var(--accent);white-space:nowrap;flex:none;padding:.18rem .35rem;font-size:.78rem}.result-dialog-hash{letter-spacing:.01em}.result-dialog-copy-feedback{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.82rem;line-height:1.45}.result-dialog-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.15rem;padding-top:.35rem;display:flex}.result-dialog-playback-status{color:var(--muted);flex:1 0 100%;margin:0;font-size:.88rem;line-height:1.45}.result-dialog-retry{color:var(--accent);margin-left:auto}.result-dialog-delete{margin-left:0}.delete-job-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c191594;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.delete-job-dialog{border:1px solid var(--line);background:var(--bg-raised);border-radius:18px;width:min(28rem,100vw - 2rem);padding:1.3rem;box-shadow:0 24px 60px #1c19152e}.delete-job-dialog h2{margin:.15rem 0 .35rem;font-size:1.25rem}.delete-job-dialog p{overflow-wrap:anywhere}.delete-job-name{color:var(--muted);margin:0 0 .55rem;font-weight:650}.delete-job-actions{justify-content:flex-end;gap:.55rem;margin-top:1.1rem;display:flex}.cancel-job-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c191594;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cancel-job-dialog{border:1px solid var(--line);background:var(--bg-raised);border-radius:18px;width:min(28rem,100vw - 2rem);padding:1.3rem;box-shadow:0 24px 60px #1c19152e}.cancel-job-dialog h2{margin:.15rem 0 .35rem;font-size:1.25rem}.cancel-job-dialog p{overflow-wrap:anywhere}.cancel-job-name{color:var(--muted);margin:0 0 .55rem;font-weight:650}.cancel-job-actions{justify-content:flex-end;gap:.55rem;margin-top:1.1rem;display:flex}.current-status-hint{margin:.35rem 0 .15rem}@keyframes pulse{50%{opacity:.35}}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes generate-sweep{0%{opacity:.2;left:-45%}45%{opacity:.7}to{opacity:.12;left:115%}}@keyframes generate-pulse{50%{filter:brightness(1.08)}}@keyframes result-pending-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status-badge[data-status=running] .status-dot,.skill-card,.result-card,.video-card,.generate-button,.generate-button .glow,.result-pending-mark,.result-dialog-backdrop,.result-dialog,.delete-job-backdrop,.delete-job-dialog,.cancel-job-backdrop,.cancel-job-dialog{animation:none!important}.generate-button,.generate-button .glow,.skill-card,.result-card,.video-card,.result-dialog-backdrop,.result-dialog,.delete-job-backdrop,.delete-job-dialog,.cancel-job-backdrop,.cancel-job-dialog,.result-card-actions,.result-pending-progress span,.aspect-ratio-choice,.aspect-resolution-choice,.auth-form input[type=text],.auth-form input[type=password],.auth-form .button-primary{transition:none}.result-dialog-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.generate-button:hover,.generate-button:active,.generate-button:hover:not(:disabled){filter:none;transform:none}.composer-stage,.composer-stage:focus-within,.param-capsule{transition:none}.composer-stage:focus-within{box-shadow:0 1px 2px #1c19150a}.enum-popover-trigger,.enum-popover-list,.enum-option,.overlay-surface,.param-capsule,input[type=range]{transition:none}}@media (width<=1100px){.studio-hero{text-align:left;margin-left:0;margin-right:0}.skill-cards{justify-content:flex-start}.generate-button:not(.generate-button-toolbar){border-radius:12px;gap:9px;min-width:200px;height:48px;padding:0 1.2rem 0 1rem;font-size:.95rem}}@media (width<=720px){.studio{grid-template:"top""main"1fr"nav"/1fr;padding-bottom:0}.mobile-top{grid-area:top;display:flex}.studio-nav,.studio-nav.safe-bottom-bar{width:100%;height:auto;min-height:4.25rem;padding:.3rem .4rem env(safe-area-inset-bottom,0px);background:var(--bg-raised);border-bottom:0;border-top:1px solid var(--line);grid-template-columns:1fr;display:flex;position:fixed;inset:auto 0 0}.studio-nav-brand,.studio-nav .account-tools{display:none}.mobile-account{flex:auto;justify-content:flex-end;gap:.4rem}.mobile-account .poe-balance-indicator{white-space:nowrap;flex:none;max-width:none;font-size:.65rem}.mobile-account .poe-status-panel{top:calc(3.5rem + env(safe-area-inset-top,0px));width:min(21rem,100vw - 1rem);position:fixed;inset-inline:auto .5rem}.mobile-account>[data-testid=mobile-account-label]{text-overflow:ellipsis;white-space:nowrap;flex:0 3rem;min-width:0;max-width:3rem;overflow:hidden}.studio-nav-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;display:grid}.studio-nav-list li{min-width:0}.studio-nav-item{width:100%;min-width:0;box-shadow:none;border-radius:12px;flex-direction:column;gap:.12rem;padding:.3rem .1rem;font-size:.72rem}.studio-nav-item svg{display:block}.studio-nav-item[data-active=true]{background:var(--accent-dim);box-shadow:none;border-radius:12px}.studio-main{padding:1rem .9rem calc(6.5rem + env(safe-area-inset-bottom,0px))}.result-board,.result-card-grid{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));scroll-margin-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.result-card,.result-card-pending,.result-load-more{scroll-margin-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}h1{font-size:1.7rem}.composer-stage{border-radius:20px;grid-template-columns:1fr}.composer-editor{padding:.9rem .9rem .2rem}.reference-image-add,.reference-image-preview{width:100%}.reference-image-preview{grid-template-columns:3.25rem minmax(0,1fr)}.reference-image-preview img{width:3.25rem;height:2.6rem}.reference-image-actions{grid-column:1/-1;justify-content:flex-end}.reference-image-track-list{margin-right:-.9rem;padding-right:.9rem}.reference-image-tile,.reference-image-track-add{flex-basis:8.15rem}.frame-input-track{flex-direction:column}.frame-input-slot{flex-basis:auto;width:100%;min-width:0}.frame-input-preview{grid-template-columns:4rem minmax(0,1fr)}.frame-input-preview img{width:4rem;height:3rem}.frame-input-actions{grid-column:1/-1;justify-content:flex-end}.composer-stage textarea{min-height:8.4rem}.composer-status{padding:0 .9rem}.composer-toolbar{padding:.3rem .45rem .45rem .55rem}.generate-button:not(.generate-button-toolbar){border-radius:12px;justify-content:center;gap:8px;width:100%;min-width:0;max-width:100%;height:48px;padding:0 1rem;font-size:.95rem}.prompt-shortcut-desktop{display:none}.prompt-shortcut-mobile{display:inline}.parameter-grid,.meta-list,.history-params,.duration-estimate{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.panel-heading,.rail-heading{align-items:flex-start}.panel-heading .button-secondary,.rail-heading .button-quiet{white-space:nowrap;flex-shrink:0}.video-card-grid,.result-card-grid,.job-card-list,.job-shot-grid{grid-template-columns:1fr}.result-dialog-backdrop{align-items:stretch;padding:0}.result-dialog{width:100%;max-height:100dvh;padding:1.1rem 1rem calc(1.1rem + env(safe-area-inset-bottom,0px));border-radius:0}.result-dialog-header{padding-right:2.8rem}.result-dialog-body{display:block}.result-dialog-player{margin:0 auto 1.2rem}.result-dialog-actions{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-raised);position:sticky;bottom:0}.delete-job-backdrop{padding:.75rem .75rem calc(5.3rem + env(safe-area-inset-bottom,0px));align-items:end}.delete-job-dialog{width:100%;max-height:calc(100dvh - 6.8rem - env(safe-area-inset-bottom,0px));padding-bottom:max(1.1rem, env(safe-area-inset-bottom,0px));overflow:auto}.delete-job-actions{background:var(--bg-raised);padding-top:.65rem;position:sticky;bottom:0}.cancel-job-backdrop{padding:.75rem .75rem calc(5.3rem + env(safe-area-inset-bottom,0px));align-items:end}.cancel-job-dialog{width:100%;max-height:calc(100dvh - 6.8rem - env(safe-area-inset-bottom,0px));padding-bottom:max(1.1rem, env(safe-area-inset-bottom,0px));overflow:auto}.cancel-job-actions{background:var(--bg-raised);padding-top:.65rem;position:sticky;bottom:0}.job-shot-card{display:block}.enum-popover-list{max-height:min(14rem, calc(100dvh - 6.5rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));padding-bottom:max(.28rem, env(safe-area-inset-bottom,0px))}.overlay-surface{max-width:calc(100vw - 1.2rem);padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px))}.skill-cards{justify-content:flex-start}.side-nav-account-label{max-width:7rem}}@media (width<=480px){.mobile-account-role{display:none}.mobile-account>.button-secondary{white-space:nowrap;flex:none;min-height:2.5rem;padding-inline:.45rem}}@media (hover:none){.result-card-actions{opacity:1;pointer-events:auto;transform:none}}@media (pointer:coarse){.result-card-actions{opacity:1;pointer-events:auto;transform:none}}@media (width<=520px){.generate-button.generate-button-toolbar{border-radius:50%;gap:0;width:42px;min-width:42px;max-width:42px;height:42px;padding:0}.generate-button.generate-button-toolbar[data-state=submitting]{width:8.6rem;min-width:8.6rem;max-width:8.6rem;padding:0 .55rem;font-size:.72rem}}