:root{--bg:#050a0f;--bg-raised:#0a1016;--bg-sunken:#03070b;--text:#eeede4;--text-muted:#99a1af;--text-faint:#68707e;--line:#ffffff14;--line-strong:#ffffff24;--surface:#ffffff0d;--surface-hover:#ffffff14;--surface-active:#ffffff1f;--accent:#78beff;--danger:#ff8a80;--ok:#7ed9a0;--coral:#e28c68;--sidebar-w:288px;--radius:10px;--radius-lg:16px;--glass:saturate(170%) blur(18px);--font:-apple-system, system-ui, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box content-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e padding-box content-box}.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100%;display:grid}.scrim{z-index:20;background:#0009;display:none;position:fixed;inset:0}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{width:var(--sidebar-w);z-index:30;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar[data-open=true]{transform:none}.scrim{display:block}}.sidebar{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;min-height:0;margin:8px;display:flex}@media (width<=860px){.sidebar{border:none;border-right:1px solid var(--line);border-radius:0;margin:0}}.brand{letter-spacing:.14em;align-items:center;gap:10px;padding:18px 16px 14px;font-size:17px;font-weight:400;display:flex}.brand-wordmark{width:auto;height:.858em;display:block}.sidebar-scroll{flex:1;min-height:0;padding:4px 8px 12px;overflow-y:auto}.new-chat{border-radius:var(--radius);background:var(--surface);width:calc(100% - 16px);color:var(--text);align-items:center;gap:8px;margin:0 8px 12px;padding:9px 12px;font-weight:500;transition:background .12s;display:flex}.new-chat:hover{background:var(--surface-hover)}.section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;padding:14px 8px 6px;font-size:11px;display:flex}.icon-btn{width:26px;height:26px;color:var(--text-muted);border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.menu-btn{display:none}@media (width<=860px){.menu-btn{display:grid}}.project{margin-bottom:2px}.row{width:100%;color:var(--text-muted);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;transition:background .12s,color .12s;display:flex}.row:hover{background:var(--surface);color:var(--text)}.row[data-active=true]{background:var(--surface-active);color:var(--text)}.sidebar-primary-nav{border-bottom:1px solid var(--line);gap:3px;padding:0 8px 10px;display:grid}.sidebar-primary-nav .row{padding:8px 10px}.sidebar-primary-nav .row[data-active=true]{box-shadow:inset 2px 0 var(--coral)}.row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row-caret{color:var(--text-faint);flex:none;transition:transform .15s}.row-caret[data-open=true]{transform:rotate(90deg)}.project-row{position:relative}.project-row .row{padding-right:42px}.project-row .icon-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.session-list{border-left:1px solid var(--line);margin:2px 0 6px 14px;padding-left:10px}.session-row{padding:6px 8px;font-size:13px}.session-row-wrap{position:relative}.session-row-wrap .session-row{padding-right:40px}.session-menu-btn{opacity:0;width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.session-row-wrap:hover .session-menu-btn,.session-row-wrap:focus-within .session-menu-btn,.session-row-wrap[data-menu-open=true] .session-menu-btn{opacity:1}@media (hover:none){.session-menu-btn{opacity:1}}.empty-hint{color:var(--text-faint);padding:6px 10px 10px;font-size:12.5px;line-height:1.5}.sidebar-foot{border-top:1px solid var(--line);padding:8px}.foot-signin{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.foot-signin:hover,.foot-signin:focus-visible{background:var(--surface-hover);border-color:var(--line-strong);outline:none}.account{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:5px 6px;transition:background .12s;display:flex}.account:hover,.account:focus-visible,.account[aria-expanded=true]{background:var(--surface-hover);outline:none}.account-caret{color:var(--text-faint);flex:none;transition:transform .15s;display:flex;transform:rotate(-90deg)}.account-caret[data-open=true]{transform:rotate(90deg)}.foot-balance{width:100%;color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:5px 6px 5px 8px;font-size:12.5px;transition:background .14s;display:flex}.foot-balance:hover{background:var(--surface)}.foot-balance-add{white-space:nowrap;max-width:0;color:var(--accent);opacity:0;flex:none;font-size:11.5px;transition:max-width .16s,opacity .16s;overflow:hidden}.foot-balance:hover .foot-balance-add,.foot-balance:focus-visible .foot-balance-add{opacity:1;max-width:7rem}.foot-balance svg{color:var(--coral);flex:none;width:16px;height:16px}.foot-balance-value{font-variant-numeric:tabular-nums;color:var(--text);flex:none}.menu-rule{background:var(--line);height:1px;margin:4px 6px}.menu-value{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:48%;font-size:12px;overflow:hidden}.menu-chevron{color:var(--text-faint);flex:none;display:flex}.menu-chevron[data-back=true]{transform:rotate(180deg)}.menu-back{color:var(--text)}.menu-note{color:var(--text-faint);padding:2px 10px 8px;font-size:12px;line-height:1.45}.menu-error{color:var(--danger);padding:8px 10px 4px;font-size:12px;line-height:1.45}.menu-list{overscroll-behavior:contain;max-height:min(46vh,340px);overflow-y:auto}.menu-list[data-busy=true]{opacity:.55;pointer-events:none}.menu-option-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.menu-option-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-option-detail{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.account-menu{max-width:min(320px,100vw - 24px)}.lang{color:var(--text-faint);justify-content:center;align-items:center;gap:6px;display:flex}.lang select{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;outline:none;padding:3px 5px;font-size:12.5px;transition:background .12s,color .12s}.lang select:hover,.lang select:focus-visible{background:var(--surface-hover);color:var(--text)}.avatar{width:30px;height:30px;color:var(--text);background:linear-gradient(140deg,#466080,#303c52);border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.foot-email{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.empty-menu-btn{z-index:2;position:absolute;top:12px;left:12px}.chat-head{z-index:1;align-items:center;gap:10px;min-height:40px;padding:14px 20px 0;display:flex;position:relative}.chat-head-title{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.outputs-btn{flex:none;margin-left:auto}.outputs-btn[data-active=true]{background:var(--surface-active);color:var(--text)}.chat-body{flex:1;min-width:0;min-height:0;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.transcript{scroll-behavior:smooth;z-index:1;flex:1;min-height:0;padding:14px 20px 8px;position:relative;overflow-y:auto}.water-layer{z-index:0;pointer-events:none;opacity:.5;transition:opacity .9s;position:absolute;inset:0;overflow:hidden}.water-layer-dim{opacity:.14}.water{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.water-layer{display:none}}.thread{flex-direction:column;gap:22px;max-width:760px;margin:0 auto;display:flex}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:40px 20px;display:flex}.hero-mark{background:url(/brand/logo-white.svg) 50%/contain no-repeat;width:46px;height:46px}.hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(28px,4.2vw,42px);font-weight:400;line-height:1.2}.hero p{color:var(--text-muted);max-width:460px;margin:0}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.chip{border:1px solid var(--line);height:34px;-webkit-backdrop-filter:var(--glass);color:var(--text);background:#ffffff0f;border-radius:9999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.chip:hover{border-color:var(--line-strong);background:#ffffff1c}.msg-user{background:var(--surface-active);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 5px var(--radius-lg);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-end;max-width:76%;padding:11px 15px}.msg-assistant{overflow-wrap:anywhere;max-width:100%;line-height:1.72}.msg-assistant>:first-child{margin-top:0}.msg-assistant>:last-child{margin-bottom:0}.msg-assistant p,.msg-assistant ul,.msg-assistant ol,.msg-assistant pre,.msg-assistant blockquote{margin:0 0 12px}.msg-assistant h1,.msg-assistant h2,.msg-assistant h3,.msg-assistant h4,.msg-assistant h5,.msg-assistant h6{margin:22px 0 8px;font-weight:600;line-height:1.35}.msg-assistant h1{font-size:1.32em}.msg-assistant h2{font-size:1.18em}.msg-assistant h3{font-size:1.07em}.msg-assistant h4,.msg-assistant h5,.msg-assistant h6{color:var(--text-muted);font-size:1em}.msg-assistant strong{font-weight:600}.msg-assistant ul,.msg-assistant ol{padding-left:1.4em}.msg-assistant li+li{margin-top:3px}.msg-assistant li>ul,.msg-assistant li>ol{margin:3px 0 0}.msg-assistant li>p{margin:0}.msg-assistant li:has(>input[type=checkbox]){margin-left:-1.4em;list-style:none}.msg-assistant input[type=checkbox]{accent-color:var(--accent);margin:0 7px 0 0}.msg-assistant a{color:var(--accent);text-underline-offset:2px;-webkit-text-decoration:underline #78beff66;text-decoration:underline #78beff66}.msg-assistant a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.msg-assistant code{font-family:var(--mono);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1.5px 5px;font-size:.88em}.msg-assistant pre{border-radius:var(--radius);background:var(--bg-sunken);border:1px solid var(--line);padding:12px 14px;overflow-x:auto}.msg-assistant pre code{white-space:pre;overflow-wrap:normal;background:0 0;border:0;padding:0;font-size:.86em;line-height:1.62;display:block}.msg-assistant blockquote{border-left:2px solid var(--line-strong);color:var(--text-muted);padding-left:13px}.msg-assistant hr{border:0;border-top:1px solid var(--line);margin:20px 0}.md-scroll{max-width:100%;margin:0 0 12px;overflow-x:auto}.msg-assistant table{border-collapse:collapse;font-size:13px}.msg-assistant th,.msg-assistant td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 12px}.msg-assistant th{background:var(--surface);white-space:nowrap;font-weight:600}.msg-assistant img{border-radius:var(--radius);max-width:100%}.msg-streaming>:last-child:after{content:"";vertical-align:text-bottom;background:var(--text-muted);width:7px;height:1.05em;margin-left:3px;animation:1.1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.progress{background:var(--surface);border:1px solid var(--line);color:var(--text-muted);border-radius:9999px;align-self:flex-start;align-items:center;gap:9px;padding:8px 13px;font-size:13px;display:inline-flex}.spinner{border:1.5px solid #ffffff2e;border-top-color:var(--text);border-radius:50%;flex:none;width:13px;height:13px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-detail{color:var(--text-faint);font-size:12px}.error-note{border-radius:var(--radius);color:var(--danger);background:#ff8a8017;border:1px solid #ff8a8040;align-self:flex-start;padding:10px 14px;font-size:13px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-self:stretch;gap:10px;display:grid}.asset{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);transition:border-color .14s;position:relative;overflow:hidden}.asset:hover{border-color:var(--line-strong)}.asset-open{text-align:left;cursor:zoom-in;width:100%;padding:0;display:block}.asset img{aspect-ratio:16/10;object-fit:cover;background:var(--bg-sunken);width:100%;display:block}.asset-meta{color:var(--text-faint);align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;display:flex}.asset-id{font-family:var(--mono);color:var(--text-muted)}.asset-nonvisual{aspect-ratio:16/10;color:var(--text-faint);background:var(--bg-sunken);place-items:center;gap:6px;font-size:12.5px;display:grid}.tile-actions{opacity:0;gap:6px;transition:opacity .14s;display:flex;position:absolute}.asset:hover .tile-actions,.output:hover .tile-actions,.tile-actions:focus-within{opacity:1}@media (hover:none){.tile-actions{opacity:1}}.asset .tile-actions{top:8px;right:8px}.output .tile-actions{bottom:6px;right:6px}.tile-action{border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;background:#020508bd;border-radius:9999px;padding:3px 10px;font-size:11.5px;transition:background .14s}.tile-action:hover{background:#020508eb}.tile-action-icon{place-items:center;width:26px;padding:0;display:grid}.menu-scrim{z-index:40;background:0 0;position:fixed;inset:0}.row-menu{z-index:41;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line-strong);min-width:170px;padding:4px;position:fixed;box-shadow:0 12px 32px #00000073}.row-menu-item{width:100%;color:var(--text-muted);text-align:left;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.row-menu-item:hover,.row-menu-item:focus-visible{background:var(--surface-hover);color:var(--text);outline:none}.row-menu-item[data-danger=true]:hover,.row-menu-item[data-danger=true]:focus-visible{color:var(--danger)}.row-menu-item[aria-current=true]{color:var(--text)}.row-menu-item[aria-current=true] svg{color:var(--coral);flex:none}.modal{color:var(--text);background:0 0;border:none;width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);margin:auto;padding:0;overflow:visible}.modal::backdrop{background:#020508b8}.modal-card{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--line-strong);flex-direction:column;gap:14px;padding:16px 16px 14px;display:flex;box-shadow:0 24px 64px #0000008c}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-title{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.modal-body{flex-direction:column;gap:10px;max-height:52vh;display:flex;overflow-y:auto}.modal-text{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}.modal-input{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);outline:none;width:100%;padding:10px 12px;font-size:14px}.modal-input:focus{border-color:var(--line-strong)}.modal-choices{flex-direction:column;gap:2px;display:flex}.modal-choice{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.modal-choice:hover{background:var(--surface);color:var(--text)}.modal-choice[data-selected=true]{background:var(--surface-active);color:var(--text)}.modal-choice input{accent-color:var(--accent);flex:none;margin:0}.modal-error{color:var(--danger);font-size:13px}.modal-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.modal-note-warn{color:var(--danger)}.packs{flex-direction:column;gap:8px;display:flex}.pack{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;gap:14px;padding:11px 14px;transition:background .14s,border-color .14s;display:flex}.pack:hover{background:var(--surface-hover)}.pack[aria-pressed=true]{border-color:var(--accent);background:var(--surface-active)}.pack-price{width:52px;color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:17px}.pack-lines{flex-direction:column;gap:2px;min-width:0;display:flex}.pack-worth{color:var(--text-muted);font-size:12px;line-height:1.45}.pack-credits{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.pack-bonus{color:var(--ok);flex:none;margin-left:auto;font-size:11px}.pack-custom{margin-top:4px}.checkout{background:var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.checkout-card{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:32px 28px;display:flex}.checkout-card svg{width:28px;height:28px;color:var(--coral)}.checkout-title{margin:0;font-size:19px;font-weight:500}.checkout-body{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.checkout-balance{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.checkout-back{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text);margin-top:6px;padding:9px 18px;font-size:13.5px;transition:background .14s}.checkout-back:hover{background:var(--surface-hover)}.checkout-back[data-waiting=true]{color:var(--text-muted)}.declaration{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text);margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{border-radius:var(--radius);background:var(--surface);color:var(--text-muted);padding:8px 14px;font-size:13.5px;transition:background .12s,color .12s,opacity .12s}.modal-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.modal-btn:disabled{opacity:.4;cursor:not-allowed}.modal-btn-primary{background:var(--text);color:#080c10;font-weight:600}.modal-btn-primary:hover:not(:disabled){background:var(--text);color:#080c10}.modal-btn-primary[data-danger=true],.modal-btn-primary[data-danger=true]:hover:not(:disabled){background:var(--danger);color:#1c0604}.outputs{background:var(--bg-sunken);border-left:1px solid var(--line);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.outputs[data-open=false]{display:none}.outputs-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 10px 6px 14px;display:flex}.outputs-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.outputs-tabs{gap:4px;padding:0 10px 8px;display:flex}.outputs-tab{color:var(--text-muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12.5px;transition:background .12s,color .12s;display:inline-flex}.outputs-tab:hover{background:var(--surface);color:var(--text)}.outputs-tab[data-active=true]{background:var(--surface-active);color:var(--text)}.outputs-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.outputs-scroll{flex:1;min-height:0;padding:2px 10px 10px;overflow-y:auto}.outputs-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.output{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);transition:border-color .14s;position:relative;overflow:hidden}.output:hover{border-color:var(--line-strong)}.output-open{cursor:zoom-in;width:100%;padding:0;line-height:0;display:block}.output-open img,.output-open video{aspect-ratio:1;object-fit:cover;background:var(--bg-sunken);width:100%;display:block}.output-badge{width:22px;height:22px;color:var(--text);pointer-events:none;background:#02050899;border-radius:9999px;place-items:center;display:grid;position:absolute;top:6px;left:6px}.outputs-foot{border-top:1px solid var(--line);color:var(--text-faint);padding:8px 14px 10px;font-size:11.5px;line-height:1.45}.outputs-scrim{display:none}@media (width<=1100px){.outputs{z-index:30;width:min(320px,86vw);position:fixed;inset:0 0 0 auto}.outputs-scrim{z-index:25;background:#0009;display:block;position:fixed;inset:0}}.viewer{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:#020508f0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.viewer::backdrop{background:#020508b8}.viewer-scrim{cursor:zoom-out;background:0 0;position:absolute;inset:0}.viewer-stage{pointer-events:none;justify-content:center;align-items:center;padding:62px 72px 56px;display:flex;position:absolute;inset:0}.viewer-stage>*{pointer-events:auto}.viewer-stage video{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.viewer-stage audio{width:min(420px,100%)}.viewer-canvas{touch-action:none;cursor:zoom-out;flex:1;justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.viewer-canvas.is-zoomed{cursor:grab}.viewer-canvas.is-panning{cursor:grabbing}.viewer-canvas img{cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;max-width:100%;max-height:100%}.viewer-canvas.is-zoomed img,.viewer-canvas.is-panning img{cursor:inherit}.viewer-zoom{z-index:2;border:1px solid var(--line-strong);background:#ffffff0f;border-radius:9999px;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:14px;left:18px}.viewer-zoom .icon-btn:disabled{opacity:.35}.viewer-scale{font-variant-numeric:tabular-nums;min-width:54px;color:var(--text-muted);background:0 0;padding:0 4px;font-size:12px;transition:color .12s}.viewer-scale:hover{color:var(--text)}.viewer-bar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:18px}.viewer-action{border:1px solid var(--line-strong);height:30px;color:var(--text);background:#ffffff14;border-radius:9999px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;transition:background .12s;display:inline-flex}.viewer-action:hover{background:#ffffff29}.viewer-nav{z-index:2;width:40px;height:40px;color:var(--text);background:#ffffff12;border-radius:9999px;place-items:center;transition:background .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#ffffff29}.viewer-nav-prev{left:16px}.viewer-nav-next{right:16px}.viewer-nav-prev svg{transform:rotate(180deg)}.viewer-action[data-active=true]{color:var(--coral);background:#e28c6833;border-color:#e28c6880}.annotate{flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;min-height:0;display:flex}.annotate-tools{border:1px solid var(--line);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);background:#0c121ad1;border-radius:9999px;flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.annotate-colors{border-right:1px solid var(--line);align-items:center;gap:6px;margin-right:2px;padding-right:4px;display:flex}.annotate-color{border:1px solid #ffffff59;border-radius:9999px;width:20px;height:20px;transition:box-shadow .12s}.annotate-color[data-active=true]{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px currentColor}.annotate-stage{flex:1;width:fit-content;min-height:0;line-height:0;position:relative}.annotate-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:100%;max-height:100%;display:block}.annotate-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.annotate-say{flex:none;align-items:flex-end;gap:8px;width:min(680px,100%);display:flex}.annotate-say textarea{resize:none;border:1px solid var(--line-strong);min-width:0;color:var(--text);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);background:#0c121ad1;border-radius:12px;flex:1;padding:9px 12px;font-size:13.5px;line-height:1.45}.annotate-say textarea:focus{border-color:#e28c688c;outline:none}.annotate-say textarea::placeholder{color:var(--text-faint)}.annotate-apply{background:var(--coral);color:#0c0a09;border-radius:9999px;flex:none;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:opacity .12s}.annotate-apply:disabled{opacity:.45;cursor:default}.annotate-error{border-radius:var(--radius);max-width:min(680px,100%);color:var(--danger);background:#ff8a801f;border:1px solid #ff8a804d;flex:none;padding:8px 12px;font-size:12.5px;line-height:1.45}.viewer-prompt{z-index:3;background:linear-gradient(#03070b00,#03070bf7 35%);max-height:45%;padding:14px 20px 18px;animation:.16s ease-out review-in;position:absolute;inset:auto 0 0;overflow-y:auto}@media (prefers-reduced-motion:reduce){.viewer-prompt{animation:none}}.viewer-prompt-head{letter-spacing:.06em;text-transform:uppercase;max-width:720px;color:var(--text-faint);align-items:center;gap:8px;margin:0 auto 6px;font-size:11px;display:flex}.viewer-prompt-head .icon-btn{width:24px;height:24px;margin-left:auto}.viewer-prompt-text{max-width:720px;color:var(--text);white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0 auto;font-size:13.5px;line-height:1.65}.viewer-prompt-settings{flex-wrap:wrap;gap:6px;max-width:720px;margin:9px auto 0;display:flex}.viewer-chip{border:1px solid var(--line);color:var(--text-faint);font-family:var(--mono);background:#ffffff0f;border-radius:7px;padding:3px 8px;font-size:11px}.viewer-foot{z-index:2;color:var(--text-faint);pointer-events:none;justify-content:center;align-items:center;gap:14px;padding:12px 20px;font-size:11.5px;display:flex;position:absolute;inset:auto 0 0}.viewer-id{font-family:var(--mono);color:var(--text-muted)}.viewer-count{font-variant-numeric:tabular-nums}@media (width<=640px){.viewer-stage{padding:58px 10px 52px}.viewer-zoom{top:12px;left:8px}.viewer-scale{min-width:46px}.viewer-action{padding:0 9px}.viewer-action span{display:none}.viewer-nav{width:34px;height:34px}.viewer-nav-prev{left:6px}.viewer-nav-next{right:6px}}.composer-wrap{z-index:1;padding:10px 20px 22px;position:relative}.composer{border:1px solid var(--line);min-width:0;max-width:760px;-webkit-backdrop-filter:var(--glass);background:#ffffff0e;border-radius:24px;flex-direction:column;gap:9px;margin:0 auto;padding:9px 10px;transition:border-color .14s,background .14s;display:flex}.composer:focus-within{border-color:var(--line-strong)}.composer-dropping{border-color:var(--accent);background:#78beff14}.composer-row{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"field field field field""mode attach.send";align-items:flex-end;gap:6px 8px;display:grid}.composer textarea{resize:none;background:0 0;border:none;outline:none;grid-area:field;min-width:0;min-height:56px;max-height:190px;padding:3px 10px 6px;font-size:15px;line-height:1.55}.composer textarea::placeholder{color:var(--text-faint)}.send{background:var(--text);color:#080c10;border-radius:9999px;flex:none;grid-area:send;place-items:center;width:34px;height:34px;transition:opacity .14s;display:grid}.send:disabled{opacity:.28;cursor:not-allowed}.attach{width:34px;height:34px;color:var(--text-muted);border-radius:9999px;flex:none;grid-area:attach;place-items:center;transition:color .14s,background .14s;display:grid}.attach:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.attach:disabled{opacity:.3;cursor:not-allowed}.stop{border:1px solid var(--line-strong);color:var(--text);background:0 0}.composer-hint{max-width:760px;color:var(--text-faint);text-align:center;min-height:18px;margin:8px auto 0;font-size:11.5px}.hint-error{color:var(--danger)}.mode{flex:none;grid-area:mode;align-self:flex-end;position:relative}.mode-pill{border:1px solid var(--line);width:34px;height:34px;color:var(--text-muted);border-radius:9999px;place-items:center;transition:color .14s,background .14s,border-color .14s;display:grid}.mode-pill svg{width:16px;height:16px}.mode-pill:disabled{opacity:.3;cursor:not-allowed}.mode-pill:hover:not(:disabled),.mode-pill[aria-expanded=true]{color:var(--text);background:var(--surface-hover);border-color:var(--line-strong)}.mode-pill[data-mode=manual]{color:var(--coral);border-color:#e28c6866}.mode-pill[data-mode=manual]:hover:not(:disabled),.mode-pill[data-mode=manual][aria-expanded=true]{color:var(--coral);background:#e28c681f;border-color:#e28c688c}.mode-menu{z-index:20;background:var(--bg-raised);border:1px solid var(--line-strong);width:290px;max-width:calc(100vw - 40px);-webkit-backdrop-filter:var(--glass);border-radius:14px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 44px #0000008c}.mode-menu-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:6px 9px 7px;font-size:11px}.mode-option{text-align:left;border-radius:10px;align-items:flex-start;gap:9px;width:100%;padding:9px;transition:background .12s;display:flex}.mode-option:hover{background:var(--surface-hover)}.mode-option-icon{width:22px;height:22px;color:var(--text-muted);flex:none;place-items:center;display:grid}.mode-option[aria-checked=true] .mode-option-icon{color:var(--text)}.mode-option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.mode-option-label{font-size:13.5px}.mode-option-body{color:var(--text-faint);font-size:12px;line-height:1.45}.mode-option-check{color:var(--coral);flex:none;margin-left:auto;padding-top:3px}.review{max-width:760px;-webkit-backdrop-filter:var(--glass);background:#e28c6812;border:1px solid #e28c6852;border-radius:18px;margin:0 auto 10px;padding:12px 13px 11px;animation:.18s ease-out review-in}@keyframes review-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.review{animation:none}}.review-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.review-kind{color:var(--coral);letter-spacing:.01em;flex:none;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.review-models{min-width:0;position:relative}.review-model{min-width:0;max-width:100%;font-family:var(--mono);color:var(--text-faint);border-radius:7px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;transition:color .12s,background .12s;display:inline-flex}.review-model-ref{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-model svg{flex:none;width:11px;height:11px;transform:rotate(-90deg)}button.review-model:hover:not(:disabled),button.review-model[aria-expanded=true]{color:var(--text);background:var(--surface-hover)}.review-model[data-warn=true]{color:var(--danger)}.review-model-static{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-model-menu{z-index:20;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:12px;width:340px;max-width:min(340px,100vw - 48px);max-height:300px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 18px 44px #0000008c}.review-model-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:5px 8px 6px;font-size:11px}.review-model-option{text-align:left;border-radius:9px;align-items:center;gap:8px;width:100%;padding:7px 8px;transition:background .12s;display:flex}.review-model-option:hover{background:var(--surface-hover)}.review-model-option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.review-model-option-ref{text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11.5px;overflow:hidden}.review-model-option-note{color:var(--text-faint);font-size:11px}.review-model-option[data-unsupported=true] .review-model-option-ref{color:var(--text-muted)}.review-model-option[data-unsupported=true] .review-model-option-note{color:var(--danger)}.review-model-check{color:var(--coral);flex:none;margin-left:auto}.review-warning{color:var(--danger);background:#ff8a801a;border:1px solid #ff8a8052;border-radius:9px;margin-top:8px;padding:7px 9px;font-size:12px;line-height:1.5}.review-dismiss{width:26px;height:26px;margin-left:auto}.review-prompt{resize:none;border:1px solid var(--line);background:#00000047;border-radius:12px;outline:none;width:100%;max-height:260px;padding:10px 11px;font-size:13.5px;line-height:1.6;display:block}.review-prompt:focus{border-color:#e28c6880}.review-prompt:disabled{opacity:.55}.review-settings{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.review-chip{background:var(--surface);border:1px solid var(--line);color:var(--text-faint);font-family:var(--mono);border-radius:7px;padding:3px 8px;font-size:11px}.review-error{color:var(--danger);margin-top:8px;font-size:12.5px}.review-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.review-hint{color:var(--text-faint);margin-right:auto;font-size:11.5px}.review-btn{border:1px solid var(--line-strong);height:32px;color:var(--text);border-radius:9999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;transition:background .12s,opacity .12s;display:inline-flex}.review-btn:hover:not(:disabled){background:var(--surface-hover)}.review-btn:disabled{opacity:.4;cursor:not-allowed}.review-btn-primary{background:var(--coral);color:#120a06;border-color:#0000;font-weight:600}.review-btn-primary:hover:not(:disabled){background:#ec9c7a}.review-btn-primary svg{width:14px;height:14px}@media (width<=640px){.review-hint{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.attach-row{flex-wrap:wrap;gap:7px;padding:2px 2px 0;display:flex}.attach-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;max-width:230px;padding:5px 5px 5px 6px;font-size:12.5px;display:flex}.attach-chip[data-pending]{opacity:.72;background:linear-gradient(to right, var(--surface-hover) var(--upload,0%), transparent var(--upload,0%)) no-repeat, var(--surface)}.attach-chip-error{color:var(--danger);border-color:#ff8a8066}.attach-thumb{object-fit:cover;background:var(--bg-sunken);border-radius:7px;flex:none;width:30px;height:30px}.attach-thumb-doc{color:var(--text-muted);place-items:center;display:grid}.attach-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attach-status{color:var(--text-faint);flex:none;font-size:11.5px}.attach-remove{width:22px;height:22px;color:var(--text-faint);border-radius:7px;flex:none;place-items:center;transition:color .14s,background .14s;display:grid}.attach-remove:hover{color:var(--text);background:var(--surface-hover)}.attach-remove svg{width:12px;height:12px}.attach-chip[data-owes]{border-color:#78beff61}.attach-declare{color:var(--accent);background:#78beff1a;border-radius:7px;flex:none;padding:3px 8px;font-size:11.5px;transition:background .14s}.attach-declare:hover{background:#78beff2e}.msg-attachments{white-space:normal;flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.msg-attachment-image{border:1px solid var(--line);border-radius:9px;line-height:0;position:relative;overflow:hidden}.msg-attachment-open-image{cursor:zoom-in;padding:0;display:block}.msg-attachment-image img{object-fit:cover;background:var(--bg-sunken);width:74px;height:74px;display:block}.msg-attachment-pair{gap:4px;max-width:100%;display:inline-flex}.msg-attachment-ref{border:1px solid var(--line);width:22px;height:22px;color:var(--text-muted);background:#ffffff0f;border-radius:9999px;flex:none;align-self:center;place-items:center;transition:opacity .14s,color .14s,border-color .14s;display:grid}.msg-attachment-ref svg{width:13px;height:13px}.msg-attachment-ref:hover{color:var(--text);border-color:var(--line-strong)}.msg-attachment-image .msg-attachment-ref{border-color:var(--line-strong);color:var(--text);opacity:0;background:#020508bd;position:absolute;bottom:4px;right:4px}.msg-attachment-image:hover .msg-attachment-ref,.msg-attachment-image .msg-attachment-ref:focus-visible{opacity:1}@media (hover:none){.msg-attachment-image .msg-attachment-ref{opacity:1}}.msg-attachment{border:1px solid var(--line);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:9px;align-items:center;gap:6px;max-width:100%;padding:5px 9px;font-size:12.5px;display:inline-flex;overflow:hidden}.msg-attachment-open{cursor:pointer;transition:border-color .14s,color .14s}.msg-attachment-open:hover{border-color:var(--line-strong);color:var(--text)}.login-modal{color:var(--text);background:0 0;border:none;width:min(400px,100vw - 32px);margin:auto;padding:0;overflow:visible}.login-modal::backdrop{background:#020508b8}.login-card{text-align:center;border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line-strong);background:#0a1016d1;flex-direction:column;gap:12px;padding:28px 26px 20px;display:flex;position:relative;box-shadow:0 24px 64px #0000008c}.login-close{position:absolute;top:10px;right:10px}.login-wordmark{width:132px;height:auto;margin:0 auto 2px;display:block}.login-tagline{color:var(--text-muted);margin:0 0 4px;font-size:13px;line-height:1.5}.login-provider{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--text);justify-content:center;align-items:center;gap:9px;padding:11px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.login-provider:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-strong)}.login-provider:disabled{opacity:.4;cursor:not-allowed}.login-or{color:var(--text-faint);align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.login-input{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font);text-align:center;outline:none;padding:12px 14px;font-size:14px;transition:border-color .12s}.login-input:focus{border-color:var(--line-strong)}.login-input::placeholder{color:var(--text-faint)}.login-code{font-family:var(--mono);letter-spacing:.42em;padding-left:calc(14px + .42em);font-size:22px}.login-submit{border-radius:var(--radius);background:var(--text);color:#080c10;padding:11px;font-size:14px;font-weight:600}.login-submit:disabled{opacity:.4;cursor:not-allowed}.login-note{color:var(--text-faint);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.login-sent{color:var(--text-muted);word-break:break-all}.login-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.login-link{color:var(--text-muted);border-radius:7px;align-items:center;gap:5px;padding:4px 6px;font-size:12.5px;transition:background .12s,color .12s;display:inline-flex}.login-link:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.login-link:disabled{color:var(--text-faint);cursor:default}.login-error{color:var(--danger);font-size:13px;line-height:1.5}.welcome{z-index:40;max-width:calc(100vw - 24px);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line-strong);color:var(--text);background:#0a1016db;border-radius:999px;align-items:center;gap:10px;padding:9px 10px 9px 14px;font-size:13px;animation:.28s ease-out welcome-in;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.welcome svg{color:var(--coral);flex-shrink:0}@keyframes welcome-in{0%{opacity:0;transform:translate(-50%,-10px)}}@media (prefers-reduced-motion:reduce){.welcome{animation:none}}.center-note{height:100%;color:var(--text-faint);place-items:center;display:grid}.template-page{background:radial-gradient(circle at 82% -20%, #78beff0d, transparent 34%), var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.template-mobile-head{border-bottom:1px solid var(--line);min-height:52px;color:var(--text-muted);align-items:center;gap:10px;padding:8px 14px;display:none}.template-gallery,.template-detail-scroll{flex:1;min-height:0;overflow-y:auto}.template-gallery{padding:clamp(28px,4.2vw,60px) clamp(20px,4.6vw,72px) 64px}.template-intro{justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px;display:flex}.template-intro>div{max-width:720px}.template-eyebrow{letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;font-size:10.5px}.template-intro h1,.template-detail-aside h1,.template-flow-section h1,.template-section-head h1,.template-ready-screen h1{letter-spacing:-.025em;margin:8px 0 0;font-weight:430;line-height:1.12}.template-intro h1{font-size:clamp(34px,4.2vw,58px)}.template-intro p{max-width:680px;color:var(--text-muted);margin:14px 0 0;font-size:14.5px}.template-search{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(340px,34vw);min-width:240px;height:42px;color:var(--text-faint);background:#03070b8f;align-items:center;gap:10px;padding:0 12px;transition:border-color .14s;display:flex}.template-search:focus-within{border-color:#e28c6894}.template-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.template-search input::placeholder{color:var(--text-faint)}.template-filters{scrollbar-width:none;gap:7px;padding-bottom:18px;display:flex;overflow-x:auto}.template-filters::-webkit-scrollbar{display:none}.template-filters button{border:1px solid var(--line-strong);color:var(--text-muted);border-radius:999px;flex:none;padding:6px 13px;font-size:12.5px;transition:all .14s}.template-filters button:hover{color:var(--text);background:var(--surface)}.template-filters button[data-active=true]{background:var(--coral);border-color:var(--coral);color:#190904;font-weight:600}.template-featured-grid{grid-template-columns:minmax(0,1.75fr) minmax(270px,.85fr);gap:12px;display:grid}.template-featured-side{grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:#0a1016b8;flex-direction:column;min-width:0;padding:0;transition:border-color .16s,transform .16s;display:flex;position:relative;overflow:hidden}.template-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.template-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-card-media{aspect-ratio:16/9;background:var(--bg-sunken);width:100%;position:relative;overflow:hidden}.template-card[data-featured=true] .template-card-media{aspect-ratio:16/7.7}.template-card[data-compact=true]{grid-template-columns:1fr;display:grid}.template-card[data-compact=true] .template-card-media{aspect-ratio:auto;height:100%;min-height:150px}.template-card-media img,.template-player img,.template-shots img,.template-flow-thumb img,.template-upload-hero img,.template-asset-upload img,.template-ready-card img,.template-replace-preview img{object-fit:cover;width:100%;height:100%;display:block}.template-card-media img{transition:transform .4s}.template-card:hover .template-card-media img{transform:scale(1.018)}.template-play,.template-player-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#03070bbd;border-radius:999px;place-items:center;display:grid;position:absolute}.template-play{width:42px;height:42px;top:50%;left:50%;transform:translate(-50%,-50%)}.template-duration{font-family:var(--mono);background:#03070bc7;border-radius:5px;padding:2px 6px;font-size:10.5px;position:absolute;bottom:8px;right:8px}.template-card-tags{gap:5px;display:flex;position:absolute;bottom:8px;left:8px}.template-card-tags span{color:#eeede4cc;background:#03070bb8;border-radius:5px;padding:2px 6px;font-size:10px}.template-card-copy{gap:3px;padding:12px 14px 14px;display:grid}.template-card[data-compact=true] .template-card-copy{z-index:2;pointer-events:none;background:linear-gradient(#0000,#03070be6);align-self:end;width:100%;padding-top:34px;position:absolute}.template-card-copy strong{font-size:15px;font-weight:560;line-height:1.35}.template-card-copy>span{color:var(--text-muted);font-size:12px}.template-card-copy small{color:var(--text-faint);margin-top:3px;font-size:10.5px}.template-section-head{justify-content:space-between;align-items:center;gap:16px;margin:26px 0 12px;display:flex}.template-section-head h1,.template-section-head h2{margin:0;font-size:18px;font-weight:530}.template-section-head>span{color:var(--text-faint);font-family:var(--mono);font-size:11px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.template-topbar{border-bottom:1px solid var(--line);min-height:58px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);z-index:3;background:#050a0fe0;flex:none;align-items:center;gap:10px;padding:8px 20px;display:flex}.template-back,.template-secondary{border:1px solid var(--line-strong);min-height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;transition:all .14s;display:inline-flex}.template-back{border-color:#0000;padding-left:4px}.template-back:hover,.template-secondary:hover{background:var(--surface-hover);color:var(--text)}.template-crumb{color:var(--text-faint);font-size:12px}.template-topbar .template-secondary{margin-left:auto}.template-detail-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.62fr) minmax(310px,.82fr);display:grid}.template-player-wrap{border-right:1px solid var(--line);min-width:0;padding:20px}.template-player{aspect-ratio:16/9;border-radius:var(--radius);background:var(--bg-sunken);position:relative;overflow:hidden}.template-player:after{content:"";pointer-events:none;background:linear-gradient(#0000,#03070bb8);height:24%;position:absolute;inset:auto 0 0}.template-player-play{z-index:2;border:2px solid #ffffffc2;width:66px;height:66px;top:50%;left:50%;transform:translate(-50%,-50%)}.template-player-play svg{width:23px;height:23px}.template-player-controls{z-index:2;color:#eeede4d1;font-family:var(--mono);align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;inset:auto 14px 12px}.template-player-controls i{background:linear-gradient(90deg, var(--coral) 0 8%, #ffffff73 8% 100%);border-radius:2px;flex:1;order:-1;height:3px}.template-shots{grid-template-columns:repeat(6,minmax(64px,1fr));gap:7px;margin-top:8px;display:grid;overflow-x:auto}.template-shots button{aspect-ratio:1.15;border:1px solid var(--line);border-radius:8px;min-width:70px;position:relative;overflow:hidden}.template-shots button[data-active=true]{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral)}.template-shots span{font-family:var(--mono);background:linear-gradient(#0000,#03070bdb);padding:8px 6px 3px;font-size:9px;position:absolute;inset:auto 0 0}.template-detail-aside{padding:24px}.template-detail-aside h1{font-size:clamp(24px,2.5vw,34px)}.template-detail-aside>p{color:var(--text-muted);margin:12px 0}.template-meta{color:var(--text-faint);font-family:var(--mono);margin:18px 0;font-size:11px}.template-primary{background:var(--coral);color:#1c0a05;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:650;transition:filter .14s,transform .14s;display:inline-flex}.template-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.template-detail-aside>.template-primary{width:100%}.template-aside-section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.template-aside-section h2,.template-script-panel h2,.template-mapping h2{margin:0 0 12px;font-size:14px;font-weight:560}.template-insight{grid-template-columns:30px 1fr;align-items:start;gap:10px;margin-top:11px;display:grid}.template-insight>span{width:28px;height:28px;color:var(--coral);font-family:var(--mono);border:1px solid #e28c68b3;border-radius:999px;place-items:center;font-size:10px;display:grid}.template-insight p{color:var(--text-muted);margin:3px 0 0;font-size:12px}.template-adjust-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:20px 58px 1fr;align-items:center;gap:8px;min-height:39px;margin-top:6px;padding:6px 8px;display:grid}.template-adjust-row svg{color:var(--text-muted)}.template-adjust-row strong{font-size:12px;font-weight:550}.template-adjust-row span,.template-aside-section small{color:var(--text-faint);font-size:11px}.template-aside-section small{margin-top:9px;display:block}.template-script-panel{border:1px solid var(--line);border-radius:var(--radius);margin:18px 20px 38px;overflow:hidden}.template-script-panel h2{border-bottom:1px solid var(--line);margin:0;padding:12px 14px}.template-script-row{border-bottom:1px solid var(--line);grid-template-columns:118px minmax(200px,1.35fr) minmax(220px,1fr);min-height:56px;display:grid}.template-script-row:last-child{border-bottom:none}.template-script-row>*{border-right:1px solid var(--line);align-items:center;margin:0;padding:10px 14px;display:flex}.template-script-row>:last-child{border-right:none}.template-script-row time{color:var(--text-muted);font-family:var(--mono);font-size:10.5px}.template-script-row p{font-size:12.5px}.template-script-row span{color:var(--coral);font-size:11.5px}.template-flow-count{color:var(--text-muted);font-family:var(--mono);font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.template-flow-layout{flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.template-flow-nav{border-right:1px solid var(--line);background:#03070b6b;flex-direction:column;gap:4px;min-height:0;padding:24px 14px 16px;display:flex}.template-flow-nav>.template-eyebrow{margin:0 8px 10px}.template-flow-nav>button{width:100%;color:var(--text-faint);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.template-flow-nav>button:hover{background:var(--surface);color:var(--text-muted)}.template-flow-nav>button[data-active=true]{background:var(--surface-hover);color:var(--text)}.template-flow-nav>button>span{border:1px solid var(--line-strong);width:26px;height:26px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:10px;display:grid}.template-flow-nav>button[data-active=true]>span{border-color:var(--coral);color:var(--coral)}.template-flow-nav>button[data-done=true]>span{color:var(--ok);background:#7ed9a01f;border-color:#7ed9a073}.template-flow-thumb{border:1px solid var(--line);border-radius:10px;gap:5px;margin-top:auto;padding:8px;display:grid}.template-flow-thumb img{aspect-ratio:16/9;border-radius:6px}.template-flow-thumb strong{font-size:11.5px;font-weight:540;line-height:1.35}.template-flow-thumb span{color:var(--text-faint);font-family:var(--mono);font-size:9px}.template-flow-main{min-height:0;padding:18px;overflow-y:auto}.template-form-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:8px;min-height:100%;display:grid}.template-form-panel,.template-preview-panel,.template-flow-section{border:1px solid var(--line);border-radius:var(--radius);background:#0a10166b;padding:16px}.template-form-panel .template-section-head,.template-preview-panel .template-section-head{margin:0 0 13px}.template-upload-hero{aspect-ratio:16/7.5;border:1px dashed var(--line-strong);background:var(--bg-sunken);cursor:pointer;width:100%;color:var(--text-muted);border-radius:9px;align-content:center;place-items:center;gap:5px;display:grid;overflow:hidden}.template-upload-hero input,.template-asset-upload input{display:none}.template-upload-hero svg{width:24px;height:24px;color:var(--coral)}.template-upload-hero span{color:var(--text-faint);font-size:10px}.template-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.template-field-grid label,.template-facts>span,.template-goals>span{color:var(--text-muted);gap:5px;font-size:11px;display:grid}.template-field-grid input,.template-facts input{border:1px solid var(--line);background:#03070b8f;border-radius:7px;outline:none;width:100%;min-width:0;height:36px;padding:0 10px;font-size:12px}.template-field-grid input:focus,.template-facts input:focus,.template-compare textarea:focus{border-color:#e28c6894}.template-facts,.template-goals{gap:6px;margin-top:13px;display:grid}.template-facts>div{border:1px solid var(--line);border-radius:7px;grid-template-columns:26px 1fr;align-items:center;display:grid;overflow:hidden}.template-facts>div>span{color:var(--text-faint);place-items:center;display:grid}.template-facts>div input{border:0;border-left:1px solid var(--line);border-radius:0}.template-facts>button{color:var(--text-faint);justify-self:start;align-items:center;gap:6px;padding:4px 2px;font-size:10.5px;display:inline-flex}.template-goals>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.template-goals button{border:1px solid var(--line);color:var(--text-faint);border-radius:7px;padding:7px 6px;font-size:10.5px}.template-goals button[data-active=true]{color:var(--coral);background:#e28c681a;border-color:#e28c68b3}.template-warning{color:var(--text-muted);background:#e28c680d;border:1px solid #e28c6847;border-radius:8px;margin:13px 0 0;padding:9px 10px;font-size:10.5px}.template-compare{border:1px solid var(--line);border-radius:9px;overflow:auto hidden}.template-compare-head,.template-compare-row{grid-template-columns:78px minmax(110px,.78fr) minmax(160px,1.22fr);display:grid}.template-compare-head{color:var(--text-faint);background:#ffffff06;font-size:10px}.template-compare-head>span,.template-compare-row>*{border-right:1px solid var(--line);padding:9px 10px}.template-compare-head>span:last-child,.template-compare-row>:last-child{border-right:none}.template-compare-row{border-top:1px solid var(--line);min-height:94px}.template-compare-row time{color:var(--text-faint);font-family:var(--mono);align-items:center;font-size:9.5px;display:flex}.template-compare-row>p{color:var(--text-muted);align-items:center;margin:0;font-size:11.5px;display:flex}.template-compare-row label{gap:4px;display:grid}.template-compare textarea{resize:none;border:1px solid var(--line);background:#03070b7a;border-radius:7px;outline:none;width:100%;padding:8px;font-size:11.5px;line-height:1.45}.template-compare small{color:var(--coral);font-size:9.5px}.template-flow-section{min-height:100%}.template-flow-section>.template-section-head{margin-top:0}.template-flow-section>.template-section-head h1{margin-top:5px;font-size:26px}.template-compare[data-large=true] .template-compare-row{min-height:128px}.template-compare[data-large=true] textarea{min-height:62px}.template-assets-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.62fr);gap:10px;display:grid}.template-replace-preview{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.template-replace-preview>div{aspect-ratio:16/9;position:relative;overflow:hidden}.template-replace-preview>div:first-child{border-right:1px solid var(--text)}.template-replace-preview span{background:#03070bbd;border-radius:5px;padding:3px 7px;font-size:9.5px;position:absolute;top:8px;left:8px}.template-assets-panel{border:1px solid var(--line);background:#03070b47;border-radius:9px;padding:12px}.template-asset-upload{border-bottom:1px solid var(--line);grid-template-columns:74px 1fr;align-items:center;gap:7px 10px;margin-bottom:12px;padding-bottom:12px;display:grid}.template-asset-upload h3{grid-column:1/-1;margin:0;font-size:12px;font-weight:550}.template-asset-upload img{border-radius:8px;grid-row:span 2;width:74px;height:74px}.template-ready-label{color:var(--ok);align-items:center;gap:5px;font-size:10.5px;display:flex}.template-asset-upload label{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;border-radius:6px;justify-self:start;padding:5px 9px;font-size:10px}.template-toggle{min-height:34px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.template-toggle input{accent-color:var(--coral)}.template-assets-panel>p{border-top:1px solid var(--line);color:var(--text-faint);margin:12px 0 0;padding-top:10px;font-size:10px}.template-mapping{border:1px solid var(--line);border-radius:9px;margin-top:10px;overflow:hidden}.template-mapping h2{margin:0;padding:11px}.template-mapping-head,.template-mapping>div:not(.template-mapping-head){border-top:1px solid var(--line);grid-template-columns:86px 96px minmax(120px,1fr) 62px;display:grid}.template-mapping-head{color:var(--text-faint);font-size:9.5px}.template-mapping span{border-right:1px solid var(--line);padding:8px 10px;font-size:10.5px}.template-mapping span:last-child{border-right:none}.template-mapping>div[data-review=true]{color:var(--coral);background:#e28c680f}.template-ready-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:44px 20px;display:flex}.template-ready-mark{width:50px;height:50px;color:var(--ok);background:#7ed9a01a;border:1px solid #7ed9a080;border-radius:999px;place-items:center;margin-bottom:16px;display:grid}.template-ready-screen h1{font-size:32px}.template-ready-screen>p{max-width:540px;color:var(--text-muted);margin:12px auto 22px}.template-ready-card{border:1px solid var(--line);background:var(--bg-raised);text-align:left;border-radius:11px;grid-template-columns:160px minmax(220px,1fr);align-items:center;gap:16px;width:min(560px,100%);margin-bottom:20px;padding:9px;display:grid}.template-ready-card img{aspect-ratio:16/9;border-radius:7px}.template-ready-card div{gap:5px;display:grid}.template-ready-card span,.template-ready-card small{color:var(--text-faint);font-size:10.5px}.template-ready-screen>.template-primary{min-width:210px}.template-placeholder-note{max-width:520px;color:var(--text-faint);margin-top:12px;font-size:10px}.template-flow-footer{border-top:1px solid var(--line);background:#050a0feb;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:10px 18px;display:flex}.template-flow-footer>div{align-items:center;gap:16px;display:flex}.template-flow-footer>div>span{color:var(--text-faint);font-family:var(--mono);font-size:10px}@media (width<=1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-detail-hero{grid-template-columns:1fr}.template-player-wrap{border-right:0;border-bottom:1px solid var(--line)}.template-form-layout,.template-assets-layout{grid-template-columns:1fr}}@media (width<=860px){.template-mobile-head{display:flex}.template-gallery{padding-top:28px}.template-intro{flex-direction:column;align-items:stretch;gap:20px}.template-search{width:100%}.template-featured-grid{grid-template-columns:1fr}.template-featured-side{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.template-flow-layout{grid-template-columns:1fr}.template-flow-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;min-height:auto;padding:8px 12px;overflow-x:auto}.template-flow-nav>.template-eyebrow,.template-flow-thumb{display:none}.template-flow-nav>button{flex:none;width:auto}}@media (width<=640px){.template-gallery{padding:22px 14px 42px}.template-intro h1{font-size:36px}.template-grid,.template-featured-side{grid-template-columns:1fr}.template-card[data-featured=true] .template-card-media,.template-card[data-compact=true] .template-card-media{aspect-ratio:16/9;height:auto}.template-topbar{padding-inline:10px}.template-crumb,.template-flow-count{display:none}.template-player-wrap,.template-detail-aside,.template-flow-main{padding:12px}.template-script-row{grid-template-columns:86px 1fr}.template-script-row>span{border-top:1px solid var(--line);grid-column:1/-1}.template-field-grid{grid-template-columns:1fr}.template-compare{overflow-x:auto}.template-compare-head,.template-compare-row{min-width:620px}.template-replace-preview{grid-template-columns:1fr}.template-mapping{overflow-x:auto}.template-mapping-head,.template-mapping>div:not(.template-mapping-head){min-width:600px}.template-flow-footer>div>span{display:none}.template-ready-card{grid-template-columns:1fr}}