:root{--ink-0: #121316;--ink-1: #17181b;--ink-2: #1e1f23;--ink-3: #26272c;--ink-4: #2f3036;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--fg-0: #f2f3f1;--fg-1: #b4b6b2;--fg-2: #797b78;--fg-3: #4c4e4b;--accent: #b8342a;--accent-soft: rgba(184, 52, 42, .14);--ok: #32f08c;--ok-soft: rgba(50, 240, 140, .12);--err: #d0453a;--glass-thin: rgba(0, 0, 0, .4);--glass-hover: rgba(255, 255, 255, .08);--glass-panel: rgba(12, 12, 15, .78);--panel-border: rgba(255, 255, 255, .12);--overlay-fg: #f4f2ee;--overlay-fg-sub: #b8b5ad;--screen-shadow: 0 20px 60px rgba(0, 0, 0, .5);--media-shadow: 0 14px 44px rgba(0, 0, 0, .55), 0 2px 10px rgba(0, 0, 0, .4);--r: 6px;--ease: cubic-bezier(.16, 1, .3, 1);--dur-1: .15s;--dur-2: .25s;--dur-3: .4s;--font: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}html[data-theme=light]{--ink-0: #f4f1ea;--ink-1: #fbf9f4;--ink-2: #eeeae1;--ink-3: #e4dfd4;--ink-4: #d8d2c4;--line: rgba(20, 18, 14, .08);--line-strong: rgba(20, 18, 14, .16);--fg-0: #1a1815;--fg-1: #4d4a44;--fg-2: #8a877f;--fg-3: #b8b4a9;--accent: #8a2620;--accent-soft: rgba(138, 38, 32, .1);--ok: #17a05e;--ok-soft: rgba(23, 160, 94, .12);--err: #b53a30;--glass-thin: rgba(255, 255, 255, .55);--glass-hover: rgba(0, 0, 0, .06);--glass-panel: rgba(255, 255, 255, .82);--panel-border: rgba(20, 18, 14, .14);--overlay-fg: #f4f2ee;--overlay-fg-sub: #d8d2c4;--screen-shadow: 0 20px 50px rgba(30, 24, 16, .2);--media-shadow: 0 14px 40px rgba(30, 24, 16, .28), 0 2px 8px rgba(30, 24, 16, .14)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink-0);color:var(--fg-0);font:13px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#app{height:100%}button{font:inherit;color:inherit}.app{display:grid;grid-template-columns:52px 1fr;grid-template-rows:36px 1fr;height:100vh}.titlebar{grid-column:1 / -1;position:relative;display:flex;align-items:center;background:var(--ink-0);-webkit-user-select:none;user-select:none;padding-left:12px;padding-right:8px;border-bottom:1px solid var(--line)}.tb-progress{position:absolute;left:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--ok));border-radius:0 2px 2px 0;transition:width .9s var(--ease);box-shadow:0 0 8px #32f08c59}button.brand{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;width:40px;transition:transform var(--dur-1) var(--ease)}button.brand:active{transform:scale(.92)}.brand-logo{width:18px;height:18px;border-radius:4px;display:block;transition:box-shadow var(--dur-2) var(--ease)}button.brand:hover .brand-logo{box-shadow:0 0 0 3px #32f08c2e}.crumb{display:flex;align-items:center;gap:8px;color:var(--fg-2);font-size:12px;min-width:0}.crumb .sep{color:var(--fg-3)}.crumb .cur{color:var(--fg-1);max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb .ep{color:var(--fg-3);font:500 10.5px/1 var(--mono);padding:2px 6px;border:1px solid var(--line-strong);border-radius:3px;margin-left:4px;flex-shrink:0;font-variant-numeric:tabular-nums}.crumb .ep.live{color:var(--accent);border-color:var(--accent-soft)}.crumb .ep.ok{color:var(--ok);border-color:#6bcf8b59}.titlebar .sp{flex:1}.prov-dots{display:inline-flex;align-items:center;gap:5px;margin-right:10px}.prov-dots .d{width:5px;height:5px;border-radius:50%;background:var(--ok)}.prov-dots .d.warn{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.prov-dots .d.err{background:var(--err)}.tb-btn{all:unset;cursor:pointer;width:30px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2);border-radius:4px;margin-right:2px;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.tb-btn:hover{background:var(--ink-2);color:var(--fg-0)}.tb-btn svg{width:14px;height:14px}.tb-mobile{display:none}.compose-guide{display:flex;align-items:center;gap:7px;padding:0 4px;color:var(--fg-2);font:11.5px/1.5 var(--mono);letter-spacing:.02em}.compose-guide .d{width:5px;height:5px;border-radius:50%;background:var(--ok);flex-shrink:0}.compose-guide .caret{display:inline-block;width:2px;height:11px;background:var(--ok);margin-left:2px;vertical-align:-1px;animation:caretblink .9s steps(1) infinite}.theme-toggle{all:unset;cursor:pointer;width:34px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2);border-radius:4px;margin-right:4px;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.theme-toggle:hover{background:var(--ink-2);color:var(--fg-0)}.theme-toggle svg{width:13px;height:13px}.rail{background:var(--ink-0);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px}.rail-btn{all:unset;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2);border-radius:var(--r);position:relative;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.rail-btn:hover{background:var(--ink-2);color:var(--fg-0)}.rail-btn:active{transform:scale(.95)}.rail-btn.active{color:var(--fg-0);background:var(--ink-2)}.rail-btn.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:1px}.rail-btn svg{width:16px;height:16px}.rail-sp{flex:1}button.rail-avatar{all:unset;cursor:pointer;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6b5b95,#d0876e);margin-bottom:6px;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}button.rail-avatar:hover{box-shadow:0 0 0 3px var(--accent-soft)}button.rail-avatar:active{transform:scale(.9)}.main{position:relative;background:var(--ink-1);overflow:hidden;min-height:0}.workspace{position:absolute;inset:0;display:flex;min-height:0}.stagecol{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.viewer{flex:1;min-height:0;position:relative;padding:14px 16px 6px}.screen{position:absolute;inset:14px 16px 6px;border-radius:14px;border:1px solid var(--line-strong);background:#000;overflow:hidden;box-shadow:var(--screen-shadow)}.screen-ambience{position:absolute;inset:0}.screen-ambience .bg-layer{position:absolute;inset:-8%;background:center / cover no-repeat;opacity:0;filter:blur(46px) saturate(1.05) brightness(.42);will-change:opacity}html[data-theme=light] .screen-ambience .bg-layer{filter:blur(46px) saturate(.9) brightness(.55)}.screen-media{position:absolute;inset:0;margin:auto;max-width:calc(100% - 56px);max-height:calc(100% - 118px);object-fit:contain;border-radius:8px;box-shadow:var(--media-shadow);animation:mediain .55s var(--ease);z-index:1}@keyframes mediain{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.video-review-shell{position:absolute;left:50%;top:50%;width:min(80%,1280px);max-height:calc(100% - 104px);aspect-ratio:16 / 9;transform:translate(-50%,-50%);z-index:1;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#030303;box-shadow:0 22px 64px #00000080,0 2px 12px #00000052;animation:mediain .55s var(--ease);transition:left .55s var(--ease),right .55s var(--ease),width .55s var(--ease)}@media(min-width:901px){.screen.panel-visible .video-review-shell{left:7%;right:calc(clamp(330px,32vw,448px) + 42px);width:auto;transform:translateY(-50%)}}.screen-video{display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.video-review-shell:after{content:"";position:absolute;inset:auto 0 0;height:88px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}.video-center-play{all:unset;box-sizing:border-box;position:absolute;left:50%;top:50%;z-index:3;width:58px;height:58px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:#0c0c0c94;box-shadow:0 10px 36px #00000061;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:transform var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.video-center-play:hover{transform:translate(-50%,-50%) scale(1.05);background:#d74b3ed1}.video-center-play svg{width:24px;height:24px;fill:currentColor;margin-left:3px}.video-controls{position:absolute;left:12px;right:12px;bottom:10px;z-index:4;height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#ffffffeb;background:#0d0d0db3;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.video-control-btn{all:unset;box-sizing:border-box;width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;cursor:pointer;transition:color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.video-control-btn:hover{color:#fff;background:#ffffff1f}.video-control-btn svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.video-time{flex:0 0 auto;min-width:31px;color:#ffffffd1;font:500 10.5px/1 var(--mono);font-variant-numeric:tabular-nums}.video-time.total{color:#ffffff80}.video-seek{--seek: 0%;appearance:none;-webkit-appearance:none;min-width:44px;height:18px;flex:1 1 auto;margin:0;background:transparent;cursor:pointer}.video-seek::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,#e0685c var(--seek),rgba(255,255,255,.22) var(--seek))}.video-seek::-moz-range-track{height:3px;border-radius:999px;background:#ffffff38}.video-seek::-moz-range-progress{height:3px;border-radius:999px;background:#e0685c}.video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:2px solid #fff;border-radius:50%;background:#e0685c;box-shadow:0 2px 8px #00000073;transition:transform var(--dur-2) var(--ease)}.video-seek::-moz-range-thumb{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#e0685c;box-shadow:0 2px 8px #00000073}.video-seek:hover::-webkit-slider-thumb{transform:scale(1.18)}.video-quality{flex:0 0 auto;color:#ffffff73;font:500 9.5px/1 var(--mono);letter-spacing:.03em}.gen-anim{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 32px}.gen-anim:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.045) 50%,transparent 70%);transform:translate(-100%);animation:scan 2.6s var(--ease) infinite}@keyframes scan{to{transform:translate(100%)}}.ga-ring{width:58px;height:58px;border-radius:50%;background:conic-gradient(from 0deg,transparent 12%,var(--accent) 55%,transparent 82%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:spin 1.4s linear infinite}.ga-label{color:#f4f2eee6;font:500 12px/1.4 var(--mono);letter-spacing:.08em}.ga-sub{color:#f4f2ee80;font-size:11.5px;max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-head{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 22px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);pointer-events:none}.screen-head>*{pointer-events:auto}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--overlay-fg-sub);font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;border:1px solid rgba(255,255,255,.12);font-variant-numeric:tabular-nums}.kicker .accent{color:var(--accent)}.sh-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.meta-generating{display:inline-flex;align-items:center;gap:7px;max-width:min(360px,42vw);padding:6px 11px;border:1px solid rgba(127,184,224,.38);border-radius:999px;background:#08121a7a;color:#e2f2fceb;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);font:500 10.5px/1 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-generating i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#7fb8e0;box-shadow:0 0 0 4px #7fb8e01f;animation:breathe 1.8s ease-in-out infinite}.meta-generating.video{border-color:#6bcf8b61;background:#081c1280;color:#e1faeaf0}.meta-generating.video i{background:#6bcf8b;box-shadow:0 0 0 4px #6bcf8b1f}.meta-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--overlay-fg);font-size:12px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.meta-btn:hover{background:#ffffff1f}.meta-btn:active{transform:scale(.96)}.meta-btn:disabled{opacity:.45;cursor:default}.meta-btn svg{width:12px;height:12px}.meta-btn.ok{border-color:var(--ok)}.meta-btn.ok:hover{background:#6bcf8b2e}.meta-btn.alert{border-color:var(--err)}.meta-btn.alert:hover{background:#d0453a33}.meta-btn.on{border-color:var(--accent);background:#b8342a40}.regenerate-pop{position:absolute;z-index:6;top:52px;right:16px;width:min(360px,calc(100% - 32px));padding:14px;color:#f4f2ee;background:#121214e6;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 20px 54px #00000080;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}.regen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.regen-head>span{display:flex;flex-direction:column;gap:4px}.regen-head b{font-size:14px;font-weight:600}.regen-head small,.regen-modes small{color:#f4f2ee8a;font-size:10.5px;line-height:1.4}.regen-head>button{all:unset;cursor:pointer;color:#f4f2ee8f;font-size:20px;line-height:16px}.regen-head>button:hover{color:#fff}.regen-row{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;margin-top:11px}.regen-label{color:#f4f2ee94;font:500 10px/1 var(--mono);letter-spacing:.08em}.regen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.regen-options button{all:unset;cursor:pointer;padding:6px 8px;text-align:center;color:#f4f2eeb3;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:11px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.regen-options button:hover{background:#ffffff17}.regen-options button.on{color:#fff;border-color:#b8342ad1;background:#b8342a3d}.regen-modes{display:grid;gap:5px;margin-top:12px}.regen-modes label{display:flex;align-items:flex-start;gap:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;cursor:pointer}.regen-modes label:has(input:checked){border-color:#b8342a99;background:#b8342a1c}.regen-modes label.disabled{opacity:.46;cursor:not-allowed}.regen-modes input{accent-color:var(--accent);margin:2px 0 0}.regen-modes label>span{display:flex;flex-direction:column;gap:2px}.regen-modes b{font-size:11.5px;font-weight:500}.regen-submit{all:unset;box-sizing:border-box;cursor:pointer;width:100%;margin-top:12px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--accent);border-radius:8px;font-size:12px;font-weight:550}.regen-submit:hover{filter:brightness(1.08)}.regen-submit:disabled{opacity:.5;cursor:wait}.regen-submit svg{width:14px;height:14px}.screen-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:26px 16px 12px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);pointer-events:none}.screen-foot>*{pointer-events:auto}.sf-left{display:flex;align-items:baseline;gap:8px;min-width:0;color:var(--overlay-fg)}.sf-left b{font-size:15px;font-weight:550;letter-spacing:.01em}.sf-left .n{font:400 12px/1 var(--mono);color:#f4f2ee8c;font-variant-numeric:tabular-nums}.sf-left .n i{font-style:normal;color:var(--accent)}.sf-left .cap{color:#f4f2eebf;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-badge{padding:3px 6px;color:#f4f2eee6;background:#b8342a4d;border:1px solid rgba(224,104,92,.42);border-radius:999px;font:500 9px/1 var(--mono)}.version-badge.old{color:#f4f2eead;background:#ffffff14;border-color:#ffffff24}.sf-right{display:flex;gap:6px;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#f4f2eebf;font-size:11px}.tag .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.tag.mono{font-family:var(--mono);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.tag.alert{border-color:var(--err)}.tag.alert .dot{background:var(--err);animation:none}.key-badge{display:inline-block;padding:1px 6px;border-radius:4px;font:500 10px/1.5 var(--mono);letter-spacing:.03em;color:#e0685c;background:#e0685c29;vertical-align:1px}.hero{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;background:radial-gradient(1100px 480px at 18% 112%,var(--accent-soft),transparent 60%),radial-gradient(900px 420px at 88% -8%,rgba(107,91,149,.1),transparent 65%)}.hero .eyebrow{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero h1{margin:16px 0 12px;font-size:clamp(32px,4.4vw,44px);font-weight:350;letter-spacing:-.015em;color:var(--fg-0)}.hero p{margin:0 auto;color:var(--fg-1);font-size:13.5px;line-height:1.7;max-width:460px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:10px;margin-top:28px;text-align:left}.example-card{all:unset;cursor:pointer;position:relative;display:flex;align-items:center;gap:12px;padding:10px 40px 10px 10px;border-radius:14px;background:var(--ink-2);border:1px solid var(--line);overflow:hidden;transition:border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.example-card:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--ink-3)}.example-card:active{transform:translateY(0) scale(.99)}.ex-art{flex-shrink:0;width:60px;height:60px;border-radius:10px;transition:transform var(--dur-2) var(--ease)}.example-card:hover .ex-art{transform:scale(1.06) rotate(-2deg)}.sp-art{flex-shrink:0;width:46px;height:46px;border-radius:9px;transition:transform var(--dur-2) var(--ease)}.sp-item:hover .sp-art{transform:scale(1.08) rotate(-2deg)}.example-card .ex-cover{flex-shrink:0;position:relative;width:60px;height:60px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.example-card .ex-cover i{position:absolute;border-radius:50%;filter:blur(10px);opacity:.9}.ex-cover.g-paper{background:linear-gradient(150deg,#8a2620,#3d1512)}.ex-cover.g-paper i:first-child{width:42px;height:42px;left:-8px;top:-8px;background:#e0685c}.ex-cover.g-paper i:last-child{width:28px;height:28px;right:-4px;bottom:-4px;background:#f0b64a}.ex-cover.g-rain{background:linear-gradient(150deg,#24384a,#101a24)}.ex-cover.g-rain i:first-child{width:42px;height:42px;left:-8px;top:-8px;background:#4a7ba6}.ex-cover.g-rain i:last-child{width:28px;height:28px;right:-4px;bottom:-4px;background:#d8b25a}.ex-cover.g-shadow{background:linear-gradient(150deg,#4a2a14,#1c0f06)}.ex-cover.g-shadow i:first-child{width:42px;height:42px;left:-8px;top:-8px;background:#d8843a}.ex-cover.g-shadow i:last-child{width:28px;height:28px;right:-4px;bottom:-4px;background:#8a2620}.ex-cover.g-indigo{background:linear-gradient(150deg,#1d2e5e,#0c1226)}.ex-cover.g-indigo i:first-child{width:42px;height:42px;left:-8px;top:-8px;background:#3a5cc8}.ex-cover.g-indigo i:last-child{width:28px;height:28px;right:-4px;bottom:-4px;background:#9fc0e8}.example-card .ex-body{display:flex;flex-direction:column;gap:5px;min-width:0}.example-card .ex-k{font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.example-card .ex-t{color:var(--fg-0);font-size:12.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.example-card .ex-go{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--fg-3);transition:color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.example-card .ex-go svg{width:14px;height:14px}.example-card:hover .ex-go{color:var(--accent);transform:translateY(-50%) translate(2px)}.sequel-note{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 14px;border-radius:999px;background:var(--ink-2);border:1px solid var(--accent);max-width:100%}.sequel-note .k{flex-shrink:0;font:500 10.5px/1 var(--mono);letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.sequel-note .v{color:var(--fg-0);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequel-note .x{all:unset;cursor:pointer;color:var(--fg-2);display:inline-flex;flex-shrink:0}.sequel-note .x:hover{color:var(--accent)}.sequel-note .x svg{width:12px;height:12px}.strip{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 20px 2px;flex-shrink:0}.strip::-webkit-scrollbar{display:none}.tl-label{color:var(--fg-3);font:500 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 6px 0 8px;flex-shrink:0;font-variant-numeric:tabular-nums}.tl-label:first-child{margin-left:0}.tl-cell{position:relative;display:inline-flex;flex:0 0 auto}.tl-shot{all:unset;flex-shrink:0;width:52px;height:34px;border-radius:6px;background:var(--ink-3) top center / cover no-repeat;border:1px solid var(--line);cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease),opacity var(--dur-1) var(--ease)}.tl-shot:hover{border-color:var(--line-strong);transform:translateY(-2px)}.tl-shot:active{transform:scale(.96)}.tl-shot.done{opacity:.7}.tl-shot.done:hover{opacity:1}.tl-shot.cur{border:1px solid var(--accent);box-shadow:0 0 0 2px var(--accent-soft);opacity:1}.tl-shot.video{background:radial-gradient(circle at 50% 45%,rgba(224,104,92,.2),transparent 42%),#080808}.tl-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background:transparent;pointer-events:none}.tl-video-badge{position:absolute;left:50%;top:50%;z-index:1;width:17px;height:17px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.46);border-radius:50%;color:#fff;background:#0000007a;box-shadow:0 2px 8px #0000004d;pointer-events:none}.tl-video-badge svg{width:9px;height:9px;fill:currentColor;margin-left:1px}.tl-shot.running:after{content:"";position:absolute;left:4px;bottom:4px;width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 1.6s ease-in-out infinite}.tl-shot.running:before,.tl-shot.pending:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--glass-hover) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.8s var(--ease) infinite}.tl-shot.pending{background:var(--ink-2);color:var(--fg-3);display:inline-flex;align-items:center;justify-content:center;font:500 10px/1 var(--mono);cursor:default}.tl-remove{position:absolute;z-index:3;top:-6px;right:-6px;width:17px;height:17px;padding:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));border-radius:50%;color:var(--fg);background:color-mix(in srgb,var(--ink) 88%,transparent);box-shadow:0 2px 8px #00000038;font:500 14px/1 var(--sans);cursor:pointer;opacity:0;transform:scale(.8);transition:opacity var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.tl-cell:hover .tl-remove,.tl-cell.removable .tl-remove,.tl-remove:focus-visible{opacity:1;transform:scale(1)}.tl-remove:hover{color:#fff;background:var(--accent)}.tl-remove:disabled{cursor:wait;opacity:.55}@media(hover:none){.tl-remove{opacity:.9;transform:scale(1)}}.version-rail{position:relative;display:flex;align-items:center;gap:7px;min-height:45px;padding:4px 20px 4px 30px;overflow-x:auto;scrollbar-width:none;color:var(--fg-2);flex-shrink:0}.version-rail::-webkit-scrollbar{display:none}.version-rail:before{content:"";position:absolute;top:0;left:20px;bottom:50%;width:1px;border-left:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-bottom-left-radius:8px}.branch-origin{position:relative;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--fg-1);font:500 9.5px/1 var(--mono)}.branch-origin i{width:7px;height:7px;border:2px solid var(--accent);border-radius:50%;background:var(--ink-0);box-shadow:0 0 0 3px var(--accent-soft)}.branch-line{width:16px;height:1px;flex:0 0 auto;background:var(--line-strong)}.history-node{display:inline-grid;grid-template-columns:auto 42px auto;align-items:center;gap:5px;flex:0 0 auto}.history-label,.history-kind{font:500 8.5px/1 var(--mono);color:var(--fg-3)}.history-shot{all:unset;position:relative;width:42px;height:27px;overflow:hidden;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:var(--ink-3) center / cover no-repeat;opacity:.56;transition:opacity var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.history-shot:hover{opacity:.9;border-color:var(--line-strong);transform:translateY(-1px)}.history-shot.cur{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.history-shot.video{background:#080808}.history-shot .tl-video-badge{width:14px;height:14px}.branch-note{flex:0 0 auto;margin-left:7px;color:var(--fg-3);font-size:9.5px}.composer-zone{position:relative;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:8px 20px 14px}.composer-zone.dragging .composer{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.drop-cue{position:absolute;z-index:12;inset:2px 14px 8px;display:grid;place-content:center;gap:3px;text-align:center;color:var(--fg-0);background:color-mix(in srgb,var(--ink-1) 88%,transparent);border:1px dashed var(--accent);border-radius:14px;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drop-cue span{font-size:13px;font-weight:550}.drop-cue small{color:var(--fg-2);font-size:10.5px}.composer{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;transition:border-color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.composer:focus-within{border-color:var(--line-strong);background:var(--ink-3)}.composer-input{display:flex;flex-direction:column;padding:11px 12px 9px;gap:8px;min-width:0}.composer-context{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ctx-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:999px;font-size:11.5px;color:var(--fg-0);background:var(--ink-3);border:1px solid var(--line-strong)}.ctx-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover;object-position:top center;border:1px solid var(--line-strong)}.ctx-chip.sequel{padding-left:9px;color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.ctx-chip.sequel svg{width:11px;height:11px}.ctx-chip .x{all:unset;cursor:pointer;display:inline-flex;color:var(--fg-2)}.ctx-chip .x:hover{color:var(--accent)}.ctx-chip .x svg{width:10px;height:10px}.prompt-field{position:relative;min-width:0}.composer-input textarea{all:unset;position:relative;z-index:1;display:block;width:100%;color:var(--fg-0);font:14px/1.5 var(--font);resize:none;min-height:22px;max-height:180px;padding-right:8px}.composer-input textarea::placeholder{color:var(--fg-2)}.onboarding-ghost{position:absolute;z-index:0;inset:0 8px 0 0;color:color-mix(in srgb,var(--fg-1) 72%,transparent);font:14px/1.5 var(--font);pointer-events:none;white-space:pre-wrap}.onboarding-ghost i{display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:ghost-caret .8s steps(1) infinite}@keyframes ghost-caret{50%{opacity:0}}.composer-chips{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;color:var(--fg-2);font-size:11.5px;border-radius:999px;border:1px solid transparent;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.chip:hover{background:var(--glass-hover);color:var(--fg-0)}.chip:active{transform:scale(.97)}.chip.on{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.chip.model-chip{color:var(--fg-0);border-color:color-mix(in srgb,var(--ok) 34%,var(--line));background:color-mix(in srgb,var(--ok) 8%,transparent)}.chip.model-chip svg{color:var(--ok)}.chip.model-chip:hover{border-color:color-mix(in srgb,var(--ok) 58%,var(--line));background:color-mix(in srgb,var(--ok) 13%,transparent)}.chip.static{cursor:default}.chip.static:hover{background:transparent;color:var(--fg-2)}.chip svg{width:12px;height:12px}.chip input[type=file]{display:none}.chip .x{all:unset;cursor:pointer;display:inline-flex;color:var(--fg-2);margin-left:2px}.chip .x:hover{color:var(--accent)}.chip .x svg{width:10px;height:10px}.chip-sp{flex:1}.reference-notice{color:var(--fg-1);font-size:10.5px;white-space:nowrap;animation:notice-in .3s var(--ease)}@keyframes notice-in{0%{opacity:0;transform:translateY(3px)}}.send-hint{color:var(--fg-3);font:500 10.5px/1 var(--mono);padding:3px 6px;border:1px solid var(--line);border-radius:4px}.send-btn{all:unset;cursor:pointer;width:32px;height:32px;border-radius:9px;background:var(--fg-0);color:var(--ink-0);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-1) var(--ease),filter var(--dur-1) var(--ease)}.send-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.4;cursor:default;transform:none}.send-btn.onboarding{opacity:.92;animation:onboarding-send 1.15s var(--ease) both}@keyframes onboarding-send{0%{transform:none;box-shadow:0 0 0 0 var(--accent-soft)}38%{transform:translateY(-2px);box-shadow:0 0 0 8px var(--accent-soft)}58%{transform:scale(.9);box-shadow:0 0 0 4px var(--accent-soft)}to{transform:none;box-shadow:0 0 0 0 transparent}}.send-btn svg{width:15px;height:15px}.send-btn .spin-icon{animation:spin 1s linear infinite}.mention-pop{align-self:flex-start;max-width:100%;background:var(--ink-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 14px 40px #0006;padding:9px 10px 10px}.mention-head{display:flex;align-items:center;gap:8px;margin:0 2px 8px}.mention-head .t{font-size:11.5px;font-weight:500;color:var(--fg-0)}.mention-head .n{color:var(--fg-3);font:500 10px/1 var(--mono)}.mention-head .q{color:var(--fg-2);font-size:10.5px}.mention-empty{margin:0 2px 2px;color:var(--fg-2);font-size:11.5px;line-height:1.55;max-width:380px}.mention-grid{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:min(640px,70vw);padding-bottom:2px}.mention-grid::-webkit-scrollbar{display:none}.mention-item{all:unset;cursor:pointer;flex-shrink:0;width:82px;display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:10px;border:1px solid transparent;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.mention-item:hover{background:var(--glass-hover);border-color:var(--accent);transform:translateY(-2px)}.mention-item:active{transform:scale(.97)}.mention-item img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top center;border-radius:8px;border:1px solid var(--line)}.mention-item .m-label{color:var(--fg-0);font-size:10.5px;font-weight:500;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-tab{all:unset;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:18px;height:34%;min-height:150px;overflow:hidden;transition:width var(--dur-2) var(--ease)}.wb-tab:before{content:"";position:absolute;right:7px;top:0;bottom:0;width:3px;border-radius:2px;background:var(--line-strong);transition:background var(--dur-2) var(--ease),width var(--dur-2) var(--ease)}.wb-tab:hover{width:44px}.wb-tab:hover:before{background:var(--ok);width:3px;box-shadow:0 0 10px var(--ok-soft)}.wb-tab .d,.wb-tab b{opacity:0;transition:opacity var(--dur-2) var(--ease)}.wb-tab:hover .d,.wb-tab:hover b{opacity:1}.wb-tab{writing-mode:vertical-rl;letter-spacing:.22em;font-size:10.5px;color:transparent}.wb-tab:hover{color:var(--fg-1)}.wb-tab .d{width:5px;height:5px;border-radius:50%;background:var(--ok);margin-bottom:8px}.wb-tab .d.live{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.wb-tab b{font:600 10px/1 var(--mono);color:var(--ok);letter-spacing:0;writing-mode:horizontal-tb;margin-top:8px}.wb-handle{all:unset;cursor:pointer;position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:34%;min-height:150px;z-index:2}.wb-handle:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:3px;border-radius:2px;background:var(--line-strong);transition:background var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.wb-handle:hover:before{background:var(--ok);box-shadow:0 0 10px var(--ok-soft)}.workbench{position:absolute;top:26px;right:28px;bottom:104px;width:clamp(330px,32vw,448px);z-index:4;background:var(--glass-panel);backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 8px 30px #00000038;display:flex;flex-direction:column;min-height:0;overflow:hidden}.phase-divider{display:flex;align-items:center;gap:10px;margin:8px 0 2px}.phase-divider i{flex:1;height:1px;background:var(--line-strong)}.phase-divider i:first-child{flex:0 0 14px}.phase-divider span{font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.slide-panel-enter-active,.slide-panel-leave-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.slide-panel-enter-from,.slide-panel-leave-to{opacity:0;transform:translate(26px)}.wb-tabs{display:flex;align-items:center;gap:2px;padding:8px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.ptab{all:unset;cursor:pointer;padding:6px 11px;border-radius:8px;color:var(--fg-2);font-size:12px;font-weight:500;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.ptab:hover{color:var(--fg-0);background:var(--glass-hover)}.ptab.on{color:var(--fg-0);background:var(--ink-3)}.ptab:disabled{opacity:.4;cursor:default}.ptab .n{color:var(--fg-3);font:500 10px/1 var(--mono);margin-left:5px}.ptab.on .n{color:var(--accent)}.wb-tabs .sp{flex:1}.wb-tabs .close,.library-head .close{all:unset;cursor:pointer;color:var(--fg-2);padding:4px;border-radius:6px;display:inline-flex;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.wb-tabs .close:hover,.library-head .close:hover{color:var(--fg-0);background:var(--glass-hover)}.wb-tabs .close svg,.library-head .close svg{width:13px;height:13px}.wb-body{flex:1;overflow-y:auto;padding:12px 16px 18px;display:flex;flex-direction:column;gap:13px}.wb-body::-webkit-scrollbar{width:4px}.wb-body::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.wb-body.plan{display:block}.who-badge{padding:2px 5px;border-radius:3px;background:var(--ink-3);color:var(--fg-1);font:500 9.5px/1.4 var(--mono);letter-spacing:.05em;white-space:nowrap}.who-badge.user{color:var(--ink-0);background:var(--fg-0)}.who-badge.ai{color:var(--accent);background:var(--accent-soft)}.who-badge.sys{color:#fff;background:var(--err)}.cs-line{display:flex;align-items:flex-start;gap:8px}.cs-line .who-badge{flex-shrink:0;margin-top:2px}.cs-body{color:var(--fg-1);font-size:13px;line-height:1.6;min-width:0}.cs-line.you .cs-body{color:var(--fg-0)}.cs-time{display:block;color:var(--fg-3);font:500 10px/1.6 var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums}.cs-body.mono{font:11px/1.6 var(--mono);color:var(--fg-2);word-break:break-all;white-space:pre-wrap}.cs-body .caret{display:inline-block;width:2px;height:12px;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:caretblink .9s steps(1) infinite}.msg-media{display:flex;gap:6px;margin-top:8px}.msg-media img{width:76px;height:50px;object-fit:cover;object-position:top center;border-radius:6px;border:1px solid var(--line-strong);transition:transform var(--dur-2) var(--ease)}.msg-media img:hover{transform:translateY(-2px) scale(1.04)}.msg-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.msg-action{all:unset;cursor:pointer;padding:5px 12px;border-radius:999px;font-size:11.5px;color:var(--fg-0);border:1px solid var(--line-strong);background:var(--ink-3);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.msg-action:hover{background:var(--ink-4)}.msg-action:active{transform:scale(.97)}.msg-action:disabled{opacity:.45;cursor:default}.msg-action.ok{border-color:var(--ok);color:var(--ok);background:#6bcf8b14}.msg-action.ok:hover{background:#6bcf8b29}.msg-action.alert{border-color:var(--err);color:var(--err);background:#d0453a14}.msg-action.alert:hover{background:#d0453a29}.typing{display:inline-flex;gap:3px;padding:4px 0}.typing i{width:4px;height:4px;border-radius:50%;background:var(--accent);display:inline-block;animation:type 1.4s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.plan-section{padding:12px 0;border-bottom:1px solid var(--line)}.plan-section:last-child{border-bottom:0}.plan-section.inline{border-bottom:0;padding:13px 14px;margin:2px 0;border-radius:12px;background:var(--ink-2);border:1px solid var(--line);border-left:2px solid var(--accent)}.plan-section.inline.clickable{cursor:pointer;transition:border-color var(--dur-1) var(--ease)}.plan-section.inline.clickable:hover{border-color:var(--line-strong);border-left-color:var(--accent)}.pk-hint{float:right;color:var(--fg-3);letter-spacing:.02em;text-transform:none}.prompt-excerpt.open{max-height:none;-webkit-mask-image:none;mask-image:none}.plan-kicker{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}.plan-item{display:flex;gap:10px;margin-bottom:12px}.plan-item:last-child{margin-bottom:0}.plan-thumb{flex-shrink:0;width:52px;height:52px;border-radius:8px;background:var(--ink-3) top center / cover no-repeat;border:1px solid var(--line)}.plan-item-body{min-width:0}.plan-item-body b{display:block;color:var(--fg-0);font-size:12.5px;font-weight:500;margin-bottom:3px}.plan-text{margin:0;color:var(--fg-1);font-size:12px;line-height:1.6;white-space:pre-wrap}.plan .story-line,.wb-body .story-line{color:var(--fg-0);font-size:12.5px;margin-bottom:10px}.seg-row{padding:8px 0 2px;border-top:1px dashed var(--line)}.seg-row:first-of-type{border-top:0}.seg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}.seg-head b{color:var(--fg-0);font-size:12.5px;font-weight:500}.seg-meta{color:var(--fg-2);font:500 10px/1.4 var(--mono);letter-spacing:.02em}.style-block{margin:0;padding:10px 12px;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft);color:var(--fg-0);font:11.5px/1.7 var(--mono)}.frame-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}.frame-row{display:grid;grid-template-columns:28px 50px 74px 1fr;gap:8px;padding:7px 9px;border-bottom:1px solid var(--line);align-items:start}.frame-row:last-child{border-bottom:0}.frame-row:nth-child(odd){background:var(--glass-hover)}.ft-c{font:600 10.5px/1.5 var(--mono);color:var(--accent)}.ft-time{font:500 10px/1.6 var(--mono);color:var(--fg-2);font-variant-numeric:tabular-nums}.ft-shot{display:flex;flex-direction:column;gap:1px;color:var(--fg-1);font-size:10.5px}.ft-shot i{font-style:normal;color:var(--fg-3);font-size:9.5px}.ft-action{color:var(--fg-1);font-size:11px;line-height:1.5}.prompt-excerpt{font:10.5px/1.6 var(--mono);color:var(--fg-2);word-break:break-all;max-height:130px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent)}.style-pick{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:color-mix(in srgb,var(--ink-0) 62%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sp-card{width:min(680px,calc(100% - 48px));background:var(--glass-panel);backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 30px 80px #0006;padding:22px 22px 16px}.sp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sp-head h2{margin:0 0 5px;font-size:19px;font-weight:500;letter-spacing:-.01em;color:var(--fg-0)}.sp-sub{color:var(--fg-2);font-size:12px}.sp-head .close{all:unset;cursor:pointer;color:var(--fg-2);padding:4px;border-radius:6px;display:inline-flex}.sp-head .close:hover{color:var(--fg-0);background:var(--glass-hover)}.sp-head .close svg{width:14px;height:14px}.sp-loading{display:flex;align-items:center;gap:10px;color:var(--fg-1);font-size:12.5px;padding:26px 4px 30px}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.sp-item{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--ink-2);border:1px solid var(--line);transition:border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.sp-item:hover{border-color:var(--accent);transform:translateY(-2px)}.sp-item:active{transform:scale(.98)}.sp-swatch{flex-shrink:0;position:relative;width:42px;height:42px;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.sp-swatch i{position:absolute;border-radius:50%;filter:blur(8px);opacity:.95}.sp-g1 .sp-swatch{background:linear-gradient(150deg,#8a2620,#2c110e)}.sp-g1 .sp-swatch i:first-child{width:30px;height:30px;left:-6px;top:-6px;background:#e0685c}.sp-g1 .sp-swatch i:last-child{width:20px;height:20px;right:-3px;bottom:-3px;background:#f0b64a}.sp-g2 .sp-swatch{background:linear-gradient(150deg,#24384a,#0d151d)}.sp-g2 .sp-swatch i:first-child{width:30px;height:30px;left:-6px;top:-6px;background:#4a7ba6}.sp-g2 .sp-swatch i:last-child{width:20px;height:20px;right:-3px;bottom:-3px;background:#9fc0e8}.sp-g3 .sp-swatch{background:linear-gradient(150deg,#3c3350,#14101d)}.sp-g3 .sp-swatch i:first-child{width:30px;height:30px;left:-6px;top:-6px;background:#8d7ac2}.sp-g3 .sp-swatch i:last-child{width:20px;height:20px;right:-3px;bottom:-3px;background:#d0876e}.sp-g4 .sp-swatch{background:linear-gradient(150deg,#2e4436,#0f1712)}.sp-g4 .sp-swatch i:first-child{width:30px;height:30px;left:-6px;top:-6px;background:#6bcf8b}.sp-g4 .sp-swatch i:last-child{width:20px;height:20px;right:-3px;bottom:-3px;background:#d8b25a}.sp-g5 .sp-swatch{background:linear-gradient(150deg,#4a2a14,#180d05)}.sp-g5 .sp-swatch i:first-child{width:30px;height:30px;left:-6px;top:-6px;background:#d8843a}.sp-g5 .sp-swatch i:last-child{width:20px;height:20px;right:-3px;bottom:-3px;background:#8a2620}.sp-g6 .sp-swatch{background:linear-gradient(150deg,#1d2e5e,#0a0f1f)}.sp-g6 .sp-swatch i:first-child{width:30px;height:30px;left:-6px;top:-6px;background:#3a5cc8}.sp-g6 .sp-swatch i:last-child{width:20px;height:20px;right:-3px;bottom:-3px;background:#9fc0e8}.sp-body{display:flex;flex-direction:column;gap:3px;min-width:0}.sp-body b{color:var(--fg-0);font-size:13px;font-weight:550}.sp-hint{color:var(--fg-2);font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-reason{color:var(--ok);font-size:10.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-foot{display:flex;align-items:center;margin-top:14px}.sp-foot .sp{flex:1}.sp-more,.sp-skip{all:unset;cursor:pointer;padding:7px 14px;border-radius:999px;font-size:12px;color:var(--fg-1);border:1px solid var(--line-strong);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.sp-more:hover,.sp-skip:hover{background:var(--glass-hover);color:var(--fg-0)}.sp-skip{color:var(--fg-2);border-style:dashed}.sp-skip:disabled{opacity:.5;cursor:default}.library{position:absolute;inset:0;z-index:6;background:color-mix(in srgb,var(--ink-0) 88%,transparent);backdrop-filter:blur(28px) saturate(1.15);-webkit-backdrop-filter:blur(28px) saturate(1.15);display:flex;flex-direction:column}.library-head{display:flex;align-items:center;justify-content:space-between;padding:26px 36px 18px;border-bottom:1px solid var(--line)}.library-title h1{margin:0 0 4px;font-size:22px;font-weight:450;letter-spacing:-.01em;color:var(--fg-0)}.library-title .stats{color:var(--fg-2);font:500 11px/1 var(--mono);letter-spacing:.03em;font-variant-numeric:tabular-nums}.library-scroll{flex:1;overflow-y:auto;padding:22px 36px 40px}.library-scroll::-webkit-scrollbar{width:5px}.library-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.library-empty{color:var(--fg-2);font-size:13px;margin:24px 2px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.library-card{cursor:pointer;display:flex;flex-direction:column;gap:6px;border-radius:14px;padding:8px;border:1px solid transparent;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.library-card:hover{background:var(--glass-hover);transform:translateY(-3px)}.library-card:active{transform:translateY(-1px) scale(.99)}.library-card.active{border-color:var(--accent);background:var(--accent-soft)}.library-card .p-cover{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:10px;background:var(--ink-3) top center / cover no-repeat;border:1px solid var(--line);overflow:hidden;transition:background-size 1.2s cubic-bezier(.22,1,.36,1)}.library-card:hover .p-cover{background-size:104%}.library-card .p-dot{position:absolute;left:8px;bottom:8px;width:7px;height:7px;border-radius:50%}.library-card .p-dot.ok{background:var(--ok)}.library-card .p-dot.err{background:var(--err)}.library-card .p-dot.run{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.library-card .p-len{position:absolute;right:8px;bottom:7px;font:500 9.5px/1 var(--mono);font-style:normal;color:var(--overlay-fg);padding:2px 5px;border-radius:3px;background:var(--glass-thin);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.library-card .p-del{all:unset;cursor:pointer;position:absolute;right:7px;top:7px;width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--overlay-fg);background:var(--glass-thin);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);opacity:0;transition:opacity var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.library-card:hover .p-del{opacity:1}.library-card .p-del:hover{color:var(--err);border-color:var(--err)}.library-card .p-del svg{width:12px;height:12px}.library-card .p-confirm{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:color-mix(in srgb,var(--ink-0) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--err);animation:confirmup var(--dur-2) var(--ease)}@keyframes confirmup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.library-card .p-confirm b{color:var(--fg-0);font-size:11.5px;font-weight:500;white-space:nowrap}.library-card .p-confirm .row{display:flex;gap:6px}.library-card .p-confirm button{all:unset;cursor:pointer;padding:4px 11px;border-radius:999px;font-size:11px;color:var(--fg-1);border:1px solid var(--line-strong);transition:background var(--dur-1) var(--ease)}.library-card .p-confirm button:hover{background:var(--glass-hover);color:var(--fg-0)}.library-card .p-confirm button.danger{color:#fff;background:var(--err);border-color:var(--err)}.library-card .p-confirm button.danger:hover{filter:brightness(1.1)}.library-card .p-title{color:var(--fg-0);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px}.library-card .p-meta{color:var(--fg-2);font:500 10px/1 var(--mono);padding:0 2px;font-variant-numeric:tabular-nums}.demo-reel{position:absolute;inset:0;z-index:10;background:#000;cursor:pointer;overflow:hidden}.reel-frame{position:absolute;inset:-6%;background:center / cover no-repeat;opacity:0;will-change:opacity,transform;filter:blur(34px) brightness(.42) saturate(.95)}.reel-sheet{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);max-width:min(72%,1100px);max-height:58%;border-radius:10px;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px #0009;z-index:1}.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:1}.reel-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 26%,transparent 52%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.3) 0%,transparent 36%);pointer-events:none}.reel-brand{position:absolute;top:26px;left:30px;z-index:3;display:inline-flex;align-items:center;gap:10px;color:#f4f2eed9;font:500 11px/1 var(--mono);letter-spacing:.14em}.reel-brand .brand-logo{width:15px;height:15px;border-radius:3px}.reel-job{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:17px;left:50%;z-index:5;width:min(520px,calc(100% - 340px));min-width:320px;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(0,1fr) 82px auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(127,184,224,.3);border-radius:13px;color:#f4f8faf0;background:#090f1494;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 12px 34px #00000038,inset 0 1px #ffffff14;transition:border-color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.reel-job:hover{background:#0f171eb3;border-color:#7fb8e08c}.reel-job.ready{border-color:#6bcf8b75}.rj-signal{width:9px;height:9px;display:grid;place-items:center;border-radius:50%;background:#7fb8e033}.rj-signal i{width:5px;height:5px;border-radius:inherit;background:#7fb8e0;animation:breathe 1.7s ease-in-out infinite}.reel-job.ready .rj-signal{background:#6bcf8b33}.reel-job.ready .rj-signal i{background:#6bcf8b;animation:none}.rj-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.rj-copy b{font-size:11.5px;font-weight:600;letter-spacing:.02em}.rj-copy small{color:#e2e7ea94;font:500 9px/1.2 var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rj-progress{position:relative;height:3px;overflow:hidden;border-radius:999px;background:#ffffff1a}.rj-progress i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#5799c8,#8fcaee);transition:width .8s var(--ease)}.reel-job.ready .rj-progress i{background:linear-gradient(90deg,#24995a,#6bcf8b)}.reel-job em{color:#e2e7ea9e;font:600 9px/1 var(--mono);font-style:normal;white-space:nowrap}.reel-composer{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:3;width:min(680px,calc(100% - 60px));display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:18px;background:#121216d9;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #0000008c}.reel-composer .rc-text{flex:1;color:#f4f2ee;font-size:16px;line-height:1.55;min-height:25px}.reel-composer .caret,.cs-body .caret{display:inline-block;width:2px;height:15px;background:#e0685c;margin-left:2px;vertical-align:-2px;animation:caretblink .9s steps(1) infinite}.reel-composer .rc-send{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#f4f2ee33;color:#0a0a0c;transition:background var(--dur-2) var(--ease)}.reel-composer .rc-send.ready{background:#f4f2ee}.reel-composer .rc-send svg{width:16px;height:16px}.reel-feed{position:absolute;right:30px;top:76px;z-index:3;width:min(400px,calc(100% - 60px));display:flex;flex-direction:column;gap:8px}.feed-line{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:11px;background:#0e0e12b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1)}.feed-line .fb{flex-shrink:0;padding:2px 5px;border-radius:3px;font:500 9.5px/1.4 var(--mono);letter-spacing:.05em;color:#e0685c;background:#e0685c29;white-space:nowrap}.feed-line .fb.img{color:#7fb8e0;background:#7fb8e024}.feed-line .fb.vid{color:#6bcf8b;background:#6bcf8b24}.feed-line .fb.sys{color:#fff;background:#d0453a8c}.feed-line .ft{color:#f4f2eee0;font-size:12px;line-height:1.5}.feed-line .fs{display:block;font:600 9px/1.6 var(--mono);letter-spacing:.1em;color:#f4f2ee73}.reel-entities{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:3;display:flex;gap:16px}.reel-entity{display:flex;flex-direction:column;gap:8px;align-items:center}.reel-entity img{width:clamp(110px,14vw,190px);aspect-ratio:1;object-fit:cover;object-position:top center;border-radius:14px;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px #00000080}.reel-entity span{color:#f4f2eed9;font-size:12px}.reel-entity .re-skeleton{width:clamp(110px,14vw,190px);aspect-ratio:1;border-radius:14px;border:1px dashed rgba(255,255,255,.22);background:#ffffff0a;position:relative;overflow:hidden;display:block}.reel-entity .re-skeleton i{position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.1) 50%,transparent 75%);transform:translate(-100%);animation:shimmer 1.4s var(--ease) infinite}.reel-entity em{font-style:normal;color:#e0685c;font-family:var(--mono);font-size:10.5px}.reel-caption{position:absolute;left:30px;right:30px;bottom:42px;z-index:3;color:#f4f2ee;pointer-events:none}.reel-kicker{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e0685c}.reel-caption h1{margin:12px 0 10px;font-size:clamp(22px,3vw,36px);font-weight:380;letter-spacing:-.015em;line-height:1.22;max-width:860px;text-shadow:0 2px 22px rgba(0,0,0,.6)}.reel-hint{color:#f4f2ee8c;font-size:12px;letter-spacing:.04em}html[data-theme=light] .demo-reel{background:radial-gradient(circle at 16% 12%,rgba(188,216,225,.5),transparent 38%),radial-gradient(circle at 82% 8%,rgba(230,202,183,.45),transparent 34%),#ebe7de}html[data-theme=light] .reel-frame{filter:blur(38px) brightness(1.03) saturate(.72)}html[data-theme=light] .reel-sheet{border-color:#312b232e;box-shadow:0 28px 80px #3f332438,0 2px 10px #3f33241f}html[data-theme=light] .reel-video{background:#e9e5dc}html[data-theme=light] .reel-shade{background:linear-gradient(180deg,#f5f1e894,#f5f1e80a 28%,#f5f1e814 54%,#ede7dbe0),linear-gradient(90deg,rgba(244,239,229,.42) 0%,transparent 42%)}html[data-theme=light] .reel-brand,html[data-theme=light] .reel-caption{color:#1f1c18}html[data-theme=light] .reel-brand{text-shadow:0 1px 10px rgba(255,255,255,.72)}html[data-theme=light] .reel-composer,html[data-theme=light] .feed-line,html[data-theme=light] .reel-job{background:#fffdf8a3;border-color:#332d2529;box-shadow:0 20px 54px #473a2a29,inset 0 1px #ffffffd1;backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2)}html[data-theme=light] .reel-composer .rc-text,html[data-theme=light] .feed-line .ft,html[data-theme=light] .reel-job{color:#211e19}html[data-theme=light] .reel-composer .rc-send.ready{background:#29251f;color:#faf7f0}html[data-theme=light] .feed-line .fs,html[data-theme=light] .rj-copy small,html[data-theme=light] .reel-job em{color:#26211b85}html[data-theme=light] .rj-progress{background:#27221c1f}html[data-theme=light] .reel-entity span{color:#1f1c18d1}html[data-theme=light] .reel-entity img,html[data-theme=light] .reel-entity .re-skeleton{border-color:#312b2333;box-shadow:0 18px 44px #40342633}html[data-theme=light] .reel-entity .re-skeleton{background:#fffdf880}html[data-theme=light] .reel-caption h1{text-shadow:0 2px 20px rgba(255,255,255,.68)}html[data-theme=light] .reel-hint{color:#1f1c188f}.global-error{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:7;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:var(--glass-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--err);border-radius:10px;color:var(--fg-0);font-size:12.5px;max-width:70%;animation:rise var(--dur-3) var(--ease)}.global-error svg{width:14px;height:14px;color:var(--err);flex-shrink:0}.nudge-toast{all:unset;cursor:pointer;position:absolute;left:50%;bottom:110px;transform:translate(-50%);z-index:7;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-size:13px;color:var(--fg-0);background:var(--glass-panel);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--accent);animation:rise var(--dur-3) var(--ease),breathe 3.2s ease-in-out infinite}.nudge-toast svg{width:14px;height:14px;color:var(--accent)}.nudge-toast:hover{background:var(--accent-soft)}.boot{position:absolute;inset:0;display:grid;place-items:center;color:var(--fg-2);z-index:9;background:var(--ink-1)}.boot .typing i{width:6px;height:6px}.pop-up-enter-active,.pop-up-leave-active{transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.pop-up-enter-from,.pop-up-leave-to{opacity:0;transform:translateY(10px) scale(.985)}.fade-overlay-enter-active,.fade-overlay-leave-active{transition:opacity var(--dur-3) var(--ease)}.fade-overlay-enter-from,.fade-overlay-leave-to{opacity:0}.feed-enter-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.feed-enter-from{opacity:0;transform:translateY(10px)}.feed-leave-active{transition:opacity var(--dur-2) var(--ease);position:absolute}.feed-leave-to{opacity:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes type{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes caretblink{50%{opacity:0}}@media(max-width:1080px){.workbench{width:320px}}@media(max-width:900px){.app{grid-template-columns:44px 1fr}.crumb .cur{max-width:160px}.workbench{inset:auto 12px 128px;width:auto;max-height:46vh}.screen{inset:10px 12px 4px}.screen-media{max-width:calc(100% - 32px);max-height:calc(100% - 104px)}.example-grid{grid-template-columns:1fr}.mention-grid{max-width:calc(100vw - 90px)}.library-head{padding:18px 18px 14px}.library-scroll{padding:16px 18px 30px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.composer-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.composer-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0}.reel-job{top:58px;width:calc(100% - 32px);min-width:0}.reel-feed{top:120px}}@media(max-width:600px){.app{grid-template-columns:1fr}.rail{display:none}.titlebar{padding-left:10px}.send-hint{display:none}.tb-mobile{display:inline-flex}.sh-actions .meta-btn{padding:5px 9px;font-size:11px;gap:4px}.meta-generating{max-width:68vw;font-size:9.5px}.viewer{padding:8px 10px 4px}.screen{inset:8px 10px 4px;border-radius:10px}.screen-media{max-width:calc(100% - 20px);max-height:calc(100% - 128px)}.screen-head{padding:10px 10px 18px}.screen-foot{padding:20px 10px 9px}.sf-left b{font-size:13px}.sf-left .cap{display:none}.strip{padding:6px 12px 2px}.tl-shot{width:46px;height:30px}.composer-zone{padding:6px 10px 10px;gap:6px}.workbench{bottom:116px;max-height:52vh;top:auto}.wb-tab{right:8px;padding:10px 6px;font-size:10px}.hero h1{font-size:28px}.hero p{font-size:12.5px}.sp-card{padding:16px 14px 12px}.sp-grid{grid-template-columns:1fr}.gen-anim .ga-sub{max-width:calc(100% - 40px)}.reel-job{grid-template-columns:auto minmax(0,1fr) auto;top:54px}.rj-progress{display:none}.reel-feed{right:14px;top:112px;width:calc(100% - 28px)}}