:root{
  --ink:#0b0b0c;--paper:#efe7dd;--card:#fffaf4;--muted:#756f68;
  --line:rgba(11,11,12,.11);--coral:#ff8266;--lime:#ff8266;--violet:#242426;
  --blue:#d9dde2;--lilac:#c9c3bc;--shadow:0 24px 70px rgba(18,20,25,.19);--radius:28px;
  --sj-type-display:clamp(28px,8vw,38px);--sj-type-title:18px;--sj-type-body:14px;--sj-type-label:11px;
  --safe-top:env(safe-area-inset-top, 0px);--safe-right:env(safe-area-inset-right, 0px);
  --safe-bottom:env(safe-area-inset-bottom, 0px);--safe-left:env(safe-area-inset-left, 0px);--app-viewport-height:100dvh;--app-visible-height:100dvh;--app-visible-offset:0px;--tap:44px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#dfe1e5;color:var(--ink);touch-action:pan-x pan-y}
button,input,textarea,select{font:inherit}
button{cursor:pointer;color:inherit}
.desktop-stage{min-height:100vh;display:grid;grid-template-columns:minmax(260px,370px) 430px;gap:56px;align-items:center;justify-content:center;padding:36px;background:
  radial-gradient(circle at 20% 15%,rgba(255,255,255,.85),transparent 32%),
  radial-gradient(circle at 86% 86%,rgba(255,116,86,.14),transparent 28%),#dfe1e5}
.demo-note{max-width:370px}
.demo-note .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:rgba(255,255,255,.55);font-weight:700;font-size:12px;letter-spacing:.08em}
.demo-note h1{font-size:52px;line-height:.98;letter-spacing:-.055em;margin:22px 0 18px}
.demo-note p{font-size:16px;line-height:1.7;color:#55585d;margin:0 0 24px}
.demo-steps{display:grid;gap:10px}
.demo-step{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.86);font-size:13px}
.demo-step b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px}
.phone{position:relative;width:430px;height:min(900px,calc(100vh - 48px));min-height:720px;border:8px solid #0b0b0c;border-radius:48px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.phone:before{content:"";position:absolute;z-index:50;left:50%;top:8px;transform:translateX(-50%);width:104px;height:26px;border-radius:20px;background:#0b0b0c;pointer-events:none}
.app{height:100%;position:relative;overflow:hidden;background:var(--paper)}
.screens{height:100%;position:relative}
.screen{position:absolute;inset:0;display:none;overflow-y:auto;overflow-x:hidden;padding:50px 18px 108px;font-size:var(--sj-type-body);scrollbar-width:none;animation:screenIn .28s ease}
.screen::-webkit-scrollbar{display:none}.screen.active{display:block}
@keyframes screenIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.screen.dark{background:var(--ink);color:#fff}
.screen.no-pad{padding:40px 0 0}
.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.brand{font-size:23px;font-weight:900;letter-spacing:-.06em}.brand i{font-style:normal;color:var(--coral)}
.avatar{width:42px;height:42px;border-radius:50%;border:3px solid var(--card);background:#151519 url('assets/ui/creator-avatar-v1.png') center/cover no-repeat;box-shadow:0 5px 18px rgba(0,0,0,.12);position:relative}
.avatar:after{content:"";position:absolute;right:-2px;bottom:0;width:10px;height:10px;border-radius:50%;background:#4bdb78;border:2px solid var(--paper)}
.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;font-size:18px;transition:.2s}.icon-btn:active{transform:scale(.92)}
.home-head{margin:8px 2px 16px}.home-head small{display:block;color:var(--muted);font-weight:700;margin-bottom:5px}.home-head h2{font-size:35px;line-height:1.05;letter-spacing:-.05em;margin:0;max-width:330px}
.prompt-hero{background:var(--ink);color:#fff;border-radius:34px;padding:22px 20px 18px;position:relative;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.14)}
.prompt-hero:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-64px;top:-72px;background:var(--coral);filter:blur(1px)}
.prompt-hero .spark{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--lime);letter-spacing:.02em}.spark:before{content:"✦";font-size:15px}
.prompt-box{position:relative;z-index:1;width:100%;min-height:84px;margin-top:10px;border:0;outline:none;resize:none;background:transparent;color:#fff;font-size:19px;line-height:1.35}.prompt-box::placeholder{color:rgba(255,255,255,.62)}
.prompt-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.prompt-actions button{height:38px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;padding:0 13px;font-size:12px;font-weight:800}.prompt-actions .voice{width:38px;padding:0;border-radius:50%;font-size:17px}.prompt-actions .go{margin-left:auto;width:50px;padding:0;background:var(--coral);border-color:var(--coral);font-size:20px}
.quick-row{display:flex;gap:8px;overflow:auto;margin:12px 0 22px;padding:0 1px;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.quick{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:999px;padding:9px 12px;font-weight:700;font-size:12px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:24px 2px 12px}.section-head h3{margin:0;font-size:var(--sj-type-title);letter-spacing:-.035em}.section-head button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:800}
.creation-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-auto-rows:134px;gap:10px}.tool-card{border:0;border-radius:26px;padding:17px;text-align:left;position:relative;overflow:hidden;transition:.2s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.tool-card:active{transform:scale(.975)}.tool-card strong{display:block;font-size:18px;letter-spacing:-.03em;max-width:120px}.tool-card span{display:block;font-size:11px;margin-top:5px;opacity:.68;font-weight:700}.tool-card .orb{position:absolute;right:-15px;bottom:-22px;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.7);display:grid;place-items:center;font-size:31px}.tool-card.big{grid-row:span 2;background:var(--coral);min-height:278px}.tool-card.big strong{font-size:28px;line-height:1.02;margin-top:3px}.tool-card.big .orb{width:140px;height:140px;right:-24px;bottom:-20px;background:linear-gradient(135deg,#ffbeaa,#fff2df);font-size:48px}.tool-card.lime{background:var(--lime)}.tool-card.purple{background:#ded7ff}.tool-card.cream{background:#fffaf0}
.project-strip{display:flex;gap:11px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.project-strip::-webkit-scrollbar{display:none}.project-card{min-width:255px;height:176px;border-radius:27px;overflow:hidden;position:relative;scroll-snap-align:start;background:#222;color:#fff;border:0;padding:0;text-align:left}.project-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}.project-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.project-info{position:absolute;z-index:1;left:15px;right:15px;bottom:14px}.project-info b{font-size:17px;display:block}.project-info small{display:flex;align-items:center;justify-content:space-between;margin-top:4px;color:rgba(255,255,255,.76)}.progress{height:4px;border-radius:5px;background:rgba(255,255,255,.25);margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--lime);border-radius:inherit}
.bottom-nav{position:absolute;z-index:35;left:14px;right:14px;bottom:calc(8px + var(--safe-bottom));height:74px;border-radius:27px;background:rgba(12,12,13,.94);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px;box-shadow:0 12px 34px rgba(0,0,0,.28);transition:none}.bottom-nav.hidden{display:none}.nav-item{border:0;background:transparent;color:rgba(255,255,255,.52);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:800}.nav-item i{font-style:normal;font-size:18px;line-height:1}.nav-item.active{background:#fff;color:#111}.nav-item.active i{transform:translateY(-1px)}
.page-title{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 18px}.page-title h2{font-size:34px;line-height:1;margin:0;letter-spacing:-.05em}.page-title p{font-size:12px;color:var(--muted);margin:5px 0 0}
.segmented{display:flex;padding:4px;border-radius:18px;background:#e5e1db;margin-bottom:15px}.segmented button{flex:1;border:0;border-radius:14px;background:transparent;padding:10px 8px;font-size:12px;font-weight:800}.segmented button.active{background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.project-list{display:grid;gap:11px}.project-row{border:0;background:var(--card);border-radius:25px;padding:10px;display:grid;grid-template-columns:94px 1fr;gap:13px;text-align:left;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.project-row img{width:94px;height:96px;object-fit:cover;border-radius:19px}.project-row .meta{padding:6px 5px 4px 0;min-width:0}.project-row b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row p{font-size:11px;line-height:1.45;color:var(--muted);margin:6px 0 11px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eeeae4;font-size:10px;font-weight:800}.tag.live{background:#e9ffd0;color:#47600a}
.asset-tools{display:flex;gap:10px;margin-bottom:14px}.search{flex:1;height:46px;border-radius:18px;border:1px solid var(--line);background:var(--card);padding:0 15px;outline:none}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.asset{height:185px;border-radius:25px;overflow:hidden;position:relative;background:#ddd;border:0;padding:0}.asset img{width:100%;height:100%;object-fit:cover}.asset:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.asset span{position:absolute;z-index:1;left:13px;bottom:12px;color:#fff;font-size:12px;font-weight:800}.asset .asset-type{left:auto;right:10px;top:10px;bottom:auto;background:rgba(0,0,0,.55);padding:6px 8px;border-radius:999px;font-size:9px}
.asset-filter{display:flex;gap:7px;overflow-x:auto;margin:0 0 14px;padding:1px;scrollbar-width:none}.asset-filter::-webkit-scrollbar{display:none}.asset-filter button{flex:0 0 auto;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:0 13px;font-size:9px;font-weight:900}.asset-filter button.active{background:#111;color:#fff;border-color:#111}.asset.asset-sound,.asset.asset-video,.asset.asset-generic{background:linear-gradient(145deg,#242426,#111);color:#fff}.asset-visual{position:absolute;inset:0;display:grid;place-items:center}.asset-visual i{display:grid;place-items:center;width:66px;height:66px;border-radius:23px;background:var(--coral);color:#111;font-style:normal;font-size:13px;font-weight:950;box-shadow:0 15px 34px rgba(0,0,0,.3)}.asset-sound .asset-visual:before{content:"";position:absolute;left:17px;right:17px;top:50%;height:38px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,130,102,.5) 5px 8px);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.asset-add{border:1px dashed #bcb3aa!important;background:#e6e1da!important}.asset-add:after{display:none}.asset-add span{color:#111}.asset-add .asset-visual i{background:#111;color:#fff}.asset-upload-types{display:flex;gap:7px;overflow-x:auto;margin:8px 0 14px;scrollbar-width:none}.asset-upload-types button{flex:0 0 auto;height:38px;border:1px solid var(--line);border-radius:999px;background:#fffaf4;padding:0 13px;font-size:9px;font-weight:900}.asset-upload-types button.selected{background:#111;color:#fff}.asset-upload-drop{width:100%;min-height:128px;border:1px dashed #b8aea4;border-radius:24px;background:#eee7df;display:flex;align-items:center;gap:13px;padding:18px;text-align:left}.asset-upload-drop>i{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--coral);font-style:normal;font-size:18px}.asset-upload-drop b{display:block;font-size:13px}.asset-upload-drop small{display:block;color:var(--muted);font-size:8px;line-height:1.45;margin-top:5px}.asset-upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.asset-upload-actions button{height:46px;border:0;border-radius:16px;background:var(--card);font-size:9px;font-weight:900}.asset-detail-audio,.asset-detail-video{display:none;width:100%;margin:10px 0 0}.asset-detail-audio.active,.asset-detail-video.active{display:block}.app[data-theme="dark"] .asset-filter button,.app[data-theme="dark"] .asset-upload-types button,.app[data-theme="dark"] .asset-upload-actions button{background:#222225;color:#fff;border-color:#37373b}.app[data-theme="dark"] .asset-filter button.active,.app[data-theme="dark"] .asset-upload-types button.selected{background:var(--coral);color:#111}.app[data-theme="dark"] #assetSystemBanner .system-banner{background:#1b1b1e;border-color:#323237}.app[data-theme="dark"] #assetSystemBanner .system-banner b{color:#fff}.app[data-theme="dark"] #assetSystemBanner .system-banner small{color:#9a9693}.app[data-theme="dark"] .asset-add{background:#1b1b1e!important;border-color:#44444a!important}.app[data-theme="dark"] .asset-add span{color:#fff}.app[data-theme="dark"] .asset-add .asset-visual i{background:var(--coral);color:#111}
.profile-hero{background:var(--ink);color:#fff;border-radius:32px;padding:24px;margin-bottom:12px;position:relative;overflow:hidden}.profile-hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--violet);right:-65px;top:-70px}.profile-main{position:relative;z-index:1;display:flex;gap:14px;align-items:center}.profile-main .avatar{width:58px;height:58px;border-color:#fff}.profile-main h3{margin:0 0 3px;font-size:20px}.profile-main p{margin:0;color:rgba(255,255,255,.65);font-size:11px}.credit-card{position:relative;z-index:1;margin-top:22px;border-radius:20px;background:rgba(255,255,255,.12);padding:14px;display:flex;justify-content:space-between;align-items:center}.credit-card b{font-size:24px}.credit-card button{border:0;border-radius:999px;background:var(--lime);padding:9px 13px;font-size:11px;font-weight:900}.settings{display:grid;gap:9px}.setting{height:58px;border:0;border-radius:20px;background:var(--card);display:flex;align-items:center;padding:0 15px;text-align:left}.setting i{font-style:normal;width:35px;height:35px;border-radius:12px;background:#eeeae4;display:grid;place-items:center;margin-right:12px}.setting b{font-size:13px}.setting span{margin-left:auto;color:var(--muted)}
.detail-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 15px}.back{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:22px}.detail-head h3{font-size:15px;margin:0}.more{width:42px;height:42px;border:0;background:transparent;font-size:22px}.project-cover{height:232px;border-radius:31px;overflow:hidden;position:relative;background:#222}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.cover-meta{position:absolute;z-index:2;left:17px;right:17px;bottom:15px;color:#fff;display:flex;justify-content:space-between;align-items:end}.cover-meta b{font-size:20px}.cover-meta small{opacity:.72}.project-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin:11px 0 19px}.project-actions button{height:50px;border:0;border-radius:17px;background:var(--card);font-weight:800;font-size:12px}.project-actions .primary{background:var(--ink);color:#fff}.project-actions .accent{background:var(--lime)}
.project-launch-panel{display:grid;gap:12px;max-width:620px;margin:0 auto;padding-bottom:calc(20px + var(--safe-bottom))}.project-launch-panel .project-cover{height:clamp(220px,48dvh,430px);border-radius:26px}.project-launch-state{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-launch-state span{min-width:0;border:1px solid var(--line);border-radius:17px;background:var(--card);padding:12px}.project-launch-state small,.project-launch-state b{display:block}.project-launch-state small{color:var(--muted);font-size:9px}.project-launch-state b{margin-top:5px;font-size:12px}.project-direct-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:66px;border:0;border-radius:20px;background:var(--coral);padding:13px 16px;text-align:left;color:#111}.project-direct-entry span{min-width:0}.project-direct-entry b,.project-direct-entry small{display:block}.project-direct-entry b{font-size:15px}.project-direct-entry small{margin-top:4px;color:rgba(0,0,0,.62);font-size:10px;line-height:1.35}.project-direct-entry .sj-icon{flex:0 0 24px;width:24px;height:24px}.project-utility-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.project-utility-row button{min-height:44px;border:1px solid var(--line);border-radius:15px;background:var(--card);font-size:11px;font-weight:900}.app[data-theme="dark"] .project-launch-state span,.app[data-theme="dark"] .project-utility-row button{background:#202024;color:#fff;border-color:#343439}
.scene-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.scene-head h3{margin:0;font-size:21px}.scene-head small{color:var(--muted)}.scene-list{display:grid;gap:9px}.scene{background:var(--card);border-radius:22px;padding:9px;display:grid;grid-template-columns:95px 1fr 34px;gap:10px;align-items:center;position:relative}.scene img{width:95px;height:74px;object-fit:cover;border-radius:16px}.scene-info{min-width:0}.scene-info b{font-size:13px;display:block}.scene-info p{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.scene-status{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.scene-status.done{color:#4e7912}.scene-status.working{color:#a15a14}.scene-menu{width:32px;height:32px;border:0;border-radius:50%;background:#eeeae4}.scene.reloading:after{content:"正在生成新版本…";position:absolute;inset:0;border-radius:22px;background:rgba(11,11,12,.86);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.02em}
.canvas-toolbar{height:62px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#111;color:#fff}.canvas-toolbar .back{background:#242424;border-color:#444;color:#fff}.canvas-toolbar .ctitle{flex:1;min-width:0}.canvas-toolbar b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-toolbar small{color:#999;font-size:8px}.canvas-toolbar button:not(.back){height:37px;border:1px solid #333;background:#242424;color:#fff;border-radius:14px;padding:0 10px;font-size:10px;font-weight:800}.canvas-space{position:absolute;inset:0;background-color:#111;background-image:radial-gradient(#303033 1px,transparent 1px);background-size:18px 18px;overflow:hidden;touch-action:none}.canvas-world{position:absolute;width:1100px;height:980px;transform-origin:0 0;transition:transform .08s linear}.wire-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.wire{position:absolute;height:2px;background:#595961;transform-origin:0 50%;z-index:1}.wire:after{content:"";position:absolute;right:-1px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--lime)}.node{position:absolute;width:158px;background:#f9f7f1;color:#111;border-radius:20px;padding:10px;box-shadow:0 12px 30px rgba(0,0,0,.28);z-index:2;user-select:none;touch-action:none;border:2px solid transparent}.node.active-node{border-color:var(--lime);box-shadow:0 0 0 4px rgba(223,255,95,.18),0 14px 34px rgba(0,0,0,.35)}.node .thumb{height:73px;border-radius:13px;background-size:cover;background-position:center;margin-bottom:8px}.node b{font-size:11px;display:block}.node small{font-size:8px;color:#777;display:block;margin-top:3px}.node .port{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--coral);right:-7px;top:50%;border:2px solid #111}.node .in-port{left:-7px;right:auto;background:var(--blue)}.node.prompt{background:var(--lime)}.node.audio{background:#d9d2ff}.node.video-node{background:#171719;color:#fff}.node.video-node small{color:#aaa}.node-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.node-type{font-style:normal;font-size:7px;font-weight:900;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.1)}.node.video-node .node-type{background:rgba(255,255,255,.12)}.node-state{font-size:7px;font-weight:900;color:#668313}.node.video-node .node-state{color:var(--lime)}.group-box{position:absolute;border:1px dashed #555;border-radius:28px;background:rgba(255,255,255,.025);z-index:0}.group-title{position:absolute;top:-26px;left:7px;color:#aaa;font-style:normal;font-size:9px;font-weight:900}.canvas-controls{position:absolute;z-index:7;right:12px;top:12px;display:grid;gap:7px}.canvas-controls button{width:41px;height:41px;border:0;border-radius:15px;background:#f7f4ed;font-size:18px;box-shadow:0 8px 18px rgba(0,0,0,.25)}.canvas-hint{position:absolute;z-index:5;left:12px;bottom:10px;background:rgba(0,0,0,.58);color:#aaa;border:1px solid #333;border-radius:13px;padding:8px 10px;font-size:8px;backdrop-filter:blur(10px)}
.model-first{background:linear-gradient(135deg,#fffaf0,#e8e0ff);border-radius:29px;padding:17px;margin:0 0 13px;overflow:hidden}.model-first-head{display:flex;align-items:center;justify-content:space-between}.model-first-head b{font-size:17px}.model-first-head button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}.model-first p{font-size:10px;color:var(--muted);margin:5px 0 12px}.mini-model-rail{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.mini-model-rail::-webkit-scrollbar{display:none}.mini-model{min-width:88px;height:78px;border:1px solid rgba(0,0,0,.08);border-radius:19px;background:rgba(255,255,255,.72);padding:10px;text-align:left}.mini-model i{display:block;width:27px;height:27px;border-radius:10px;background:var(--lime);font-style:normal;font-size:8px;font-weight:900;display:grid;place-items:center;margin-bottom:7px}.mini-model:nth-child(2n) i{background:var(--lilac,#d8ceff)}.mini-model b{font-size:9px;display:block;white-space:nowrap}.mini-model small{font-size:7px;color:var(--muted)}
.template-rail{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.template-rail::-webkit-scrollbar{display:none}.template-card{min-width:160px;height:205px;border:0;border-radius:25px;background-size:cover;background-position:center;position:relative;overflow:hidden;scroll-snap-align:start;text-align:left}.template-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.template-card .template-info{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff}.template-card b{display:block;font-size:13px}.template-card small{font-size:8px;opacity:.68}.template-card em{position:absolute;z-index:2;right:9px;top:9px;font-style:normal;background:rgba(255,255,255,.92);color:#111;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:900}.smart-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.smart-tool{border:0;background:var(--card);border-radius:18px;padding:12px 4px;font-size:9px;font-weight:850}.smart-tool i{display:grid;place-items:center;margin:0 auto 7px;width:32px;height:32px;border-radius:12px;background:#ece7df;font-style:normal;font-size:14px}.smart-tool:nth-child(2) i{background:#e2dbff}.smart-tool:nth-child(3) i{background:#e6ffc5}.smart-tool:nth-child(4) i{background:#ffd9ce}
.model-hero{background:var(--ink);color:#fff;border-radius:31px;padding:20px;position:relative;overflow:hidden;margin-bottom:12px}.model-hero:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:var(--violet);right:-62px;top:-68px}.model-hero span,.model-hero h3,.model-hero p{position:relative;z-index:1}.model-hero span{font-size:9px;color:var(--lime);font-weight:900;letter-spacing:.08em}.model-hero h3{font-size:25px;line-height:1.05;margin:14px 0 6px;max-width:255px}.model-hero p{font-size:9px;color:#aaa;line-height:1.5;max-width:245px}.model-search{height:49px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:flex;align-items:center;padding:0 13px;gap:9px}.model-search i{font-style:normal;color:var(--muted)}.model-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:11px}.model-search button{border:0;border-radius:12px;background:var(--ink);color:#fff;height:31px;padding:0 9px;font-size:8px;font-weight:900}.model-filter{display:flex;gap:7px;overflow:auto;margin:12px 0;scrollbar-width:none}.model-filter button{white-space:nowrap;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 11px;font-size:9px;font-weight:900}.model-filter button.active{background:var(--ink);color:#fff}.catalog-section{margin-top:18px}.catalog-section h3{font-size:18px;margin:0 0 9px}.catalog-section h3 small{color:var(--muted);font-size:9px;margin-left:5px}.model-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-model{border:1px solid var(--line);border-radius:21px;background:var(--card);padding:12px;text-align:left;min-height:108px;position:relative}.catalog-model.selected{background:#e9e2ff;border-color:var(--violet)}.catalog-model .m-icon{width:36px;height:36px;border-radius:13px;background:#ece8e1;display:grid;place-items:center;font-weight:950;font-size:9px;margin-bottom:11px}.catalog-model.video .m-icon{background:#161618;color:#fff}.catalog-model b{font-size:11px;display:block;padding-right:18px}.catalog-model small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.catalog-model em{position:absolute;right:9px;top:9px;font-style:normal;font-size:7px;padding:5px 6px;border-radius:999px;background:#efffc7;color:#506a0c;font-weight:900}.model-create-bar{position:sticky;z-index:4;bottom:3px;margin:14px 0 0;background:rgba(11,11,12,.95);color:#fff;border-radius:23px;padding:8px 9px 8px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,.28);backdrop-filter:blur(15px)}.model-create-bar div{flex:1;min-width:0}.model-create-bar small{display:block;color:#999;font-size:7px}.model-create-bar b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.model-create-bar button{height:43px;border:0;border-radius:16px;background:var(--lime);padding:0 13px;font-size:9px;font-weight:950}
.canvas-subbar{height:51px;display:flex;align-items:center;gap:7px;padding:6px 9px;background:#151517;border-top:1px solid #28282b;border-bottom:1px solid #28282b}.canvas-subbar button{height:36px;border:0;border-radius:13px;background:#242427;color:#8d8d92;padding:0 10px;font-size:9px;font-weight:900}.canvas-subbar button.active{background:#fff;color:#111}.canvas-subbar .scope{margin-left:auto;background:rgba(223,255,95,.12);color:var(--lime);border:1px solid rgba(223,255,95,.2)}.canvas-view{position:absolute;inset:153px 0 137px;display:none;background:#111}.canvas-view.active{display:block}.mobile-story{padding:12px;overflow:auto}.story-group{border:1px solid #333;border-radius:24px;padding:12px;background:#18181a;margin-bottom:10px}.story-group-head{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:9px}.story-group-head b{font-size:11px}.story-group-head small{font-size:8px;color:#888}.story-node-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.story-node-card{min-width:118px;border:0;border-radius:18px;background:#f4f1eb;padding:8px;text-align:left}.story-node-card img{width:100%;height:68px;object-fit:cover;border-radius:12px}.story-node-card b{font-size:9px;display:block;margin-top:6px}.story-node-card small{font-size:7px;color:#777}.mobile-timeline{padding:12px;overflow:auto}.preview-mini{height:190px;border-radius:24px;background:url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=700&q=85') center/cover;position:relative}.preview-mini button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:0;border-radius:50%;background:#fff;font-size:18px}.time-ruler{display:flex;justify-content:space-between;color:#777;font-size:7px;margin:13px 0 6px}.track{height:50px;border-radius:14px;background:#202023;margin-bottom:7px;display:flex;align-items:center;gap:4px;padding:5px;position:relative}.track-label{width:35px;color:#888;font-size:7px}.clip{height:38px;border-radius:10px;background:linear-gradient(135deg,#444,#777);min-width:64px;border:2px solid transparent}.clip.selected{border-color:var(--lime)}.clip.audio-clip{background:repeating-linear-gradient(90deg,#8370d5 0 3px,#a99cf0 3px 6px)}.timeline-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.timeline-tools button{border:0;border-radius:13px;background:#242427;color:#ddd;padding:10px 2px;font-size:8px}.canvas-model-dock{position:absolute;z-index:12;left:7px;right:7px;bottom:7px;height:123px;border-radius:24px;background:rgba(246,243,237,.97);color:#111;padding:8px;box-shadow:0 -12px 30px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.dock-head{display:flex;align-items:center;gap:6px;margin-bottom:7px}.dock-head button{border:0;border-radius:999px;background:#e3ded6;padding:7px 10px;font-size:8px;font-weight:900}.dock-head button.active{background:#111;color:#fff}.dock-head .dock-more{margin-left:auto;background:transparent;color:#777}.dock-rail{display:none;gap:7px;overflow:auto;scrollbar-width:none}.dock-rail.active{display:flex}.dock-model{min-width:96px;height:70px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:8px;text-align:left}.dock-model b{font-size:8px;display:block}.dock-model small{font-size:7px;color:#777}.dock-model i{display:grid;place-items:center;width:24px;height:24px;border-radius:9px;background:var(--lime);font-style:normal;font-size:7px;font-weight:950;margin-bottom:5px}.dock-model.video i{background:#171719;color:#fff}.inspector-preview{height:165px;border-radius:23px;background-size:cover;background-position:center;position:relative;margin-bottom:13px}.inspector-preview:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));border-radius:inherit}.inspector-status{position:absolute;z-index:1;left:12px;bottom:11px;color:#fff;font-size:9px;font-weight:900}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.parameter{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:11px}.parameter small{display:block;color:var(--muted);font-size:8px}.parameter b{font-size:11px}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-actions button{height:49px;border:0;border-radius:17px;background:var(--card);font-size:10px;font-weight:900}.inspector-actions .run-node{background:var(--coral)}
.sheet-wrap{position:absolute;z-index:80;inset:0;background:rgba(0,0,0,.38);display:none;align-items:flex-end;backdrop-filter:blur(4px)}.sheet-wrap.open{display:flex;animation:fade .2s}.sheet{width:100%;max-height:88%;overflow:auto;background:var(--paper);border-radius:32px 32px 0 0;padding:11px 18px calc(22px + env(safe-area-inset-bottom));animation:sheetUp .3s cubic-bezier(.2,.8,.2,1)}.grab{width:42px;height:5px;border-radius:5px;background:#c9c4bd;margin:0 auto 20px}.sheet-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-title h3{font-size:25px;margin:0;letter-spacing:-.04em}.close{width:38px;height:38px;border-radius:50%;border:0;background:#ddd8d1;font-size:18px}.field-label{font-size:11px;font-weight:900;margin:17px 2px 8px;display:block}.big-input{width:100%;min-height:92px;border:1px solid var(--line);border-radius:21px;background:var(--card);padding:15px;resize:none;outline:none;line-height:1.45}.option-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.option{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:10px 13px;font-size:11px;font-weight:800}.option.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.select-card{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:13px 9px;text-align:center;font-size:10px;font-weight:800}.select-card b{display:block;font-size:18px;margin-bottom:5px}.select-card.selected{background:#dfd6ff;border-color:#8d72ff}.sheet-cta{width:100%;height:54px;border:0;border-radius:19px;background:var(--coral);font-weight:900;margin-top:20px;box-shadow:0 9px 20px rgba(255,116,86,.25)}
.private-auth-gate{align-items:center;justify-content:center;padding:clamp(16px,3vw,36px);overflow:hidden}.private-auth-sheet{width:min(100%,520px);max-width:520px;max-height:min(720px,calc(var(--app-visible-height) - 32px));display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;padding:24px;border:1px solid rgba(255,255,255,.68);border-radius:32px;background:rgba(239,231,221,.98);box-shadow:0 30px 90px rgba(0,0,0,.52);animation:privateAuthIn .26s cubic-bezier(.2,.82,.2,1)}.private-auth-sheet>.grab{display:none}.private-auth-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 1px 12px}.private-auth-scroll::-webkit-scrollbar{display:none}.private-auth-sheet .sheet-title{margin-bottom:16px}.private-auth-sheet .pwa-install-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:center;margin:0;padding:15px;border-radius:20px}.private-auth-sheet .pwa-install-card>i{grid-row:1/3;width:48px;height:48px;border-radius:15px}.private-auth-sheet .pwa-install-card h4{margin:0 0 4px;font-size:15px}.private-auth-sheet .pwa-install-card p{font-size:8px}.private-auth-footer{background:transparent;padding:0}.private-auth-footer .field-label{margin:8px 2px}.private-auth-footer .big-input{min-height:56px;border-radius:18px;background:#fffaf4;font-size:16px}.private-login-error{min-height:18px;margin:7px 3px 0;color:#ff8266;font-size:10px;font-weight:800;line-height:1.35;opacity:0}.private-login-error.has-error{opacity:1}.private-auth-footer .sheet-cta{height:56px;margin-top:6px;border-radius:18px}.private-auth-footer .sheet-cta:disabled{opacity:.58;cursor:wait}@keyframes privateAuthIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
html.auth-checking .screen,html.auth-checking .bottom-nav,html.auth-locked .screen,html.auth-locked .bottom-nav{visibility:hidden!important;pointer-events:none!important}html.auth-checking .private-auth-gate,html.auth-locked .private-auth-gate{display:flex!important;z-index:1000!important;position:fixed!important;inset:auto 0 auto 0!important;top:var(--app-visible-offset)!important;height:var(--app-visible-height)!important;align-items:center!important;justify-content:center!important;background:#0b0b0c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.auth-checking .private-auth-sheet,html.auth-locked .private-auth-sheet{box-shadow:0 30px 90px rgba(0,0,0,.52)}
.model-list{display:grid;gap:9px}.model{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;background:var(--card);border-radius:20px;padding:11px;border:1px solid transparent}.model.selected{border-color:var(--violet);box-shadow:0 0 0 2px rgba(141,114,255,.14)}.model-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#e9e5df;font-weight:900;font-size:11px}.model b{font-size:13px;display:block}.model small{font-size:9px;color:var(--muted)}.check{width:24px;height:24px;border-radius:50%;border:1px solid #ccc;display:grid;place-items:center;font-size:12px}.model.selected .check{background:var(--ink);color:#fff;border-color:var(--ink)}
.preview-modal{position:absolute;z-index:90;inset:0;background:#080808;display:none;color:#fff}.preview-modal.open{display:block}.preview-video{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1493246507139-91e8fad9978e?auto=format&fit=crop&w=900&q=85') center/cover}.preview-video:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.15),transparent 40%,rgba(0,0,0,.85))}.preview-top{position:absolute;z-index:2;top:52px;left:18px;right:18px;display:flex;justify-content:space-between}.preview-top button{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);color:#fff}.preview-center{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.26);color:#fff;font-size:28px}.preview-bottom{position:absolute;z-index:2;left:18px;right:18px;bottom:28px}.preview-bottom h3{font-size:25px;margin:0 0 4px}.preview-bottom p{font-size:11px;color:rgba(255,255,255,.65)}.timeline{height:5px;background:rgba(255,255,255,.3);border-radius:5px;margin:15px 0}.timeline i{display:block;width:38%;height:100%;border-radius:inherit;background:var(--coral)}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-actions button{height:48px;border-radius:17px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-weight:800}.preview-actions .use{background:#fff;color:#111}
.loading{position:absolute;z-index:100;inset:0;background:rgba(11,11,12,.94);color:#fff;display:none;place-items:center;text-align:center}.loading.open{display:grid}.loader-ring{width:82px;height:82px;border-radius:50%;border:6px solid rgba(255,255,255,.12);border-top-color:var(--lime);animation:spin 1s linear infinite;margin:0 auto 20px}.loading h3{font-size:24px;margin:0 0 6px}.loading p{font-size:11px;color:#aaa}.loading-steps{margin-top:25px;display:grid;gap:8px;text-align:left}.loading-steps span{font-size:11px;color:#777}.loading-steps span.done{color:#fff}.loading-steps span.done:before{content:"✓ ";color:var(--lime)}
.toast{position:absolute;z-index:1200;left:50%;bottom:98px;transform:translate(-50%,20px);background:#101011;color:#fff;border-radius:999px;padding:12px 16px;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.25)}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
.studio-hub{background:linear-gradient(135deg,#171719 0 78%,#2a2a2d 78%);color:#fff;border-radius:28px;padding:16px;margin:13px 0}.studio-hub-top{display:flex;justify-content:space-between;align-items:center}.studio-hub-top small{font-size:8px;color:var(--lime);font-weight:900}.studio-hub-top button{border:1px solid #444;background:#252527;color:#fff;border-radius:999px;padding:7px 9px;font-size:8px}.studio-hub h3{font-size:17px;margin:12px 0 5px}.studio-hub p{font-size:8px;line-height:1.5;color:#aaa;margin:0}.studio-progress{height:5px;border-radius:5px;background:#343437;margin:14px 0 8px;overflow:hidden}.studio-progress i{display:block;height:100%;background:var(--lime);border-radius:inherit}.studio-hub-foot{display:flex;justify-content:space-between;align-items:center}.studio-hub-foot span{font-size:8px;color:#aaa}.studio-hub-foot button{border:0;border-radius:13px;background:var(--lime);height:37px;padding:0 12px;font-size:8px;font-weight:950}
.workflow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0}.workflow-step{text-align:center;font-size:7px;color:var(--muted)}.workflow-step i{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 5px;border-radius:11px;background:#ddd8d1;font-style:normal;font-weight:950}.workflow-step.done i{background:var(--lime);color:#111}.workflow-step.now i{background:var(--coral);color:#111}.project-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.project-command{border:0;border-radius:21px;background:var(--card);min-height:88px;padding:13px;text-align:left;border:1px solid var(--line)}.project-command.accent{background:var(--lime)}.project-command.purple{background:#e4ddff}.project-command i{font-style:normal;float:right;font-size:19px}.project-command b{font-size:12px;display:block}.project-command small{font-size:8px;color:var(--muted);display:block;margin-top:7px;line-height:1.4}.project-command.accent small{color:#5b641f}.queue-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 8px;background:#fff0ea;color:#b84f37;font-size:8px;font-weight:900;margin-top:8px}.queue-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral);animation:pulse 1s infinite}
.project-tabs{display:flex;gap:7px;overflow:auto;margin:11px 0}.project-tabs button{border:1px solid var(--line);border-radius:999px;background:var(--card);padding:9px 11px;font-size:8px;font-weight:900;white-space:nowrap}.project-tabs button.active{background:var(--ink);color:#fff}.project-panel{display:none}.project-panel.active{display:block}.story-summary{background:var(--card);border-radius:23px;padding:15px;border:1px solid var(--line)}.story-summary h4{font-size:13px;margin:0 0 7px}.story-summary p{font-size:9px;line-height:1.65;color:var(--muted);margin:0}.story-summary button{margin-top:11px;border:0;border-radius:13px;background:var(--ink);color:#fff;height:37px;padding:0 12px;font-size:8px;font-weight:900}.asset-bible-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.bible-card{min-width:145px;border:0;border-radius:22px;background:var(--card);padding:9px;text-align:left}.bible-card img{width:100%;height:92px;object-fit:cover;border-radius:15px}.bible-card b{font-size:10px;display:block;margin:8px 2px 3px}.bible-card small{font-size:7px;color:var(--muted);margin-left:2px}.add-bible{display:grid;place-items:center;min-height:135px;background:#dfdad3;font-size:9px;font-weight:900}
.wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:15px}.wizard-step{height:4px;border-radius:4px;background:#d5d0c8}.wizard-step.done,.wizard-step.active{background:var(--coral)}.estimate-card{background:#e9e2ff;border-radius:20px;padding:13px;margin-top:11px;display:flex;justify-content:space-between;align-items:center}.estimate-card b{font-size:11px}.estimate-card small{font-size:8px;color:#665d80;display:block;margin-top:4px}.estimate-card strong{font-size:19px}.editor-note{background:#efffc6;border-radius:18px;padding:11px;font-size:8px;line-height:1.5;color:#566625;margin:10px 0}.script-block{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:13px;margin-top:9px}.script-block-head{display:flex;justify-content:space-between;align-items:center}.script-block-head b{font-size:11px}.script-block-head span{font-size:8px;color:var(--muted)}.script-block textarea{width:100%;border:0;background:transparent;outline:0;resize:none;font-size:10px;line-height:1.55;margin-top:8px}.queue-list{display:grid;gap:8px}.queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px}.queue-icon{width:44px;height:44px;border-radius:15px;background:var(--lime);display:grid;place-items:center;font-size:9px;font-weight:950}.queue-icon .sj-icon{width:22px;height:22px}.queue-icon .sj-icon-accent{stroke:currentColor}.queue-item.video .queue-icon{background:#171719;color:#fff}.queue-item b{font-size:10px;display:block}.queue-item small{font-size:7px;color:var(--muted)}.queue-item button{border:0;border-radius:11px;background:#e4e0d9;padding:7px 8px;font-size:7px;font-weight:900}.queue-item .queue-open{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;border:0;border-radius:0;background:transparent;padding:0;text-align:left;color:inherit}.queue-bar{display:block;height:4px;border-radius:4px;background:#ddd8d1;margin-top:7px;overflow:hidden}.queue-bar i{height:100%;display:block;background:var(--coral)}
.queue-item{touch-action:manipulation;transition:transform .16s ease,border-color .16s ease,background .16s ease}.queue-item:active{transform:scale(.985)}.queue-open:focus-visible{outline:3px solid rgba(255,130,102,.34);outline-offset:3px;border-radius:10px}.queue-item button{position:relative;z-index:1}
.sheet-wrap[data-sheet="queueDetail"]{z-index:96}.queue-detail-sheet{overflow:auto}.queue-detail-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted)!important}.queue-detail-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}.queue-detail-preview{width:100%;height:172px;border:0;padding:0;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 72% 28%,rgba(255,130,102,.55),transparent 25%),linear-gradient(145deg,#2b2b2f,#0c0c0e);display:grid;place-items:center;color:#fff;position:relative}.queue-detail-preview img,.queue-detail-preview video{width:100%;height:100%;object-fit:cover}.queue-detail-preview:after{content:"瞬极";position:absolute;right:13px;bottom:11px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.52);backdrop-filter:blur(10px);font-size:7px;font-weight:950;letter-spacing:.08em;pointer-events:none}.queue-detail-preview .queue-media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(8,8,10,.62);border:1px solid rgba(255,255,255,.36);font-size:20px;backdrop-filter:blur(12px);pointer-events:none}.queue-detail-preview:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.queue-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.queue-detail-meta div{min-height:58px;border:1px solid var(--line);border-radius:17px;background:var(--card);padding:10px}.queue-detail-meta small{display:block;color:var(--muted);font-size:7px}.queue-detail-meta b{display:block;margin-top:5px;font-size:10px}.queue-detail-note{margin:10px 0 0;padding:12px;border-radius:17px;background:var(--card);border:1px solid var(--line);font-size:9px;line-height:1.55;word-break:break-word}.queue-detail-note.error{background:#fff0ec;border-color:rgba(239,96,72,.28);color:#9a2d1d}.queue-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.queue-detail-actions button{height:48px;border:0;border-radius:16px;font-size:10px;font-weight:950}.queue-detail-actions .primary{grid-column:1/-1;background:var(--coral)}.queue-detail-actions .secondary{background:var(--card);border:1px solid var(--line)}.queue-detail-actions button[hidden]{display:none}.media-viewer-wrap{z-index:240!important;background:rgba(0,0,0,.92)!important;align-items:stretch!important}.media-viewer-sheet{height:100%;max-height:none!important;border-radius:0!important;background:#080809!important;color:#fff!important;padding:calc(12px + var(--safe-top)) max(14px,var(--safe-right)) calc(12px + var(--safe-bottom)) max(14px,var(--safe-left))!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;transform:translateY(12px)!important}.media-viewer-wrap.open .media-viewer-sheet{transform:none!important}.media-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-viewer-head b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-head button{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:#202024;color:#fff;font-size:22px}.media-viewer-body{min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:#000}.media-viewer-body img,.media-viewer-body video{display:block;width:100%;height:100%;object-fit:contain}.media-viewer-body audio{width:calc(100% - 28px)}.media-viewer-download{height:50px;border:0;border-radius:17px;background:var(--coral);color:#111;font-size:11px;font-weight:950}.asset-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.asset-media-actions button{height:44px;border:1px solid var(--line);border-radius:15px;background:var(--card);font-size:9px;font-weight:900}.asset-media-actions button:last-child{background:var(--coral);border-color:var(--coral)}
.export-preview{height:175px;border-radius:24px;background:url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=700&q=85') center/cover;position:relative}.export-preview:after{content:"9:16 · 00:28";position:absolute;right:11px;bottom:10px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;padding:6px 8px;font-size:8px}.export-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.export-preset{border:1px solid var(--line);border-radius:17px;background:var(--card);padding:12px 5px;text-align:center}.export-preset.selected{background:var(--lime);border-color:#b9d53f}.export-preset b{display:block;font-size:11px}.export-preset small{font-size:7px;color:var(--muted)}.export-options{display:grid;gap:8px}.export-option{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-radius:17px;padding:12px;font-size:9px}.switch{width:37px;height:22px;border-radius:999px;background:#ccc;position:relative}.switch:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:2.5px;transition:.2s}.switch.on{background:var(--ink)}.switch.on:after{left:17px}.asset-detail-cover{display:block;width:100%;height:210px;border:0;padding:0;border-radius:24px;background-size:cover;background-position:center}.asset-detail-cover:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.asset-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.asset-meta{background:var(--card);border-radius:17px;padding:11px}.asset-meta small{font-size:7px;color:var(--muted);display:block}.asset-meta b{font-size:10px}.version-row{display:flex;gap:8px;overflow:auto;margin-top:10px}.version-thumb{min-width:83px;height:83px;border:2px solid transparent;border-radius:16px;background-size:cover;background-position:center}.version-thumb.selected{border-color:var(--coral)}
.system-banner{background:#fff0ea;border:1px solid rgba(255,116,86,.25);border-radius:20px;padding:12px;margin:10px 0;display:flex;align-items:center;gap:10px}.system-banner i{font-style:normal;width:37px;height:37px;border-radius:13px;background:var(--coral);display:grid;place-items:center}.system-banner b{font-size:10px;display:block}.system-banner small{font-size:7px;color:var(--muted)}.system-banner button{margin-left:auto;border:0;border-radius:11px;background:var(--ink);color:#fff;padding:8px;font-size:7px;font-weight:900}.flow-empty{border:1.5px dashed #bbb5ac;border-radius:22px;padding:19px;text-align:center;font-size:9px;color:var(--muted)}.flow-empty b{display:block;font-size:13px;color:var(--ink);margin-bottom:5px}
@media(max-width:850px){.desktop-stage{display:block;padding:0;background:var(--paper)}.demo-note{display:none}.phone{width:100%;height:100dvh;min-height:600px;border:0;border-radius:0;box-shadow:none}.phone:before{display:none}.screen{padding-top:calc(18px + var(--safe-top));}.bottom-nav{bottom:max(9px,var(--safe-bottom))}}
/* 参考图主题：墨黑 / 奶油白 / 雾灰 / 珊瑚橙 */
html,body{background:#e1e3e8}
.desktop-stage{background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.9),transparent 31%),radial-gradient(circle at 84% 84%,rgba(255,130,102,.13),transparent 28%),#e1e3e8}
.demo-note .eyebrow{background:#0b0b0c;color:#fff;border-color:#0b0b0c}.demo-note .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}
.demo-note h1{color:#0b0b0c}.demo-note p{color:#5d5e62}.demo-step{background:rgba(255,250,244,.82);border-color:rgba(255,255,255,.88)}.demo-step b{background:#0b0b0c}
.phone{border-color:#0b0b0c}.phone:before{background:#0b0b0c}.app,.screen{background-color:var(--paper)}
.brand{letter-spacing:-.08em;color:#0b0b0c}.brand i{color:var(--coral)}
.avatar{background:#151519 url('assets/ui/creator-avatar-v1.png') center/cover no-repeat}.avatar:after{background:var(--coral)}
.prompt-hero{background:#0b0b0c;min-height:218px}.prompt-hero:before{content:"AI / DIRECTOR";position:absolute;right:14px;bottom:7px;color:rgba(255,255,255,.055);font-size:26px;font-weight:950;letter-spacing:-.06em}.prompt-hero:after{width:152px;height:82px;right:-35px;top:24px;border-radius:27px;background:linear-gradient(135deg,var(--coral),#ffc6b7);transform:rotate(-9deg);box-shadow:0 12px 30px rgba(255,130,102,.2)}.prompt-hero .spark{color:#f7ede3}.prompt-actions .go{background:var(--coral);color:#111}
.tool-card.big{background:var(--coral);color:#151515}.tool-card.big .orb{background:#f6e9dc;color:#111}.tool-card.lime{background:#f4eadf;color:#111}.tool-card.lime .orb{background:rgba(255,255,255,.62);color:#111}.tool-card.purple{background:#242426;color:#fff}.tool-card.cream,.tool-card[style*="background:#"]{background:#fffaf4!important;color:#111}
.smart-tool i{background:#e2e3e6}.smart-tool:nth-child(2) i{background:#242426;color:#fff}.smart-tool:nth-child(3) i{background:#f0dfd2;color:#111}.smart-tool:nth-child(4) i{background:var(--coral);color:#111}
.progress i,.studio-progress i,.queue-bar i{background:var(--coral)}
.tag.live,.catalog-model em,.editor-note,.queue-pill{background:#f2e2d6;color:#855244}.queue-pill:before{background:var(--coral)}
.scene-status.done{color:#8b584b}.scene-status.working{color:#6f6b66}
.profile-hero:after{background:var(--coral)}.credit-card button,.project-actions .accent,.model-create-bar button,.sheet-cta,.inspector-actions .run-node,.studio-hub-foot button{background:var(--coral);color:#111}
.model-first{background:linear-gradient(135deg,#fffaf4 0 76%,#ddd8d1 76%)}.mini-model i{background:#f0dfd2;color:#111}.mini-model:nth-child(2n) i{background:#242426;color:#fff}
.catalog-model.selected,.select-card.selected{background:#f3e7dc;border-color:var(--coral)}.model.selected{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,130,102,.16)}
.model-logo{background:#e4e0db!important;color:#111}.model.selected .model-logo{background:var(--coral)!important;color:#111}.model.selected .check{background:#0b0b0c;border-color:#0b0b0c;color:#fff}
.node{background:#fffaf4}.node.prompt{background:#f3e7dc;color:#111}.node.audio{background:#d6d3cf;color:#111}.node.audio small{color:#68645f}.node.active-node{border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,130,102,.2),0 14px 34px rgba(0,0,0,.35)}
.wire:after,.node .port{background:var(--coral)}.node-state,.node.video-node .node-state{color:var(--coral)}
.canvas-subbar .scope{background:#2a2a2c;border-color:#3c3c3f;color:#f3e8dd}.clip.selected{border-color:var(--coral)}.clip.audio-clip{background:repeating-linear-gradient(90deg,var(--coral) 0 3px,#bd604b 3px 6px)}
.dock-model i,.queue-icon,.workflow-step.now i,.project-command.accent,.export-preset.selected,.system-banner i{background:var(--coral);color:#111}.dock-model.video i,.queue-item.video .queue-icon,.workflow-step.done i{background:#242426;color:#fff}
.project-command.purple{background:#242426;color:#fff}.project-command.purple small{color:rgba(255,255,255,.62)}.project-command.accent small{color:#72473d}
.estimate-card{background:#ddd8d1}.estimate-card small{color:#6e6861}.editor-note{border:1px solid rgba(128,93,77,.12)}
.export-preset.selected{border-color:var(--coral)}.system-banner{background:#f4e9df;border-color:rgba(128,93,77,.13)}
.loader-ring{border-top-color:var(--coral)}.loading-steps span.done:before{color:var(--coral)}
[data-model-jump][style]{background:#f4e9df!important;border-color:rgba(128,93,77,.18)!important}
.canvas-toolbar{gap:6px;padding:0 10px}.canvas-toolbar .back{flex:0 0 41px}.canvas-toolbar .canvas-icon{width:36px;padding:0;font-size:17px}.canvas-toolbar .canvas-icon:disabled{opacity:.28}.canvas-toolbar #runGroup{padding:0 10px;background:#f7ede3;color:#111;border-color:#f7ede3}
.canvas-stepbar{height:67px;background:#f3e9de;color:#111;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border-bottom:1px solid rgba(0,0,0,.1)}
.canvas-selection{min-width:0}.canvas-selection small{display:block;font-size:7px;color:#77716b;font-weight:900}.canvas-selection b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.canvas-selection span{display:block;font-size:7px;color:#77716b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.canvas-step-actions{display:flex;gap:5px}.canvas-step-actions button{height:39px;border:0;border-radius:14px;background:#fffaf4;padding:0 9px;font-size:8px;font-weight:950}.canvas-step-actions .next{background:var(--coral);color:#111}
.canvas-view{inset:220px 0 168px}.canvas-screen.dock-collapsed .canvas-view{bottom:65px}.canvas-screen.dock-collapsed .canvas-model-dock{height:57px}.canvas-screen.dock-collapsed .dock-body{display:none}.canvas-screen.dock-collapsed .dock-toggle i{transform:rotate(180deg)}.canvas-screen.non-map .canvas-stepbar,.canvas-screen.non-map .canvas-model-dock{display:none}.canvas-screen.non-map .canvas-view{inset:153px 0 0}
.canvas-guide{position:absolute;z-index:8;left:12px;top:12px;width:min(286px,calc(100% - 76px));border-radius:20px;background:rgba(247,237,227,.96);color:#111;padding:13px 38px 12px 13px;box-shadow:0 12px 28px rgba(0,0,0,.24);backdrop-filter:blur(14px);animation:guideIn .28s ease}.canvas-guide.hidden{display:none}.canvas-guide>b{font-size:11px}.canvas-guide p{display:flex;align-items:center;gap:5px;font-size:8px;color:#6e6761;margin:8px 0 0;white-space:nowrap}.canvas-guide p span{display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:#0b0b0c;color:#fff;font-weight:950}.canvas-guide p i{font-style:normal;color:var(--coral);font-weight:950}.canvas-guide>button{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:50%;background:#fffaf4;font-size:16px}@keyframes guideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.canvas-model-dock{height:161px;background:rgba(247,237,227,.98);padding:6px 7px 8px;border-radius:25px;color:#111;transition:height .25s cubic-bezier(.2,.8,.2,1)}
.dock-toggle{width:100%;height:37px;border:0;background:transparent;display:grid;grid-template-columns:18px auto minmax(0,1fr) 24px;align-items:center;gap:7px;text-align:left;padding:0 5px}.dock-toggle>span{width:17px;height:4px;border-radius:4px;background:#aaa39b}.dock-toggle>b{font-size:9px}.dock-toggle>small{font-size:7px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-toggle>i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b0b0c;color:#fff;font-style:normal;transition:transform .2s}
.dock-head{margin:1px 0 6px}.dock-head button{background:#ddd6ce;padding:7px 9px}.dock-head button.active{background:#0b0b0c;color:#fff}.dock-head .skill-tab{position:relative}.dock-head .skill-tab:after{content:"BETA";position:absolute;right:-4px;top:-5px;background:#efff4a;color:#111;border-radius:5px;padding:2px 3px;font-size:5px;line-height:1;font-weight:950}.dock-head .dock-more{padding-left:3px;padding-right:3px}.dock-rail{gap:7px}.dock-model{height:67px;background:#fffaf4}.dock-model.selected-add{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,130,102,.18)}
.canvas-screen.skill-mode:not(.dock-collapsed) .canvas-model-dock{height:218px}.canvas-screen.skill-mode:not(.dock-collapsed) .canvas-view{bottom:225px}.dock-skill-panel{display:none}.dock-skill-panel.active{display:block}.skill-scope-row{height:27px;display:flex;align-items:center;gap:5px;margin:-1px 1px 6px;overflow:auto;scrollbar-width:none}.skill-scope-row>span{font-size:7px;color:#777;white-space:nowrap;margin-right:2px}.skill-scope-row button{border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#e5ded6;color:#655f59;padding:6px 8px;font-size:7px;font-weight:900;white-space:nowrap}.skill-scope-row button.selected{background:#111;color:#fff}.skill-rail{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.prompt-skill-card{position:relative;min-width:126px;height:88px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fffaf4;color:#111;padding:10px;text-align:left;overflow:hidden}.prompt-skill-card>em{position:absolute;right:7px;top:7px;background:#efff4a;border-radius:6px;padding:3px 4px;font-style:normal;font-size:5px;font-weight:950}.prompt-skill-card>i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#111;color:#fff;font-style:normal;font-size:8px;font-weight:950}.prompt-skill-card:nth-child(2)>i{background:var(--coral);color:#111}.prompt-skill-card:nth-child(3)>i{background:#ded6ce;color:#111}.prompt-skill-card:nth-child(4)>i{background:#38383a}.prompt-skill-card>b{display:block;font-size:8px;margin-top:7px}.prompt-skill-card>small{display:block;color:#777;font-size:6px;margin-top:2px}.node-skill{display:inline-flex!important;align-items:center!important;width:auto!important;height:18px!important;margin-top:7px!important;border-radius:7px!important;background:#efff4a!important;color:#111!important;padding:0 6px!important;font-size:6px!important;font-style:normal!important;font-weight:950!important}.skill-result-head{display:flex;align-items:center;gap:9px;background:#111;color:#fff;border-radius:21px;padding:13px;margin-bottom:12px}.skill-result-head>i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#efff4a;color:#111;font-style:normal;font-size:11px;font-weight:950}.skill-result-head>div{min-width:0;flex:1}.skill-result-head b{display:block;font-size:12px}.skill-result-head small{display:block;color:#aaa;font-size:8px;margin-top:4px}.skill-result-head em{font-style:normal;background:#efff4a;color:#111;border-radius:999px;padding:6px 7px;font-size:6px;font-weight:950}.skill-scope-summary{display:flex;align-items:center;justify-content:space-between;background:#ded7cf;border-radius:15px;padding:10px 12px;font-size:8px;margin-bottom:10px}.skill-scope-summary b{font-size:9px}.skill-structure{display:flex;gap:5px;overflow:auto;margin:8px 0 13px;scrollbar-width:none}.skill-structure span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fffaf4;padding:7px 9px;font-size:7px;font-weight:850}.membership-hero{position:relative;overflow:hidden;background:#0b0b0c;color:#fff;border-radius:28px;padding:19px;margin-bottom:12px}.membership-hero:after{content:"BETA";position:absolute;right:-14px;bottom:-20px;color:rgba(255,255,255,.06);font-size:72px;font-weight:950;letter-spacing:-.08em}.membership-hero>span{display:inline-block;background:#efff4a;color:#111;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:950}.membership-hero h3{font-size:27px;line-height:1.03;letter-spacing:-.05em;margin:13px 0 8px}.membership-hero p{max-width:260px;color:#aaa;font-size:9px;line-height:1.55;margin:0}.membership-benefits{display:grid;gap:7px}.membership-benefits article{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;background:#fffaf4;border:1px solid var(--line);border-radius:18px;padding:10px}.membership-benefits article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#111;color:#fff;font-style:normal;font-size:9px;font-weight:950}.membership-benefits b{display:block;font-size:10px}.membership-benefits small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.membership-note{font-size:8px;line-height:1.55;color:var(--muted);margin:11px 3px}
.canvas-hint{background:rgba(11,11,12,.66);color:#c4beb8}.canvas-controls button{background:#f7ede3}.canvas-controls button:last-child{background:var(--coral)}
.skill-scope-row{height:29px;margin-bottom:5px}.skill-scope-row button,.skill-scope-row select{height:27px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#e5ded6;color:#655f59;padding:0 8px;font-size:7px;font-weight:900;white-space:nowrap}.skill-scope-row select{max-width:124px;background:#fffaf4;color:#111;outline:0}#runNode{grid-column:1/-1}
/* iOS-inspired visual system, theme controls and artistic modules */
html,body,button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.app{transition:background .32s ease,color .32s ease}.screen,.sheet,.tool-card,.setting,.model-first,.project-card{transition:background .32s ease,color .32s ease,border-color .32s ease,transform .2s cubic-bezier(.2,.8,.2,1)}button:active{transform:scale(.975)}.topline{align-items:center}.top-actions{display:flex;align-items:center;gap:7px}.top-actions .avatar{margin-left:1px}.theme-toggle,.settings-launch{width:42px;height:42px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:rgba(255,250,244,.76);backdrop-filter:blur(18px);font-size:16px;display:grid;place-items:center;box-shadow:0 7px 22px rgba(0,0,0,.06)}
.creation-grid{gap:11px}.creation-grid .tool-card{isolation:isolate;overflow:hidden;border:1px solid rgba(11,11,12,.07);box-shadow:0 12px 32px rgba(35,28,22,.08)}.creation-grid .tool-card>*{position:relative;z-index:2}.creation-grid .tool-card:before{content:"";position:absolute;z-index:0;width:150px;height:150px;border-radius:46% 54% 42% 58%;right:-56px;bottom:-70px;background:rgba(255,250,244,.72);transform:rotate(-16deg)}.creation-grid .tool-card:after{content:"✦";position:absolute;z-index:1;right:22px;bottom:18px;font-size:26px;color:#111}.creation-grid .tool-card.big{background:linear-gradient(145deg,#ff8065,#ff9b83)}.creation-grid .tool-card.big:before{width:190px;height:190px;right:-73px;bottom:-103px}.creation-grid .tool-card.lime{background:linear-gradient(145deg,#f4ece2,#eae2d8)}.creation-grid .tool-card.lime:before{background:#fffaf4;right:-66px;top:63px}.creation-grid .tool-card.lime:after{content:"◎";font-size:24px}.creation-grid .tool-card.purple{background:linear-gradient(145deg,#222224,#303034);color:#fff}.creation-grid .tool-card.purple:before{background:#bfc0c3;right:-68px;bottom:-82px}.creation-grid .tool-card.purple:after{content:"⌘";color:#fff;font-size:32px}.creation-grid .tool-card.cream:before{background:rgba(255,130,102,.18)}.model-first{background:linear-gradient(135deg,rgba(255,250,244,.9),rgba(237,230,221,.88));border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 36px rgba(30,25,20,.06);backdrop-filter:blur(22px)}.prompt-hero{box-shadow:0 18px 45px rgba(0,0,0,.18)}.template-card,.project-card{box-shadow:0 10px 26px rgba(30,25,20,.1)}
.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.field-label-row .field-label{margin:0}.prompt-skill-launch{position:relative;z-index:3;height:30px;border:0;border-radius:999px;background:#111;color:#fff;padding:0 10px;font-size:8px;font-weight:950;display:inline-flex;align-items:center;gap:4px;touch-action:manipulation}.prompt-actions .prompt-skill-launch{height:38px;background:#efff4a;color:#111}.sheet-wrap[data-sheet="skillLibrary"]{z-index:180}.sheet-wrap[data-sheet="skillResult"]{z-index:190}.sheet-wrap[data-sheet="skillMembership"]{z-index:200}.skill-library-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;margin:2px 0 12px}.skill-library-tabs button{white-space:nowrap;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:0 11px;font-size:8px;font-weight:900}.skill-library-tabs button.active{background:#111;color:#fff}.skill-target-card{display:flex;align-items:center;justify-content:space-between;background:#ded7cf;border-radius:17px;padding:11px 13px;margin-bottom:10px}.skill-target-card span{font-size:8px;color:#6b655f}.skill-target-card b{font-size:9px}.skill-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-skill{position:relative;min-height:128px;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:12px;text-align:left;overflow:hidden}.library-skill:after{content:"";position:absolute;width:78px;height:78px;border-radius:30px;right:-31px;bottom:-28px;background:rgba(255,130,102,.15);transform:rotate(-18deg)}.library-skill[data-skill-category="creator"]:after{background:#efff4a}.library-skill>em{display:inline-flex;border-radius:7px;background:#efff4a;color:#111;padding:4px 5px;font-size:6px;font-style:normal;font-weight:950}.library-skill>i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#111;color:#fff;font-style:normal;font-size:9px;font-weight:950;margin-top:11px}.library-skill b{display:block;font-size:10px;margin-top:9px}.library-skill small{display:block;color:var(--muted);font-size:7px;line-height:1.4;margin-top:4px}.library-skill.hidden{display:none}.skill-author-line{display:flex!important;align-items:center;gap:4px;color:#7b746d!important}.skill-author-line:before{content:"✓";display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#111;color:#fff;font-size:6px}
.settings-section{margin-top:16px}.settings-section>small{display:block;font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.06em;margin:0 4px 8px}.appearance-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.appearance-picker button{height:72px;border:1px solid var(--line);border-radius:20px;background:var(--card);font-size:9px;font-weight:900}.appearance-picker button i{display:block;font-style:normal;font-size:21px;margin-bottom:7px}.appearance-picker button.selected{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);background:#f6e9df}.preference-list{display:grid;gap:7px}.preference-row{min-height:57px;border:0;border-radius:19px;background:var(--card);display:grid;grid-template-columns:1fr 44px;align-items:center;padding:10px 12px;text-align:left}.preference-row b{display:block;font-size:10px}.preference-row small{display:block;color:var(--muted);font-size:7px;line-height:1.4;margin-top:3px}.ios-switch{position:relative;width:42px;height:25px;border-radius:999px;background:#c9c4bd;transition:.22s}.ios-switch:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;left:2px;top:2px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.22s}.preference-row.on .ios-switch{background:var(--coral)}.preference-row.on .ios-switch:after{transform:translateX(17px)}.settings-footnote{font-size:8px;line-height:1.5;color:var(--muted);margin:12px 4px 0}
.app[data-theme="dark"]{--paper:#0b0b0c;--card:#1c1c1e;--muted:#9b9b9f;--line:rgba(255,255,255,.1);--blue:#2a2a2d;--lilac:#252528;color:#f5f3ef;background:#0b0b0c}.app[data-theme="dark"] .screen,.app[data-theme="dark"] .sheet{background:#0b0b0c;color:#f5f3ef}.app[data-theme="dark"] .status{color:#fff}.app[data-theme="dark"] .theme-toggle,.app[data-theme="dark"] .settings-launch,.app[data-theme="dark"] .icon-btn,.app[data-theme="dark"] .back{background:rgba(35,35,38,.82);border-color:rgba(255,255,255,.1);color:#fff}.app[data-theme="dark"] .model-first{background:linear-gradient(135deg,#1b1b1e,#222226);border-color:rgba(255,255,255,.06)}.app[data-theme="dark"] .model-first p,.app[data-theme="dark"] .home-head small{color:#9b9b9f}.app[data-theme="dark"] .mini-model,.app[data-theme="dark"] .setting,.app[data-theme="dark"] .project-card,.app[data-theme="dark"] .project-row,.app[data-theme="dark"] .smart-tool,.app[data-theme="dark"] .asset-tools .search,.app[data-theme="dark"] .catalog-model,.app[data-theme="dark"] .model-search,.app[data-theme="dark"] .parameter,.app[data-theme="dark"] .preference-row,.app[data-theme="dark"] .appearance-picker button,.app[data-theme="dark"] .library-skill{background:#1c1c1e;color:#f5f3ef;border-color:rgba(255,255,255,.08)}.app[data-theme="dark"] .quick,.app[data-theme="dark"] .segmented,.app[data-theme="dark"] .option,.app[data-theme="dark"] .skill-target-card{background:#29292c;color:#f5f3ef;border-color:rgba(255,255,255,.08)}.app[data-theme="dark"] .section-head h3,.app[data-theme="dark"] .page-title h2,.app[data-theme="dark"] .page-title p,.app[data-theme="dark"] .home-head h2,.app[data-theme="dark"] .brand,.app[data-theme="dark"] .project-row .meta b{color:#f5f3ef}.app[data-theme="dark"] input,.app[data-theme="dark"] textarea,.app[data-theme="dark"] select{color:#f5f3ef}.app[data-theme="dark"] .sheet-wrap{background:rgba(0,0,0,.7)}.app[data-theme="dark"] .close{background:#2b2b2e;color:#fff}.app[data-theme="dark"] .field-label,.app[data-theme="dark"] .settings-section>small{color:#aaa}.app[data-theme="dark"] .appearance-picker button.selected{background:#33231f}.app[data-theme="dark"] .creation-grid .tool-card.cream,.app[data-theme="dark"] .creation-grid .tool-card.lime{background:linear-gradient(145deg,#222225,#2d2d31);color:#fff}.app[data-theme="dark"] .creation-grid .tool-card.cream:before,.app[data-theme="dark"] .creation-grid .tool-card.lime:before{background:#3b3b3f}.app[data-theme="dark"] .creation-grid .tool-card:after{color:#fff}.app[data-theme="dark"] .screen[data-screen="profile"] .tool-card.cream{background:linear-gradient(145deg,#222225,#2d2d31)!important;color:#fff}.app[data-theme="dark"] .setting i{background:#f2ece5;color:#111}
.app[data-theme="dark"] .option.selected{background:var(--coral);color:#111;border-color:var(--coral)}
.app.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}



/* Shunji geometric icon language: open corners, one diagonal energy cut. */
.sj-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sj-icon .sj-icon-accent{stroke:var(--coral);stroke-width:2.25}
.nav-symbol{width:23px;height:23px}.orbit-symbol{width:27px;height:27px}.project-action-symbol{width:18px;height:18px}
.dock-orbit-action>.orbit-icon-shell{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 24px rgba(0,0,0,.24);color:#fff;overflow:hidden;isolation:isolate}
.dock-orbit-action>.orbit-icon-shell>.orbit-symbol{width:27px;height:27px;padding:0;border:0;background:none;box-shadow:none;color:inherit;overflow:visible}
.dock-orbit-action.canvas>.orbit-icon-shell{width:70px;height:70px;border-radius:24px;border-color:rgba(255,130,102,.72);background:radial-gradient(circle at 32% 22%,#ffa18d,#ff8266 48%,#d94e38);color:#111;box-shadow:0 14px 34px rgba(255,104,78,.3),inset 0 1px 1px rgba(255,255,255,.42)}.dock-orbit-action.canvas>.orbit-icon-shell>.orbit-symbol{width:36px;height:36px}.dock-orbit-action.canvas>.orbit-icon-shell .sj-icon-accent{stroke:#111}.dock-orbit-action.video>.orbit-icon-shell{background:linear-gradient(145deg,rgba(116,95,160,.45),rgba(255,255,255,.06))}.dock-orbit-action.image>.orbit-icon-shell{background:linear-gradient(145deg,rgba(61,139,121,.5),rgba(255,255,255,.06))}.dock-orbit-action.skill>.orbit-icon-shell{background:linear-gradient(145deg,rgba(152,96,157,.43),rgba(255,255,255,.05))}.dock-orbit-action.assets>.orbit-icon-shell{background:linear-gradient(145deg,rgba(83,110,148,.43),rgba(255,255,255,.05))}.dock-orbit-action.models>.orbit-icon-shell{background:linear-gradient(145deg,rgba(143,112,78,.42),rgba(255,255,255,.05))}
.bottom-nav .nav-item>.nav-icon-wrap{position:relative;display:grid;place-items:center;width:25px;height:23px}

/* Project cards: one clear destructive control with a confirmation guard. */
.project-row-shell{position:relative;border-radius:25px}.project-row-shell .project-row{width:100%;padding-right:54px}.project-delete-button{position:absolute;z-index:2;right:12px;top:12px;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(17,17,19,.8);color:#c7c7cb;display:grid;place-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:.18s}.project-delete-button:active{transform:scale(.9);background:#4a211c;color:#ff927a}.project-system-banner{grid-template-columns:42px 1fr auto!important;background:linear-gradient(145deg,#252528,#18181a)!important;color:#fff;border:1px solid rgba(255,255,255,.07)!important}.project-system-banner.current{background:linear-gradient(125deg,#39221e,#19191b)!important}.project-system-banner b{color:#fff!important}.project-system-banner small{color:#9b999f!important}.project-system-actions{display:flex;align-items:center;gap:6px}.project-system-actions>button{height:34px;border:0;border-radius:12px;padding:0 10px;background:#f4eee7;color:#111;font-size:8px;font-weight:950}.project-system-actions .project-delete-button{position:static;width:34px;padding:0;background:rgba(255,255,255,.07);color:#aaa9af;border-color:rgba(255,255,255,.07)}.project-system-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#111;color:#fff}.project-system-banner.current .project-system-icon{background:var(--coral);color:#111}.project-system-icon .sj-icon{width:21px;height:21px}
.project-delete-dialog{width:calc(100% - 24px);margin:0 auto calc(12px + var(--safe-bottom));padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:29px;background:linear-gradient(160deg,#252529,#121214);color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.45);animation:sheetUp .28s cubic-bezier(.2,.8,.2,1)}.project-delete-mark{width:52px;height:52px;border-radius:18px;background:rgba(255,130,102,.13);color:#ff8e74;display:grid;place-items:center}.project-delete-mark .sj-icon{width:25px;height:25px}.project-delete-dialog h3{font-size:22px;margin:18px 0 7px;letter-spacing:-.04em}.project-delete-dialog p{margin:0;color:#9c9ca2;font-size:10px;line-height:1.6}.project-delete-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.project-delete-actions button{height:48px;border:0;border-radius:16px;background:#303034;color:#fff;font-size:10px;font-weight:950}.project-delete-actions .danger{background:#ff8266;color:#111}

/* Image creation uses a persistent provider-neutral conversation with generated outputs inline. */
.sheet-wrap.image-studio-wrap{z-index:165;align-items:stretch;background:#0b0b0d}.image-studio-dialog{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:calc(10px + var(--safe-top)) max(13px,var(--safe-right)) calc(8px + var(--safe-bottom)) max(13px,var(--safe-left));background:radial-gradient(circle at 86% 4%,rgba(255,130,102,.13),transparent 25%),radial-gradient(circle at 9% 46%,rgba(72,115,142,.11),transparent 31%),#0b0b0d;color:#fff;animation:imageStudioIn .28s cubic-bezier(.2,.84,.2,1)}@keyframes imageStudioIn{from{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:none}}
.image-studio-top{flex:0 0 auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.075)}.image-studio-close,.image-chat-new{width:44px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.065);color:#fff;display:grid;place-items:center}.image-studio-close .sj-icon{width:21px;height:21px}.image-chat-new{font-size:8px;font-weight:950}.image-studio-title{text-align:center}.image-studio-title small{display:block;color:#85858b;font-size:7px;font-weight:900;letter-spacing:.11em}.image-studio-title h3{font-size:17px;margin:3px 0 0;letter-spacing:-.035em}.image-chat-thread{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:18px 2px 20px}.image-chat-thread::-webkit-scrollbar{display:none}.image-chat-messages{display:flex;flex-direction:column;gap:14px;min-height:100%;justify-content:flex-end}.image-chat-welcome{margin:auto 18px;text-align:center;padding:24px 6px}.image-chat-welcome-mark{width:54px;height:54px;margin:0 auto 15px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9b82,#e65e49);color:#111;box-shadow:0 14px 36px rgba(255,102,75,.22)}.image-chat-welcome-mark .sj-icon{width:27px;height:27px}.image-chat-welcome h4{font-size:22px;margin:0;letter-spacing:-.045em}.image-chat-welcome p{color:#85858c;font-size:10px;line-height:1.6;margin:9px auto 0;max-width:280px}.image-chat-starters{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:15px}.image-chat-starters button{height:32px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.05);color:#c0c0c5;padding:0 10px;font-size:8px;font-weight:850}
.image-chat-message{display:flex;align-items:flex-start;gap:8px;max-width:94%;animation:imageBubbleIn .22s ease}.image-chat-message.user{align-self:flex-end;flex-direction:row-reverse}.image-chat-avatar{flex:0 0 29px;width:29px;height:29px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#111114 url('../icons/icon-fluid-v1-192.png') center/cover no-repeat;box-shadow:0 7px 16px rgba(0,0,0,.2)}.image-chat-message.user .image-chat-avatar{border-radius:50%;background:#171719 url('../assets/ui/creator-avatar-v1.png') center/cover no-repeat}.image-chat-bubble{min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:7px 19px 19px 19px;background:#19191c;padding:11px 12px;color:#f5f3f0;font-size:10px;line-height:1.55}.image-chat-message.user .image-chat-bubble{border-radius:19px 7px 19px 19px;background:#f2e9de;color:#111}.image-chat-bubble p{margin:0;white-space:pre-wrap}.image-chat-thinking{height:20px;display:flex;align-items:center;gap:4px;padding:0 3px}.image-chat-thinking i{width:5px;height:5px;border-radius:50%;background:#ff8b70;animation:imageChatDot 1.1s ease-in-out infinite}.image-chat-thinking i:nth-child(2){animation-delay:.14s}.image-chat-thinking i:nth-child(3){animation-delay:.28s}.image-chat-failed{margin-top:9px;border-radius:13px;background:rgba(255,130,102,.1);color:#ff9a83;padding:9px;font-size:8px}.image-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#7f7f86;font-size:7px}.image-chat-result-list{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.image-chat-result-list.multi{grid-template-columns:repeat(2,minmax(0,1fr));width:min(278px,72vw)}.image-chat-result{position:relative;overflow:hidden;width:min(278px,72vw);aspect-ratio:var(--chat-image-ratio,9/16);max-height:360px;border-radius:18px;background:linear-gradient(145deg,#24242a,#111114);border:1px solid rgba(255,255,255,.08)}.image-chat-result-list.multi .image-chat-result{width:100%;border-radius:13px}.image-chat-result img{width:100%;height:100%;object-fit:cover;display:block}.image-chat-generating{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 22% 25%,rgba(95,164,190,.55),transparent 32%),radial-gradient(circle at 78% 64%,rgba(255,155,85,.58),transparent 35%),#141419}.image-chat-generating:before,.image-chat-generating:after{content:"";position:absolute;width:72%;height:45%;border-radius:50%;filter:blur(25px);animation:imageChatFlow 4.8s ease-in-out infinite alternate}.image-chat-generating:before{left:-22%;top:2%;background:rgba(64,150,190,.7)}.image-chat-generating:after{right:-24%;bottom:3%;background:rgba(255,123,82,.72);animation-delay:-2.3s}.image-chat-pulse{position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px;border:1px solid rgba(255,255,255,.38);border-radius:50%;animation:imageChatPulse 1.8s ease-out infinite}.image-chat-progress{position:absolute;z-index:3;left:12px;bottom:11px;padding:7px 9px;border-radius:999px;background:rgba(8,8,10,.66);backdrop-filter:blur(12px);font-size:7px;font-weight:950;letter-spacing:.04em}@keyframes imageBubbleIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes imageChatDot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-4px);opacity:1}}@keyframes imageChatFlow{to{transform:translate3d(26px,18px,0) scale(1.24) rotate(13deg)}}@keyframes imageChatPulse{0%{transform:scale(.7);opacity:.85}100%{transform:scale(1.55);opacity:0}}
.image-chat-composer{flex:0 0 auto;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:rgba(28,28,31,.92);box-shadow:0 -12px 42px rgba(0,0,0,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:8px}.image-chat-composer .preset-loaded{margin:0 0 7px}.image-chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:6px}.image-studio-submit{border:0;display:grid;place-items:center}.image-studio-dialog #imagePrompt{width:100%;min-height:40px;max-height:108px;resize:none;border:0;outline:0;border-radius:15px;background:transparent;color:#fff;padding:10px 4px 8px;font-size:11px;line-height:1.45}.image-studio-dialog #imagePrompt::placeholder{color:#77777d}.image-studio-submit{position:relative;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#ff9b82,#ff7057);color:#111;box-shadow:0 8px 22px rgba(255,102,75,.22)}.image-studio-submit:disabled{opacity:.45}.image-studio-submit .sj-icon{width:20px;height:20px}.image-chat-send-cost{position:absolute;right:-2px;top:-4px;min-width:15px;height:15px;border:2px solid #1b1b1e;border-radius:999px;background:#fff;color:#111;font-size:6px;display:grid;place-items:center;font-weight:950}.image-chat-toolbar{display:flex;gap:5px;align-items:center;overflow:auto;margin-top:5px;scrollbar-width:none}.image-chat-toolbar::-webkit-scrollbar{display:none}.image-chat-tool{height:28px;white-space:nowrap;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#242428;color:#a5a5ab;padding:0 9px;font-size:7px;font-weight:900}.image-chat-tool strong{color:#eee}.image-chat-tool.intent{border-color:rgba(255,130,102,.24);color:#ffc0b1}.image-chat-tool.intent[data-intent="chat"]{border-color:rgba(112,176,210,.34);color:#a9d8ef}.image-chat-tool.intent[data-intent="image"]{border-color:rgba(255,130,102,.62);background:rgba(255,130,102,.12);color:#ffad98}.image-chat-options{display:none;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.07)}.image-chat-options.open{display:block}.image-studio-settings{display:grid;grid-template-columns:1.2fr .8fr;gap:6px}.image-studio-select{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#242428;padding:7px 9px}.image-studio-select small{display:block;color:#77777e;font-size:6px;font-weight:900;margin-bottom:4px}.image-studio-select select{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:8px;font-weight:900}.image-studio-select option{color:#111}.image-choice-section{margin-top:7px}.image-choice-section>small{display:block;color:#77777e;font-size:6px;font-weight:900;margin:0 2px 5px}.image-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.image-choice-grid button{height:32px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#242428;color:#8e8e94;font-size:7px;font-weight:900}.image-choice-grid button.selected{border-color:rgba(255,130,102,.7);background:rgba(255,130,102,.12);color:#fff;box-shadow:inset 0 -2px 0 var(--coral)}
@media(max-width:700px){.project-row-shell .project-row{grid-template-columns:86px 1fr}.project-row-shell .project-row img{width:86px;height:92px}}
@media(max-width:380px){.prompt-actions{gap:5px}.prompt-actions button{padding:0 8px;font-size:9px}.prompt-actions .prompt-skill-launch{padding:0 7px}.top-actions{gap:5px}.theme-toggle,.settings-launch{width:39px;height:39px}}
/* Visual correction: deliberate artwork, no focus frame crossing the prompt */
.prompt-hero:after{width:84px;height:16px;right:22px;top:27px;border-radius:999px;background:linear-gradient(90deg,var(--coral),#ffc4b5);transform:rotate(-7deg);filter:none;box-shadow:0 8px 22px rgba(255,130,102,.24)}
.prompt-box{min-height:104px;padding:15px 0 9px;margin-top:4px;font-size:18px}.prompt-hero .prompt-box:focus-visible{outline:0;box-shadow:none}.prompt-box::selection{background:rgba(255,130,102,.38)}
.creation-grid .tool-card:before,.creation-grid .tool-card:after{display:none}.creation-grid .tool-card{box-shadow:0 12px 32px rgba(35,28,22,.075);border-color:rgba(11,11,12,.065)}.creation-grid .tool-card.big{background:linear-gradient(145deg,#ff8066,#ff937a)}.creation-grid .tool-card.lime{background:linear-gradient(145deg,#f3ece2,#e9e0d5);color:#111}.creation-grid .tool-card.purple{background:linear-gradient(145deg,#242426,#303034);color:#fff}.creation-grid .tool-card .orb{position:absolute;left:auto;right:13px;bottom:13px;width:56px;height:56px;border-radius:21px;background:rgba(255,255,255,.76);font-size:21px;box-shadow:0 9px 24px rgba(0,0,0,.07)}.creation-grid .tool-card.big .orb{position:absolute;left:auto;right:16px;bottom:16px;width:102px;height:102px;border-radius:39px;background:#f5eadf;font-size:37px;color:#111;box-shadow:-26px 24px 0 -15px rgba(255,255,255,.2),0 14px 30px rgba(96,38,23,.09)}.creation-grid .tool-card.purple .orb{background:#bbbcc0;color:#fff}.creation-grid .tool-card.lime .orb{background:#fffaf4;color:#111}
/* Quick launch: one clear primary action plus two balanced secondary actions */
.launch-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:164px 146px;gap:10px}.launch-grid .tool-card{min-height:0;border-radius:27px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;box-shadow:0 12px 30px rgba(35,28,22,.08);isolation:isolate}.launch-grid .tool-card.big{grid-column:1/-1;grid-row:auto;min-height:0;padding:19px;background:linear-gradient(135deg,#ff8269 0%,#ff8269 66%,#ffa08b 100%)}.launch-grid .tool-card.lime{background:linear-gradient(145deg,#f3ece2,#e9e0d5)}.launch-grid .tool-card.purple{background:linear-gradient(145deg,#242426,#303034)}.launch-grid .tool-card:before,.launch-grid .tool-card:after{display:none}.launch-grid .launch-kicker{position:absolute;left:16px;top:15px;z-index:2;font-size:7px;line-height:1;font-weight:950;letter-spacing:.08em;opacity:.55}.launch-grid .tool-card.big .launch-kicker{left:19px;top:18px}.launch-grid .tool-card strong{position:relative;z-index:2;display:block;max-width:calc(100% - 8px);font-size:19px;line-height:1.05;letter-spacing:-.035em}.launch-grid .tool-card.big strong{font-size:30px;line-height:1;max-width:260px;margin:0}.launch-grid .tool-card span{position:relative;z-index:2;display:block;max-width:calc(100% - 6px);font-size:9px;line-height:1.35;margin-top:7px;opacity:.62}.launch-grid .tool-card.big span{max-width:235px;font-size:10px}.launch-grid .tool-card .orb,.launch-grid .tool-card.big .orb{position:absolute;z-index:2;left:auto;right:14px;top:14px;bottom:auto;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.78);color:#111;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.07)}.launch-grid .tool-card.big .orb{right:18px;top:18px;width:54px;height:54px;border-radius:19px;background:#111;color:#fff;font-size:24px;box-shadow:0 12px 26px rgba(80,29,16,.16)}.launch-grid .tool-card.purple .orb{background:#f1eee8;color:#111}.app[data-theme="dark"] .launch-grid .tool-card.lime{background:linear-gradient(145deg,#222225,#2d2d31);color:#fff}.app[data-theme="dark"] .launch-grid .tool-card.lime .orb{background:#f1eee8;color:#111}
/* Learning center */
.learn-hero{position:relative;overflow:hidden;background:#101012;color:#fff;border-radius:31px;padding:20px;margin-bottom:13px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.learn-hero:after{content:"LEARN";position:absolute;right:-10px;bottom:-20px;color:rgba(255,255,255,.055);font-size:64px;font-weight:950;letter-spacing:-.08em}.learn-hero>*{position:relative;z-index:1}.learn-hero>small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.08em}.learn-hero h3{font-size:27px;line-height:1.04;letter-spacing:-.05em;margin:12px 0 7px;max-width:290px}.learn-hero p{color:#aaa;font-size:10px;line-height:1.5;margin:0;max-width:285px}.learn-progress{margin-top:17px}.learn-progress-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#aaa}.learn-progress-head b{color:#fff;font-size:9px}.learn-progress-track{height:6px;border-radius:999px;background:#343438;margin-top:7px;overflow:hidden}.learn-progress-track i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),#ffd2c5)}.learn-hero-actions{display:flex;gap:7px;margin-top:13px}.learn-hero-actions button{height:40px;border:1px solid #38383c;border-radius:14px;background:#242427;color:#fff;padding:0 12px;font-size:9px;font-weight:900}.learn-hero-actions .continue{background:var(--coral);border-color:var(--coral);color:#111}.learn-filter{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:4px 0 14px}.learn-filter button{white-space:nowrap;height:35px;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:0 12px;font-size:9px;font-weight:900}.learn-filter button.active{background:#111;color:#fff}.learning-path{display:grid;gap:8px}.path-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:21px;background:var(--card);padding:11px;text-align:left}.path-step>i{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#ece6de;color:#111;font-style:normal;font-size:10px;font-weight:950}.path-step.done>i{background:#111;color:#fff}.path-step.now{background:#f6e8df;border-color:rgba(255,130,102,.45)}.path-step.now>i{background:var(--coral)}.path-step b{display:block;font-size:11px}.path-step small{display:block;color:var(--muted);font-size:8px;line-height:1.4;margin-top:3px}.path-step>span{font-size:8px;font-weight:900;color:var(--muted)}.path-step.hidden{display:none}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.course-card{position:relative;overflow:hidden;min-height:178px;border:0;border-radius:24px;background:#242426;color:#fff;padding:13px;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.1)}.course-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:35px;right:-32px;bottom:-28px;background:rgba(255,130,102,.25);transform:rotate(-16deg)}.course-card:nth-child(2){background:#f1e8dc;color:#111}.course-card:nth-child(2):after{background:#fffaf4}.course-card:nth-child(3):after{background:rgba(223,255,95,.7)}.course-card:nth-child(4){background:#ff8268;color:#111}.course-card:nth-child(4):after{background:rgba(255,250,244,.72)}.course-card>*{position:relative;z-index:1}.course-card>i{display:grid;place-items:center;width:35px;height:35px;border-radius:13px;background:rgba(255,255,255,.13);font-style:normal;font-size:10px;font-weight:950}.course-card:nth-child(2)>i,.course-card:nth-child(4)>i{background:#111;color:#fff}.course-card b{display:block;font-size:12px;line-height:1.25;margin-top:23px}.course-card small{display:block;font-size:8px;line-height:1.4;margin-top:5px;opacity:.68}.course-card em{position:absolute;left:13px;bottom:12px;font-style:normal;font-size:7px;font-weight:900}.practice-card{position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(135deg,#e6ff9b,#dfff5f);color:#111;padding:17px;margin-top:9px}.practice-card:after{content:"↗";position:absolute;right:18px;bottom:12px;font-size:54px;font-weight:300;opacity:.18}.practice-card small{font-size:8px;font-weight:950}.practice-card h4{font-size:20px;line-height:1.08;margin:9px 0 5px;letter-spacing:-.04em}.practice-card p{font-size:9px;line-height:1.45;max-width:285px;margin:0}.practice-card button{height:38px;border:0;border-radius:14px;background:#111;color:#fff;padding:0 13px;font-size:9px;font-weight:900;margin-top:13px}
.course-player{position:relative;height:185px;border-radius:25px;background:linear-gradient(145deg,#171719,#323237);color:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:13px}.course-player:before{content:"";position:absolute;width:135px;height:65px;border-radius:25px;background:var(--coral);right:-25px;top:22px;transform:rotate(-11deg);opacity:.8}.course-player button{position:relative;z-index:1;width:58px;height:58px;border:0;border-radius:50%;background:#fff;color:#111;font-size:19px;box-shadow:0 12px 28px rgba(0,0,0,.25)}.course-player span{position:absolute;left:14px;bottom:13px;font-size:9px;font-weight:900}.course-meta{display:flex;gap:6px;overflow:auto;margin-bottom:13px}.course-meta span{white-space:nowrap;border-radius:999px;background:#e8e1d9;padding:7px 9px;font-size:8px;font-weight:850}.lesson-outline{display:grid;gap:7px}.lesson-item{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:10px;text-align:left}.lesson-item>i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#ebe5dd;font-style:normal;font-size:8px;font-weight:950}.lesson-item.done>i{background:#111;color:#fff}.lesson-item.active{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral)}.lesson-item b{display:block;font-size:10px}.lesson-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.lesson-item>span{font-size:7px;color:var(--muted)}.course-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:13px}.course-actions button{height:49px;border:0;border-radius:17px;background:var(--card);font-size:9px;font-weight:900}.course-actions .primary{background:var(--coral)}
/* Video generation modes */
.video-mode-section{margin:13px 0 16px}.video-mode-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px}.video-mode-head h3{font-size:17px;margin:0}.video-mode-head small{font-size:8px;color:var(--muted)}.video-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-mode-card{position:relative;min-height:108px;border:1px solid var(--line);border-radius:21px;background:var(--card);padding:12px;text-align:left;overflow:hidden}.video-mode-card:after{content:"";position:absolute;width:68px;height:68px;border-radius:27px;right:-24px;bottom:-25px;background:rgba(255,130,102,.18);transform:rotate(-16deg)}.video-mode-card:nth-child(2):after{background:#d9d0ff}.video-mode-card:nth-child(3):after{background:#e6ff9b}.video-mode-card:nth-child(4){background:#19191b;color:#fff}.video-mode-card:nth-child(4):after{background:#747479}.video-mode-card>*{position:relative;z-index:1}.video-mode-card i{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#111;color:#fff;font-style:normal;font-size:8px;font-weight:950}.video-mode-card:nth-child(4) i{background:var(--coral);color:#111}.video-mode-card b{display:block;font-size:10px;margin-top:10px}.video-mode-card small{display:block;font-size:7px;line-height:1.4;color:var(--muted);margin-top:3px}.video-mode-card:nth-child(4) small{color:#aaa}.video-mode-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;margin-bottom:12px}.video-mode-tabs button{white-space:nowrap;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:0 11px;font-size:8px;font-weight:900}.video-mode-tabs button.active{background:#111;color:#fff}.video-mode-summary{position:relative;overflow:hidden;border-radius:22px;background:#111;color:#fff;padding:15px;margin-bottom:11px}.video-mode-summary:after{content:"";position:absolute;width:95px;height:40px;border-radius:18px;background:var(--coral);right:-16px;top:15px;transform:rotate(-8deg);opacity:.72}.video-mode-summary>*{position:relative;z-index:1}.video-mode-summary b{font-size:13px}.video-mode-summary p{font-size:8px;line-height:1.5;color:#aaa;margin:5px 0 0;max-width:265px}.video-source-panel{display:none}.video-source-panel.active{display:block}.source-stack{display:grid;gap:7px}.source-slot{position:relative;min-height:58px;border:1px dashed #c8c0b7;border-radius:18px;background:var(--card);display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:9px;text-align:left}.source-slot>i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ebe4dc;font-style:normal;font-size:9px;font-weight:950}.source-slot b{display:block;font-size:9px}.source-slot small{display:block;color:var(--muted);font-size:7px;line-height:1.35;margin-top:3px}.source-slot>span{font-size:8px;font-weight:900;color:#8a5547}.video-setting-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.video-setting{border:1px solid var(--line);border-radius:17px;background:var(--card);padding:10px}.video-setting small{display:block;color:var(--muted);font-size:7px}.video-setting select{width:100%;border:0;background:transparent;font-size:9px;font-weight:900;margin-top:4px;outline:none}.strength-row{display:flex;align-items:center;gap:10px;margin-top:10px;border-radius:17px;background:var(--card);padding:10px 12px}.strength-row span{font-size:8px;font-weight:900;white-space:nowrap}.strength-row input{flex:1;accent-color:var(--coral)}.strength-row output{font-size:8px;color:var(--muted)}
[data-learn-category].hidden{display:none}.app[data-theme="dark"] .learn-filter button,.app[data-theme="dark"] .path-step,.app[data-theme="dark"] .lesson-item,.app[data-theme="dark"] .course-actions button,.app[data-theme="dark"] .video-mode-card,.app[data-theme="dark"] .video-mode-tabs button,.app[data-theme="dark"] .source-slot,.app[data-theme="dark"] .video-setting,.app[data-theme="dark"] .strength-row{background:#1c1c1e;color:#f5f3ef;border-color:rgba(255,255,255,.09)}.app[data-theme="dark"] .path-step.now{background:#33231f}.app[data-theme="dark"] .path-step>i,.app[data-theme="dark"] .lesson-item>i,.app[data-theme="dark"] .source-slot>i{background:#303034;color:#fff}.app[data-theme="dark"] .course-card:nth-child(2){background:#252527;color:#fff}.app[data-theme="dark"] .course-meta span{background:#29292c}.app[data-theme="dark"] .video-mode-card:nth-child(4){background:#252527}.app[data-theme="dark"] .video-setting select{color:#fff}
/* 2026.07 home cockpit: beginner-first creation, inspiration remix and persistent work */
.brand-wordmark{display:block;width:92px;height:40px;object-fit:contain;background:transparent;box-shadow:none}
.brand-lockup{display:flex;align-items:center}.brand-lockup .brand-wordmark{width:92px;height:40px}
.notice-brand-logo{display:flex;align-items:center;gap:7px;letter-spacing:0}.notice-brand-logo .brand-wordmark{width:72px;height:32px}.notice-brand-logo b{font-size:7px;letter-spacing:.12em;background:#111;color:#fff;padding:5px 7px;border-radius:999px}
.home-head{margin:15px 0 14px}.home-head small{font-size:9px}.home-head h2{font-size:29px;line-height:1.02;max-width:330px;margin-top:7px}
.creation-cockpit{position:relative;margin-bottom:18px}.creation-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;padding:5px;border:1px solid rgba(0,0,0,.06);border-radius:21px;background:rgba(255,250,244,.66);box-shadow:0 8px 28px rgba(35,28,22,.055);backdrop-filter:blur(18px)}
.creation-type-switch button{min-height:58px;border:0;border-radius:16px;background:transparent;color:var(--muted);display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:8px;text-align:left}.creation-type-switch button>i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#e4dcd3;color:#111;font-style:normal;font-size:9px;font-weight:950}.creation-type-switch button b{display:block;font-size:10px;color:inherit}.creation-type-switch button small{display:block;font-size:6px;margin-top:3px;color:inherit;opacity:.72;white-space:nowrap}.creation-type-switch button.active{background:#111;color:#fff;box-shadow:0 9px 22px rgba(0,0,0,.18)}.creation-type-switch button.active>i{background:var(--coral);color:#111}
.creation-composer{padding:17px 15px 14px;border-radius:28px;background:linear-gradient(145deg,#0b0b0c,#202023);overflow:hidden;isolation:isolate}.creation-composer:before{content:"";position:absolute;z-index:-1;width:160px;height:84px;right:-41px;top:-33px;border-radius:30px;background:linear-gradient(135deg,#ff8065,#ff9c86);transform:rotate(-11deg);box-shadow:0 14px 30px rgba(255,130,102,.22)}.creation-composer:after{content:"瞬极";position:absolute;z-index:-1;right:13px;bottom:5px;color:rgba(255,255,255,.035);font-size:19px;font-weight:950;letter-spacing:-.04em}.creation-composer .spark{font-size:9px}.creation-composer .prompt-box{min-height:89px;padding:12px 0 8px;font-size:17px;line-height:1.38}.creation-composer .prompt-actions{gap:6px;align-items:center}.creation-composer .prompt-actions>button:not(.go){height:37px;padding:0 9px;font-size:7px}.creation-composer .prompt-actions .voice{width:37px;padding:0}.creation-composer .prompt-actions .go{width:auto;min-width:67px;height:43px;border-radius:16px;padding:0 12px;font-size:9px;font-weight:950;white-space:nowrap}.creation-composer .prompt-actions .prompt-skill-launch{background:#efff4a;color:#111}
.creation-route-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px 1px;color:var(--muted);font-size:7px}.creation-route-meta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-route-meta button{border:0;background:transparent;color:#111;font-size:7px;font-weight:950;white-space:nowrap}.creation-prompts{margin:8px 0 0}.creation-prompts .quick{background:#fffaf4}
.section-head.home-section{margin-top:20px}.section-head.home-section h3{font-size:16px}.section-head.home-section button{font-size:8px}
.inspiration-rail,.home-inspiration-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;scrollbar-width:none;margin:0;padding:0}.inspiration-rail::-webkit-scrollbar{display:none}.inspiration-card{position:relative;width:100%;min-width:0;height:210px;border:0;border-radius:25px;overflow:hidden;background:#1c1c1e center/cover;color:#fff;text-align:left;scroll-snap-align:none;box-shadow:0 12px 28px rgba(20,16,13,.14)}.inspiration-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.86) 100%)}.inspiration-card>em{position:absolute;left:11px;top:11px;background:rgba(12,12,13,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 8px;font-style:normal;font-size:7px;font-weight:900}.inspiration-card .remix-copy{position:absolute;left:14px;right:14px;bottom:13px}.inspiration-card b{display:block;font-size:15px}.inspiration-card small{display:block;margin-top:5px;color:rgba(255,255,255,.72);font-size:7px;line-height:1.45}.inspiration-card .remix-action{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:7px;font-weight:900}.inspiration-card .remix-action i{display:grid;place-items:center;width:31px;height:31px;border-radius:12px;background:var(--coral);color:#111;font-style:normal;font-size:13px}.inspiration-card:nth-child(2) .remix-action i{background:#efff4a}.inspiration-card:nth-child(3) .remix-action i{background:#fff}
.power-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:104px 104px;gap:9px}.power-entry{position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.06);border-radius:23px;background:#fffaf4;padding:14px;text-align:left;box-shadow:0 9px 25px rgba(34,27,21,.055)}.power-entry.wide{grid-row:span 2;background:linear-gradient(155deg,#232326,#0d0d0e);color:#fff}.power-entry.coral{background:linear-gradient(145deg,#ff826a,#ff9a82)}.power-entry i{display:grid;place-items:center;width:33px;height:33px;border-radius:12px;background:#111;color:#fff;font-style:normal;font-size:9px;font-weight:950}.power-entry.wide i{background:#efff4a;color:#111}.power-entry b{display:block;font-size:12px;margin-top:13px}.power-entry small{display:block;font-size:7px;line-height:1.4;color:var(--muted);margin-top:4px}.power-entry.wide small{color:#aaa}.power-entry>span{position:absolute;right:12px;bottom:11px;font-size:17px;font-weight:400}.power-entry.wide:after{content:"∞";position:absolute;right:-9px;bottom:-29px;font-size:92px;color:rgba(255,255,255,.055);font-weight:300}
.home-utility-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.home-utility{min-height:72px;border:1px solid rgba(0,0,0,.06);border-radius:20px;background:#fffaf4;display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center;padding:10px;text-align:left}.home-utility>i{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#e5ddd4;color:#111;font-style:normal;font-size:9px;font-weight:950}.home-utility b{display:block;font-size:9px}.home-utility small{display:block;font-size:6px;color:var(--muted);margin-top:4px}.home-utility.course>i{background:var(--coral)}
.home-queue-card{width:100%;min-height:74px;margin-top:9px;border:0;border-radius:21px;background:#e1d9d0;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px;text-align:left;color:#111}.home-queue-card>i{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#111;color:#fff;font-style:normal}.home-queue-card b{display:block;font-size:9px}.home-queue-card small{display:block;font-size:7px;color:#6f6963;margin-top:4px}.home-queue-card>span{font-size:17px}
.home-queue-card>i .sj-icon{width:20px;height:20px}.model-search>i .sj-icon,.icon-btn .sj-icon{width:20px;height:20px}.project-command>i .sj-icon{width:22px;height:22px}.system-banner>i .sj-icon,.overview-root-node>i .sj-icon{width:20px;height:20px}.project-empty-state>i .sj-icon{width:25px;height:25px}.sj-timeline-actions i .sj-icon{width:19px;height:19px;margin:auto}
.preset-loaded{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#efff4a;color:#111;border-radius:15px;padding:10px 12px;margin:4px 0 11px;font-size:8px}.preset-loaded b{font-size:8px}.preset-loaded[hidden]{display:none}
.image-source-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px dashed rgba(0,0,0,.18);border-radius:20px;background:var(--card);padding:12px;margin:11px 0}.image-source-card>i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e5ddd4;color:#111;font-style:normal;font-weight:950}.image-source-card b{display:block;font-size:9px}.image-source-card small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.image-source-card>span{font-size:8px;font-weight:950}
.app[data-theme="dark"] .brand-wordmark{filter:brightness(0) invert(1);box-shadow:none}.app[data-theme="dark"] .creation-type-switch{background:rgba(34,34,37,.72);border-color:rgba(255,255,255,.06)}.app[data-theme="dark"] .creation-type-switch button:not(.active)>i{background:#343438;color:#fff}.app[data-theme="dark"] .creation-route-meta button{color:#fff}.app[data-theme="dark"] .creation-prompts .quick,.app[data-theme="dark"] .power-entry:not(.wide):not(.coral),.app[data-theme="dark"] .home-utility,.app[data-theme="dark"] .image-source-card{background:#1c1c1e;color:#f5f3ef;border-color:rgba(255,255,255,.08)}.app[data-theme="dark"] .home-queue-card{background:#27272a;color:#fff}.app[data-theme="dark"] .home-queue-card small{color:#aaa}.app[data-theme="dark"] .home-utility>i,.app[data-theme="dark"] .image-source-card>i{background:#36363a;color:#fff}
/* Raised center action and Shunji creation dock */
.bottom-nav{z-index:65;grid-template-columns:1fr 1fr 72px 1fr 1fr;overflow:visible;padding:8px 6px}.nav-create-main{position:relative;top:-24px;width:66px;height:66px;justify-self:center;border:5px solid var(--paper);border-radius:24px;background:linear-gradient(145deg,#ff927a,#ff7059);color:#111;display:grid;place-items:center;align-content:center;gap:1px;box-shadow:0 12px 30px rgba(255,112,89,.3);transition:.28s cubic-bezier(.2,.8,.2,1)}.nav-create-main>i{font-style:normal;font-size:27px;line-height:.85;font-weight:300;transition:transform .25s}.nav-create-main>span{font-size:7px;font-weight:950}.bottom-nav.create-open .nav-create-main>i{transform:rotate(45deg)}.app[data-theme="dark"] .nav-create-main{border-color:#0b0b0c}
.create-dock-overlay{position:absolute;z-index:58;inset:0;display:none;align-items:flex-end;padding:0 12px 101px;background:rgba(9,9,10,.38);backdrop-filter:blur(10px)}.create-dock-overlay.open{display:flex;animation:fade .18s ease}.create-dock-panel{position:relative;width:100%;border-radius:31px;background:rgba(247,239,229,.98);color:#111;padding:11px 14px 14px;box-shadow:0 24px 70px rgba(0,0,0,.28);animation:dockRise .3s cubic-bezier(.2,.85,.2,1)}@keyframes dockRise{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}.create-dock-handle{display:block;width:38px;height:4px;border-radius:4px;background:#c3bbb2;margin:0 auto 12px}.create-dock-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 11px}.create-dock-title h3{font-size:19px;letter-spacing:-.04em;margin:0}.create-dock-title small{font-size:7px;color:#77716b}.dock-create-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dock-create-card{position:relative;min-height:97px;border:0;border-radius:22px;background:#111;color:#fff;padding:13px;text-align:left;overflow:hidden}.dock-create-card.image{background:#ff8268;color:#111}.dock-create-card>i{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#ff8268;color:#111;font-style:normal;font-size:9px;font-weight:950}.dock-create-card.image>i{background:#111;color:#fff}.dock-create-card b{display:block;font-size:12px;margin-top:10px}.dock-create-card small{display:block;font-size:7px;color:#aaa;margin-top:3px}.dock-create-card.image small{color:#6f3c32}.dock-create-card>span{position:absolute;right:12px;bottom:10px;font-size:17px}.dock-canvas-main{position:relative;width:100%;min-height:75px;margin-top:8px;border:0;border-radius:22px;background:linear-gradient(135deg,#262629,#111);color:#fff;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px 13px;text-align:left;overflow:hidden}.dock-canvas-main:after{content:"∞";position:absolute;right:34px;bottom:-33px;color:rgba(255,255,255,.05);font-size:96px}.dock-canvas-main>i{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#efff4a;color:#111;font-style:normal;font-size:17px}.dock-canvas-main span{position:relative;z-index:1}.dock-canvas-main b{display:block;font-size:12px}.dock-canvas-main small{display:block;color:#a4a4a8;font-size:7px;margin-top:4px}.dock-canvas-main>em{position:relative;z-index:1;font-style:normal;font-size:19px}.dock-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.dock-mini-action{min-height:61px;border:1px solid rgba(0,0,0,.06);border-radius:19px;background:#fffaf4;padding:9px;text-align:left}.dock-mini-action>i{display:block;font-style:normal;font-size:10px;font-weight:950}.dock-mini-action b{display:block;font-size:8px;margin-top:8px}.dock-mini-action small{display:block;color:#807970;font-size:6px;margin-top:2px}.app[data-theme="dark"] .create-dock-panel{background:rgba(29,29,32,.98);color:#fff}.app[data-theme="dark"] .dock-mini-action{background:#29292d;color:#fff;border-color:rgba(255,255,255,.08)}
/* Shunji glass dock v5: one fixed safe-area layer pinned to the physical viewport. */
.bottom-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(68px + var(--safe-bottom));grid-template-columns:1fr 1fr 68px 1fr 1fr;align-items:start;padding:6px max(8px,var(--safe-right)) calc(5px + var(--safe-bottom)) max(8px,var(--safe-left));border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:24px 24px 0 0;background:rgba(17,17,19,.94);box-shadow:0 -9px 26px rgba(0,0,0,.2);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);overflow:visible}.bottom-nav:before{display:none}.bottom-nav.hidden{transform:translateY(calc(76px + var(--safe-bottom)))}
.bottom-nav .nav-item{position:relative;height:56px;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.52);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:850;transition:color .2s,transform .2s}.bottom-nav .nav-item>i{display:grid;place-items:center;width:24px;height:22px;font-style:normal}.bottom-nav .nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .nav-item>span{line-height:1}.bottom-nav .nav-item.active{color:#fff;box-shadow:none}.bottom-nav .nav-item.active:after{content:"";position:absolute;bottom:2px;width:14px;height:2px;border-radius:2px;background:var(--coral);box-shadow:none}
.bottom-nav .nav-create-main{position:relative;top:-12px;width:56px;height:56px;justify-self:center;border:0;border-radius:50%;background:linear-gradient(145deg,#ff9b84,#ff7059);color:#111;display:grid;place-items:center;align-content:center;gap:1px;box-shadow:0 8px 22px rgba(255,106,80,.28);transition:.28s cubic-bezier(.2,.8,.2,1);touch-action:manipulation}.bottom-nav .nav-create-main>i{font-style:normal;font-size:25px;line-height:.78;font-weight:300;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.bottom-nav .nav-create-main>span{font-size:7px;font-weight:950}.bottom-nav.create-open .nav-create-main{background:linear-gradient(145deg,#f4f1ec,#cbc6c0);box-shadow:0 8px 22px rgba(0,0,0,.28)}.bottom-nav.create-open .nav-create-main>i{transform:rotate(45deg)}.bottom-nav.dock-haptic .nav-create-main{animation:dockHaptic .18s ease-out}@keyframes dockHaptic{0%{transform:scale(1)}45%{transform:scale(.88)}100%{transform:scale(1)}}
.create-dock-overlay{position:fixed;z-index:68;inset:0;align-items:flex-end;padding:0 max(6px,var(--safe-right)) calc(68px + var(--safe-bottom)) max(6px,var(--safe-left));background:rgba(5,5,7,.52);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}.create-dock-overlay.open{display:flex}.create-dock-panel{position:relative;width:min(100%,430px);height:238px;margin:0 auto;padding:17px 12px 8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-bottom:0;border-radius:44px 44px 24px 24px;background:radial-gradient(circle at 50% 112%,rgba(255,130,102,.19),transparent 46%),linear-gradient(160deg,rgba(44,44,49,.9),rgba(18,18,21,.96));color:#fff;box-shadow:0 -24px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);animation:dockFanRise .32s cubic-bezier(.2,.86,.2,1)}.create-dock-panel:before{content:"";position:absolute;left:23%;right:23%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--coral),transparent)}@keyframes dockFanRise{from{opacity:0;transform:translateY(34px) scale(.94)}to{opacity:1;transform:none}}.create-dock-title{position:relative;z-index:2;display:block;margin:2px 0 0;text-align:center}.create-dock-title h3{margin:0;color:#fff;font-size:15px;letter-spacing:-.035em}.create-dock-title small{display:block;margin-top:4px;color:#8f8f95;font-size:7px}.create-orbit{position:relative;height:158px;margin-top:8px}.dock-orbit-action{position:absolute;width:104px;min-height:96px;transform:translate(-50%,-50%);border:0;background:transparent;color:#e5e5e8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;text-align:center;padding:0;transition:transform .18s,color .18s;touch-action:manipulation}.dock-orbit-action:active{transform:translate(-50%,-50%) scale(.92)}.dock-orbit-action>b{font-size:9px;line-height:1.1}.dock-orbit-action>small{display:block;color:#7f7f86;font-size:6px;line-height:1.2}.dock-orbit-action.canvas{left:50%;top:70px}.dock-orbit-action.image{left:17%;top:86px}.dock-orbit-action.models{left:83%;top:86px}@media(max-width:350px){.dock-orbit-action.image{left:18%}.dock-orbit-action.models{left:82%}}
@media(min-width:851px){.bottom-nav{position:absolute}.create-dock-overlay{position:absolute}}
/* Account drawer and personal settings */
.account-launch{min-width:0;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0;text-align:left}.account-launch .avatar{flex:0 0 40px;width:40px;height:40px}.account-launch>span:last-child{min-width:0}.account-launch b{display:block;font-size:12px;letter-spacing:-.02em}.account-launch small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.home-settings{flex:0 0 42px}.account-drawer{position:absolute;z-index:210;inset:0;visibility:hidden;pointer-events:none}.account-drawer.open{visibility:visible;pointer-events:auto}.account-drawer-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.48);opacity:0;transition:.22s}.account-drawer.open .account-drawer-scrim{opacity:1}.account-drawer-panel{position:absolute;inset:0 54px 0 0;overflow:auto;padding:55px 14px 28px;background:#f2ebe2;color:#111;transform:translateX(-105%);transition:.32s cubic-bezier(.2,.82,.2,1);box-shadow:22px 0 60px rgba(0,0,0,.24);scrollbar-width:none}.account-drawer.open .account-drawer-panel{transform:none}.account-drawer-head{display:grid;grid-template-columns:52px 1fr 34px;gap:10px;align-items:center;padding:4px 2px 15px}.account-avatar{width:52px;height:52px;border:2px solid rgba(255,130,102,.34);border-radius:19px;background:#171719 url('assets/ui/creator-avatar-v1.png') center/cover no-repeat;box-shadow:0 8px 20px rgba(0,0,0,.16)}.account-avatar span{display:none}.account-drawer-head b{display:block;font-size:16px}.account-drawer-head small{display:block;color:#77716b;font-size:8px;margin-top:4px}.account-drawer-head button{width:34px;height:34px;border:0;border-radius:13px;background:#fffaf4;font-size:18px}.account-pro-card{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#2c2013,#0f0f10);color:#ffe5a0;padding:17px;margin-bottom:10px;min-height:105px}.account-pro-card:after{content:"";position:absolute;width:105px;height:105px;border:1px solid rgba(255,229,160,.24);border-radius:34px;right:-31px;top:10px;transform:rotate(23deg)}.account-pro-card span{display:block;font-size:7px;font-weight:950;letter-spacing:.14em}.account-pro-card b{display:block;font-size:16px;margin-top:17px}.account-pro-card small{display:block;font-size:8px;margin-top:5px;opacity:.72}.account-pro-card i{position:absolute;right:23px;top:38px;font-size:25px;font-style:normal}.account-menu-group{overflow:hidden;border-radius:22px;background:#fffaf4;margin-top:10px}.account-menu-group button{width:100%;min-height:58px;border:0;border-bottom:1px solid rgba(0,0,0,.06);background:transparent;display:flex;align-items:center;gap:10px;padding:10px 13px;text-align:left}.account-menu-group button:last-child{border-bottom:0}.account-menu-group button>span{flex:1}.account-menu-group b{display:block;font-size:10px}.account-menu-group small{display:block;color:#817a72;font-size:7px;margin-top:3px}.account-menu-group strong{font-size:10px}.account-menu-group em{min-width:22px;height:22px;border-radius:999px;background:var(--coral);display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:900}.account-logout{width:100%;height:52px;margin-top:10px;border:0;border-radius:19px;background:#fffaf4;color:#e84d30;text-align:left;padding:0 14px;font-size:10px;font-weight:900}.personal-avatar-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border-radius:23px;background:#111;color:#fff;padding:13px;margin-bottom:12px}.personal-avatar-card .avatar{width:64px;height:64px;border-color:#28282b}.personal-avatar-card b{font-size:12px}.personal-avatar-card small{display:block;color:#aaa;font-size:7px;margin-top:4px}.personal-avatar-card button{border:0;border-radius:13px;background:var(--coral);padding:9px 10px;font-size:8px;font-weight:900}.profile-avatar-button{border:0;background:transparent;padding:0;border-radius:50%}.profile-avatar-button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.profile-avatar-input{position:fixed;left:-10000px;width:1px;height:1px;opacity:0}.personal-id-row{display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:var(--card);padding:12px;margin-top:9px;font-size:9px}.personal-id-row button{border:0;border-radius:11px;background:#e9e2da;padding:7px 9px;font-size:8px;font-weight:900}.personal-action-row{width:100%;min-height:55px;border:0;border-radius:18px;background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 13px;margin-top:8px;text-align:left}.personal-action-row b{font-size:10px}.personal-action-row small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.personal-action-row>span:last-child{font-size:16px}.personal-action-row.danger{color:#e34c35}.app[data-theme="dark"] .account-drawer-panel{background:#101011;color:#fff}.app[data-theme="dark"] .account-drawer-head button,.app[data-theme="dark"] .account-menu-group,.app[data-theme="dark"] .account-logout,.app[data-theme="dark"] .personal-id-row,.app[data-theme="dark"] .personal-action-row{background:#1c1c1f;color:#fff}.app[data-theme="dark"] .account-logout,.app[data-theme="dark"] .personal-action-row.danger{color:#ff755e}.app[data-theme="dark"] .personal-id-row button{background:#303034;color:#fff}
/* Mobile-first canvas: clip -> shot -> prompt -> model -> generate */
.legacy-canvas-engine{display:none!important}.canvas-screen{background:#0b0b0c!important;color:#fff;overflow-y:auto!important}.mobile-canvas-shell{min-height:100%;padding:0 0 26px;background:linear-gradient(180deg,#0b0b0c 0,#131315 58%,#0b0b0c 100%)}.mobile-canvas-top{position:sticky;z-index:12;top:0;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:8px 14px 10px;background:rgba(11,11,12,.86);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.06)}.mobile-canvas-top .back{background:#242426;color:#fff;border-color:#353538}.mobile-canvas-title b{display:block;font-size:13px}.mobile-canvas-title small{display:block;color:#88888d;font-size:7px;margin-top:3px}.mobile-canvas-actions{display:flex;gap:6px}.mobile-canvas-actions button{height:38px;border:1px solid #343438;border-radius:14px;background:#212124;color:#fff;padding:0 10px;font-size:8px;font-weight:900}.mobile-film-workbench{padding:11px 14px 0}.mobile-project-overview{position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(145deg,#f3e9dc,#dcd2c7);color:#111;padding:16px;margin-bottom:11px}.mobile-project-overview:after{content:"FILM";position:absolute;right:-6px;bottom:-25px;font-size:70px;font-weight:950;color:rgba(0,0,0,.045);letter-spacing:-.08em}.mobile-overview-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-overview-head small{font-size:7px;font-weight:900;color:#756e66}.mobile-overview-head h2{font-size:20px;line-height:1.05;margin:5px 0 0;letter-spacing:-.04em}.mobile-overview-head button{border:0;border-radius:14px;background:#111;color:#fff;padding:9px 11px;font-size:8px;font-weight:900}.mobile-overview-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.mobile-overview-stats div{border-radius:14px;background:rgba(255,255,255,.48);padding:9px}.mobile-overview-stats b{display:block;font-size:12px}.mobile-overview-stats span{display:block;color:#746d65;font-size:7px;margin-top:3px}.mobile-progress{position:relative;z-index:1;height:5px;border-radius:999px;background:rgba(0,0,0,.1);overflow:hidden;margin-top:10px}.mobile-progress i{display:block;height:100%;border-radius:inherit;background:var(--coral)}.mobile-work-section{border-radius:25px;background:#1b1b1e;border:1px solid rgba(255,255,255,.07);padding:13px;margin-top:10px}.mobile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mobile-section-heading div small{display:block;color:#7f7f84;font-size:7px;font-weight:900}.mobile-section-heading h3{font-size:14px;margin:4px 0 0}.mobile-section-heading>button{height:32px;border:1px solid #343438;border-radius:12px;background:#262629;color:#fff;padding:0 10px;font-size:8px;font-weight:900}.mobile-clip-rail,.mobile-shot-rail,.mobile-model-rail{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}.mobile-clip-rail::-webkit-scrollbar,.mobile-shot-rail::-webkit-scrollbar,.mobile-model-rail::-webkit-scrollbar{display:none}.mobile-clip-card{position:relative;min-width:137px;min-height:86px;border:1px solid #343438;border-radius:19px;background:#242427;color:#fff;padding:11px;text-align:left;scroll-snap-align:start}.mobile-clip-card.active{background:var(--coral);color:#111;border-color:var(--coral)}.mobile-clip-card small{display:block;font-size:7px;opacity:.62}.mobile-clip-card b{display:block;font-size:10px;line-height:1.25;margin-top:11px}.mobile-clip-card span{display:block;font-size:7px;margin-top:6px;opacity:.7}.mobile-clip-add{min-width:72px;border:1px dashed #4a4a50;border-radius:19px;background:transparent;color:#aaa;font-size:8px;font-weight:900}.mobile-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;border-radius:17px;background:#111;padding:4px;margin-bottom:10px}.mobile-mode-switch button{height:39px;border:0;border-radius:13px;background:transparent;color:#7f7f84;font-size:8px;font-weight:900}.mobile-mode-switch button.active{background:#f2e9df;color:#111}.mobile-shot-card{min-width:116px;border:1px solid #36363b;border-radius:18px;background:#232326;color:#fff;padding:9px;text-align:left;scroll-snap-align:start}.mobile-shot-card.active{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral)}.mobile-shot-card i{display:block;height:54px;border-radius:12px;background:#343438 center/cover;margin-bottom:8px}.mobile-shot-card b{display:block;font-size:9px}.mobile-shot-card small{display:block;color:#85858a;font-size:7px;margin-top:4px}.mobile-shot-add{min-width:68px;border:1px dashed #4a4a50;border-radius:18px;background:transparent;color:#aaa;font-size:8px}.mobile-editor-card{border-radius:25px;background:#f1e8dd;color:#111;padding:14px;margin-top:10px}.mobile-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-editor-head small{display:block;color:#81796f;font-size:7px;font-weight:900}.mobile-editor-head h3{font-size:16px;margin:4px 0 0}.mobile-editor-head span{border-radius:999px;background:#dfffb1;padding:7px 9px;font-size:7px;font-weight:900}.mobile-prompt-tools{display:flex;gap:6px;margin-top:12px}.mobile-prompt-tools button{height:34px;border:0;border-radius:12px;background:#ded5ca;padding:0 9px;font-size:8px;font-weight:900}.mobile-prompt-tools .prompt-skill-launch{margin-left:auto;background:#111;color:#fff;height:34px}.mobile-shot-prompt{width:100%;min-height:104px;border:0;border-radius:18px;background:#fffaf4;color:#111;resize:none;outline:none;padding:12px;margin-top:8px;font-size:12px;line-height:1.5}.mobile-output-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:11px 0 8px}.mobile-output-switch button{height:42px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#e5dcd2;font-size:9px;font-weight:900}.mobile-output-switch button.active{background:#111;color:#fff}.mobile-model-card{min-width:126px;border:1px solid rgba(0,0,0,.08);border-radius:17px;background:#fffaf4;color:#111;padding:10px;text-align:left}.mobile-model-card.active{background:var(--coral);border-color:var(--coral)}.mobile-model-card[hidden]{display:none}.mobile-model-card i{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#111;color:#fff;font-style:normal;font-size:8px;font-weight:950}.mobile-model-card b{display:block;font-size:9px;margin-top:9px}.mobile-model-card small{display:block;color:#7f766d;font-size:7px;margin-top:3px}.mobile-model-hint{display:block;color:#756e66;font-size:7px;line-height:1.5;margin:8px 2px 0}.mobile-canvas-footer{position:sticky;z-index:10;bottom:0;display:grid;grid-template-columns:.8fr 1.25fr;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(11,11,12,.98) 32%)}.mobile-canvas-footer button{height:52px;border:1px solid #37373b;border-radius:18px;background:#242427;color:#fff;font-size:9px;font-weight:950}.mobile-canvas-footer .primary{border-color:var(--coral);background:var(--coral);color:#111}.mobile-canvas-footer .finish{grid-column:1/-1;height:39px;background:transparent;color:#aaa}.mobile-skill-chip{display:none;margin-top:8px;border-radius:13px;background:#e0ff9b;padding:8px 10px;font-size:7px;font-weight:900}.mobile-skill-chip.visible{display:block}
/* Dedicated AI video entry */
.video-entry-hero{position:relative;overflow:hidden;border-radius:27px;background:#111;color:#fff;padding:17px;margin-bottom:12px}.video-entry-hero:after{content:"VIDEO";position:absolute;right:-12px;bottom:-22px;color:rgba(255,255,255,.05);font-size:64px;font-weight:950}.video-entry-hero>*{position:relative;z-index:1}.video-entry-hero small{color:var(--coral);font-size:8px;font-weight:950}.video-entry-hero h4{font-size:22px;line-height:1.06;letter-spacing:-.04em;margin:12px 0 6px}.video-entry-hero p{max-width:285px;color:#999;font-size:8px;line-height:1.5;margin:0}.video-entry-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.video-entry-mode{position:relative;min-height:110px;border:1px solid var(--line);border-radius:21px;background:var(--card);padding:12px;text-align:left;overflow:hidden}.video-entry-mode:first-child{grid-column:1/-1;min-height:91px;background:#ff8268;color:#111}.video-entry-mode.selected{box-shadow:inset 0 0 0 2px #111}.video-entry-mode i{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#111;color:#fff;font-style:normal;font-size:8px;font-weight:950}.video-entry-mode b{display:block;font-size:10px;margin-top:10px}.video-entry-mode small{display:block;color:var(--muted);font-size:7px;line-height:1.4;margin-top:4px}.video-entry-mode:first-child small{color:#743b30}.video-entry-summary{border-radius:18px;background:#e7dfd6;padding:11px 12px;margin-top:10px}.video-entry-summary b{display:block;font-size:9px}.video-entry-summary small{display:block;color:#77716a;font-size:7px;line-height:1.45;margin-top:4px}.app[data-theme="dark"] .video-entry-mode,.app[data-theme="dark"] .video-entry-summary{background:#1c1c1f;color:#fff;border-color:rgba(255,255,255,.08)}.app[data-theme="dark"] .video-entry-mode:first-child{background:#ff8268;color:#111}
/* Read-only infinite overview canvas for mobile progress tracking */
.canvas-overview{position:absolute;z-index:230;inset:0;display:none;background:#0a0a0b;color:#fff;overflow:hidden}.canvas-overview.open{display:block;animation:fade .18s ease}.overview-top{height:104px;padding:47px 13px 10px;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;background:rgba(15,15,16,.92);backdrop-filter:blur(20px);border-bottom:1px solid #27272a}.overview-top>button{width:42px;height:42px;border:1px solid #343438;border-radius:15px;background:#242427;color:#fff;font-size:18px}.overview-title b{display:block;font-size:13px}.overview-title small{display:block;color:#88888d;font-size:7px;margin-top:3px}.overview-progress-pill{border-radius:14px;background:#242427;padding:9px 11px;text-align:right}.overview-progress-pill b{display:block;color:var(--coral);font-size:12px}.overview-progress-pill small{display:block;color:#85858a;font-size:6px;margin-top:2px}.overview-toolbar{height:48px;display:flex;align-items:center;gap:6px;padding:7px 11px;background:#121214;border-bottom:1px solid #242427;overflow:auto;scrollbar-width:none}.overview-toolbar button{white-space:nowrap;height:32px;border:1px solid #343438;border-radius:999px;background:#1d1d20;color:#88888d;padding:0 11px;font-size:7px;font-weight:900}.overview-toolbar button.active{background:#f1e8de;color:#111;border-color:#f1e8de}.overview-toolbar .overview-focus{margin-left:auto;background:var(--coral);border-color:var(--coral);color:#111}.overview-viewport{position:absolute;inset:152px 0 82px;overflow:hidden;touch-action:none;background-color:#0b0b0c;background-image:radial-gradient(#303034 1px,transparent 1px);background-size:20px 20px}.overview-board{position:absolute;left:0;top:0;width:1500px;height:720px;transform-origin:0 0;will-change:transform}.overview-root-node{position:absolute;left:30px;top:247px;width:110px;border-radius:20px;background:var(--coral);color:#111;padding:13px;box-shadow:0 13px 30px rgba(0,0,0,.28)}.overview-root-node i{display:grid;place-items:center;width:31px;height:31px;border-radius:12px;background:#111;color:#fff;font-style:normal;font-size:9px}.overview-root-node b{display:block;font-size:10px;margin-top:12px}.overview-root-node small{display:block;font-size:7px;margin-top:4px;opacity:.65}.overview-root-node:after,.overview-clip-group:after{content:"";position:absolute;left:100%;top:50%;width:50px;height:2px;background:#57575e}.overview-clip-group:before{content:"→";position:absolute;right:-54px;top:calc(50% - 9px);color:#77777d;font-size:14px}.overview-clip-group.last:after,.overview-clip-group.last:before{display:none}.overview-clip-group{position:absolute;top:155px;min-width:250px;min-height:245px;border:1px solid #3a3a3e;border-radius:29px;background:rgba(30,30,33,.88);padding:13px;box-shadow:0 18px 42px rgba(0,0,0,.26)}.overview-clip-group.current{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,130,102,.12),0 18px 42px rgba(0,0,0,.26)}.overview-clip-group.dimmed{opacity:.23}.overview-clip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #36363a}.overview-clip-head small{display:block;color:#838388;font-size:7px}.overview-clip-head b{display:block;font-size:10px;margin-top:4px}.overview-clip-head span{border-radius:999px;background:#2e2e32;color:#aaa;padding:6px 8px;font-size:6px;font-weight:900}.overview-clip-group.complete .overview-clip-head span{background:#dfffab;color:#24310f}.overview-shot-grid{display:grid;grid-template-columns:repeat(2,106px);gap:8px;margin-top:11px}.overview-shot-node{min-height:73px;border:1px solid #3b3b40;border-radius:16px;background:#28282c;color:#fff;padding:9px;text-align:left}.overview-shot-node.active{border-color:var(--coral)}.overview-shot-node.dimmed{opacity:.22}.overview-shot-node>i{display:block;width:9px;height:9px;border-radius:50%;background:#77777c;box-shadow:0 0 0 4px rgba(119,119,124,.12)}.overview-shot-node.done>i{background:#aee86d}.overview-shot-node.running>i{background:#ffb15f}.overview-shot-node b{display:block;font-size:8px;line-height:1.3;margin-top:9px}.overview-shot-node small{display:block;color:#85858a;font-size:6px;margin-top:4px}.overview-canvas-controls{position:absolute;z-index:4;right:12px;bottom:98px;display:grid;gap:7px}.overview-canvas-controls button{width:42px;height:42px;border:1px solid #38383d;border-radius:15px;background:rgba(30,30,33,.92);color:#fff;font-size:16px;box-shadow:0 8px 24px rgba(0,0,0,.24)}.overview-canvas-controls button:last-child{font-size:8px;font-weight:900}.overview-footer{position:absolute;inset:auto 0 0;height:82px;padding:10px 13px 14px;background:#111113;border-top:1px solid #29292c}.overview-legend{display:flex;align-items:center;gap:12px;color:#88888d;font-size:7px}.overview-legend span{display:flex;align-items:center;gap:5px}.overview-legend i{width:8px;height:8px;border-radius:50%;background:#77777c}.overview-legend .done i{background:#aee86d}.overview-legend .running i{background:#ffb15f}.overview-footer p{font-size:7px;color:#77777c;line-height:1.45;margin:9px 0 0}.overview-scale{position:absolute;left:12px;bottom:98px;z-index:4;border-radius:999px;background:rgba(30,30,33,.92);color:#aaa;padding:7px 9px;font-size:7px}.overview-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#777;font-size:9px}.seedance-series-label{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-radius:17px;background:#111;color:#fff;padding:10px 12px;margin-bottom:1px}.seedance-series-label b{font-size:9px}.seedance-series-label small{font-size:7px;color:#999}.catalog-model.seedance{background:linear-gradient(145deg,#1c1c1f,#2a2a2e);color:#fff}.catalog-model.seedance small{color:#a0a0a5}.catalog-model.seedance .m-icon{background:var(--coral);color:#111}.catalog-model.seedance em{background:#efff4a;color:#111}.mobile-model-card.seedance{background:#1f1f22;color:#fff;border-color:#38383d}.mobile-model-card.seedance small{color:#999}.mobile-model-card.seedance.active{background:var(--coral);color:#111}.mobile-model-card.seedance.active small{color:#63382f}
/* Shunji mobile AI timeline workbench */
.sj-edit-workbench{padding:10px 10px 24px}.sj-preview-panel{overflow:hidden;border:1px solid #2d2d31;border-radius:26px;background:#070708;box-shadow:0 18px 34px rgba(0,0,0,.2)}.sj-preview-stage{position:relative;height:218px;background:#18181b center/cover no-repeat;overflow:hidden}.sj-preview-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 35%,rgba(0,0,0,.42) 100%)}.sj-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 38%,rgba(0,0,0,.68))}.sj-preview-state{position:absolute;z-index:2;left:12px;top:12px;border-radius:999px;background:rgba(15,15,16,.7);backdrop-filter:blur(12px);padding:7px 9px;color:#b9b9bd;font-size:7px;font-weight:900}.sj-preview-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(16,16,18,.64);backdrop-filter:blur(12px);color:#fff;font-size:17px}.sj-preview-play.playing{background:var(--coral);color:#111;border-color:var(--coral)}.sj-preview-caption{position:absolute;z-index:2;left:13px;right:13px;bottom:12px}.sj-preview-caption b{display:block;font-size:12px}.sj-preview-caption small{display:block;color:#aaa;font-size:7px;margin-top:4px}.sj-preview-controls{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#85858a;font-size:8px}.sj-preview-controls div{display:flex;gap:6px}.sj-preview-controls button{height:28px;min-width:34px;border:1px solid #303034;border-radius:10px;background:#202023;color:#fff;font-size:8px;font-weight:900}.sj-timeline-panel{margin-top:9px;border:1px solid #2c2c30;border-radius:27px;background:#171719;padding:13px;overflow:hidden}.sj-timeline-summary{display:flex;align-items:flex-start;justify-content:space-between}.sj-timeline-summary small{display:block;color:#77777c;font-size:7px;font-weight:900}.sj-timeline-summary h2{font-size:18px;margin:4px 0 0}.sj-project-health{border-radius:14px;background:#242427;padding:8px 10px;text-align:right}.sj-project-health b{display:block;color:var(--coral);font-size:11px}.sj-project-health small{display:block;color:#77777c;font-size:6px;margin-top:2px}.sj-timeline-panel .mobile-progress{margin-top:11px;background:#303034}.sj-stats-line{display:flex;align-items:center;gap:11px;margin-top:8px;color:#7c7c82;font-size:7px}.sj-stats-line b{color:#fff}.sj-stats-line button{margin-left:auto;border:0;background:transparent;color:#999;font-size:7px;font-weight:900}.sj-clip-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-top:15px}.sj-clip-heading small{display:block;color:#747479;font-size:7px}.sj-clip-heading b{display:block;font-size:10px;margin-top:4px}.sj-clip-heading>div:last-child{display:flex;gap:5px}.sj-clip-heading button{height:28px;border:1px solid #333338;border-radius:10px;background:#242427;color:#fff;padding:0 8px;font-size:7px;font-weight:900}.sj-clip-tabs{margin-top:8px}.sj-clip-tabs .mobile-clip-card{min-width:112px;min-height:54px;border-radius:15px;padding:9px}.sj-clip-tabs .mobile-clip-card b{font-size:8px;margin-top:5px}.sj-clip-tabs .mobile-clip-card span{font-size:6px;margin-top:3px}.sj-clip-tabs .mobile-clip-add{min-width:54px;border-radius:15px}.sj-mode-compact{width:196px;margin:9px 0 0;padding:3px;border-radius:13px}.sj-mode-compact button{height:31px;border-radius:10px;font-size:7px}.sj-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;margin:13px -2px 7px}.sj-timeline-toolbar>div{display:flex;align-items:center;border:1px solid #303034;border-radius:12px;overflow:hidden}.sj-timeline-toolbar button{width:30px;height:29px;border:0;background:#252528;color:#fff}.sj-timeline-toolbar span{display:grid;place-items:center;width:45px;height:29px;background:#1d1d20;color:#aaa;font-size:7px}.sj-timeline-toolbar small{color:#69696e;font-size:6px}.sj-timeline-frame{position:relative;height:274px;border:1px solid #2d2d32;border-radius:18px;background:#101012;overflow:hidden}.sj-timeline-scroll{height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}.sj-timeline-scroll::-webkit-scrollbar{display:none}.sj-time-ruler{height:28px;display:flex;align-items:flex-end;gap:0;padding:0 170px 6px;min-width:max-content;color:#636368;font-size:6px}.sj-time-ruler span{position:relative;display:block;width:112px;flex:0 0 auto}.sj-time-ruler span:before{content:"";position:absolute;left:0;bottom:-6px;width:1px;height:5px;background:#49494e}.sj-fixed-playhead{position:absolute;z-index:7;pointer-events:none;left:52%;top:23px;bottom:0;width:1px;background:var(--coral);box-shadow:0 0 10px rgba(255,130,102,.45)}.sj-fixed-playhead i{position:absolute;left:-6px;top:-5px;width:13px;height:12px;border-radius:5px 5px 8px 8px;background:var(--coral)}.sj-fixed-playhead span{position:absolute;left:-16px;top:-23px;width:33px;height:17px;border-radius:7px;background:var(--coral)}.sj-track-row{display:flex;align-items:stretch;width:max-content;min-width:100%;height:59px;border-top:1px solid #222226}.sj-track-label{position:sticky;z-index:6;left:0;display:grid;place-items:center;width:43px;flex:0 0 43px;background:#151517;color:#65656a;font-size:6px;font-weight:900}.sj-track-lane{display:flex;align-items:center;gap:4px;min-width:720px;padding:5px 170px 5px 5px;overflow:visible!important;scroll-snap-type:none!important}.sj-track-row.video{height:68px}.sj-track-row.audio{height:61px}.sj-track-row.sound{height:56px}.sj-track-row .mobile-shot-card{position:relative;flex:0 0 var(--shot-width,112px);min-width:78px;width:var(--shot-width,112px);height:57px;border:1px solid #39393e;border-radius:11px;padding:0;overflow:hidden;background:#252529}.sj-track-row .mobile-shot-card>i{position:absolute;inset:0;height:auto;border-radius:0;margin:0;background-size:cover;opacity:.68}.sj-track-row .mobile-shot-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.56))}.sj-track-row .mobile-shot-card b,.sj-track-row .mobile-shot-card small{position:relative;z-index:2;display:block;margin-left:8px;margin-right:8px}.sj-track-row .mobile-shot-card b{font-size:7px;margin-top:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-track-row .mobile-shot-card small{font-size:6px;color:#b1b1b5;margin-top:2px}.sj-track-row .mobile-shot-card.active{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,130,102,.22)}.sj-track-row .mobile-shot-card.running{border-color:#ffb15f}.sj-track-row .mobile-shot-card.done:before{content:"✓";position:absolute;z-index:3;right:5px;top:5px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#cfff9a;color:#17200e;font-size:7px;font-weight:950}.sj-track-row .mobile-shot-card .trim-handle{display:none;position:absolute;z-index:5;top:0;bottom:0;width:8px;background:var(--coral)}.sj-track-row .mobile-shot-card.active .trim-handle{display:block}.sj-track-row .mobile-shot-card .trim-handle.start{left:0}.sj-track-row .mobile-shot-card .trim-handle.end{right:0}.sj-track-row .mobile-shot-add{flex:0 0 62px;height:57px;border-radius:11px}.sj-overlay-lane button,.sj-sound-lane button{height:35px;border:1px solid #37373c;border-radius:10px;background:#28282c;color:#aaa;padding:0 12px;font-size:7px;white-space:nowrap}.sj-overlay-lane button:first-child{background:#ece5dd;color:#111}.sj-music-block{display:flex;align-items:center;gap:8px;height:46px;min-width:260px;border:1px solid #574d68;border-radius:11px;background:linear-gradient(90deg,#30283a,#24202b);color:#fff;padding:6px 9px;text-align:left}.sj-music-block>i{width:26px;height:26px;border-radius:9px;background:var(--coral)}.sj-music-block>span{min-width:0;flex:1}.sj-music-block b{display:block;font-size:7px}.sj-music-block small{display:block;color:#9b91a5;font-size:6px;margin-top:3px}.sj-music-block em{font-style:normal;color:#b9a8cc;font-size:7px}.sj-music-block.ready>i{background:repeating-linear-gradient(90deg,#ff8266 0 2px,transparent 2px 4px),#3a2c45}.sj-track-add{height:38px;border:1px dashed #51485b;border-radius:10px;background:transparent;color:#9e8baa;padding:0 11px;font-size:7px;white-space:nowrap}.sj-timeline-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:9px}.sj-timeline-actions button{height:47px;border:0;border-radius:12px;background:#222225;color:#8e8e93;font-size:6px}.sj-timeline-actions i{display:block;color:#fff;font-style:normal;font-size:12px;margin-bottom:4px}.sj-add-ai-shot{width:100%;display:flex;align-items:center;gap:10px;margin-top:8px;border:0;border-radius:17px;background:var(--coral);color:#111;padding:10px;text-align:left}.sj-add-ai-shot>i{display:grid;place-items:center;width:35px;height:35px;border-radius:13px;background:#111;color:#fff;font-style:normal;font-size:16px}.sj-add-ai-shot span{min-width:0;flex:1}.sj-add-ai-shot b{display:block;font-size:9px}.sj-add-ai-shot small{display:block;font-size:6px;margin-top:3px;opacity:.65}.sj-add-ai-shot>em{font-style:normal;font-size:15px}.sj-inspector-grab{display:block;width:42px;height:18px;border:0;background:transparent;margin:-10px auto 0;position:relative}.sj-inspector-grab:after{content:"";position:absolute;left:7px;right:7px;top:8px;height:3px;border-radius:999px;background:#b5aca2}.sj-shot-badges{display:flex;align-items:center;gap:6px}.sj-shot-badges>button{display:grid;place-items:center;min-width:39px;height:35px;border:0;border-radius:12px;background:#dcd3c8;padding:4px 7px}.sj-shot-badges>button b{font-size:8px}.sj-shot-badges>button small{font-size:5px;color:#766e66}.sj-inspector-body{max-height:650px;overflow:hidden;transition:max-height .28s ease,opacity .2s ease}.mobile-editor-card.collapsed .sj-inspector-body{max-height:0;opacity:0}.mobile-editor-card.collapsed{padding-bottom:12px}.sj-shot-quick-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}.sj-shot-quick-settings button{border:0;border-radius:12px;background:#ded5ca;padding:8px 4px}.sj-shot-quick-settings small{display:block;color:#81776e;font-size:6px}.sj-shot-quick-settings b{display:block;font-size:8px;margin-top:4px}.sj-canvas-footer{grid-template-columns:.55fr 1.35fr}.music-sheet-hero{display:flex;align-items:center;gap:11px;border-radius:22px;background:#111;color:#fff;padding:14px}.music-sheet-hero>i{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:var(--coral);color:#111;font-style:normal;font-size:16px}.music-sheet-hero b{display:block;font-size:11px}.music-sheet-hero small{display:block;color:#aaa;font-size:7px;line-height:1.45;margin-top:4px}.music-mood-row{display:flex;gap:6px;overflow:auto;scrollbar-width:none;margin:6px 0 12px}.music-mood-row button{height:34px;border:1px solid var(--line);border-radius:999px;background:#fffaf4;padding:0 11px;font-size:8px;font-weight:900;white-space:nowrap}.music-mood-row button.selected{background:#111;color:#fff}.mobile-version-list{display:grid;gap:8px}.mobile-version-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fffaf4;padding:8px}.mobile-version-item>i{height:55px;border-radius:12px;background:#d9d1c8 center/cover}.mobile-version-item b{display:block;font-size:9px}.mobile-version-item small{display:block;color:var(--muted);font-size:7px;margin-top:4px}.mobile-version-item button{border:0;border-radius:10px;background:#ded6cd;padding:8px;font-size:7px;font-weight:900}.mobile-version-item.active button{background:#111;color:#fff}.overview-quick-editor{position:absolute;z-index:8;left:10px;right:10px;bottom:86px;border:1px solid #36363b;border-radius:24px;background:rgba(26,26,29,.97);backdrop-filter:blur(20px);padding:14px;transform:translateY(calc(100% + 100px));transition:transform .25s ease;box-shadow:0 -18px 55px rgba(0,0,0,.32)}.overview-quick-editor.open{transform:none}.overview-editor-close{position:absolute;right:10px;top:10px;width:31px;height:31px;border:1px solid #39393e;border-radius:11px;background:#252529;color:#fff}.overview-quick-editor>small{display:block;color:#77777c;font-size:7px}.overview-quick-editor h3{font-size:13px;margin:5px 38px 8px 0}.overview-quick-editor textarea{width:100%;height:78px;border:1px solid #3b3b40;border-radius:15px;background:#101012;color:#fff;padding:10px;resize:none;outline:none;font-size:9px;line-height:1.5}.overview-editor-meta,.overview-editor-actions{display:flex;gap:7px;margin-top:8px}.overview-editor-meta button{height:31px;border:1px solid #3a3a3f;border-radius:11px;background:#28282c;color:#aaa;padding:0 10px;font-size:7px;font-weight:900}.overview-editor-meta .prompt-skill-launch{margin-left:auto;color:#111;background:var(--coral)}.overview-editor-actions button{flex:1;height:38px;border:1px solid #3b3b40;border-radius:13px;background:#27272b;color:#fff;font-size:8px;font-weight:900}.overview-editor-actions .primary{border-color:var(--coral);background:var(--coral);color:#111}.canvas-overview.editor-open .overview-canvas-controls,.canvas-overview.editor-open .overview-scale{opacity:.18;pointer-events:none}
/* Compact first-screen pass: preview and the primary tracks stay visible together. */
.sj-preview-stage{height:160px}.sj-preview-controls{height:36px}.sj-preview-panel:fullscreen{border:0;border-radius:0;background:#000}.sj-preview-panel:fullscreen .sj-preview-stage{height:calc(100vh - 44px)}.sj-timeline-panel{padding:10px}.sj-timeline-summary h2{font-size:15px;margin-top:2px}.sj-project-health{padding:6px 8px}.sj-timeline-panel .mobile-progress{margin-top:7px}.sj-stats-line{margin-top:6px}.sj-clip-heading{margin-top:9px}.sj-clip-heading button{height:25px}.sj-clip-tabs{margin-top:6px}.sj-clip-tabs .mobile-clip-card{min-height:45px;padding:7px}.sj-clip-tabs .mobile-clip-card b{margin-top:3px}.sj-clip-tabs .mobile-clip-card span{margin-top:2px}.sj-mode-compact{display:inline-grid;width:135px;margin:7px 0 6px}.sj-mode-compact button{height:29px}.sj-timeline-toolbar{display:inline-flex;width:calc(100% - 143px);margin:7px 0 6px 4px;vertical-align:top}.sj-timeline-toolbar small{display:none}.sj-timeline-toolbar>div{margin-left:auto}.sj-timeline-frame{height:246px}.sj-track-row .mobile-shot-card.dragging{opacity:.55;transform:scale(.98)}.sj-canvas-footer{grid-template-columns:.55fr 1.25fr .68fr;padding-top:7px}.sj-canvas-footer .finish{grid-column:auto;height:52px;font-size:7px;line-height:1.25}
.sj-timeline-summary,.sj-timeline-panel>.mobile-progress,.sj-stats-line{display:none}.sj-clip-heading{margin-top:0;align-items:center}.sj-clip-heading small{display:none}.sj-clip-heading b{margin-top:0;font-size:9px}.sj-clip-heading button{height:24px}.sj-clip-tabs{margin-top:5px}.sj-clip-tabs .mobile-clip-card{min-width:96px;min-height:34px;height:34px;padding:0 8px;display:flex;align-items:center}.sj-clip-tabs .mobile-clip-card small,.sj-clip-tabs .mobile-clip-card span{display:none}.sj-clip-tabs .mobile-clip-card b{margin:0;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-clip-tabs .mobile-clip-add{min-width:42px;height:34px}.sj-mode-compact{margin-top:5px;margin-bottom:5px}.sj-timeline-toolbar{margin-top:5px;margin-bottom:5px}
.sj-track-row.overlay,.sj-track-row.sound{display:none}.sj-timeline-frame.advanced .sj-track-row.overlay,.sj-timeline-frame.advanced .sj-track-row.sound{display:flex}.sj-timeline-frame.advanced .sj-timeline-scroll{overflow-y:auto;touch-action:pan-x pan-y}.sj-timeline-toolbar #toggleAdvancedTracks{width:auto;min-width:56px;padding:0 8px;margin-left:auto;border:1px solid #303034;border-radius:11px;font-size:7px;font-weight:900}.sj-timeline-toolbar #toggleAdvancedTracks.active{background:var(--coral);color:#111;border-color:var(--coral)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(255,130,102,.35);outline-offset:2px}
/* 2026-07 mobile timeline rebuild: single-screen editor + node bottom sheet */
.canvas-screen{overflow:hidden!important;padding:0!important}.mobile-canvas-shell{height:100%;min-height:0;padding:0;display:grid;grid-template-rows:56px minmax(0,1fr) 68px;background:#0b0b0c;overflow:hidden}.mobile-canvas-top{position:relative;top:auto;height:56px;padding:8px 12px;grid-template-columns:38px 1fr auto;background:#0b0b0c}.mobile-canvas-title b{font-size:12px}.mobile-canvas-title small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-canvas-actions button{height:34px;border:0;background:#202023;padding:0 9px}.sj-edit-workbench{min-height:0;height:100%;padding:7px 9px;display:grid;grid-template-rows:minmax(190px,39%) minmax(0,1fr);gap:7px;overflow:hidden}.sj-preview-panel{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 36px;border-radius:20px;box-shadow:none}.sj-preview-stage{height:auto;min-height:0}.sj-preview-play{width:48px;height:48px}.sj-preview-caption{bottom:9px}.sj-preview-controls{height:36px}.sj-preview-controls button{height:25px;border-radius:9px}.sj-timeline-panel{min-height:0;height:100%;margin:0;padding:9px 10px 8px;border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.sj-workbench-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 33px}.sj-workbench-line>div:first-child{min-width:0}.sj-workbench-line b{display:block;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.sj-workbench-line small{display:block;color:#737378;font-size:6px;margin-top:2px}.sj-workbench-actions{display:flex;gap:4px}.sj-workbench-actions button{height:27px;border:0;border-radius:9px;background:#27272a;color:#aaa;padding:0 7px;font-size:6px;font-weight:900}.sj-timeline-panel>.mobile-progress{flex:0 0 3px;margin:3px 0 6px}.sj-hidden-stats{display:none}.sj-clip-tabs{flex:0 0 31px;min-height:31px;margin:0;gap:5px;overflow-x:auto;overflow-y:hidden}.sj-clip-tabs .mobile-clip-card{min-width:auto;min-height:29px;height:29px;border-radius:10px;padding:0 9px;display:flex;align-items:center;gap:5px}.sj-clip-tabs .mobile-clip-card small{font-size:6px}.sj-clip-tabs .mobile-clip-card b{font-size:7px;margin:0;max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-clip-tabs .mobile-clip-card span{display:none}.sj-clip-tabs .mobile-clip-add{min-width:31px;height:29px;border-radius:10px}.sj-timeline-toolbar{flex:0 0 29px;margin:4px 0;display:grid;grid-template-columns:52px 1fr 52px;gap:5px}.sj-timeline-toolbar>div{justify-self:center}.sj-timeline-toolbar>button{width:52px;height:29px;border:1px solid #303034;border-radius:10px;background:#252528;color:#aaa;font-size:6px;font-weight:900}.sj-timeline-toolbar>button:last-child{justify-self:end}.sj-timeline-toolbar button{height:27px}.sj-timeline-frame{flex:1;min-height:130px;height:auto;border-radius:14px}.sj-time-ruler{height:23px;padding-top:0;padding-bottom:4px}.sj-fixed-playhead{top:19px}.sj-fixed-playhead span{top:-18px;height:14px}.sj-track-row.video{height:66px}.sj-track-row.audio{height:44px}.sj-track-row.overlay,.sj-track-row.sound{display:none;height:42px}.sj-timeline-frame.advanced .sj-track-row.overlay,.sj-timeline-frame.advanced .sj-track-row.sound{display:flex}.sj-track-label{width:37px;flex-basis:37px}.sj-track-lane{padding-top:4px;padding-bottom:4px;min-width:620px}.sj-track-row .mobile-shot-card{height:55px;min-width:74px;border-radius:8px}.sj-track-row .mobile-shot-card b{margin-top:26px}.sj-track-row .mobile-shot-card.dragging{opacity:.62;transform:scale(1.04);z-index:8;box-shadow:0 9px 24px rgba(0,0,0,.4)}.timeline-insert{flex:0 0 20px;width:20px;height:55px;border:0;background:transparent;color:#5c5c61;font-size:14px}.timeline-insert:hover,.timeline-insert:focus{color:var(--coral)}.sj-music-block{height:34px;min-width:220px;border-radius:8px;padding:4px 7px}.sj-music-block>i{width:21px;height:21px;border-radius:6px}.sj-track-add{height:31px}.sj-timeline-actions{flex:0 0 42px;margin-top:5px}.sj-timeline-actions button{height:40px;border-radius:10px}.sj-timeline-actions i{font-size:10px;margin-bottom:2px}.sj-add-ai-shot{display:none}.sj-canvas-footer{position:relative;left:auto;right:auto;bottom:auto;z-index:15;height:68px;padding:5px 8px 9px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:rgba(15,15,16,.98);border-top:1px solid #29292d;backdrop-filter:blur(20px)}.sj-canvas-footer button{height:52px;border:0;border-radius:12px;background:transparent;color:#8a8a90;display:grid;place-items:center;align-content:center;gap:4px;font-size:6px;font-weight:900}.sj-canvas-footer button i{font-style:normal;color:#fff;font-size:14px}.sj-canvas-footer .primary-create{position:relative;color:#fff}.sj-canvas-footer .primary-create i{width:42px;height:36px;display:grid;place-items:center;border-radius:14px;background:var(--coral);color:#111;font-size:22px;box-shadow:0 8px 22px rgba(255,130,102,.25)}.sj-editor-scrim,.sj-add-scrim{position:absolute;z-index:170;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s}.sj-editor-scrim.open,.sj-add-scrim.open{opacity:1;pointer-events:auto}.mobile-editor-card{position:absolute;z-index:180;left:7px;right:7px;bottom:7px;max-height:74%;min-height:485px;margin:0;border-radius:27px;background:#f1e8dd;color:#111;padding:8px 13px 11px;transform:translateY(calc(100% + 80px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.2,.82,.2,1),opacity .2s;box-shadow:0 -20px 70px rgba(0,0,0,.42);display:grid;grid-template-rows:20px auto 38px minmax(0,1fr) 51px;overflow:hidden}.mobile-editor-card.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.sj-inspector-grab{margin:0 auto;height:18px}.mobile-editor-head{min-height:48px}.mobile-editor-head h3{font-size:14px}.sj-shot-badges>button{height:32px}.sj-node-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border-radius:13px;background:#ded4c8;padding:3px;margin:3px 0 7px}.sj-node-tabs button{height:32px;border:0;border-radius:10px;background:transparent;color:#81776e;font-size:7px;font-weight:950}.sj-node-tabs button.active{background:#111;color:#fff}.sj-inspector-body{max-height:none;min-height:0;overflow:hidden}.mobile-editor-card.collapsed .sj-inspector-body{max-height:none;opacity:1}.sj-node-panel{display:none;height:100%;overflow:hidden}.sj-node-panel.active{display:block;animation:fade .16s ease}.sj-output-three{grid-template-columns:repeat(3,1fr);margin:0 0 7px}.mobile-output-switch button{height:34px;font-size:7px}.sj-video-modes{display:none;gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:7px}.mobile-editor-card.output-video .sj-video-modes{display:flex}.sj-video-modes button{flex:0 0 auto;height:31px;border:1px solid #d1c7bb;border-radius:11px;background:#e7ddd2;padding:0 9px;font-size:7px;font-weight:900}.sj-video-modes button.active{background:#111;color:#fff;border-color:#111}.sj-generate-count{display:flex;align-items:center;gap:5px;margin-bottom:7px}.sj-generate-count span{margin-right:auto;color:#7b726a;font-size:7px;font-weight:900}.sj-generate-count button{height:27px;border:0;border-radius:9px;background:#dfd5c9;padding:0 9px;font-size:7px;font-weight:900}.sj-generate-count button.active{background:#111;color:#fff}.mobile-editor-card.output-video .sj-generate-count,.mobile-editor-card.output-import .sj-generate-count{display:none}.sj-import-panel{display:none;grid-template-columns:1fr 1fr;gap:7px}.mobile-editor-card.output-import .sj-import-panel{display:grid}.mobile-editor-card.output-import .mobile-model-rail,.mobile-editor-card.output-import .mobile-model-hint{display:none}.sj-import-panel button{min-height:102px;border:1px solid #d2c8bc;border-radius:17px;background:#fff8f0;padding:11px;text-align:left}.sj-import-panel i{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#111;color:#fff;font-style:normal}.sj-import-panel b{display:block;font-size:9px;margin-top:10px}.sj-import-panel small{display:block;color:#7e756c;font-size:6px;line-height:1.4;margin-top:3px}.mobile-model-rail{gap:7px;overflow-x:auto;overflow-y:hidden;padding:0 0 3px}.mobile-model-card{min-width:132px;min-height:77px;border-radius:16px;padding:8px}.mobile-model-card i{width:27px;height:27px}.mobile-model-card b{font-size:8px;margin-top:7px}.mobile-model-card small{font-size:6px}.mobile-model-hint{display:block;margin-top:5px;font-size:6px;line-height:1.35}.mobile-prompt-tools{margin-top:0}.mobile-prompt-tools button{height:31px}.mobile-shot-prompt{height:142px;margin-top:7px;border-radius:16px;font-size:9px;line-height:1.55}.sj-prompt-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.sj-prompt-quick button{height:33px;border:0;border-radius:11px;background:#dfd5c9;font-size:7px;font-weight:900}.sj-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sj-reference-grid button{min-height:79px;border:1px solid #d2c8bc;border-radius:16px;background:#fff8f0;padding:8px;text-align:left}.sj-reference-grid i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#111;color:#fff;font-style:normal;font-size:8px}.sj-reference-grid b{display:block;font-size:8px;margin-top:7px}.sj-reference-grid small{display:block;color:#847a71;font-size:6px;margin-top:2px}.sj-reference-grid button.connected{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral)}.sj-reference-status{display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:#ded4c8;padding:10px;margin-top:8px}.sj-reference-status span b{display:block;font-size:8px}.sj-reference-status span small{display:block;color:#7d746b;font-size:6px;margin-top:3px}.sj-reference-status button{border:0;border-radius:11px;background:#111;color:#fff;padding:7px 10px}.sj-reference-status button small,.sj-reference-status button b{display:block;font-size:6px}.sj-reference-status button b{font-size:8px;margin-top:2px}.sj-shot-quick-settings{margin-top:0}.sj-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.sj-settings-grid label{border-radius:14px;background:#ded4c8;padding:8px}.sj-settings-grid small{display:block;color:#7c736a;font-size:6px}.sj-settings-grid select{width:100%;border:0;background:transparent;font-size:8px;font-weight:900;margin-top:5px;outline:none}.sj-node-actions{display:grid;grid-template-columns:.55fr 1.45fr;gap:7px;padding-top:7px;border-top:1px solid rgba(0,0,0,.08)}.sj-node-actions button{height:43px;border:0;border-radius:14px;background:#ddd3c7;font-size:8px;font-weight:950}.sj-node-actions .primary{background:var(--coral);color:#111}.sj-add-menu{position:absolute;z-index:181;left:7px;right:7px;bottom:7px;border-radius:27px;background:#f1e8dd;color:#111;padding:8px 13px 14px;transform:translateY(calc(100% + 80px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .26s cubic-bezier(.2,.82,.2,1),opacity .2s;box-shadow:0 -20px 70px rgba(0,0,0,.42)}.sj-add-menu.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.sj-add-menu>i{display:block;width:34px;height:4px;border-radius:4px;background:#b6ada4;margin:0 auto 10px}.sj-add-menu>div{margin:0 3px 10px}.sj-add-menu>div small{display:block;color:#81786f;font-size:7px}.sj-add-menu>div b{display:block;font-size:15px;margin-top:3px}.sj-add-menu>button{width:100%;min-height:58px;border:0;border-bottom:1px solid rgba(0,0,0,.07);background:transparent;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:left;padding:7px 3px}.sj-add-menu>button:last-child{border-bottom:0}.sj-add-menu em{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#111;color:#fff;font-style:normal;font-size:11px}.sj-add-menu button:first-of-type em{background:var(--coral);color:#111}.sj-add-menu b{display:block;font-size:9px}.sj-add-menu small{display:block;color:#7b736b;font-size:6px;margin-top:3px}.sj-node-drop-marker{position:absolute;z-index:9;top:24px;bottom:0;width:3px;border-radius:3px;background:var(--coral);box-shadow:0 0 13px var(--coral)}
/* CapCut-like preview geometry and touch-first node workflow */
.sj-preview-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:#000!important;background-image:none!important}
.sj-preview-canvas{position:relative;flex:none;overflow:hidden;max-width:100%;max-height:100%;background:#171719 center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.sj-preview-canvas[data-ratio="9:16"]{height:100%;aspect-ratio:9/16}
.sj-preview-canvas[data-ratio="16:9"]{width:100%;aspect-ratio:16/9}
.sj-preview-canvas[data-ratio="1:1"]{height:100%;aspect-ratio:1}
.sj-preview-controls>div{display:flex;gap:4px}.sj-preview-controls #mobilePreviewRatio{min-width:43px;color:#fff;background:#303034}
.sj-timeline-scroll{scroll-behavior:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:none!important;will-change:scroll-position}
.sj-fixed-playhead{width:28px;margin-left:-14px;background:transparent!important;pointer-events:auto!important;touch-action:none;cursor:ew-resize}
.sj-fixed-playhead:after{content:"";position:absolute;left:13px;top:0;bottom:0;width:2px;border-radius:2px;background:var(--coral);box-shadow:0 0 8px rgba(255,130,102,.42)}
.sj-fixed-playhead.dragging:after{width:3px;left:12.5px;box-shadow:0 0 14px rgba(255,130,102,.72)}
.sj-track-row .mobile-shot-card{transition:border-color .16s,box-shadow .16s;touch-action:pan-x;will-change:transform}
.sj-track-row .mobile-shot-card.dragging{opacity:.92!important;transform:none;transition:none;box-shadow:0 15px 34px rgba(0,0,0,.55),0 0 0 2px var(--coral);pointer-events:none}
.sj-track-row .mobile-shot-card.drop-target{box-shadow:inset 4px 0 0 var(--coral),0 0 0 1px rgba(255,130,102,.38)}
.sj-timeline-spacer{display:block;flex:0 0 auto;height:1px;pointer-events:none}
.sj-video-modes{grid-template-columns:repeat(2,1fr);overflow:visible!important}.mobile-editor-card.output-video .sj-video-modes{display:grid}.sj-video-modes button{width:100%;padding:0 5px!important}
.mobile-model-rail{display:grid!important;grid-template-columns:1fr;gap:0!important;max-height:230px;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #d5cabf;border-radius:17px;background:#e8ded3;padding:0!important;scroll-snap-type:none!important}
.mobile-model-card{width:100%;min-width:0!important;min-height:64px!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.07)!important;border-radius:0!important;background:transparent!important;color:#111!important;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px!important;text-align:left}
.mobile-model-card:last-child{border-bottom:0!important}.mobile-model-card.active{background:#fff9f1!important;box-shadow:inset 3px 0 0 var(--coral)}.mobile-model-card>i{width:32px!important;height:32px!important;margin:0!important;border-radius:11px!important}.mobile-model-card>span{min-width:0}.mobile-model-card b{display:block;margin:0!important;font-size:8px!important}.mobile-model-card small{display:block;margin-top:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-model-card em{display:flex;gap:4px;margin-top:5px;font-style:normal}.mobile-model-card u{border-radius:5px;background:#d6cec4;color:#5e5852;padding:2px 4px;text-decoration:none;font-size:5px;font-weight:900}.mobile-model-card>strong{max-width:34px;color:#777067;font-size:6px;text-align:right}.mobile-model-card.active>strong{color:#111}
.sj-prompt-compose-meta{display:grid;grid-template-columns:.8fr 1.6fr .8fr .8fr;gap:5px;margin-top:7px}.sj-prompt-compose-meta button{min-width:0;height:39px;border:0;border-radius:11px;background:#ded4c8;padding:6px;text-align:left}.sj-prompt-compose-meta small{display:block;color:#7e756c;font-size:5px}.sj-prompt-compose-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;margin-top:3px}.mobile-editor-card .mobile-shot-prompt{height:116px;color:#111!important;caret-color:#111;background:#fffaf4!important}.sj-prompt-quick{margin-top:6px}
.sj-aspect-settings{border-radius:15px;background:#ded4c8;padding:9px;margin-top:9px}.sj-aspect-settings>small{display:block;color:#7c736a;font-size:6px}.sj-aspect-settings>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.sj-aspect-settings button{min-height:58px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#eee5db;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;gap:0 6px;align-items:center;padding:6px;text-align:left}.sj-aspect-settings button.active{background:#111;color:#fff;border-color:#111}.sj-aspect-settings i{grid-row:1/3;display:block;justify-self:center;width:12px;height:22px;border:2px solid currentColor;border-radius:3px}.sj-aspect-settings [data-project-ratio="16:9"] i{width:24px;height:14px}.sj-aspect-settings [data-project-ratio="1:1"] i{width:18px;height:18px}.sj-aspect-settings b{font-size:7px;align-self:end}.sj-aspect-settings span{font-size:5px;color:#7e756d;align-self:start}.sj-aspect-settings button.active span{color:#aaa}
/* Clean playhead, editable audio clips, in-place node pickers and director console */
.sj-fixed-playhead{top:0!important;bottom:0!important;width:28px!important;margin-left:-14px!important;background:transparent!important;box-shadow:none!important}
.sj-fixed-playhead i,.sj-fixed-playhead span{display:none!important}.sj-fixed-playhead:after{left:13.5px!important;top:0!important;bottom:0!important;width:1px!important;border-radius:0!important;background:#ff8266!important;box-shadow:none!important}.sj-fixed-playhead.dragging:after{left:13px!important;width:2px!important;box-shadow:none!important}
.sj-audio-lane{position:relative!important;display:block!important;height:100%;padding:0!important;overflow:visible!important}.sj-audio-lane .sj-track-add{position:absolute;top:6px;height:32px}
.mobile-music-clip{position:absolute;left:var(--music-drag-left)!important;top:5px;height:34px;min-width:58px;border:1px solid #625571;border-radius:8px;background:linear-gradient(90deg,#342a40,#27212f);color:#fff;padding:5px 22px 5px 8px;text-align:left;overflow:hidden;touch-action:none;transition:border-color .15s,box-shadow .15s;will-change:left,width}
.mobile-music-clip:before{content:"";position:absolute;inset:0;opacity:.36;background:repeating-linear-gradient(90deg,transparent 0 5px,#ff8266 5px 7px,transparent 7px 10px)}.mobile-music-clip>*{position:relative;z-index:2}.mobile-music-clip b{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-music-clip small{display:block;color:#b6a9c0;font-size:5px;margin-top:3px}.mobile-music-clip>em{position:absolute;z-index:3;right:6px;top:10px;font-style:normal;font-size:6px}.mobile-music-clip.selected{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,130,102,.22)}
.music-trim-handle{display:none;position:absolute!important;z-index:5!important;top:0;bottom:0;width:9px;background:var(--coral)}.mobile-music-clip.selected .music-trim-handle{display:block}.music-trim-handle.start{left:0}.music-trim-handle.end{right:0}.mobile-music-clip.moving{opacity:.86;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.sj-timeline-frame.music-selected .mobile-shot-card.active{border-color:#4a4a50;box-shadow:none;opacity:.72}.sj-timeline-frame.music-selected .mobile-music-clip.selected{opacity:1}
.sj-node-tabs{height:48px!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;background:transparent!important;padding:0!important;margin:2px 0 7px!important}.sj-node-tabs button{height:46px!important;border:1px solid rgba(0,0,0,.07)!important;border-radius:13px!important;background:#ded4c8!important;color:#111!important;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;gap:0 5px;align-items:center;padding:6px!important;text-align:left}.sj-node-tabs button>i{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#111;color:#fff;font-style:normal;font-size:6px}.sj-node-tabs button>span{align-self:end;font-size:7px;font-weight:950}.sj-node-tabs button>em{align-self:start;color:#7c736a;font-size:5px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-node-tabs button.active{background:#111!important;color:#fff!important}.sj-node-tabs button.active>i{background:var(--coral);color:#111}.sj-node-tabs button.active>em{color:#aaa}.sj-node-tabs .prompt-skill-launch>i{background:var(--coral);color:#111}
.sj-inspector-body{position:relative!important;overflow:hidden!important}.sj-node-prompt-main{display:flex!important;flex-direction:column;height:100%;overflow:hidden}.sj-node-picker{display:block!important;position:absolute;z-index:12;inset:0;background:#f1e8dd;transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.2,.82,.2,1),opacity .18s;overflow:auto!important;padding-bottom:4px}.sj-node-picker.active{transform:none;opacity:1;pointer-events:auto}.mobile-editor-card.picker-open .sj-node-prompt-main{filter:blur(1.5px);opacity:.38;pointer-events:none}
.sj-picker-head{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;background:rgba(241,232,221,.94);backdrop-filter:blur(16px);padding:1px 1px 8px;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:8px}.sj-picker-head small{display:block;color:#81786f;font-size:6px}.sj-picker-head b{display:block;font-size:11px;margin-top:2px}.sj-picker-head>button{width:31px;height:31px;border:0;border-radius:11px;background:#111;color:#fff;font-size:15px}.mobile-prompt-tools .prompt-skill-launch{display:none}.mobile-editor-card .mobile-shot-prompt{flex:1;min-height:88px;height:auto!important}.sj-prompt-compose-meta{flex:0 0 auto}.sj-prompt-quick{flex:0 0 auto}
.overview-director-strip{position:absolute;z-index:5;left:0;right:0;top:152px;height:58px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:7px 10px;background:#111113;border-bottom:1px solid #29292d}.overview-director-strip>div{border-radius:11px;background:#1e1e21;padding:7px 8px}.overview-director-strip small{display:block;color:#747479;font-size:5px}.overview-director-strip b{display:block;font-size:8px;margin-top:3px}.overview-viewport{inset:210px 0 82px!important}.overview-clip-group{min-height:280px!important}.overview-shot-grid{grid-template-columns:repeat(2,118px)!important}.overview-shot-node{position:relative;min-height:102px!important;overflow:hidden}.overview-shot-node .director-thumb{display:block;height:42px;border-radius:10px;background:#171719 center/cover;margin-bottom:7px}.overview-shot-node .director-progress{display:block;height:3px;border-radius:3px;background:#45454a;margin-top:7px;overflow:hidden}.overview-shot-node .director-progress i{display:block;height:100%;background:var(--coral)}.overview-music-node{position:absolute;left:190px;top:470px;width:260px;min-height:82px;border:1px solid #5a4f65;border-radius:20px;background:linear-gradient(135deg,#32293b,#1e1a24);color:#fff;padding:12px;text-align:left}.overview-music-node i{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:var(--coral);color:#111;font-style:normal}.overview-music-node b{display:block;font-size:9px;margin-top:8px}.overview-music-node small{display:block;color:#aa9db3;font-size:6px;margin-top:3px}.overview-music-node span{position:absolute;right:11px;top:12px;border-radius:999px;background:#453a50;padding:5px 7px;font-size:5px}
.overview-quick-editor{bottom:86px!important;max-height:64%;overflow:hidden;display:flex;flex-direction:column}.overview-editor-preview{position:relative;flex:0 0 96px;border-radius:16px;background:#0d0d0f center/cover;overflow:hidden;margin-bottom:8px}.overview-editor-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))}.overview-editor-preview>button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(0,0,0,.5);color:#fff}.overview-editor-preview>span{position:absolute;z-index:2;left:9px;bottom:8px;border-radius:999px;background:rgba(0,0,0,.55);padding:5px 7px;color:#fff;font-size:6px}.overview-quick-editor textarea{flex:0 0 72px}.overview-nested-picker{position:absolute;z-index:12;left:8px;right:8px;bottom:58px;border:1px solid #3c3c41;border-radius:19px;background:rgba(28,28,31,.98);backdrop-filter:blur(20px);padding:9px;transform:translateY(calc(100% + 80px));opacity:0;pointer-events:none;transition:.22s}.overview-nested-picker.open{transform:none;opacity:1;pointer-events:auto}.overview-nested-picker header{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 8px}.overview-nested-picker header b{font-size:9px}.overview-nested-picker header button{width:28px;height:28px;border:0;border-radius:10px;background:#35353a;color:#fff}.overview-nested-picker>div{display:grid;gap:5px;max-height:190px;overflow:auto}.overview-nested-picker>div button{min-height:43px;border:0;border-radius:12px;background:#28282c;color:#fff;padding:8px 10px;text-align:left}.overview-nested-picker>div b{display:block;font-size:8px}.overview-nested-picker>div small{display:block;color:#8d8d92;font-size:6px;margin-top:3px}.canvas-overview.nested-open .overview-editor-preview,.canvas-overview.nested-open .overview-quick-editor>textarea,.canvas-overview.nested-open .overview-editor-meta,.canvas-overview.nested-open .overview-editor-actions{opacity:.24;pointer-events:none}.overview-music-node.active{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,130,102,.14)}
@media(max-height:790px){.sj-edit-workbench{grid-template-rows:minmax(172px,36%) minmax(0,1fr)}.mobile-editor-card{min-height:455px;max-height:78%}.mobile-shot-prompt{height:98px}.mobile-model-rail{max-height:195px}.sj-reference-grid button{min-height:70px}.sj-timeline-actions{flex-basis:38px}.sj-timeline-actions button{height:36px}.sj-clip-tabs{display:none}.sj-timeline-toolbar{margin-top:1px}.sj-node-tabs{height:43px!important}.sj-node-tabs button{height:41px!important}.overview-quick-editor{max-height:72%}}
/* Pure AI video director: resizable preview, one video track, compact node menus */
.mobile-canvas-shell{grid-template-rows:56px minmax(0,1fr)!important}.sj-edit-workbench{--sj-preview-height:42%;grid-template-rows:minmax(145px,var(--sj-preview-height)) 15px minmax(210px,1fr)!important;gap:0!important;padding:7px 9px 9px!important}.sj-preview-panel{margin-bottom:0}.sj-workbench-resizer{position:relative;z-index:20;width:100%;height:15px;border:0;background:transparent;color:#5f5f64;display:flex;align-items:center;justify-content:center;gap:6px;touch-action:none;cursor:ns-resize}.sj-workbench-resizer i{display:block;width:42px;height:4px;border-radius:999px;background:#3a3a3e}.sj-workbench-resizer span{display:none;font-size:5px}.sj-workbench-resizer.dragging i{width:62px;background:var(--coral);box-shadow:0 0 12px rgba(255,130,102,.45)}
.sj-timeline-panel{border-radius:20px!important}.sj-workbench-actions{flex:0 0 auto}.sj-workbench-actions .accent{background:var(--coral)!important;color:#111!important}.sj-timeline-toolbar{grid-template-columns:1fr auto!important;width:100%!important;margin:3px 0 5px!important}.sj-timeline-toolbar>small{display:block!important;align-self:center;color:#66666b;font-size:5px}.sj-timeline-toolbar>div{margin:0!important}.sj-timeline-frame{min-height:104px!important}.sj-track-row.video{height:74px!important}.sj-track-row.video .sj-track-lane{padding-top:7px;padding-bottom:7px}.sj-track-row .mobile-shot-card{height:60px}.timeline-insert{height:60px}.sj-timeline-actions{margin-top:6px}.sj-hidden-stats{display:none!important}.sj-canvas-footer{display:none!important}
.mobile-editor-card{grid-template-rows:20px auto minmax(0,1fr) 51px!important;min-height:470px;max-height:76%;padding:8px 13px 11px}.sj-inspector-body{overflow:visible!important}.sj-node-prompt-main{position:relative;gap:7px}.sj-prompt-lead{display:flex;align-items:center;justify-content:space-between;padding:1px 2px}.sj-prompt-lead small{font-size:7px;font-weight:950}.sj-prompt-lead span{color:#8a8178;font-size:5px}.mobile-editor-card .mobile-shot-prompt{flex:1;min-height:118px!important;height:auto!important;margin:0!important;border:1px solid rgba(0,0,0,.06);font-size:10px;line-height:1.55}.sj-prompt-quick{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin:0!important}.sj-prompt-quick button{height:30px!important;border-radius:10px!important;font-size:6px!important}.sj-director-options{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 3px;scrollbar-width:none;scroll-snap-type:x proximity}.sj-director-options::-webkit-scrollbar{display:none}.sj-director-options>button{flex:0 0 116px;height:55px;border:1px solid rgba(0,0,0,.07);border-radius:15px;background:#ded4c8;color:#111;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:7px;text-align:left;scroll-snap-align:start}.sj-director-options>button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#111;color:#fff;font-style:normal;font-size:7px}.sj-director-options>button>span{min-width:0}.sj-director-options small{display:block;color:#83796f;font-size:5px}.sj-director-options b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;margin-top:4px}.sj-director-options .prompt-skill-launch{padding:7px!important}.sj-director-options .prompt-skill-launch>i{background:var(--coral);color:#111}
.sj-node-popover{position:absolute;z-index:30;left:0;right:0;bottom:0;max-height:285px;border:1px solid #414146;border-radius:22px;background:rgba(30,30,33,.98);color:#fff;padding:10px;box-shadow:0 18px 48px rgba(0,0,0,.42);backdrop-filter:blur(22px);transform:translateY(calc(100% + 18px));opacity:0;pointer-events:none;transition:.22s cubic-bezier(.2,.82,.2,1)}.sj-node-popover.open{transform:none;opacity:1;pointer-events:auto}.sj-node-popover header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 8px}.sj-node-popover header small{display:block;color:#7e7e84;font-size:5px}.sj-node-popover header b{display:block;font-size:10px;margin-top:2px}.sj-node-popover header button{width:29px;height:29px;border:0;border-radius:10px;background:#3a3a3f;color:#fff}.sj-node-popover>div{display:grid;gap:5px;max-height:220px;overflow:auto}.sj-node-popover>div button{min-height:48px;border:0;border-radius:14px;background:#29292d;color:#fff;padding:9px 11px;display:grid;grid-template-columns:1fr auto;gap:9px;text-align:left}.sj-node-popover>div button.selected{background:#f1e8dd;color:#111}.sj-node-popover>div b{display:block;font-size:8px}.sj-node-popover>div small{display:block;color:#909096;font-size:6px;line-height:1.4;margin-top:3px}.sj-node-popover>div button.selected small{color:#746d66}.sj-node-popover>div em{align-self:center;border-radius:999px;background:#444449;padding:5px 7px;color:#bbb;font-size:5px;font-style:normal}.sj-node-popover>div button.selected em{background:#111;color:#fff}.mobile-editor-card.node-menu-open .mobile-shot-prompt,.mobile-editor-card.node-menu-open .sj-prompt-quick,.mobile-editor-card.node-menu-open .sj-director-options{opacity:.22;pointer-events:none}.sheet-wrap[data-sheet="aiMusic"]{display:none!important}
@media(max-height:790px){.sj-edit-workbench{grid-template-rows:minmax(130px,var(--sj-preview-height)) 14px minmax(198px,1fr)!important}.mobile-editor-card{min-height:440px;max-height:80%}.sj-director-options>button{height:50px}.mobile-editor-card .mobile-shot-prompt{min-height:96px!important}}
/* Director timeline v3: dual preview, card history and vertical version tree */
.sj-preview-controls{gap:7px}.sj-preview-controls>span{white-space:nowrap}.sj-preview-controls>div{min-width:0;gap:4px}.sj-preview-controls button{min-width:30px;padding:0 7px}.sj-preview-controls .scope{min-width:48px}.sj-preview-controls .scope.film{background:var(--coral);border-color:var(--coral);color:#111}
.sj-timeline-floating-add{position:absolute;z-index:12;right:12px;top:50%;transform:translateY(-20%);width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:#fff;color:#111;font-size:24px;font-weight:500;box-shadow:0 9px 28px rgba(0,0,0,.4)}.sj-timeline-floating-add:active{transform:translateY(-20%) scale(.94)}.sj-track-lane{padding-right:230px!important}.timeline-insert{display:none!important}
.mobile-editor-card{left:0!important;right:0!important;bottom:0!important;max-height:92%!important;min-height:0!important;border-radius:27px 27px 0 0!important;padding:8px 13px calc(11px + env(safe-area-inset-bottom))!important}.sj-inspector-body{min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:1px;scrollbar-width:none}.sj-node-prompt-main{min-width:0;display:flex!important;flex-direction:column;gap:7px}.mobile-editor-card .mobile-shot-prompt{flex:0 0 auto!important;min-height:92px!important;max-height:140px!important}.sj-director-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:6px!important;padding:0!important;scroll-snap-type:none!important}.sj-director-options>button{min-width:0!important;width:auto!important;flex:none!important;height:51px!important;grid-template-columns:25px minmax(0,1fr)!important;gap:6px!important;border-radius:13px!important;padding:6px!important}.sj-director-options>button>i{width:25px!important;height:25px!important;border-radius:9px!important}.sj-director-options b{font-size:6px!important}.sj-director-options small{font-size:5px!important}.sj-node-popover{left:10px!important;right:10px!important;bottom:62px!important;max-height:330px!important;border-radius:23px!important}.sj-node-popover>div{max-height:255px!important}
.sj-storyboard-prompts{display:none;border:1px solid rgba(0,0,0,.08);border-radius:17px;background:#e5dbcf;padding:9px}.mobile-editor-card.storyboard .sj-storyboard-prompts{display:block}.sj-storyboard-prompts>header,.sj-inline-versions>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sj-storyboard-prompts header small,.sj-inline-versions header small{display:block;color:#81786f;font-size:6px;font-weight:900}.sj-storyboard-prompts header b,.sj-inline-versions header b{display:block;font-size:7px;margin-top:3px}.sj-storyboard-prompts header button,.sj-inline-versions header button{height:28px;border:0;border-radius:10px;background:#111;color:#fff;padding:0 9px;font-size:6px;font-weight:900}.sj-storyboard-prompts>div{display:grid;gap:6px;margin-top:8px}.sj-subprompt-card{display:grid;grid-template-columns:36px minmax(0,1fr) 25px;gap:7px;align-items:center;border-radius:13px;background:#fffaf4;padding:7px}.sj-subprompt-card>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#111;color:#fff;font-style:normal;font-size:6px}.sj-subprompt-card textarea{width:100%;height:42px;border:0;background:transparent;resize:none;outline:none;font-size:7px;line-height:1.4}.sj-subprompt-card button{width:25px;height:25px;border:0;border-radius:9px;background:#e8ded2;color:#877d74}.sj-subprompt-card small{grid-column:2/3;color:#948a81;font-size:5px;margin-top:-5px}
.sj-inline-versions{border-top:1px solid rgba(0,0,0,.08);padding-top:8px}.sj-inline-versions>div{display:flex;gap:7px;overflow-x:auto;padding-top:7px;scrollbar-width:none}.sj-inline-version{position:relative;flex:0 0 90px;height:69px;border:2px solid transparent;border-radius:14px;background:#29292d center/cover;color:#fff;overflow:hidden;padding:0;text-align:left}.sj-inline-version:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82))}.sj-inline-version b,.sj-inline-version small{position:absolute;z-index:2;left:7px;right:7px}.sj-inline-version b{bottom:19px;font-size:7px}.sj-inline-version small{bottom:7px;color:#bbb;font-size:5px}.sj-inline-version.active{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,130,102,.2)}.sj-inline-version.active:before{content:"✓";position:absolute;z-index:3;right:5px;top:5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dfff9d;color:#111;font-size:7px;font-weight:950}
.mobile-draw-history{max-height:86vh!important}.mobile-version-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.mobile-version-item{display:block!important;position:relative;min-width:0;border-radius:19px!important;padding:7px!important}.mobile-version-item>i{height:112px!important;border-radius:14px!important}.mobile-version-item>div{padding:8px 4px 5px}.mobile-version-item>button{position:absolute;right:12px;top:88px}.mobile-version-item.active{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral)}
.sj-duration-control{border-radius:17px;background:#29292d;padding:14px!important;color:#fff}.sj-duration-control header{display:flex;align-items:flex-end;justify-content:space-between}.sj-duration-control header b{font-size:24px!important}.sj-duration-control header small{color:#929298!important;font-size:6px!important}.sj-duration-control input{width:100%;height:30px;margin:8px 0 2px;accent-color:var(--coral);touch-action:pan-x}.sj-duration-scale{display:flex;justify-content:space-between;color:#88888e;font-size:6px}.sj-duration-value{color:var(--coral);font-size:8px;font-weight:950}.sj-duration-stepper{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px;margin-top:10px}.sj-node-popover>div .sj-duration-stepper button{display:grid!important;place-items:center!important;min-height:44px!important;height:44px!important;padding:0!important;border:1px solid #4b4b51!important;border-radius:13px!important;background:#37373c!important;color:#fff!important;font-size:22px!important;text-align:center!important}.sj-duration-stepper span{text-align:center;color:#aaaab0;font-size:7px;font-weight:900}.sj-duration-stepper button:active{transform:scale(.94)}.sj-duration-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.sj-node-popover>div .sj-duration-presets button{display:grid!important;place-items:center!important;min-height:38px!important;padding:0 4px!important;border:1px solid #45454b!important;border-radius:11px!important;background:#343439!important;color:#fff!important;font-size:7px!important;font-weight:950!important;text-align:center!important}.sj-node-popover>div .sj-duration-presets button.selected{border-color:var(--coral)!important;background:var(--coral)!important;color:#111!important}.sj-duration-hint{display:block;color:#8d8d92;font-size:6px;line-height:1.5;margin-top:9px}
.overview-root-node{left:370px!important;top:28px!important;width:160px!important;text-align:center}.overview-root-node i{margin:auto}.overview-root-node:after{left:50%!important;top:100%!important;width:2px!important;height:48px!important}.overview-sequence-node{position:absolute;width:260px;min-height:102px;border:1px solid #3a3a40;border-radius:22px;background:#202023;color:#fff;padding:10px;text-align:left;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;box-shadow:0 16px 35px rgba(0,0,0,.24)}.overview-sequence-node:before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:var(--tree-link,50px);background:#55555b}.overview-sequence-node:after{content:"";position:absolute;left:calc(50% - 5px);top:-6px;width:10px;height:10px;border-radius:50%;background:#6d6d73}.overview-sequence-node.active{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,130,102,.13),0 16px 35px rgba(0,0,0,.24)}.overview-sequence-node.dimmed{opacity:.22}.overview-sequence-node .director-thumb{height:76px;border-radius:15px;background:#35353a center/cover}.overview-sequence-node span b{display:block;font-size:9px;line-height:1.35}.overview-sequence-node span small{display:block;color:#8d8d93;font-size:6px;line-height:1.45;margin-top:5px}.overview-sequence-node em{align-self:start;border-radius:999px;background:#303034;color:#aaa;padding:6px 8px;font-size:6px;font-style:normal}.overview-sequence-node.done em{background:#dfffaa;color:#24300f}.overview-sequence-node.running em{background:#ffbd75;color:#30200f}.overview-version-branch{position:absolute;width:165px;height:76px;border:1px solid #37373c;border-radius:18px;background:#26262a center/cover;color:#fff;padding:8px;text-align:left;overflow:visible}.overview-version-branch:before{content:"";position:absolute;top:50%;height:1px;width:60px;background:#4d4d53}.overview-version-branch.left:before{left:100%}.overview-version-branch.right:before{right:100%}.overview-version-branch:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.3))}.overview-version-branch b,.overview-version-branch small{position:relative;z-index:2;display:block}.overview-version-branch b{font-size:8px;margin-top:24px}.overview-version-branch small{color:#aaa;font-size:6px;margin-top:4px}.overview-version-branch.active{border-color:#dfffaa}.overview-tree-label{position:absolute;left:20px;top:100px;color:#76767d;font-size:7px;line-height:1.5}.overview-viewport{background-size:18px 18px!important}
@media(max-height:790px){.mobile-editor-card{max-height:94%!important}.mobile-editor-card .mobile-shot-prompt{min-height:76px!important}.sj-inline-version{height:60px}.sj-director-options>button{height:46px!important}}
/* Director timeline v4: free prompt, clean node selection and draw history */
.sj-prompt-lead{gap:12px;padding:2px 1px 5px!important}.sj-prompt-lead span{max-width:50%;text-align:right;line-height:1.35}
.mobile-editor-card .mobile-shot-prompt{box-sizing:border-box!important;width:100%!important;min-height:116px!important;max-height:168px!important;margin:0!important;padding:13px!important;border:1px solid rgba(20,20,20,.09)!important;outline:0!important;border-radius:17px!important;background:#fffaf4!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important}
.mobile-editor-card .mobile-shot-prompt:focus{border-color:rgba(20,20,20,.22)!important;outline:0!important;box-shadow:0 0 0 3px rgba(20,20,20,.035)!important}
.sj-director-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sj-director-options>button{height:54px!important}
.sj-timeline-floating-add{right:9px!important;top:40px!important;transform:none!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:12px!important;font-size:20px!important;box-shadow:0 8px 22px rgba(0,0,0,.42)!important}.sj-timeline-floating-add:active{transform:scale(.94)!important}.sj-track-lane{padding-right:84px!important}
.sj-track-row .mobile-shot-card .sj-draw-stack{position:absolute;z-index:5;left:6px;top:6px;display:flex;align-items:center;height:17px;margin:0;padding:0 6px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(12,12,14,.76);backdrop-filter:blur(8px);color:#fff;box-shadow:none}
.sj-track-row .mobile-shot-card .sj-draw-stack b{position:static;display:block;margin:0;font-size:5px;line-height:1;color:#fff}.sj-track-row .mobile-shot-card.done .sj-draw-stack{right:25px}.sj-track-row .mobile-shot-card:not(.active) .trim-handle{display:none!important}
.sj-track-row .mobile-shot-card.active{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral),0 7px 18px rgba(255,130,102,.15)}
@media(max-height:790px){.mobile-editor-card .mobile-shot-prompt{min-height:94px!important}}
/* Director timeline v5: materials stay in nodes, draw history stays in director map */
.sj-workbench-actions{display:flex;gap:4px;max-width:66%;overflow-x:auto;scrollbar-width:none}.sj-workbench-actions button{white-space:nowrap;padding:0 8px!important}.sj-workbench-actions::-webkit-scrollbar{display:none}
.sj-node-materials{border:1px solid rgba(0,0,0,.08);border-radius:17px;background:#e6dccf;padding:9px}.sj-node-materials>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sj-node-materials header small{display:block;color:#81786f;font-size:6px;font-weight:900}.sj-node-materials header b{display:block;font-size:7px;margin-top:3px}.sj-node-materials header button{height:28px;border:0;border-radius:10px;background:#111;color:#fff;padding:0 9px;font-size:6px;font-weight:900}.sj-material-slots{display:flex;gap:7px;overflow-x:auto;padding-top:8px;scrollbar-width:none}.sj-material-slots::-webkit-scrollbar{display:none}.sj-material-slot{position:relative;flex:0 0 74px;height:67px;border:1px dashed #b9afa4;border-radius:14px;background:#f5eee6 center/cover;color:#756d65;display:grid;place-items:center;padding:6px;text-align:center;overflow:hidden}.sj-material-slot b{position:relative;z-index:2;display:block;font-size:7px}.sj-material-slot small{position:relative;z-index:2;display:block;font-size:5px;margin-top:3px}.sj-material-slot.has-media{color:#fff;border-style:solid;border-color:#8e857d}.sj-material-slot.has-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68))}.sj-material-slot.has-media b,.sj-material-slot.has-media small{align-self:end}.sj-material-arrow{flex:0 0 18px;display:grid;place-items:center;color:#81786f;font-size:14px}.sj-material-chip{flex:0 0 auto;min-width:84px;height:48px;border:1px solid rgba(0,0,0,.08);border-radius:13px;background:#fffaf4;color:#111;padding:8px;text-align:left}.sj-material-chip b{display:block;font-size:7px}.sj-material-chip small{display:block;color:#81786f;font-size:5px;margin-top:4px}.sj-material-empty{min-width:100%;border-radius:13px;background:rgba(255,250,244,.7);padding:10px;color:#756d65;font-size:6px;line-height:1.5}.sj-material-empty b{display:block;color:#111;font-size:7px;margin-bottom:3px}
.track-export-sheet{max-height:88vh!important}.track-export-preview{position:relative;overflow:hidden;min-height:104px;border-radius:22px;background:linear-gradient(135deg,#111,#29292d);color:#fff;padding:15px}.track-export-preview:after{content:"EXPORT";position:absolute;right:-8px;bottom:-24px;font-size:54px;font-weight:950;color:rgba(255,255,255,.045)}.track-export-preview span{display:block;color:var(--coral);font-size:7px;font-weight:950}.track-export-preview b{position:relative;z-index:1;display:block;font-size:16px;margin-top:22px}.track-export-preview small{position:relative;z-index:1;display:block;color:#999;font-size:7px;margin-top:5px}.track-export-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:15px;background:#ded7cf;padding:4px;margin-top:10px}.track-export-mode button{height:35px;border:0;border-radius:11px;background:transparent;font-size:8px;font-weight:900}.track-export-mode button.active{background:#111;color:#fff}.track-export-list{display:grid;gap:6px;max-height:180px;overflow:auto;margin-top:9px}.track-export-item{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#fffaf4;padding:8px;text-align:left}.track-export-item>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#222;color:#fff;font-style:normal;font-size:7px}.track-export-item b{display:block;font-size:8px}.track-export-item small{display:block;color:var(--muted);font-size:6px;margin-top:3px}.track-export-item>span{width:20px;height:20px;border-radius:7px;border:1px solid #bbb;display:grid;place-items:center;color:transparent}.track-export-item.selected>span{background:var(--coral);border-color:var(--coral);color:#111}.track-export-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.track-export-presets button{height:51px;border:1px solid var(--line);border-radius:15px;background:#eee7df;font-size:8px;font-weight:950}.track-export-presets button small{display:block;color:#817a72;font-size:5px;margin-top:4px}.track-export-presets button.active{background:#111;color:#fff;border-color:#111}.track-export-presets button.active small{color:#aaa}.track-export-note{display:flex;gap:9px;align-items:center;border-radius:15px;background:#e5ded6;padding:10px;margin:9px 0}.track-export-note>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#dfff9d;font-size:8px}.track-export-note b{display:block;font-size:7px}.track-export-note small{display:block;color:#817a72;font-size:6px;line-height:1.4;margin-top:3px}
.overview-footer{height:104px!important;padding:8px 11px 10px!important}.overview-viewport{bottom:104px!important}.overview-canvas-controls{bottom:120px!important}.overview-scale{bottom:120px!important}.overview-export-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:7px;margin-bottom:8px}.overview-export-actions button{height:35px;border:1px solid #39393e;border-radius:12px;background:#252529;color:#fff;font-size:7px;font-weight:900}.overview-export-actions .primary{border-color:var(--coral);background:var(--coral);color:#111}.overview-export-drawer{position:absolute;z-index:10;left:10px;right:10px;bottom:108px;max-height:68vh;border:1px solid #3a3a3f;border-radius:25px;background:rgba(25,25,28,.98);backdrop-filter:blur(22px);padding:14px;color:#fff;transform:translateY(calc(100% + 130px));transition:.25s cubic-bezier(.2,.82,.2,1);box-shadow:0 -18px 58px rgba(0,0,0,.4)}.overview-export-drawer.open{transform:none}.overview-export-drawer>small{display:block;color:#77777d;font-size:7px}.overview-export-drawer h3{font-size:14px;margin:5px 40px 10px 0}.overview-export-summary{display:flex;align-items:center;justify-content:space-between;border-radius:15px;background:#101012;padding:10px}.overview-export-summary b{font-size:9px}.overview-export-summary span{color:#77777d;font-size:6px}.overview-export-list{display:grid;gap:6px;max-height:205px;overflow:auto;margin-top:8px}.overview-export-item{display:grid;grid-template-columns:31px 1fr 20px;gap:9px;align-items:center;border:1px solid #37373c;border-radius:14px;background:#252529;padding:8px;color:#fff;text-align:left}.overview-export-item>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#111;font-style:normal;font-size:7px}.overview-export-item b{display:block;font-size:8px}.overview-export-item small{display:block;color:#85858b;font-size:6px;margin-top:3px}.overview-export-item>span{width:20px;height:20px;border:1px solid #55555b;border-radius:7px;display:grid;place-items:center;color:transparent}.overview-export-item.selected>span{background:#dfff9d;border-color:#dfff9d;color:#111}.overview-export-item:disabled,.track-export-item:disabled{opacity:.42}.overview-export-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.overview-export-quality button{height:35px;border:1px solid #38383d;border-radius:11px;background:#29292d;color:#88888e;font-size:7px;font-weight:900}.overview-export-quality button.active{background:#f1e8dd;border-color:#f1e8dd;color:#111}.overview-export-start{width:100%;height:43px;border:0;border-radius:14px;background:var(--coral);color:#111;font-size:8px;font-weight:950;margin-top:9px}.canvas-overview.export-open .overview-canvas-controls,.canvas-overview.export-open .overview-scale{opacity:.16;pointer-events:none}
.overview-canvas-controls{z-index:7!important;right:10px!important;bottom:116px!important;display:flex!important;align-items:center;gap:4px;padding:5px;border:1px solid #39393e;border-radius:17px;background:rgba(22,22,24,.94);box-shadow:0 10px 28px rgba(0,0,0,.36);backdrop-filter:blur(18px)}.overview-canvas-controls button{width:42px!important;height:42px!important;border:0!important;border-radius:12px!important;background:#2a2a2e!important;box-shadow:none!important;font-size:17px!important}.overview-canvas-controls button:last-child{width:auto!important;min-width:48px;padding:0 10px;color:#111!important;background:var(--coral)!important;font-size:8px!important}.overview-canvas-controls .overview-scale{position:static!important;display:grid;place-items:center;min-width:45px;height:42px;padding:0!important;border-radius:12px;background:#101012;color:#fff;font-size:8px;font-weight:950}
/* Real-media preview, compact export entry and right-side draw history */
.sj-preview-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;background:#050506;opacity:0;transition:none;pointer-events:none}.sj-preview-canvas.has-video .sj-preview-video.is-active{opacity:1}.sj-preview-shade,.sj-preview-state,.sj-preview-play,.sj-preview-caption{position:absolute;z-index:2}.sj-preview-shade{z-index:1}.sj-workbench-actions .export{background:#f3eee7!important;color:#111!important}.sj-node-materials>header>div{min-width:0}.sj-node-materials>header b{max-width:100%;white-space:normal;line-height:1.45}
.overview-editor-preview{isolation:isolate;background-color:#101012!important}.overview-editor-preview video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;background:#09090a;opacity:0;transition:opacity .18s ease}.overview-editor-preview.has-video video{opacity:1}.overview-editor-preview:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72))}.overview-editor-preview button,.overview-editor-preview span{position:absolute;z-index:2}
.overview-export-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 9px}.overview-export-mode button{min-height:56px;border:1px solid #39393e;border-radius:16px;background:#242428;color:#fff;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:8px;text-align:left}.overview-export-mode button>i{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#111;font-style:normal;font-size:8px;font-weight:950}.overview-export-mode button b{display:block;font-size:8px}.overview-export-mode button small{display:block;color:#85858b;font-size:6px;margin-top:3px}.overview-export-mode button.active{border-color:var(--coral);background:linear-gradient(135deg,rgba(255,130,102,.18),#242428)}.overview-export-mode button.active>i{background:var(--coral);color:#111}.overview-export-actions{display:block!important}.overview-export-actions>button{width:100%;height:43px!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:9px;align-items:center;text-align:left;padding:5px 12px!important;border-radius:15px!important}.overview-export-actions>button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#111;color:#fff;font-style:normal;font-size:13px}.overview-export-actions>button b{display:block;font-size:8px}.overview-export-actions>button small{display:block;color:rgba(0,0,0,.55);font-size:6px;margin-top:2px}.overview-version-branch.right{border-color:rgba(255,130,102,.38)}
/* Playback v2: one-tap controls and timeline follow feedback */
.sj-preview-play{background:rgba(28,28,30,.58)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .46s ease,transform .22s ease,background .18s ease!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sj-preview-play.playing{background:rgba(28,28,30,.58)!important;color:#fff!important}.sj-preview-canvas.controls-hidden .sj-preview-play{opacity:0;transform:translate(-50%,-50%) scale(.9);pointer-events:none}.sj-preview-canvas{cursor:pointer;touch-action:manipulation}.sj-track-row .mobile-shot-card.playing{border-color:rgba(255,130,102,.82)!important;box-shadow:0 0 0 1px rgba(255,130,102,.25),0 6px 18px rgba(255,130,102,.12)}.sj-track-row .mobile-shot-card .shot-play-progress{position:absolute;z-index:6;left:0;bottom:0;height:3px;width:var(--node-play-progress,0%);border-radius:0 3px 3px 0;background:var(--coral);pointer-events:none;transition:none}
/* Generating preview: visible motion instead of an empty black player. */
.sj-preview-canvas.is-generating{isolation:isolate;background:#a8d7e5!important}
.sj-generation-aurora{position:absolute;z-index:0;inset:-24%;display:none;overflow:hidden;contain:paint;background:linear-gradient(125deg,#74cbe2 0%,#e9f5e7 43%,#ffd21f 76%,#fff1b3 100%);background-size:180% 180%;transform:translateZ(0);will-change:transform,filter,background-position}.sj-preview-canvas.is-generating .sj-generation-aurora{display:block;animation:sjAuroraBreathe 3.2s ease-in-out infinite alternate}.sj-generation-aurora:before{content:"";position:absolute;inset:-24%;border-radius:38% 62% 44% 56%/56% 35% 65% 44%;background:conic-gradient(from 35deg at 50% 50%,rgba(255,255,255,.78),rgba(255,213,31,.48),rgba(78,186,218,.62),rgba(255,255,255,.72));filter:blur(20px);opacity:.82;mix-blend-mode:soft-light;will-change:transform,border-radius;animation:sjFluidMorph 3.35s cubic-bezier(.45,.05,.55,.95) infinite alternate}.sj-generation-aurora i{position:absolute;display:block;border-radius:44% 56% 61% 39%/42% 45% 55% 58%;filter:blur(19px);opacity:.9;will-change:transform,border-radius}.sj-generation-aurora i:nth-child(1){width:72%;height:80%;left:-9%;top:-12%;background:#f9f6d4;animation:sjAuroraDrift 3.05s cubic-bezier(.45,.05,.55,.95) infinite alternate}.sj-generation-aurora i:nth-child(2){width:66%;height:78%;right:-8%;top:-3%;background:#ffca05;animation:sjAuroraSurge 2.7s cubic-bezier(.45,.05,.55,.95) -.9s infinite alternate}.sj-generation-aurora i:nth-child(3){width:78%;height:68%;left:16%;bottom:-13%;background:#68c4df;animation:sjAuroraFloat 3.45s cubic-bezier(.45,.05,.55,.95) -1.6s infinite alternate}.sj-generation-aurora:after{content:"";position:absolute;inset:12%;border-radius:42% 58% 65% 35%/48% 38% 62% 52%;background:rgba(255,255,255,.56);filter:blur(28px);will-change:transform,border-radius;animation:sjFluidMorph 2.9s cubic-bezier(.45,.05,.55,.95) -1.2s infinite alternate-reverse}
.sj-preview-canvas.is-generating .sj-preview-video{opacity:0}.sj-preview-canvas.is-generating .sj-preview-play{opacity:0!important;pointer-events:none}.sj-preview-canvas.is-generating .sj-preview-shade{background:linear-gradient(180deg,rgba(5,24,31,.04),transparent 58%,rgba(2,13,18,.38))}.sj-preview-state:empty{display:none}
@keyframes sjAuroraDrift{from{transform:translate3d(-16%,-10%,0) rotate(-18deg) scale(.86);border-radius:62% 38% 48% 52%/35% 58% 42% 65%}to{transform:translate3d(25%,19%,0) rotate(24deg) scale(1.24);border-radius:34% 66% 63% 37%/61% 32% 68% 39%}}
@keyframes sjAuroraSurge{from{transform:translate3d(18%,-15%,0) rotate(20deg) scale(.9);border-radius:35% 65% 38% 62%/58% 34% 66% 42%}to{transform:translate3d(-24%,22%,0) rotate(-27deg) scale(1.26);border-radius:68% 32% 66% 34%/37% 63% 39% 61%}}
@keyframes sjAuroraFloat{from{transform:translate3d(16%,24%,0) rotate(14deg) scale(1.16);border-radius:60% 40% 35% 65%/42% 61% 39% 58%}to{transform:translate3d(-22%,-19%,0) rotate(-25deg) scale(.88);border-radius:33% 67% 62% 38%/65% 37% 63% 35%}}
@keyframes sjFluidMorph{from{transform:translate3d(-11%,8%,0) rotate(-12deg) scale(.92);border-radius:38% 62% 44% 56%/56% 35% 65% 44%}to{transform:translate3d(13%,-10%,0) rotate(18deg) scale(1.18);border-radius:67% 33% 61% 39%/36% 64% 42% 58%}}
@keyframes sjAuroraBreathe{from{background-position:0 18%;filter:saturate(.94) brightness(.97);transform:translate3d(-1.5%,0,0) scale(1.01)}to{background-position:100% 82%;filter:saturate(1.18) brightness(1.08);transform:translate3d(1.5%,-1%,0) scale(1.045)}}
.queue-bar.indeterminate i{width:34%!important;animation:sjQueueSweep 1.45s ease-in-out infinite}@keyframes sjQueueSweep{from{transform:translateX(-115%)}to{transform:translateX(310%)}}
@media (prefers-reduced-motion:reduce){.sj-generation-aurora,.sj-generation-aurora i,.sj-generation-aurora:after,.queue-bar.indeterminate i{animation:none!important}}
/* Director map: history versions use the same card language as main nodes */
.overview-version-branch,.overview-draw-stack{position:absolute;width:260px;height:102px;border:1px solid #3b3b40;border-radius:20px;background:#252529;color:#fff;padding:9px;display:grid;grid-template-columns:76px minmax(0,1fr) 28px;gap:10px;align-items:center;text-align:left;overflow:visible;box-sizing:border-box}.overview-version-branch:before,.overview-draw-stack:before{content:"";position:absolute;top:50%;right:100%;height:1px;width:60px;background:#4d4d53}.overview-version-branch:after{content:none!important}.overview-history-thumb{position:relative;z-index:2;width:76px;height:78px;border-radius:14px;overflow:hidden;background:#151517 center/cover no-repeat;display:block}.overview-history-thumb video{width:100%;height:100%;display:block;object-fit:cover;background:#151517}.overview-version-copy,.overview-stack-copy{position:relative;z-index:2;min-width:0}.overview-version-copy b,.overview-stack-copy b{display:block;margin:0!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-version-copy small,.overview-stack-copy small{display:block;margin-top:5px!important;color:#95959b!important;font-size:6px!important;line-height:1.45}.overview-version-branch em,.overview-draw-stack em{position:relative;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#333338;color:#fff;font-style:normal;font-size:11px}.overview-version-branch{border-color:rgba(255,130,102,.48)}.overview-version-branch:hover,.overview-version-branch:focus-visible{border-color:var(--coral)}.overview-draw-stack{border-color:#45454b;box-shadow:8px 8px 0 -2px #242428,15px 15px 0 -4px #1c1c1f}.overview-draw-stack .overview-history-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.58))}.overview-draw-stack .stack-count{position:absolute;z-index:3;left:7px;bottom:7px;border-radius:8px;background:rgba(0,0,0,.7);padding:4px 6px;color:#fff;font-size:6px;font-weight:950}.overview-draw-stack.expanded{border-color:var(--coral)}
/* Timeline reorder v3: the dragged card floats while the original slot reflows in real time. */
.sj-track-row .mobile-shot-card.reorder-placeholder{opacity:.16!important;border:1px dashed var(--coral)!important;box-shadow:inset 0 0 0 1px rgba(255,130,102,.22)!important;transform:none!important}.sj-track-row .mobile-shot-card.reorder-neighbor{transition:transform .2s cubic-bezier(.2,.86,.2,1)!important}.mobile-shot-drag-ghost{position:fixed;z-index:9999;pointer-events:none;margin:0;width:var(--ghost-width,120px);height:55px;border:1px solid var(--coral);border-radius:11px;overflow:hidden;background:#252529;color:#fff;box-shadow:0 18px 42px rgba(0,0,0,.55),0 0 0 3px rgba(255,130,102,.16);transform:scale(1.035);transform-origin:center;opacity:.96}.mobile-shot-drag-ghost>i{position:absolute;inset:0;background:#252529 center/cover no-repeat;opacity:.72}.mobile-shot-drag-ghost:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.6))}.mobile-shot-drag-ghost b,.mobile-shot-drag-ghost small{position:relative;z-index:2;display:block;margin-left:8px;margin-right:8px}.mobile-shot-drag-ghost b{font-size:7px;margin-top:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-shot-drag-ghost small{font-size:6px;color:#bbb;margin-top:2px}.mobile-shot-drag-ghost .trim-handle,.mobile-shot-drag-ghost .shot-play-progress{display:none!important}
/* Director map v3: each shot owns its drawer; generated state is represented by its first frame. */
.overview-sequence-node{width:300px;grid-template-columns:72px minmax(0,1fr) 64px;overflow:visible}.overview-sequence-node .director-thumb{position:relative;overflow:hidden;display:grid;place-items:center;background-color:#171719!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.overview-sequence-node .director-thumb video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#171719}.overview-sequence-node .director-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.42));pointer-events:none}.overview-sequence-node .director-thumb.is-empty{border:1px dashed #55555b;background-color:#1b1b1e!important}.overview-sequence-node .director-thumb.is-empty:after{display:none}.overview-media-plus{position:relative;z-index:2;display:grid!important;place-items:center!important;width:28px;height:22px;border:2px solid #74747a;border-radius:6px;color:#74747a!important;font-size:15px!important;font-weight:700}.overview-node-copy{min-width:0}.overview-node-copy b{display:block;font-size:9px;line-height:1.35}.overview-node-copy small{display:block;color:#8d8d93;font-size:6px;line-height:1.45;margin-top:5px}.overview-node-tools{align-self:stretch;display:grid;grid-template-columns:repeat(2,30px);gap:4px;align-content:center}.overview-node-toggle{grid-column:1/-1;display:grid;place-items:center;width:64px;height:28px;border:1px solid #414147;border-radius:9px;background:#303034;color:#fff;padding:0 5px;font-size:7px;font-weight:950}.overview-node-toggle.active{border-color:var(--coral);background:var(--coral);color:#111}.overview-node-toggle:disabled{opacity:.38}.overview-node-command{display:grid;place-items:center;width:30px;height:30px;border:1px solid #414147;border-radius:9px;background:#2b2b2f;color:#fff;padding:0;font-size:16px;font-weight:700}.overview-node-command.add{border-color:rgba(255,130,102,.62);color:#ff9279}.overview-node-command.danger{color:#a6a6ab}.overview-node-command.danger.confirm{grid-column:1/-1;width:64px;background:#ff8266;border-color:#ff8266;color:#111;font-size:7px;font-weight:950}.overview-version-node{border-color:rgba(255,130,102,.44);cursor:pointer}.overview-version-node:before{left:auto!important;right:100%!important;top:50%!important;bottom:auto!important;width:40px!important;height:1px!important;background:#55555b!important}.overview-version-node:after{left:-45px!important;top:calc(50% - 5px)!important}.overview-version-node>em{align-self:center!important;display:grid;place-items:center;width:30px;height:30px;padding:0!important;border-radius:10px!important;background:#333338!important;color:#fff!important;font-size:12px!important}.overview-version-node:hover,.overview-version-node:focus-visible{border-color:var(--coral)}
/* Frontend hardening: touch, focus and reduced-motion accessibility */
button,[role="button"],input,select,textarea{touch-action:manipulation}
:where(button,[role="button"],input,select,textarea):focus-visible{outline:3px solid rgba(255,127,102,.72);outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.55)}
.mobile-canvas-top>button,.mobile-canvas-actions button{min-width:38px;height:38px}
.sj-preview-controls button{min-width:34px;height:30px}
.sj-workbench-actions button{min-width:34px;height:32px}
.sj-timeline-toolbar{flex-basis:34px;grid-template-columns:52px 1fr 52px}
.sj-timeline-toolbar>div{display:flex;align-items:center;gap:3px}
.sj-timeline-toolbar button{min-width:31px;height:31px;padding:0}
.sj-timeline-toolbar button:disabled{background:#1d1d20;color:#555}
.timeline-insert,.sj-clip-tabs .mobile-clip-add{min-width:32px}
.sj-floating-add,.sj-track-add{min-width:44px;min-height:44px}
.sj-prompt-quick{grid-template-columns:repeat(4,minmax(0,1fr))}
.sj-prompt-quick button{height:38px;padding:0 3px}
.sj-shot-badges>button,.sj-node-popover header button,.overview-close,.track-export-close{min-width:40px;min-height:40px}
.sj-edit-workbench{grid-template-rows:minmax(145px,var(--sj-preview-height)) 24px minmax(245px,1fr)!important}
.sj-workbench-resizer{height:24px;min-height:24px;touch-action:none}
.sj-node-actions button,.sj-timeline-actions button{min-height:44px}
.canvas-screen,.canvas-overview{overflow:clip!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@keyframes sjAuroraReduced{from{transform:translate3d(-2%,-1%,0) scale(1.01);filter:saturate(.94) brightness(.98)}to{transform:translate3d(2%,1.5%,0) scale(1.045);filter:saturate(1.08) brightness(1.04)}}
@keyframes sjAuroraReducedLayer{from{transform:translate3d(-5%,-3%,0) rotate(-4deg) scale(1)}to{transform:translate3d(7%,5%,0) rotate(6deg) scale(1.08)}}
@keyframes sjFluidReduced{from{transform:translate3d(-3%,2%,0) rotate(-3deg) scale(.99);border-radius:45% 55% 48% 52%/54% 43% 57% 46%}to{transform:translate3d(4%,-3%,0) rotate(4deg) scale(1.05);border-radius:56% 44% 58% 42%/43% 57% 45% 55%}}
@media (prefers-reduced-motion:reduce){.sj-preview-canvas.is-generating .sj-generation-aurora{animation:sjAuroraReduced 6.8s ease-in-out infinite!important}.sj-preview-canvas.is-generating .sj-generation-aurora i:nth-child(1){animation:sjAuroraReducedLayer 7.4s ease-in-out infinite alternate!important}.sj-preview-canvas.is-generating .sj-generation-aurora i:nth-child(2){animation:sjAuroraReducedLayer 8.2s ease-in-out -2.1s infinite alternate-reverse!important}.sj-preview-canvas.is-generating .sj-generation-aurora i:nth-child(3){animation:sjAuroraReducedLayer 7.8s ease-in-out -3.4s infinite alternate!important}.sj-preview-canvas.is-generating .sj-generation-aurora:before,.sj-preview-canvas.is-generating .sj-generation-aurora:after{animation:sjFluidReduced 7.2s ease-in-out infinite alternate!important}}
.app.reduce-motion .sj-preview-canvas.is-generating .sj-generation-aurora{animation:sjAuroraReduced 6.8s ease-in-out infinite!important}.app.reduce-motion .sj-preview-canvas.is-generating .sj-generation-aurora i:nth-child(1){animation:sjAuroraReducedLayer 7.4s ease-in-out infinite alternate!important}.app.reduce-motion .sj-preview-canvas.is-generating .sj-generation-aurora i:nth-child(2){animation:sjAuroraReducedLayer 8.2s ease-in-out -2.1s infinite alternate-reverse!important}.app.reduce-motion .sj-preview-canvas.is-generating .sj-generation-aurora i:nth-child(3){animation:sjAuroraReducedLayer 7.8s ease-in-out -3.4s infinite alternate!important}.app.reduce-motion .sj-preview-canvas.is-generating .sj-generation-aurora:before,.app.reduce-motion .sj-preview-canvas.is-generating .sj-generation-aurora:after{animation:sjFluidReduced 7.2s ease-in-out infinite alternate!important}
.pwa-install-card{border-radius:23px;background:#111;color:#fff;padding:16px;margin:4px 0 12px}.pwa-install-card>i{display:grid;place-items:center;width:45px;height:45px;border-radius:16px;background:var(--coral);color:#111;font-style:normal;font-size:19px;font-weight:950}.pwa-install-card h4{font-size:16px;margin:13px 0 5px}.pwa-install-card p{color:#aaa;font-size:8px;line-height:1.55;margin:0}.pwa-install-steps{display:grid;gap:7px}.pwa-install-step{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:center;border-radius:17px;background:var(--card);padding:10px}.pwa-install-step>i{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;background:#e7dfd6;font-style:normal;font-size:8px;font-weight:950}.pwa-install-step b{display:block;font-size:9px}.pwa-install-step small{display:block;color:var(--muted);font-size:7px;line-height:1.4;margin-top:3px}.pwa-installed .setting-install{opacity:.66}.app[data-theme="dark"] .pwa-install-step{background:#1c1c1f;color:#fff}.app[data-theme="dark"] .pwa-install-step>i{background:#303034}.app[data-theme="dark"] .pwa-install-card{background:#1c1c1f}
.canvas-toolbar .back{min-width:44px;min-height:44px}
.mobile-back-gesture{position:absolute;z-index:120;left:max(6px,var(--safe-left));top:50%;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,244,.96);color:#111;font-size:28px;box-shadow:0 10px 28px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translate(-18px,-50%) scale(.82);transition:opacity .12s ease,transform .16s ease}.mobile-back-gesture.tracking{opacity:.82;transform:translate(0,-50%) scale(1)}.mobile-back-gesture.commit{background:var(--coral);opacity:1}
@media(max-width:850px){.app{height:var(--app-viewport-height);min-height:var(--app-viewport-height);background:#0b0b0c}html,body{width:100%;height:var(--app-viewport-height);min-height:0;overflow:hidden;background:#0b0b0c}.desktop-stage{position:fixed;inset:0;width:100%;height:var(--app-viewport-height);min-height:0;overflow:hidden;background:#0b0b0c}.phone{position:absolute;inset:0;width:100%;height:var(--app-viewport-height);min-height:0;max-height:none;background:#0b0b0c}.app[data-route="canvas"] .status{display:none}.canvas-screen{height:var(--app-viewport-height)!important;min-height:var(--app-viewport-height)!important;background:#0b0b0c!important}.canvas-screen .mobile-canvas-shell{grid-template-rows:calc(56px + var(--safe-top)) minmax(0,1fr)!important}.canvas-screen .mobile-canvas-top{height:calc(56px + var(--safe-top));min-height:calc(56px + var(--safe-top));padding:calc(7px + var(--safe-top)) max(12px,var(--safe-right)) 5px max(12px,var(--safe-left));grid-template-columns:44px minmax(0,1fr) auto}.canvas-screen .sj-preview-panel,.canvas-screen .sj-timeline-panel{contain:layout paint}.mobile-canvas-top .back{min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important;border-radius:15px!important;font-size:25px!important;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}
@media(display-mode:standalone){.desktop-stage{padding:0}.phone{height:var(--app-viewport-height)}.pwa-only-browser{display:none!important}}
/* Stable iOS chat geometry, conversation history, and aligned model controls. */
.image-studio-top{grid-template-columns:44px 1fr auto;gap:8px}
.image-studio-actions{display:flex;align-items:center;gap:5px}
.image-chat-history-button{display:grid;place-items:center;width:43px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.065);color:#fff;font-size:8px;font-weight:950}
.image-chat-history-button[aria-expanded="true"]{border-color:rgba(255,130,102,.55);color:#ff9a82}
.image-chat-new{width:43px}
.image-chat-history{position:absolute;z-index:8;top:calc(65px + var(--safe-top));right:max(13px,var(--safe-right));bottom:calc(8px + var(--safe-bottom));left:max(13px,var(--safe-left));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(18,18,21,.98);box-shadow:0 24px 70px rgba(0,0,0,.5);padding:15px;transform:translateX(calc(100% + 24px));opacity:0;visibility:hidden;transition:transform .24s ease,opacity .2s ease,visibility .2s}
.image-chat-history.open{transform:none;opacity:1;visibility:visible}
.image-chat-history>header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px}
.image-chat-history>header small{display:block;color:#77777e;font-size:7px;font-weight:900;letter-spacing:.08em}
.image-chat-history>header h4{margin:3px 0 0;font-size:19px}
.image-chat-history>header button{width:38px;height:38px;border:0;border-radius:14px;background:#29292d;color:#fff;font-size:20px}
.image-chat-history-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0}
.image-chat-history-item,.image-chat-history-empty{border:1px solid rgba(255,255,255,.075);border-radius:17px;background:#202024;color:#fff;padding:12px;text-align:left}
.image-chat-history-item b,.image-chat-history-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-chat-history-item b{font-size:10px}
.image-chat-history-item small,.image-chat-history-empty{color:#8f8f96;font-size:8px;line-height:1.5;margin-top:4px}
.keyboard-open .image-studio-dialog{padding-bottom:6px}
.keyboard-open .image-chat-thread{padding-bottom:8px}
.image-chat-toolbar{display:flex;align-items:center;min-height:28px}
.image-chat-tool{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;line-height:1}
.asset-delete-action{width:100%;height:45px;margin-top:8px;border:1px solid rgba(239,96,72,.28);border-radius:16px;background:rgba(239,96,72,.08);color:#ef6048;font-size:9px;font-weight:900}
/* Seedream results live in a separate gallery until the creator explicitly promotes one to project assets. */
.image-chat-library-button{display:grid;place-items:center;width:43px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.065);color:#fff;font-size:8px;font-weight:950}
.image-chat-library-button[aria-expanded="true"]{border-color:rgba(255,130,102,.55);color:#ff9a82}
.image-chat-library{position:absolute;z-index:8;top:calc(65px + var(--safe-top));right:max(13px,var(--safe-right));bottom:calc(8px + var(--safe-bottom));left:max(13px,var(--safe-left));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(18,18,21,.985);box-shadow:0 24px 70px rgba(0,0,0,.5);padding:15px;transform:translateX(calc(100% + 24px));opacity:0;visibility:hidden;transition:transform .24s ease,opacity .2s ease,visibility .2s}
.image-chat-library.open{transform:none;opacity:1;visibility:visible}
.image-chat-library>header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px}.image-chat-library>header small{display:block;color:#77777e;font-size:7px;font-weight:900;letter-spacing:.08em}.image-chat-library>header h4{margin:3px 0 0;font-size:19px}.image-chat-library>header button{width:38px;height:38px;border:0;border-radius:14px;background:#29292d;color:#fff;font-size:20px}
.image-chat-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:auto;min-height:0;padding-bottom:8px}.image-library-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#202024}.image-library-preview{display:block;width:100%;aspect-ratio:1/1;border:0;padding:0;background:#111;overflow:hidden}.image-library-preview img{width:100%;height:100%;object-fit:cover}.image-library-card>div{padding:9px}.image-library-card b,.image-library-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-library-card b{font-size:9px}.image-library-card small{margin-top:3px;color:#898990;font-size:7px}.image-library-card span{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.image-library-card span button,.image-chat-result-actions button{min-height:28px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#2a2a2f;color:#fff;font-size:7px;font-weight:850}
.image-chat-result-wrap{min-width:0}.image-chat-result{display:block;width:100%;border:0;padding:0;overflow:hidden}.image-chat-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.image-chat-tool.offline{border-color:rgba(255,122,94,.35);color:#ff8e76}
/* One project library powers both timeline insertion and node references. */
.mobile-canvas-shell{position:relative}
.sj-material-actions{display:flex;gap:4px;flex:0 0 auto}.sj-node-materials header .sj-material-actions button{height:28px;padding:0 8px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff8f0;color:#111;font-size:6px;font-weight:950}.sj-node-materials header .sj-material-actions button:first-child{background:#111;color:#fff}
.sj-material-empty small{display:block;color:#756d65;font-size:6px;line-height:1.5}
.mobile-asset-library{position:absolute;z-index:195;inset:0;display:flex;align-items:flex-end;visibility:hidden;pointer-events:none}.mobile-asset-library.open{visibility:visible;pointer-events:auto}.mobile-asset-library-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(7px);opacity:0;transition:opacity .2s}.mobile-asset-library.open .mobile-asset-library-scrim{opacity:1}
.mobile-asset-library-panel{position:relative;z-index:1;width:100%;max-height:78%;min-height:420px;display:flex;flex-direction:column;padding:8px max(13px,var(--safe-right)) calc(12px + var(--safe-bottom)) max(13px,var(--safe-left));border-radius:28px 28px 0 0;background:#171719;color:#fff;box-shadow:0 -24px 70px rgba(0,0,0,.5);transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.82,.2,1)}.mobile-asset-library.open .mobile-asset-library-panel{transform:none}.mobile-asset-library-grab{display:block;width:38px;height:4px;margin:0 auto 10px;border-radius:99px;background:#5b5b60}.mobile-asset-library-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-asset-library-panel>header small{display:block;color:#77777d;font-size:6px;font-weight:950;letter-spacing:.08em}.mobile-asset-library-panel>header h3{margin:3px 0 0;font-size:17px}.mobile-asset-library-panel>header p{margin:4px 0 0;color:#8d8d93;font-size:7px}.mobile-asset-library-panel>header button{width:39px;height:39px;border:1px solid #3a3a3e;border-radius:13px;background:#28282c;color:#fff;font-size:20px}
.mobile-asset-library-filters{display:flex;gap:5px;overflow:auto;margin:12px 0 10px;scrollbar-width:none}.mobile-asset-library-filters::-webkit-scrollbar{display:none}.mobile-asset-library-filters button{flex:0 0 auto;height:30px;padding:0 11px;border:1px solid #343438;border-radius:999px;background:#232326;color:#929298;font-size:7px;font-weight:900}.mobile-asset-library-filters button.active{border-color:#ff8266;background:#ff8266;color:#111}
.mobile-asset-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;overflow:auto;padding:0 1px 8px;scrollbar-width:none}.mobile-asset-library-grid::-webkit-scrollbar{display:none}.mobile-asset-library-card{min-width:0;min-height:138px;overflow:hidden;border:1px solid #303034;border-radius:17px;background:#222225;color:#fff;padding:0;text-align:left}.mobile-asset-library-card.disabled{opacity:.42}.mobile-asset-library-thumb{height:82px;display:grid;place-items:center;background:#111 center/cover no-repeat;color:#fff;font-size:16px;font-weight:950}.mobile-asset-library-thumb.video{background:linear-gradient(145deg,#28282d,#0e0e10)}.mobile-asset-library-thumb.audio{background:repeating-linear-gradient(90deg,#141416 0 5px,#ff8266 6px 8px,#141416 9px 13px)}.mobile-asset-library-card>span:nth-child(2){display:block;position:relative;padding:9px 31px 9px 10px}.mobile-asset-library-card b,.mobile-asset-library-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-asset-library-card b{font-size:8px}.mobile-asset-library-card small{margin-top:4px;color:#85858b;font-size:6px}.mobile-asset-library-card em{position:absolute;right:10px;margin-top:-38px;width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#ff8266;color:#111;font-size:13px;font-style:normal;font-weight:950}.mobile-asset-library-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;min-height:210px;border:1px dashed #3d3d42;border-radius:18px;color:#fff;text-align:center}.mobile-asset-library-empty b{font-size:11px}.mobile-asset-library-empty small{max-width:210px;margin-top:6px;color:#85858b;font-size:7px;line-height:1.5}.mobile-asset-library-upload{flex:0 0 42px;width:100%;margin-top:3px;border:0;border-radius:14px;background:#f1e8dd;color:#111;font-size:8px;font-weight:950}.asset-detail-actions{margin-top:13px!important;grid-template-columns:repeat(2,1fr)!important}.asset-detail-actions button{min-width:0}.asset-detail-actions button:disabled{opacity:.38}
@media(max-width:720px){.private-auth-gate{position:fixed;inset:auto 0 auto 0;top:var(--app-visible-offset);height:var(--app-visible-height);align-items:center;justify-content:center;padding:max(14px,var(--safe-top)) max(14px,var(--safe-right)) max(14px,var(--safe-bottom)) max(14px,var(--safe-left))}.private-auth-sheet{width:100%;max-width:430px;max-height:calc(var(--app-visible-height) - max(28px,calc(var(--safe-top) + var(--safe-bottom))));padding:20px max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));border-radius:26px}.private-auth-sheet .sheet-title h3{font-size:23px}.private-auth-gate:focus-within .pwa-install-card{display:none}.private-auth-gate:focus-within .private-auth-scroll{padding-bottom:2px}.private-auth-gate:focus-within .private-auth-sheet{max-height:calc(var(--app-visible-height) - 20px)}}

/* Iteration 1: one public creation journey, clear billing, and readable mobile controls. */
.creation-start-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1px 3px 10px}.creation-start-line span{min-width:0}.creation-start-line b,.creation-start-line small{display:block}.creation-start-line b{font-size:14px}.creation-start-line small{margin-top:3px;color:var(--muted);font-size:11px}.creation-start-line button{flex:0 0 auto;min-height:44px;border:1px solid var(--line);border-radius:15px;background:var(--card);padding:0 13px;font-size:12px;font-weight:900}.creation-cockpit .prompt-actions button{min-height:44px;height:44px;font-size:11px;padding:0 12px}.creation-cockpit .prompt-actions .voice{width:44px}.creation-cockpit .prompt-actions .go{width:auto;min-width:72px;padding:0 14px;font-size:12px}.creation-route-meta{min-height:44px}.creation-route-meta>span{font-size:10px;line-height:1.45}.creation-route-meta button{min-height:44px;font-size:10px}.create-dock-panel{padding:14px}.create-dock-title{align-items:start}.create-dock-title h3{font-size:23px}.create-dock-title small{max-width:190px;font-size:11px;line-height:1.4;text-align:right}.creation-mode-list{display:grid;gap:9px}.creation-mode-card{position:relative;width:100%;min-height:76px;border:1px solid rgba(0,0,0,.08);border-radius:21px;background:#fffaf4;color:#111;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;text-align:left}.creation-mode-card>i{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#18181a;color:#fff;font-style:normal;font-size:13px;font-weight:950}.creation-mode-card span{min-width:0}.creation-mode-card b{display:block;font-size:14px}.creation-mode-card small{display:block;margin-top:4px;color:#756f69;font-size:11px;line-height:1.35}.creation-mode-card em{align-self:start;border-radius:999px;background:#ece7e0;padding:6px 8px;font-size:9px;font-style:normal;font-weight:900}.creation-mode-card.recommended{background:var(--coral)}.creation-mode-card.recommended>i{background:#111}.creation-mode-card.recommended em{background:#111;color:#fff}.app[data-theme="dark"] .creation-start-line button,.app[data-theme="dark"] .creation-mode-card{background:#252529;color:#fff;border-color:#3a3a40}.app[data-theme="dark"] .creation-mode-card small{color:#aaa}.app[data-theme="dark"] .creation-mode-card.recommended{background:var(--coral);color:#111}.planning-step-label{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:4px;border-radius:15px;background:#ece5dd;padding:0 13px}.planning-step-label span{color:#736c64;font-size:11px}.planning-step-label b{font-size:12px}.planning-quote{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.planning-quote>div{min-height:106px;border:1px solid var(--line);border-radius:19px;background:var(--card);padding:13px}.planning-quote small,.planning-quote b,.planning-quote span{display:block}.planning-quote small{color:var(--muted);font-size:10px}.planning-quote b{margin-top:7px;font-size:15px}.planning-quote span{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}.project-empty-state{display:grid;place-items:center;align-content:center;min-height:230px;margin:12px 0;border:1px dashed var(--line);border-radius:25px;background:var(--card);text-align:center;padding:22px}.project-empty-state>i{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--coral);font-size:26px;font-style:normal}.project-empty-state b{margin-top:14px;font-size:17px}.project-empty-state small{margin-top:6px;color:var(--muted);font-size:12px}.project-empty-state button{min-height:48px;margin-top:17px;border:0;border-radius:16px;background:#111;color:#fff;padding:0 20px;font-size:12px;font-weight:900}.experience-project-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;margin:13px 0 100px;border-radius:23px;background:#1d1d20;color:#fff;padding:16px}.experience-project-card>span{grid-column:1/-1;width:max-content;border-radius:999px;background:rgba(255,130,102,.16);color:#ff9a82;padding:6px 8px;font-size:9px;font-weight:900}.experience-project-card b,.experience-project-card small{display:block}.experience-project-card b{font-size:14px}.experience-project-card small{max-width:230px;margin-top:5px;color:#9a9a9f;font-size:10px;line-height:1.45}.experience-project-card button{min-height:44px;border:0;border-radius:14px;background:var(--coral);padding:0 12px;font-size:10px;font-weight:950}.credit-card button:disabled{opacity:.55;cursor:not-allowed}.bottom-nav .nav-item{min-width:44px;min-height:44px;font-size:11px}.bottom-nav .nav-create-main>span{font-size:10px}.asset-filter button,.mobile-asset-library-filters button{min-height:44px;height:44px;font-size:11px}.image-chat-tool,.image-chat-history-button,.image-chat-library-button{min-width:44px;min-height:44px;font-size:11px}.image-library-card span button,.image-chat-result-actions button{min-height:44px;font-size:10px}.sj-timeline-actions button{min-height:44px!important;font-size:10px!important}.sj-timeline-actions i{font-size:15px!important}.sj-workbench-line b{font-size:13px}.sj-workbench-line small,.sj-timeline-toolbar small{font-size:9px}.sj-workbench-actions button{min-height:38px;font-size:10px}.sj-track-row .mobile-shot-card b{font-size:9px}.sj-track-row .mobile-shot-card small{font-size:8px}.sj-node-tabs button,.sj-node-actions button{font-size:10px}.sj-node-materials header .sj-material-actions button{min-height:44px;height:44px;font-size:10px}.sj-material-empty small{font-size:10px}.mobile-asset-library-panel>header small,.mobile-asset-library-panel>header p{font-size:10px}.mobile-asset-library-card b{font-size:11px}.mobile-asset-library-card small{font-size:9px}.mobile-asset-library-upload{min-height:44px;font-size:11px}
@media(max-width:390px){.creation-cockpit .prompt-actions{gap:5px}.creation-cockpit .prompt-actions button{padding:0 9px}.creation-cockpit .prompt-actions .go{min-width:66px}.planning-quote{grid-template-columns:1fr}.planning-quote>div{min-height:88px}.creation-mode-card{grid-template-columns:42px minmax(0,1fr) auto;padding:10px}.creation-mode-card>i{width:42px;height:42px}.experience-project-card{grid-template-columns:1fr}.experience-project-card button{width:100%}}

/* Iteration 2: one truth model, explicit generation, result-first delivery and stable mobile layers. */
.planning-sheet{display:flex;flex-direction:column;max-height:min(92dvh,820px);padding-bottom:calc(14px + var(--safe-bottom));overflow:hidden}.planning-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 1px 14px}.planning-progress i{height:4px;border-radius:99px;background:#d5cec5;transition:background .18s ease}.planning-progress i.active{background:var(--coral)}.planning-step{display:none;min-height:0;overflow-y:auto;padding:1px 1px 12px;scrollbar-width:none}.planning-step.active{display:block}.planning-step::-webkit-scrollbar{display:none}.intent-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.intent-summary>span{min-height:72px;border:1px solid var(--line);border-radius:17px;background:var(--card);padding:11px}.intent-summary small,.intent-summary b{display:block}.intent-summary small{color:var(--muted);font-size:10px}.intent-summary b{margin-top:7px;font-size:13px}.planning-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.planning-type-options .option{min-height:44px;margin:0}.planning-style-options .select-card{min-height:78px}.planning-style-options .sj-icon{width:22px;height:22px}.planning-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.planning-setting-grid label{display:block}.planning-setting-grid label>span{display:block;margin:0 0 7px;color:var(--muted);font-size:10px;font-weight:850}.planning-setting-grid select,.duration-input{width:100%;height:48px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.planning-setting-grid select{padding:0 11px}.duration-input{display:flex;align-items:center;padding:0 11px}.duration-input input{width:100%;border:0;outline:0;background:transparent}.duration-input em{color:var(--muted);font-size:11px;font-style:normal}.planning-review{border-radius:21px;background:#19191b;color:#fff;padding:15px}.planning-review small,.planning-review b,.planning-review p{display:block}.planning-review small{color:#8f8f95;font-size:10px}.planning-review b{margin-top:5px;font-size:18px}.planning-review p{margin:9px 0 0;color:#b2b2b8;font-size:11px;line-height:1.55}.planning-confirm-check{display:flex;align-items:flex-start;gap:10px;margin-top:12px;border-radius:17px;background:#ece5dc;padding:13px;font-size:11px;line-height:1.45}.planning-confirm-check input{flex:0 0 20px;width:20px;height:20px;accent-color:var(--coral)}.planning-sticky-actions{display:flex;gap:8px;flex:0 0 auto;padding-top:10px;border-top:1px solid var(--line);background:var(--paper)}.planning-sticky-actions button{flex:1;min-height:50px;border:1px solid var(--line);border-radius:16px;background:var(--card);font-size:12px;font-weight:950}.planning-sticky-actions .primary{border-color:#111;background:#111;color:#fff}.planning-sticky-actions button:disabled{opacity:.42}
.planning-direct-note{margin:12px 0 0;border:1px solid var(--line);border-radius:17px;background:var(--card);padding:13px;color:var(--muted);font-size:11px;line-height:1.55}
.workspace-chooser{padding-bottom:calc(18px + var(--safe-bottom))}.workspace-choice{width:100%;min-height:76px;margin-top:9px;border:1px solid var(--line);border-radius:21px;background:var(--card);display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:12px;text-align:left}.workspace-choice>i{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#202023;color:#fff}.workspace-choice>i .sj-icon{width:24px;height:24px}.workspace-choice span{min-width:0}.workspace-choice b,.workspace-choice small{display:block}.workspace-choice b{font-size:14px}.workspace-choice small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.workspace-choice em{font-style:normal;font-size:20px}.workspace-choice.primary{background:var(--coral)}.workspace-choice:disabled{opacity:.38}
.project-result-inbox{margin-top:13px}.project-result-inbox .section-head{margin-top:0}.project-result-empty,.asset-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;min-height:150px;border:1px dashed var(--line);border-radius:21px;background:rgba(255,255,255,.35);padding:20px;text-align:center}.project-result-empty b,.asset-empty b{font-size:14px}.project-result-empty small,.asset-empty small{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}.project-result-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:11px;margin-bottom:9px;border:1px solid var(--line);border-radius:21px;background:var(--card);padding:9px}.project-result-preview{position:relative;width:104px;aspect-ratio:1/1;border:0;border-radius:15px;background:#171719;color:#fff;overflow:hidden}.project-result-preview img,.project-result-preview video{width:100%;height:100%;object-fit:cover}.project-result-preview i{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;font-style:normal;text-shadow:0 2px 8px #000}.project-result-card>div{min-width:0;padding:4px 2px}.project-result-card small,.project-result-card b{display:block}.project-result-card small{color:var(--muted);font-size:9px}.project-result-card b{margin-top:6px;font-size:13px;line-height:1.35}.project-result-card>div>span{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.project-result-card>div>span button{min-height:40px;border:1px solid var(--line);border-radius:12px;background:#eee8e1;font-size:10px;font-weight:900}.project-result-card>div>span button:last-child{background:#111;color:#fff}.project-result-card button:disabled{opacity:.4}
.export-truth-sheet{padding-bottom:calc(18px + var(--safe-bottom))}.export-status-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;border-radius:22px;background:#1c1c1f;color:#fff;padding:15px}.export-status-card>i{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--coral);color:#111}.export-status-card .sj-icon{width:25px;height:25px}.export-status-card small,.export-status-card h4,.export-status-card p{display:block}.export-status-card small{color:#ff9a82;font-size:9px}.export-status-card h4{margin:4px 0 0;font-size:16px}.export-status-card p{margin:7px 0 0;color:#a3a3aa;font-size:10px;line-height:1.5}.export-available{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:12px}.export-available b,.export-available span{display:block}.export-available b{font-size:12px}.export-available span{margin-top:4px;color:var(--muted);font-size:9px}.export-available button{min-height:44px;border:0;border-radius:13px;background:#111;color:#fff;padding:0 12px;font-size:9px;font-weight:900}.export-roadmap{margin:14px 2px}.export-roadmap span{color:var(--muted);font-size:9px;font-weight:900}.export-roadmap p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.export-truth-sheet .sheet-cta:disabled,.preference-row.planned:disabled{opacity:.55;cursor:not-allowed}.preference-row.planned em{border-radius:999px;background:#ece6de;padding:6px 8px;color:var(--muted);font-size:9px;font-style:normal;font-weight:900}.asset-empty{min-height:190px}
@media(max-width:390px){.planning-sheet{max-height:calc(var(--app-visible-height) - 12px)}.planning-setting-grid{grid-template-columns:1fr}.generation-confirm-meta{grid-template-columns:1fr 1fr}.project-result-card{grid-template-columns:92px minmax(0,1fr)}.project-result-preview{width:92px}}

/* Iteration 1 correction: the three result modes replace the former fixed-height orbit. */
.create-dock-panel{height:auto;max-height:calc(var(--app-viewport-height) - var(--safe-top) - 84px);overflow-y:auto;overscroll-behavior:contain}.create-dock-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.creation-mode-list{margin-top:13px}.creation-mode-card>.creation-mode-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#18181a;color:#fff;overflow:hidden;isolation:isolate}.creation-mode-card>.creation-mode-icon>.creation-mode-symbol{width:25px;height:25px}.creation-mode-card.recommended>.creation-mode-icon{background:#111}@media(max-width:390px){.creation-mode-card>.creation-mode-icon{width:42px;height:42px}}

/* Loop 04: direct canvas entry, optional presets and a single intelligent assistant. */
[data-screen="home"]{background:radial-gradient(circle at 88% 7%,rgba(255,130,102,.16),transparent 29%),radial-gradient(circle at 8% 34%,rgba(128,102,255,.09),transparent 25%),var(--paper)}
.account-launch{min-width:0}.home-head-v2{margin:5px 2px 18px}.home-head-v2 small{font-size:10px}.home-head-v2 h2{max-width:310px;font-size:36px;line-height:.98}.home-head-v2 p{max-width:310px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.home-create-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.home-create-card{position:relative;min-height:142px;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:29px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;box-shadow:0 15px 30px rgba(18,16,20,.08);transition:transform .16s ease,box-shadow .16s ease}.home-create-card:active{transform:scale(.975);box-shadow:0 7px 18px rgba(18,16,20,.09)}.home-create-card>i{display:grid;place-items:center;width:47px;height:47px;border-radius:17px;font-style:normal}.home-create-card .sj-icon{width:25px;height:25px}.home-create-card span{position:relative;z-index:1}.home-create-card b,.home-create-card small{display:block}.home-create-card b{font-size:18px;letter-spacing:-.035em}.home-create-card small{max-width:150px;margin-top:5px;font-size:9px;line-height:1.35}.home-create-card>em{position:absolute;right:15px;top:15px;font-style:normal;font-size:12px;font-weight:950}.home-create-card.primary{background:linear-gradient(145deg,#ff9b83,#ff7259);color:#111}.home-create-card.primary>i{background:rgba(255,250,244,.7)}.home-create-card.primary small{color:rgba(17,17,18,.62)}.home-create-card.preset{background:linear-gradient(155deg,#27272b,#121214);color:#fff}.home-create-card.preset>i{background:rgba(255,255,255,.09)}.home-create-card.preset small{color:#96969c}.home-create-card.preset>em{border-radius:999px;background:rgba(255,130,102,.14);color:#ff9b84;padding:5px 7px;font-size:8px}
.home-tool-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:11px 0 4px}.home-tool-strip button{min-width:0;min-height:72px;border:1px solid rgba(255,255,255,.72);border-radius:21px;background:rgba(255,250,244,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:900;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-tool-strip button>i{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#19191b;color:#fff}.home-tool-strip .sj-icon{width:18px;height:18px}.home-tool-strip button:active>i{transform:scale(.9)}
.home-section{margin-top:20px}.inspiration-card{border-radius:25px}.home-queue-card{border-radius:22px!important}
.bottom-nav{background:rgba(19,19,22,.88);border-top-color:rgba(255,255,255,.08);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}.bottom-nav .nav-item>i{width:31px;height:31px;border-radius:11px;transition:background .18s,color .18s}.bottom-nav .nav-item.active>i{background:rgba(255,255,255,.1);color:#fff}.bottom-nav .nav-item.active:after{width:18px}.bottom-nav .nav-create-main{top:-13px;width:58px;height:58px;border-radius:21px;background:linear-gradient(145deg,#ff9b83,#ff7058);box-shadow:0 10px 30px rgba(255,104,78,.36)}.bottom-nav .nav-create-main>i{display:grid;place-items:center;width:27px;height:27px}.bottom-nav .nav-create-main .sj-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .nav-create-main>span{font-size:8px}
.preset-film-sheet{max-height:min(82dvh,660px)}.preset-film-intro{margin:0 1px 13px;color:var(--muted);font-size:11px;line-height:1.55}.preset-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:auto;padding:1px}.preset-film-grid>button{min-height:116px;border:1px solid var(--line);border-radius:23px;background:var(--card);padding:13px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.preset-film-grid>button>i{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#202023;color:#fff}.preset-film-grid .sj-icon{width:23px;height:23px}.preset-film-grid b,.preset-film-grid small{display:block}.preset-film-grid b{margin-top:11px;font-size:13px}.preset-film-grid small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}.preset-film-grid>button.selected{border-color:var(--coral);background:#fff1eb;box-shadow:inset 0 0 0 1px var(--coral)}.preset-film-grid>button.selected>i{background:var(--coral);color:#111}.preset-film-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;border-radius:18px;background:#1b1b1e;color:#fff;padding:12px}.preset-film-summary small,.preset-film-summary b{display:block}.preset-film-summary small{color:#929299;font-size:8px}.preset-film-summary b{margin-top:4px;font-size:12px}.preset-film-summary em{color:#96969c;font-size:8px;font-style:normal}.preset-film-sheet .planning-sticky-actions{margin-top:10px}
.project-system-actions .project-rename-button{position:static;width:34px;padding:0;background:rgba(255,255,255,.07);color:#aaa9af;border:1px solid rgba(255,255,255,.07)}.project-rename-button .sj-icon{width:17px;height:17px}.project-system-banner.renaming{grid-template-columns:42px minmax(0,1fr)!important}.project-system-banner.renaming .project-system-actions{display:none}.project-rename-input{width:100%;height:36px;border:1px solid rgba(255,130,102,.72);border-radius:11px;outline:0;background:#101012;color:#fff;padding:0 10px;font-size:11px;font-weight:850;box-shadow:0 0 0 3px rgba(255,130,102,.12)}
.image-chat-tool.intent[data-intent="video"]{border-color:rgba(135,112,255,.62);background:rgba(135,112,255,.14);color:#cfc4ff}.assistant-model-settings{grid-template-columns:1fr 1fr}.assistant-video-result video{width:100%;height:100%;object-fit:cover;display:block}.assistant-video-result>i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:24px;font-style:normal;text-shadow:0 3px 14px #000}.image-library-card.video .image-library-preview{position:relative}.image-library-card.video .image-library-preview video{width:100%;height:100%;object-fit:cover}.image-library-card.video .image-library-preview>i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;font-style:normal;text-shadow:0 2px 10px #000}
.image-studio-dialog{background:radial-gradient(circle at 85% 4%,rgba(255,130,102,.12),transparent 24%),radial-gradient(circle at 12% 72%,rgba(102,117,255,.08),transparent 28%),#0d0d0f}.image-chat-composer{border-radius:24px;background:rgba(27,27,31,.9)}.image-chat-welcome-mark,.image-chat-avatar{border-radius:18px}.image-chat-bubble{border-radius:12px 21px 21px 21px}.image-chat-message.user .image-chat-bubble{border-radius:21px 12px 21px 21px}
@media(max-width:390px){.home-create-grid{grid-template-columns:1.12fr .88fr}.home-create-card{min-height:132px;padding:14px}.home-create-card>i{width:43px;height:43px;border-radius:15px}.home-create-card b{font-size:16px}.home-tool-strip{gap:5px}.home-tool-strip button{min-height:66px;border-radius:18px;font-size:8px}.preset-film-grid>button{min-height:108px;padding:11px}.image-studio-actions{gap:3px}.image-chat-library-button,.image-chat-history-button,.image-chat-new{min-width:39px;width:39px;padding:0;font-size:8px}.image-studio-top{grid-template-columns:40px minmax(0,1fr) auto}.assistant-model-settings{grid-template-columns:1fr 1fr}.image-chat-toolbar{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:5px;overflow:visible}.image-chat-tool{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:340px){.home-create-grid{grid-template-columns:1fr}.home-create-card{min-height:112px}.home-tool-strip{grid-template-columns:repeat(2,1fr)}.preset-film-grid{grid-template-columns:1fr}.image-studio-title small{font-size:6px}.image-studio-title h3{font-size:15px}}

/* Loop 05: one-input assistant with AI-routed chat, image and video output. */
.image-studio-dialog #imagePrompt{overflow-y:auto;scrollbar-width:none}
.image-studio-dialog #imagePrompt::-webkit-scrollbar{display:none}

/* Shunji Apple glass system v6 */
:root{--sj-v6-bg:#07100d;--sj-v6-bg-deep:#040806;--sj-v6-surface:rgba(26,35,31,.72);--sj-v6-surface-strong:rgba(31,40,36,.9);--sj-v6-line:rgba(255,255,255,.105);--sj-v6-text:#f7faf7;--sj-v6-muted:#9ca7a1;--sj-v6-accent:#ff8266;--sj-v6-accent-soft:#ffb29f;--sj-v6-shadow:0 22px 55px rgba(0,0,0,.34)}
.phone,.app{background:var(--sj-v6-bg-deep)}
.app[data-theme="dark"]{--paper:var(--sj-v6-bg);--card:var(--sj-v6-surface);--muted:var(--sj-v6-muted);--line:var(--sj-v6-line);background:var(--sj-v6-bg);color:var(--sj-v6-text)}
.app[data-theme="dark"] .screen:not(.canvas-screen){background:radial-gradient(circle at 92% -2%,rgba(255,130,102,.14),transparent 25%),radial-gradient(circle at 4% 32%,rgba(80,149,113,.11),transparent 27%),linear-gradient(180deg,#09110e 0%,#050806 100%);color:var(--sj-v6-text)}
.app:not([data-theme="dark"]) .screen:not(.canvas-screen){background:radial-gradient(circle at 96% 0,rgba(255,130,102,.12),transparent 26%),linear-gradient(180deg,#f5f1eb,#e9eee9);color:#101512}
.screen:not(.canvas-screen){padding-left:20px;padding-right:20px}
.page-title,.topline{margin-top:5px}.page-title h2,.home-head-v2 h2{letter-spacing:-.055em}.page-title h2{font-size:35px}.page-title p,.home-head-v2 p{color:var(--sj-v6-muted)}
.avatar,.account-avatar,.image-chat-message.user .image-chat-avatar{background-color:#18201c;background-image:url('../assets/ui/creator-avatar-v1.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.image-chat-avatar{background-color:#131a17;background-image:url('../icons/icon-fluid-v1-192.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.avatar{border:2px solid rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(0,0,0,.3)}.avatar:after{background:var(--sj-v6-accent);border-color:#101713}
.icon-btn,.back,.home-settings{border:1px solid var(--sj-v6-line);background:rgba(255,255,255,.07);color:inherit;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.icon-btn .sj-icon,.back .sj-icon,.setting .sj-icon,.nav-symbol{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.home-create-card,.project-system-banner,.project-row,.asset,.profile-hero,.setting,.home-queue-card,.system-banner,.model-first,.catalog-model,.project-launch-state span,.project-utility-row button{border:1px solid var(--sj-v6-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 36px rgba(0,0,0,.16)}
.home-create-card{border-radius:31px}.home-create-card.primary{background:linear-gradient(145deg,#ff9d85 0%,#ff785e 65%,#e85f46 100%)}.home-create-card.preset{background:linear-gradient(145deg,rgba(44,55,50,.92),rgba(12,18,15,.94))}.home-create-card>i{border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.14)}
.home-tool-strip button,.quick,.asset-filter button,.model-filter button,.project-tabs button{border-color:var(--sj-v6-line);background:rgba(255,255,255,.065);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app[data-theme="dark"] .segmented{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.055);padding:4px}.app[data-theme="dark"] .segmented button.active{background:rgba(255,255,255,.93);color:#101310;box-shadow:0 7px 18px rgba(0,0,0,.24)}
.project-row,.project-system-banner{border-radius:25px;background:linear-gradient(145deg,rgba(31,40,36,.93),rgba(16,22,19,.93))!important}.project-system-icon,.project-delete-button,.project-system-actions>button{border-radius:14px}.project-system-actions .project-rename-button,.project-system-actions .project-delete-button{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);color:#d0d6d2}.project-system-actions>button:first-child{background:#f6f2ec;color:#101310}
.asset{border-radius:26px}.asset-filter button.active,.model-filter button.active,.project-tabs button.active{background:var(--sj-v6-accent)!important;border-color:var(--sj-v6-accent)!important;color:#111!important}.asset .asset-type{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.profile-hero{border-radius:31px;background:radial-gradient(circle at 90% 4%,rgba(255,130,102,.38),transparent 32%),linear-gradient(145deg,#26362f,#101713)}.profile-hero:after{display:none}.credit-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.085);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.setting{min-height:64px;height:auto;padding:10px 13px;border-radius:20px;background:rgba(255,255,255,.06)!important;color:inherit}.setting i{flex:0 0 40px;width:40px;height:40px;margin-right:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px!important;background:rgba(255,255,255,.07)!important;color:var(--sj-v6-text)!important}.setting i .sj-icon{width:21px;height:21px}.setting span{font-size:10px}.setting:active{background:rgba(255,255,255,.11)!important;transform:scale(.99)}
.sheet{border:1px solid rgba(255,255,255,.09);background:rgba(15,22,18,.96)!important;color:var(--sj-v6-text);box-shadow:0 -28px 70px rgba(0,0,0,.42);backdrop-filter:blur(36px) saturate(165%);-webkit-backdrop-filter:blur(36px) saturate(165%)}.grab{background:rgba(255,255,255,.42)}
.sj-preview-image{position:absolute;z-index:0;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;pointer-events:none;transform:rotate(var(--sj-media-rotate,0deg)) scaleX(var(--sj-media-mirror,1));transition:opacity .22s ease,filter .22s ease}.sj-preview-canvas.has-image .sj-preview-image{opacity:1}.sj-preview-canvas.has-video .sj-preview-image{opacity:0}.sj-preview-video{transform:rotate(var(--sj-media-rotate,0deg)) scaleX(var(--sj-media-mirror,1));transform-origin:center}.sj-preview-canvas.sj-transition-fade .sj-preview-image,.sj-preview-canvas.sj-transition-fade .sj-preview-video.is-active{animation:sjV6Fade .52s ease both}.sj-preview-canvas.sj-transition-flash .sj-preview-image,.sj-preview-canvas.sj-transition-flash .sj-preview-video.is-active{animation:sjV6Flash .52s ease both}.sj-preview-canvas.sj-transition-push .sj-preview-image,.sj-preview-canvas.sj-transition-push .sj-preview-video.is-active{animation:sjV6Push .52s cubic-bezier(.22,.8,.22,1) both}@keyframes sjV6Fade{from{opacity:.05;filter:blur(5px)}to{opacity:1;filter:none}}@keyframes sjV6Flash{0%{filter:brightness(2.5) saturate(.3)}100%{filter:none}}@keyframes sjV6Push{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
.sj-timeline-panel{min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(24,31,28,.98),rgba(12,17,14,.99))!important;border-color:rgba(255,255,255,.09)!important}.sj-timeline-frame{border-color:rgba(255,255,255,.09)!important;background:#080c0a!important}.sj-track-row .mobile-shot-card{border-radius:13px!important;background-color:#1b2420!important}.sj-track-row .mobile-shot-card.active{border-color:var(--sj-v6-accent)!important;box-shadow:0 0 0 2px rgba(255,130,102,.2),0 12px 26px rgba(0,0,0,.3)!important}.sj-track-row .mobile-shot-card.is-muted:after{content:'静音';position:absolute;z-index:7;right:5px;top:5px;border-radius:7px;background:rgba(0,0,0,.72);padding:3px 5px;color:#fff;font-size:5px}.sj-track-row .mobile-shot-card.is-mirrored i{transform:scaleX(-1)}
.sj-timeline-actions{display:flex!important;grid-template-columns:none!important;gap:7px!important;min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden;padding:8px 2px calc(4px + var(--safe-bottom));scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sj-timeline-actions::-webkit-scrollbar{display:none}.sj-timeline-actions button{flex:0 0 64px!important;min-width:64px!important;min-height:52px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:17px!important;background:rgba(255,255,255,.06)!important;color:#d5dcd8!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px!important;scroll-snap-align:start}.sj-timeline-actions button i{display:grid;place-items:center;width:24px;height:22px;color:#f4f7f5}.sj-timeline-actions button span{font-size:8px;white-space:nowrap}.sj-timeline-actions button.active{border-color:rgba(255,130,102,.52)!important;background:rgba(255,130,102,.15)!important;color:#ff9a82!important}.sj-timeline-actions button.danger{color:#ff9681!important}.sj-timeline-actions button:active{transform:scale(.94)}
.mobile-canvas-top{background:rgba(7,12,9,.74)!important;border-bottom-color:rgba(255,255,255,.075)!important;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.mobile-canvas-actions button,.sj-workbench-actions button{border:1px solid rgba(255,255,255,.07)!important;border-radius:14px!important;background:rgba(255,255,255,.065)!important;color:#d7deda!important}.sj-workbench-actions .export{background:#f5f1eb!important;color:#101310!important}.sj-timeline-floating-add{border:1px solid rgba(255,255,255,.7)!important;border-radius:15px!important;background:#f7f5f0!important;box-shadow:0 12px 28px rgba(0,0,0,.42)!important}
.overview-board{--sj-overview-spine-x:470px}.overview-root-node{left:calc(var(--sj-overview-spine-x) - 80px)!important;background:linear-gradient(145deg,#ff9a82,#ff7359)!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 45px rgba(255,105,78,.24)}.overview-sequence-node{left:calc(var(--sj-overview-spine-x) - 150px);border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(35,45,40,.97),rgba(17,23,20,.97));box-shadow:0 18px 42px rgba(0,0,0,.3)}.overview-sequence-node:before{left:50%}.overview-sequence-node:after{left:calc(50% - 5px)}.overview-version-node{left:auto}.overview-viewport{background-color:#060a08!important;background-image:radial-gradient(rgba(164,181,172,.24) 1px,transparent 1px)!important}.overview-top,.overview-toolbar,.overview-director-strip{background:rgba(9,14,11,.9)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.bottom-nav{position:fixed;z-index:70;left:12px;right:12px;bottom:max(8px,var(--safe-bottom));height:76px;display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(18,27,23,.76);box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%);overflow:visible}.bottom-nav .nav-item{position:relative;min-width:0;min-height:58px;border-radius:20px;background:transparent!important;color:rgba(238,244,240,.58);gap:1px;transition:color .18s ease,transform .18s ease}.bottom-nav .nav-item>.nav-icon-wrap{display:grid;place-items:center;width:36px;height:34px;border:1px solid transparent;border-radius:14px;background:transparent;transition:.2s ease}.bottom-nav .nav-symbol{width:21px;height:21px}.bottom-nav .nav-item>span{font-size:9px;line-height:1.1}.bottom-nav .nav-item.active{color:#fff}.bottom-nav .nav-item.active>.nav-icon-wrap{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.105);box-shadow:inset 0 1px rgba(255,255,255,.09)}.bottom-nav .nav-item.active:after{content:'';position:absolute;left:50%;bottom:1px;width:16px;height:3px;transform:translateX(-50%);border-radius:3px;background:var(--sj-v6-accent)}.bottom-nav .nav-create-main{position:relative;top:-10px;width:64px;height:64px;justify-self:center;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:linear-gradient(145deg,#ff9b83,#ff7359);color:#111;box-shadow:0 15px 34px rgba(255,105,78,.32),inset 0 1px rgba(255,255,255,.38)}.bottom-nav .nav-create-main>i{width:28px;height:28px}.bottom-nav .nav-create-main .sj-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .nav-create-main>span{font-size:8px}.bottom-nav.hidden{transform:translateY(calc(100% + 24px + var(--safe-bottom)));pointer-events:none}
@media(min-width:851px){.bottom-nav{position:absolute}.desktop-stage{background:radial-gradient(circle at 72% 22%,rgba(110,207,147,.23),transparent 25%),radial-gradient(circle at 28% 80%,rgba(255,126,97,.2),transparent 28%),#111915}.phone{border-color:#0b110e;box-shadow:0 34px 90px rgba(0,0,0,.42)}}
@media(max-width:850px){.screen:not(.canvas-screen){padding-bottom:calc(104px + var(--safe-bottom))}.bottom-nav{left:max(10px,var(--safe-left));right:max(10px,var(--safe-right));bottom:max(8px,var(--safe-bottom))}.canvas-screen .sj-timeline-panel{padding-bottom:max(3px,var(--safe-bottom))}.canvas-screen .sj-timeline-actions{padding-bottom:4px}}

/* Keep the mobile editing rail fully inside the canvas workbench. */
.canvas-screen .sj-timeline-actions{
  flex:0 0 64px!important;
  height:64px!important;
  min-height:64px!important;
  box-sizing:border-box;
}
.canvas-screen .sj-timeline-actions button{
  height:52px!important;
  min-height:52px!important;
}
.profile-avatar-button{
  display:grid!important;
  place-items:center;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  overflow:hidden;
}
.profile-avatar-button .avatar{
  display:block!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
}
@media(max-width:360px){.bottom-nav{left:7px;right:7px;grid-template-columns:1fr 1fr 66px 1fr 1fr}.bottom-nav .nav-create-main{width:58px;height:58px;border-radius:20px}.bottom-nav .nav-item>.nav-icon-wrap{width:32px}.sj-timeline-actions button{flex-basis:59px!important;min-width:59px!important}}

/* Keep assistant header controls and project rows inside narrow phone viewports. */
.image-studio-top{
  grid-template-columns:44px minmax(0,1fr) max-content;
  gap:8px;
  min-width:0;
}
.image-studio-title{
  min-width:0;
  overflow:hidden;
}
.image-studio-title small,
.image-studio-title h3{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.image-studio-actions{
  min-width:0;
  max-width:100%;
  flex-wrap:nowrap;
}
.image-studio-actions>button{
  flex:0 0 43px;
}

.project-system-banner{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.project-system-banner>div{
  min-width:0;
}
.project-system-banner [data-project-title],
.project-system-banner>div>small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.project-system-actions{
  min-width:0;
  justify-self:end;
  flex-wrap:nowrap;
}
.project-system-actions>button{
  flex:0 0 auto;
  min-width:44px;
  height:44px;
  padding:0 7px;
  white-space:nowrap;
}
.project-system-banner .project-system-actions .project-rename-button,
.project-system-banner .project-system-actions .project-delete-button{
  flex-basis:44px;
  width:44px;
  min-width:44px;
  height:44px;
  padding:0;
}

@media(max-width:390px){
  .image-studio-top{
    grid-template-columns:40px minmax(0,1fr) max-content;
    gap:6px;
  }
  .image-studio-actions{
    gap:3px;
  }
  .image-studio-actions>button{
    flex-basis:39px;
    width:39px;
    min-width:39px;
  }
}

@media(max-width:360px){
  .project-system-banner{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:6px;
    padding:10px;
  }
  .project-system-icon{
    width:38px;
    height:38px;
  }
  .project-system-actions{
    gap:4px;
  }
  .project-system-actions>button{
    min-width:42px;
    height:42px;
    padding:0 5px;
    font-size:7px;
  }
  .project-system-actions>button:first-child{
    min-width:48px;
  }
  .project-system-banner .project-system-actions .project-rename-button,
  .project-system-banner .project-system-actions .project-delete-button{
    flex-basis:42px;
    width:42px;
    min-width:42px;
    height:42px;
  }
}

/* One rounded line-icon language across the active mobile workflow. */
.sj-icon-filled{fill:currentColor!important;stroke:none!important}
.account-drawer-head>button .sj-icon,
.detail-head .sj-icon,
.sj-preview-play .sj-icon,
.sj-preview-controls .sj-icon,
.sj-timeline-floating-add .sj-icon{width:21px;height:21px;margin:auto}
.detail-head .more .sj-icon{width:23px;height:23px}
.play .sj-icon{width:27px;height:27px}
.sj-preview-play .sj-icon{width:28px;height:28px}
.sj-timeline-floating-add .sj-icon{width:25px;height:25px}
.sj-parameter-grid>button>i .sj-icon{width:20px;height:20px}
.sj-parameter-grid>button>i{font-size:0}

/* Shunji mobile visual system v8: reference-matched olive black, fluorescent chartreuse and a reserved rainbow brand mark. */
.app{
  --sj-v8-olive:#0b1007;
  --sj-v8-olive-deep:#020403;
  --sj-v8-surface:#60665e;
  --sj-v8-surface-glass:rgba(18,30,21,.78);
  --sj-v8-line:rgba(226,255,202,.13);
  --sj-v8-line-strong:rgba(200,255,61,.26);
  --sj-v8-text:#f5f8f2;
  --sj-v8-muted:#aeb9a8;
  --sj-v8-muted-dim:#7c8978;
  --sj-v8-accent:#c8ff3d;
  --sj-v8-accent-strong:#b8f22f;
  --sj-v8-on-accent:#0a1007;
  --sj-v8-rainbow:conic-gradient(from 215deg,#70e8ff,#887cff,#dd72ff,#ff6da8,#ff9d4d,#f4ff62,#70f0a0,#70e8ff);
  --sj-v7-black:var(--sj-v8-olive);
  --sj-v7-black-soft:var(--sj-v8-olive-deep);
  --sj-v7-surface:var(--sj-v8-surface-glass);
  --sj-v7-surface-strong:var(--sj-v8-surface);
  --sj-v7-line:var(--sj-v8-line);
  --sj-v7-text:var(--sj-v8-text);
  --sj-v7-muted:var(--sj-v8-muted);
  --sj-v7-green:var(--sj-v8-accent);
  --sj-v7-green-strong:var(--sj-v8-accent-strong);
  --sj-v7-rainbow:var(--sj-v8-rainbow);
  --paper:var(--sj-v8-olive);
  --card:var(--sj-v8-surface-glass);
  --ink:var(--sj-v8-text);
  --muted:var(--sj-v8-muted);
  --line:var(--sj-v8-line);
  --coral:var(--sj-v8-accent);
  --lime:var(--sj-v8-accent);
  color:var(--sj-v8-text);
  color-scheme:dark;
  background:var(--sj-v8-olive);
}
.app[data-theme="dark"] .screen:not(.canvas-screen),
.app:not([data-theme="dark"]) .screen:not(.canvas-screen){
  color:var(--sj-v8-text);
  background:
    radial-gradient(circle at 96% -4%,rgba(200,255,61,.09),transparent 25%),
    radial-gradient(circle at 4% 52%,rgba(126,146,89,.055),transparent 30%),
    linear-gradient(180deg,#0b1007 0%,#050805 56%,#020403 100%);
}
.app .screen:not(.canvas-screen) input,
.app .screen:not(.canvas-screen) textarea,
.app .screen:not(.canvas-screen) select{
  color:var(--sj-v8-text);
}
.app .screen:not(.canvas-screen) input::placeholder,
.app .screen:not(.canvas-screen) textarea::placeholder{
  color:rgba(216,226,209,.55);
}

/* Calm the entry hierarchy: useful context stays, oversized marketing copy leaves. */
@media(max-width:850px){
  .screen:not(.canvas-screen){
    padding-left:18px;
    padding-right:18px;
    font-size:14px;
  }
  .screen[data-screen="home"] .home-head-v2{
    margin:8px 2px 12px;
  }
  .screen[data-screen="home"] .home-head-v2 h2,
  .screen[data-screen="home"] .home-head-v2 p{
    display:none;
  }
  .screen[data-screen="home"] .home-head-v2 small{
    margin:0;
    color:var(--sj-v7-muted);
    font-size:12px;
    line-height:1.4;
    font-weight:650;
  }
  .page-title{
    min-height:48px;
    margin:5px 2px 12px;
    align-items:center;
  }
  .page-title h2{
    font-size:22px;
    line-height:1.1;
    letter-spacing:-.035em;
  }
  .page-title p{
    margin-top:3px;
    color:var(--sj-v7-muted);
    font-size:10px;
    line-height:1.25;
  }
  .screen[data-screen="projects"] .page-title p,
  .screen[data-screen="assets"] .page-title p,
  .screen[data-screen="profile"] .page-title p{
    display:none;
  }
  .section-head{
    margin:20px 2px 10px;
  }
  .section-head h3{
    font-size:18px;
  }
  .section-head button{
    font-size:11px;
  }
  .home-create-card b{font-size:17px}
  .home-create-card small{font-size:10px}
  .home-tool-strip button{font-size:10px}
  .home-queue-card b{font-size:12px}
  .home-queue-card small{font-size:9px}
  .system-banner b,.project-system-banner b{font-size:12px}
  .system-banner small,.project-system-banner small{font-size:9px;line-height:1.35}
  .asset span{font-size:12px}
  .asset .asset-type{font-size:9px}
  .profile-main h3{font-size:19px}
  .profile-main p{font-size:10px}
  .setting b{font-size:13px}
  .setting span{font-size:10px}
}

/* One restrained glass material across the active mobile destinations. */
.app .home-tool-strip button,
.app .home-queue-card,
.app .system-banner,
.app .project-system-banner,
.app .setting,
.app .profile-hero,
.app .credit-card,
.app .segmented,
.app .search,
.app .project-empty-state,
.app .project-result-empty,
.app .asset-empty,
.app .flow-empty,
.app .experience-project-card{
  border:1px solid var(--sj-v8-line)!important;
  background:linear-gradient(145deg,var(--sj-v8-surface-glass),rgba(10,15,11,.84))!important;
  color:var(--sj-v8-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.2);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.app .icon-btn,
.app .home-settings,
.app .back{
  border-color:var(--sj-v8-line);
  background:rgba(226,255,202,.065);
  color:var(--sj-v8-text);
}
.app .home-create-card.primary{
  border-color:var(--sj-v8-line-strong)!important;
  background:linear-gradient(145deg,var(--sj-v8-surface) 0%,#454c43 58%,#292f28 100%);
  color:var(--sj-v8-text);
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09);
}
.app .home-create-card.primary small{color:var(--sj-v8-muted)}
.app .home-create-card.primary>i{
  border-color:rgba(255,255,255,.28)!important;
  background:var(--sj-v8-accent)!important;
  color:var(--sj-v8-on-accent)!important;
  box-shadow:0 10px 24px rgba(200,255,61,.16),inset 0 1px rgba(255,255,255,.5);
}
.app .home-create-card.primary>i .sj-icon-accent{stroke:var(--sj-v8-on-accent)}
.app .home-create-card.preset{
  border-color:var(--sj-v8-line)!important;
  background:linear-gradient(145deg,rgba(27,34,25,.94),rgba(8,12,8,.98));
}
.app .home-create-card.preset>em{
  background:rgba(200,255,61,.12);
  color:var(--sj-v8-accent);
}
.app .home-tool-strip button>i,
.app .system-banner>i,
.app .project-system-icon,
.app .setting>i{
  border-color:rgba(200,255,61,.12)!important;
  background:rgba(200,255,61,.09)!important;
  color:var(--sj-v8-accent)!important;
}
.app .asset-filter button,
.app .project-tabs button,
.app .model-filter button{
  border-color:var(--sj-v8-line);
  background:rgba(226,255,202,.055);
  color:var(--sj-v8-muted);
}
.app .asset-filter button.active,
.app .project-tabs button.active,
.app .model-filter button.active,
.app[data-theme="dark"] .segmented button.active{
  border-color:var(--sj-v8-line-strong)!important;
  background:var(--sj-v8-accent)!important;
  color:var(--sj-v8-on-accent)!important;
  box-shadow:0 8px 22px rgba(200,255,61,.16);
}
.app .profile-hero{
  background:
    radial-gradient(circle at 92% 2%,rgba(200,255,61,.16),transparent 34%),
    linear-gradient(145deg,rgba(27,39,27,.92),rgba(8,13,9,.96))!important;
}
.app .creation-grid .tool-card.cream,
.app .creation-grid .tool-card.lime{
  border:1px solid var(--sj-v8-line)!important;
  background:linear-gradient(145deg,var(--sj-v8-surface-glass),rgba(10,15,11,.9))!important;
  color:var(--sj-v8-text)!important;
}

/* CapCut-like empty states: compact message, generous air and one obvious action. */
.project-empty-state,
.project-result-empty,
.asset-empty,
.flow-empty,
.image-chat-history-empty{
  min-width:0;
  min-height:172px;
  border:1px dashed rgba(200,255,61,.2)!important;
  border-radius:26px!important;
  padding:24px 20px!important;
  color:var(--sj-v8-muted)!important;
  text-align:center;
}
.project-empty-state>i{
  width:48px;
  height:48px;
  border-radius:17px;
  background:rgba(200,255,61,.12)!important;
  color:var(--sj-v8-accent)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.asset-empty:before,
.project-result-empty:before,
.flow-empty:before,
.image-chat-history-empty:before{
  content:"";
  display:block;
  width:42px;
  height:42px;
  margin:0 auto 13px;
  border:1px solid rgba(200,255,61,.2);
  border-radius:15px;
  background:
    radial-gradient(circle at 36% 34%,rgba(200,255,61,.5),transparent 18%),
    linear-gradient(145deg,rgba(200,255,61,.13),rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.project-empty-state b,
.project-result-empty b,
.asset-empty b,
.flow-empty b{
  color:var(--sj-v8-text)!important;
  font-size:15px;
}
.project-empty-state small,
.project-result-empty small,
.asset-empty small,
.flow-empty small{
  color:var(--sj-v8-muted)!important;
  font-size:10px;
  line-height:1.5;
}
.project-empty-state button{
  min-height:44px;
  border:1px solid var(--sj-v8-line-strong);
  border-radius:15px;
  background:var(--sj-v8-accent);
  color:var(--sj-v8-on-accent);
  box-shadow:0 10px 25px rgba(200,255,61,.16);
}

/* Assistant: one compact glass menu instead of three floating controls. */
.sheet-wrap.image-studio-wrap,
.image-studio-dialog{
  background:
    radial-gradient(circle at 91% 2%,rgba(200,255,61,.085),transparent 23%),
    radial-gradient(circle at 8% 70%,rgba(104,128,76,.055),transparent 28%),
    var(--sj-v8-olive-deep)!important;
}
.image-studio-top{
  grid-template-columns:40px minmax(0,1fr) max-content;
  gap:6px;
  border-bottom-color:rgba(226,255,202,.075);
}
.image-studio-title small{display:none}
.image-studio-title h3{
  margin:0;
  font-size:16px;
  letter-spacing:-.025em;
}
.image-studio-actions{
  position:relative;
  gap:0;
  padding:3px;
  border:1px solid var(--sj-v8-line);
  border-radius:15px;
  background:rgba(226,255,202,.055);
  box-shadow:inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.image-studio-actions>button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:36px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--sj-v8-muted)!important;
  font-size:9px!important;
}
.image-studio-actions>button+button{
  box-shadow:-1px 0 rgba(226,255,202,.07);
}
.image-studio-actions>button[aria-expanded="true"]{
  background:rgba(200,255,61,.13)!important;
  color:var(--sj-v8-accent)!important;
  box-shadow:none;
}
#imageStudioMenuButton{
  display:grid;
  place-items:center;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid var(--sj-v8-line)!important;
  border-radius:15px!important;
  background:rgba(226,255,202,.065)!important;
  color:var(--sj-v8-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
#imageStudioMenuButton[aria-expanded="true"]{
  border-color:var(--sj-v8-line-strong)!important;
  background:rgba(200,255,61,.13)!important;
  color:var(--sj-v8-accent)!important;
}
.image-studio-menu{
  position:absolute;
  z-index:8;
  top:calc(100% + 8px);
  right:0;
  width:min(210px,calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  padding:6px;
  border:1px solid var(--sj-v8-line);
  border-radius:18px;
  background:rgba(8,13,9,.95);
  box-shadow:0 18px 50px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
}
.image-studio-menu[hidden]{display:none}
#imageStudioMenu [role="menuitem"]{
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:var(--sj-v8-text);
  font-size:var(--sj-type-label);
  font-weight:720;
  text-align:left;
}
#imageStudioMenu [role="menuitem"]:active,
#imageStudioMenu [role="menuitem"]:focus-visible{
  outline:0;
  background:rgba(200,255,61,.12);
  color:var(--sj-v8-accent);
}
.image-studio-close,
.image-chat-composer,
.image-chat-bubble,
.image-chat-history,
.image-chat-library{
  border-color:var(--sj-v8-line)!important;
  background:var(--sj-v8-surface-glass)!important;
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.image-chat-message.user .image-chat-bubble{
  border-color:rgba(226,255,202,.2)!important;
  background:linear-gradient(145deg,#f0f3e9,#d9e0d2)!important;
  color:var(--sj-v8-on-accent)!important;
}
.image-chat-welcome{
  max-width:320px;
  margin:auto;
  padding:20px 12px;
}
.image-studio-brand-mark{
  position:relative;
  justify-self:center;
  width:24px;
  height:24px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:9px;
  background:var(--sj-v8-rainbow);
  box-shadow:0 7px 20px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.45);
}
.image-studio-brand-mark:after{
  content:"";
  position:absolute;
  inset:6px;
  background:var(--sj-v8-on-accent);
  clip-path:polygon(50% 0,58% 41%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 41%);
}
.image-chat-welcome-mark{
  width:48px;
  height:48px;
  border-radius:17px;
  background:var(--sj-v8-rainbow);
  color:var(--sj-v8-on-accent);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.image-chat-welcome h4{font-size:20px}
.image-chat-welcome p{font-size:11px;color:var(--sj-v8-muted)}
.image-chat-starters button{
  min-height:36px;
  border-color:var(--sj-v8-line);
  background:rgba(226,255,202,.055);
  color:#d5ddcf;
}
.image-chat-composer{
  border-radius:23px;
  box-shadow:0 -16px 48px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.055);
}
.image-studio-submit{
  background:var(--sj-v8-accent);
  color:var(--sj-v8-on-accent);
  box-shadow:0 9px 24px rgba(200,255,61,.18);
}

/* Compact Apple dock with a pure AI-rainbow centre logo. */
.bottom-nav{
  left:10px;
  right:10px;
  bottom:max(8px,var(--safe-bottom));
  height:68px;
  grid-template-columns:1fr 1fr 58px 1fr 1fr;
  padding:6px 8px;
  border-color:var(--sj-v8-line);
  border-radius:25px;
  background:rgba(7,12,8,.86);
  box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.065);
  backdrop-filter:blur(32px) saturate(165%);
  -webkit-backdrop-filter:blur(32px) saturate(165%);
}
.bottom-nav .nav-item{
  min-width:0;
  min-height:52px;
  border-radius:17px;
  color:rgba(224,232,217,.64);
  gap:0;
}
.bottom-nav .nav-item>.nav-icon-wrap{
  width:32px;
  height:30px;
  border:0;
  border-radius:12px;
}
.bottom-nav .nav-symbol{
  width:20px;
  height:20px;
}
.bottom-nav .nav-item>span{
  font-size:8px;
  font-weight:700;
}
.bottom-nav .nav-item.active{
  color:var(--sj-v8-accent);
}
.bottom-nav .nav-item.active>.nav-icon-wrap{
  border:0;
  background:rgba(200,255,61,.085);
  box-shadow:none;
}
.bottom-nav .nav-item.active:after{
  bottom:0;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--sj-v8-accent);
}
.bottom-nav .nav-create-main,
.bottom-nav.create-open .nav-create-main{
  top:0;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:17px;
  background:var(--sj-v8-rainbow)!important;
  color:var(--sj-v8-on-accent);
  box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.55);
}
.bottom-nav .nav-create-main>i{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
}
.bottom-nav .nav-create-main .sj-icon{
  width:24px;
  height:24px;
  stroke-width:1.8;
}
.bottom-nav .nav-create-main>span{display:none}
.bottom-nav.create-open .nav-create-main>i{transform:none!important}

@media(max-width:390px){
  .screen:not(.canvas-screen){padding-left:16px;padding-right:16px}
  .home-create-card{min-height:126px}
  .image-studio-actions>button{
    min-width:34px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }
  .bottom-nav{
    left:8px;
    right:8px;
    grid-template-columns:1fr 1fr 56px 1fr 1fr;
  }
}

/* Loop 20: optically balanced timeline controls and a clean split glyph. */
.sj-timeline-toolbar>div{
  display:grid;
  grid-template-columns:repeat(2,34px);
  align-items:center;
}
.sj-timeline-toolbar button{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  line-height:0;
}
.sj-timeline-toolbar button+button{border-left:1px solid var(--sj-v10-line)}
.sj-timeline-toolbar button .sj-icon{
  display:block;
  width:18px;
  height:18px;
  margin:auto;
  transform:none;
  shape-rendering:geometricPrecision;
}
.sj-timeline-toolbar button:disabled{opacity:1}
.sj-timeline-actions [data-icon-name="split-clip"],
.timeline-tools [data-icon-name="split-clip"]{
  width:20px;
  height:20px;
  margin:auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:360px){
  .page-title h2{font-size:21px}
  .home-create-grid{gap:8px}
  .home-tool-strip{gap:5px}
  .image-studio-top{
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:5px;
  }
  .image-studio-title h3{font-size:15px}
  .image-studio-actions{padding:2px}
  .image-studio-actions>button{
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 6px!important;
  }
  .bottom-nav{
    left:max(8px,var(--safe-left));
    right:max(8px,var(--safe-right));
    height:66px;
    grid-template-columns:1fr 1fr 52px 1fr 1fr;
    padding-left:6px;
    padding-right:6px;
  }
  .bottom-nav .nav-create-main,
  .bottom-nav.create-open .nav-create-main{
    width:48px;
    height:48px;
    border-radius:16px;
  }
  .bottom-nav .nav-item>.nav-icon-wrap{width:28px}
  .bottom-nav .nav-item>span{font-size:7px}
}

@media(min-width:851px){
  .desktop-stage{
    background:
      radial-gradient(circle at 50% 112%,rgba(200,255,61,.38),transparent 42%),
      radial-gradient(circle at 12% 28%,rgba(28,72,58,.3),transparent 34%),
      radial-gradient(circle at 88% 18%,rgba(18,46,39,.38),transparent 31%),
      #061417;
  }
  .phone{
    border-color:#080b07;
    box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 0 1px rgba(226,255,202,.08);
  }
}

/* Loop 09: destination utilities remain visible while only their result lists scroll. */
@media(max-width:850px){
  .screen:not(.canvas-screen){
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
  }
  .screen-top-toolbar{
    position:sticky;
    top:calc(8px + var(--safe-top));
    z-index:24;
    isolation:isolate;
    margin:0 -4px 14px;
    padding:0 4px 12px;
    background:linear-gradient(180deg,rgba(5,11,7,.995) 0%,rgba(5,11,7,.975) 82%,rgba(5,11,7,.92) 100%);
    box-shadow:0 13px 26px rgba(2,4,3,.16);
    backdrop-filter:blur(18px) saturate(120%);
    -webkit-backdrop-filter:blur(18px) saturate(120%);
  }
  .screen-top-toolbar .section-head,
  .screen-top-toolbar.page-title{
    margin:0;
  }
  .project-sticky-toolbar .project-filter{
    margin:10px 0 0;
  }
  .asset-sticky-toolbar .asset-tools{
    margin:10px 0 0;
  }
  .asset-sticky-toolbar .asset-filter{
    margin:10px 0 0;
  }
  .profile-sticky-toolbar.page-title{
    min-height:66px;
  }
}

/* Loop 10: purple-black media palette from the approved mobile reference. */
.app,
.app[data-theme="dark"],
.app:not([data-theme="dark"]){
  --sj-v10-base:#0a0710;
  --sj-v10-base-deep:#050307;
  --sj-v10-surface:#1c1723;
  --sj-v10-surface-raised:#2a2233;
  --sj-v10-glass:rgba(35,28,44,.86);
  --sj-v10-glass-soft:rgba(46,37,56,.68);
  --sj-v10-line:rgba(238,228,248,.13);
  --sj-v10-line-strong:rgba(210,156,242,.38);
  --sj-v10-text:#f8f5fb;
  --sj-v10-muted:#b8b0c0;
  --sj-v10-muted-dim:#8b8293;
  --sj-v10-functional:#d29cf2;
  --sj-v10-functional-deep:#9b66c3;
  --sj-v10-primary:#d4f04b;
  --sj-v10-primary-strong:#c3e73a;
  --sj-v10-on-primary:#111407;
  --sj-v10-ambient:#ff7b9f;
  --sj-v10-ambient-orange:#ffb072;
  --sj-v10-danger:#ff6b7d;
  --sj-v10-sticky-bg:#100c16;
  --sj-v10-sticky-fg:#f8f5fb;
  --sj-v10-dock-bg:#211b27;
  --sj-v10-dock-fg:#f8f5fb;
  --sj-v10-rainbow:conic-gradient(from 215deg,#a993ff,#68dcff,#d4f04b,#ffd65a,#ff9a68,#ff69aa,#a993ff);
  --sj-brand-fluid:
    radial-gradient(circle at 22% 16%,rgba(255,255,255,.92) 0 4%,rgba(255,255,255,0) 25%),
    radial-gradient(circle at 78% 75%,rgba(212,240,75,.95) 0 7%,rgba(212,240,75,0) 37%),
    radial-gradient(circle at 79% 21%,rgba(255,105,170,.94) 0 6%,rgba(255,105,170,0) 38%),
    conic-gradient(from 215deg at 50% 50%,#9278ff,#68dcff,#d4f04b,#ffd65a,#ff8f70,#ff69aa,#9278ff);

  /* Backwards-compatible aliases keep older modules on the active theme. */
  --sj-v8-olive:var(--sj-v10-base);
  --sj-v8-olive-deep:var(--sj-v10-base-deep);
  --sj-v8-surface:var(--sj-v10-functional-deep);
  --sj-v8-surface-glass:var(--sj-v10-glass);
  --sj-v8-line:var(--sj-v10-line);
  --sj-v8-line-strong:var(--sj-v10-line-strong);
  --sj-v8-text:var(--sj-v10-text);
  --sj-v8-muted:var(--sj-v10-muted);
  --sj-v8-muted-dim:var(--sj-v10-muted-dim);
  --sj-v8-accent:var(--sj-v10-primary);
  --sj-v8-accent-strong:var(--sj-v10-primary-strong);
  --sj-v8-on-accent:var(--sj-v10-on-primary);
  --sj-v8-rainbow:var(--sj-v10-rainbow);
  --sj-v7-black:var(--sj-v10-base);
  --sj-v7-black-soft:var(--sj-v10-base-deep);
  --sj-v7-surface:var(--sj-v10-glass);
  --sj-v7-surface-strong:var(--sj-v10-surface-raised);
  --sj-v7-line:var(--sj-v10-line);
  --sj-v7-text:var(--sj-v10-text);
  --sj-v7-muted:var(--sj-v10-muted);
  --sj-v7-green:var(--sj-v10-primary);
  --sj-v7-green-strong:var(--sj-v10-primary-strong);
  --sj-v7-rainbow:var(--sj-v10-rainbow);
  --sj-v6-bg:var(--sj-v10-base);
  --sj-v6-bg-deep:var(--sj-v10-base-deep);
  --sj-v6-surface:var(--sj-v10-glass);
  --sj-v6-surface-strong:var(--sj-v10-surface-raised);
  --sj-v6-line:var(--sj-v10-line);
  --sj-v6-text:var(--sj-v10-text);
  --sj-v6-muted:var(--sj-v10-muted);
  --sj-v6-accent:var(--sj-v10-primary);
  --paper:var(--sj-v10-base);
  --card:var(--sj-v10-surface);
  --ink:var(--sj-v10-text);
  --muted:var(--sj-v10-muted);
  --line:var(--sj-v10-line);
  --coral:var(--sj-v10-primary);
  --lime:var(--sj-v10-primary);
  color:var(--sj-v10-text);
  color-scheme:dark;
  background:var(--sj-v10-base);
}

html,
body,
.phone{
  background:var(--sj-v10-base-deep);
}
.private-auth-gate{
  background:var(--sj-v10-base-deep)!important;
}

.app[data-theme="dark"],
.app:not([data-theme="dark"]),
.app[data-theme="dark"] .screen:not(.canvas-screen),
.app:not([data-theme="dark"]) .screen:not(.canvas-screen),
.app .screen:not(.canvas-screen){
  color:var(--sj-v10-text);
  background:
    radial-gradient(circle at 94% -8%,color-mix(in srgb,var(--sj-v10-ambient) 18%,transparent),transparent 29%),
    radial-gradient(circle at 4% 39%,color-mix(in srgb,var(--sj-v10-functional) 10%,transparent),transparent 34%),
    radial-gradient(circle at 62% 112%,color-mix(in srgb,var(--sj-v10-ambient-orange) 12%,transparent),transparent 40%),
    linear-gradient(180deg,#0d0913 0%,var(--sj-v10-base) 56%,var(--sj-v10-base-deep) 100%);
}

.app .screen:not(.canvas-screen) input,
.app .screen:not(.canvas-screen) textarea,
.app .screen:not(.canvas-screen) select{
  border-color:var(--sj-v10-line);
  color:var(--sj-v10-text);
  background:var(--sj-v10-surface);
}
.app .screen:not(.canvas-screen) input::placeholder,
.app .screen:not(.canvas-screen) textarea::placeholder{color:var(--sj-v10-muted-dim)}

.app .home-tool-strip button,
.app .home-queue-card,
.app .system-banner,
.app .project-system-banner,
.app .project-row,
.app .setting,
.app .profile-hero,
.app .credit-card,
.app .segmented,
.app .search,
.app .project-empty-state,
.app .project-result-empty,
.app .asset-empty,
.app .flow-empty,
.app .experience-project-card,
.app .model-first,
.app .mini-model,
.app .video-mode-card,
.app .catalog-model,
.app .queue-item,
.app .sheet,
.app .account-menu-group,
.app .account-pro-card{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(145deg,var(--sj-v10-glass),var(--sj-v10-surface))!important;
  color:var(--sj-v10-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 44px rgba(0,0,0,.24);
}

.app .home-create-card.primary{
  border-color:rgba(255,255,255,.22)!important;
  background:linear-gradient(145deg,var(--sj-v10-functional) 0%,#c48be9 58%,var(--sj-v8-surface) 100%);
  color:var(--sj-v10-base);
  box-shadow:0 20px 46px rgba(160,91,203,.24),inset 0 1px rgba(255,255,255,.38);
}
.app .home-create-card.primary small{color:rgba(20,12,28,.72)}
.app .home-create-card.primary>i{
  border-color:rgba(255,255,255,.5)!important;
  background:linear-gradient(145deg,var(--sj-v10-primary),var(--sj-v8-accent))!important;
  color:var(--sj-v10-on-primary)!important;
  box-shadow:0 11px 28px rgba(212,240,75,.2),inset 0 1px rgba(255,255,255,.54);
}
.app .home-create-card.primary>i .sj-icon-accent{stroke:var(--sj-v10-on-primary)}
.app .home-create-card.preset{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(145deg,var(--sj-v10-surface-raised),#130f19 82%);
  color:var(--sj-v10-text);
}
.app .home-create-card.preset small{color:var(--sj-v10-muted)}
.app .home-create-card.preset>em{
  background:rgba(212,240,75,.13);
  color:var(--sj-v10-primary);
}

.app .home-tool-strip button>i,
.app .system-banner>i,
.app .project-system-icon,
.app .setting>i,
.app .project-empty-state>i{
  border-color:rgba(210,156,242,.22)!important;
  background:rgba(210,156,242,.14)!important;
  color:var(--sj-v10-functional)!important;
}

.app .asset-filter button,
.app .project-tabs button,
.app .model-filter button,
.app .segmented button{
  border-color:var(--sj-v10-line);
  background:rgba(255,255,255,.045);
  color:var(--sj-v10-muted);
}
.app .asset-filter button.active,
.app .project-tabs button.active,
.app .model-filter button.active,
.app[data-theme="dark"] .segmented button.active{
  border-color:rgba(210,156,242,.5)!important;
  background:var(--sj-v10-functional)!important;
  color:var(--sj-v10-base)!important;
  box-shadow:0 9px 24px rgba(164,103,203,.22);
}

.app .profile-hero{
  background:
    radial-gradient(circle at 90% 0,color-mix(in srgb,var(--sj-v10-functional) 24%,transparent),transparent 35%),
    linear-gradient(145deg,#2a2033,var(--sj-v10-surface))!important;
}
.app .profile-main p,
.app .setting span,
.app .system-banner small,
.app .project-system-banner small,
.app .catalog-model small,
.app .queue-item small{color:var(--sj-v10-muted)!important}

.app .catalog-model.selected,
.app .model-first.selected,
.app .video-mode-card.selected{
  border-color:var(--sj-v10-primary)!important;
  box-shadow:inset 0 0 0 1px var(--sj-v10-primary),0 14px 34px rgba(0,0,0,.22);
}
.app .model-create-bar button,
.app .project-direct-entry,
.app .project-empty-state button,
.app .project-system-actions>button:first-child{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}

.app .project-delete-button,
.app [data-account-action="logout"]{color:var(--sj-v10-danger)!important}

.app .account-drawer-panel,
.app .personal-settings-sheet,
.app .queue-detail-sheet,
.app .mobile-asset-library-panel,
.app .sj-node-editor,
.app .sj-add-menu{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(180deg,var(--sj-v10-surface-raised),var(--sj-v10-base))!important;
  color:var(--sj-v10-text)!important;
}

.sheet-wrap.image-studio-wrap,
.image-studio-dialog{
  background:
    radial-gradient(circle at 91% 0,color-mix(in srgb,var(--sj-v10-ambient) 16%,transparent),transparent 26%),
    radial-gradient(circle at 8% 72%,color-mix(in srgb,var(--sj-v10-functional) 9%,transparent),transparent 31%),
    var(--sj-v10-base-deep)!important;
}
.image-studio-top{border-bottom-color:var(--sj-v10-line)}
.image-studio-actions,
#imageStudioMenuButton,
.image-studio-menu,
.image-studio-close,
.image-chat-composer,
.image-chat-bubble,
.image-chat-history,
.image-chat-library{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-glass)!important;
  color:var(--sj-v10-text)!important;
}
.image-chat-message.user .image-chat-bubble{
  border-color:rgba(255,255,255,.22)!important;
  background:linear-gradient(145deg,var(--sj-v10-functional),#bd82e1)!important;
  color:var(--sj-v10-base)!important;
}
.image-chat-starters button,
.image-chat-tool{
  border-color:var(--sj-v10-line)!important;
  background:rgba(210,156,242,.08)!important;
  color:var(--sj-v10-muted)!important;
}
.image-studio-submit{
  background:linear-gradient(145deg,var(--sj-v10-primary),var(--sj-v8-accent));
  color:var(--sj-v10-on-primary);
  box-shadow:0 10px 26px rgba(212,240,75,.2);
}
.sheet-cta{
  border-color:var(--sj-v10-primary)!important;
  background:linear-gradient(145deg,var(--sj-v10-primary),var(--sj-v8-accent))!important;
  color:var(--sj-v10-on-primary)!important;
}

.screen-top-toolbar{
  color:var(--sj-v10-sticky-fg);
  background:linear-gradient(180deg,var(--sj-v10-sticky-bg) 0%,rgba(16,12,22,.985) 82%,rgba(16,12,22,.93) 100%);
  box-shadow:0 14px 30px rgba(2,1,4,.26);
}

.bottom-nav{
  border-color:var(--sj-v10-line);
  background:var(--sj-v10-dock-bg);
  color:var(--sj-v10-dock-fg);
  box-shadow:0 20px 54px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.075);
}
.bottom-nav .nav-item{color:rgba(248,245,251,.62)}
.bottom-nav .nav-item.active{color:var(--sj-v10-functional)!important;box-shadow:none}
.bottom-nav .nav-item.active>.nav-icon-wrap{
  border-color:rgba(255,255,255,.18)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  box-shadow:0 8px 23px rgba(212,240,75,.18);
}
.bottom-nav .nav-item.active:after{background:var(--sj-v10-functional)}
.bottom-nav .nav-create-main,
.bottom-nav.create-open .nav-create-main{
  background:var(--sj-v10-rainbow)!important;
  box-shadow:0 11px 32px rgba(172,104,214,.25),inset 0 1px rgba(255,255,255,.58);
}

/* Editing stays color-neutral; only current state and control chrome take the new palette. */
.canvas-screen,
.mobile-canvas-shell{background:#09080d!important;color:var(--sj-v10-text)}
.mobile-canvas-top,
.sj-preview-panel,
.sj-timeline-panel,
.sj-timeline-frame,
.overview-top,
.overview-toolbar,
.overview-director-strip{
  border-color:var(--sj-v10-line)!important;
  background:#141218!important;
  color:var(--sj-v10-text)!important;
}
.sj-timeline-actions button,
.sj-workbench-actions button,
.mobile-canvas-actions button{
  border-color:var(--sj-v10-line)!important;
  background:#201c25!important;
  color:var(--sj-v10-text)!important;
}
.sj-timeline-actions button.active,
.sj-workbench-actions button.active,
.mobile-shot-card.active{
  border-color:var(--sj-v10-primary)!important;
  color:var(--sj-v10-primary)!important;
  box-shadow:inset 0 0 0 1px var(--sj-v10-primary)!important;
}
.overview-root-node{
  border-color:rgba(210,156,242,.5)!important;
  background:linear-gradient(145deg,var(--sj-v10-functional),#a86fce)!important;
  color:var(--sj-v10-base)!important;
}
.overview-sequence-node,
.overview-history-node{
  border-color:var(--sj-v10-line)!important;
  background:#211c28!important;
  color:var(--sj-v10-text)!important;
}
.sj-timeline-floating-add,
.mobile-shot-add,
.mobile-clip-add{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}
.app .experience-project-card>span{
  border:1px solid rgba(210,156,242,.24)!important;
  background:rgba(210,156,242,.13)!important;
  color:var(--sj-v10-functional)!important;
}
.app .experience-project-card>button{
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}
.canvas-screen .sj-fixed-playhead:after,
.canvas-screen .sj-node-drop-marker{
  background:var(--sj-v10-primary)!important;
  box-shadow:0 0 10px rgba(212,240,75,.34)!important;
}
.canvas-screen .sj-fixed-playhead.dragging:after{
  background:var(--sj-v10-primary)!important;
  box-shadow:0 0 15px rgba(212,240,75,.5)!important;
}

:where(button,a,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid var(--sj-v10-primary)!important;
  outline-offset:3px;
}

@media(min-width:851px){
  .desktop-stage{
    background:
      radial-gradient(circle at 50% 112%,color-mix(in srgb,var(--sj-v10-ambient-orange) 76%,transparent),transparent 42%),
      radial-gradient(circle at 18% 82%,color-mix(in srgb,var(--sj-v10-functional) 52%,transparent),transparent 34%),
      radial-gradient(circle at 79% 70%,color-mix(in srgb,var(--sj-v10-ambient) 45%,transparent),transparent 33%),
      #221c26;
  }
  .phone{
    border-color:#07050a;
    box-shadow:0 34px 96px rgba(0,0,0,.52),0 0 0 1px rgba(238,228,248,.1);
  }
}

/* Loop 11: destination controls are a stable row; only the result collection scrolls. */
.screen[data-screen="projects"].active,
.screen[data-screen="assets"].active{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-height:0;
  overflow:hidden;
}
.project-sticky-toolbar,
.asset-sticky-toolbar{
  position:sticky;
  top:0;
  z-index:24;
  isolation:isolate;
  margin:0;
  padding:0 0 14px;
  background:linear-gradient(180deg,var(--sj-v10-sticky-bg) 0%,rgba(16,12,22,.985) 84%,rgba(16,12,22,.94) 100%);
  box-shadow:0 12px 26px rgba(2,1,4,.2);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.project-compact-toolbar,
.asset-compact-toolbar{
  min-height:48px;
  margin:0;
  padding:0 2px;
  align-items:center;
}
.project-sticky-toolbar .project-filter,
.asset-sticky-toolbar .asset-tools,
.asset-sticky-toolbar .asset-filter{
  margin:10px 0 0;
}
.destination-scroll-region{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-y;
  padding:14px 1px calc(10px + var(--safe-bottom));
}
.destination-scroll-region::-webkit-scrollbar{display:none}

/* The installed icon is static, while in-app brand marks carry the same fluid field in motion. */
.bottom-nav .nav-create-main{
  background:var(--sj-brand-fluid)!important;
  background-size:180% 180%!important;
  animation:sjBrandFluid 9s cubic-bezier(.45,0,.25,1) infinite alternate;
}
.image-studio-brand-mark{
  background:var(--sj-brand-fluid)!important;
  background-size:180% 180%!important;
  animation:sjBrandFluid 9s cubic-bezier(.45,0,.25,1) infinite alternate;
}
.bottom-nav.create-open .nav-create-main{background:var(--sj-brand-fluid)!important}
@keyframes sjBrandFluid{
  0%{background-position:8% 12%;filter:saturate(1.02)}
  48%{background-position:86% 38%;filter:saturate(1.14)}
  100%{background-position:34% 92%;filter:saturate(1.06)}
}
@media(prefers-reduced-motion:reduce){
  .bottom-nav .nav-create-main,
  .image-studio-brand-mark{animation:none}
}

/* The invite field is a light control inside the dark private gate. Keep native
   password glyphs, the caret, placeholders, and iOS autofill visibly dark. */
.private-auth-footer .big-input{
  background:#fffaf4;
  color:#17121c;
  caret-color:#17121c;
  -webkit-text-fill-color:#17121c;
  color-scheme:light;
}
.private-auth-footer .big-input::placeholder{
  color:#6f6575;
  opacity:1;
}
.private-auth-footer .big-input:-webkit-autofill,
.private-auth-footer .big-input:-webkit-autofill:hover,
.private-auth-footer .big-input:-webkit-autofill:focus{
  -webkit-text-fill-color:#17121c!important;
  caret-color:#17121c;
  -webkit-box-shadow:0 0 0 1000px #fffaf4 inset!important;
  box-shadow:0 0 0 1000px #fffaf4 inset!important;
}

/* Loop 12: fixed controls belong to the page field instead of painting a
   second rectangular slab. The grid still keeps this row fixed while the
   destination collection scrolls independently. */
.project-sticky-toolbar,
.asset-sticky-toolbar,
.profile-sticky-toolbar{
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* The asset shortcut intentionally uses a light pill. Keep its label on the
   dark side of the active palette instead of inheriting the global white. */
#assetSystemBanner .system-banner button{
  background:var(--sj-v10-text);
  color:var(--sj-v10-base);
}

/* Loop 15: project status is a decision control, so its selected state uses
   the primary action color instead of another nearby purple surface. */
.app .project-filter button:not(.active){
  border-color:var(--sj-v10-line);
  background:rgba(255,255,255,.045);
  color:var(--sj-v10-muted);
}
.app[data-theme="dark"] .segmented.project-filter button.active,
.app:not([data-theme="dark"]) .segmented.project-filter button.active{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  box-shadow:0 8px 22px rgba(212,240,75,.2);
}

.catalog-model.model-unavailable,
.dock-model.model-unavailable{
  opacity:.5;
  filter:saturate(.35);
  cursor:not-allowed;
}
.catalog-model.model-unavailable em{background:var(--sj-v10-surface-strong);color:var(--sj-v10-muted)}

/* The wrapper only anchors the popup. The menu trigger itself owns the one
   visible glass surface, preventing the doubled rounded rectangle. */
.image-studio-actions{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Inline SVG baselines made the pencil look low and off-centre on phones. */
.project-system-actions .project-rename-button{
  display:grid;
  place-items:center;
  line-height:0;
}
.project-rename-button .project-action-symbol{
  display:block;
  margin:auto;
}

/* Loop 16: one authoritative mobile contract for content, keyboard and dock. */
.home-inspiration-stack{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  overflow-x:visible;
  overflow-y:visible;
  scroll-snap-type:none;
  margin:0;
  padding:0;
}
.home-inspiration-stack .inspiration-card{
  width:100%;
  min-width:0;
  height:210px;
}

.high-contrast-light-action{
  color:var(--sj-v10-base)!important;
  -webkit-text-fill-color:var(--sj-v10-base)!important;
}
.asset-upload-dropzone{
  color:var(--sj-v10-base)!important;
}
.asset-upload-dropzone b,
.asset-upload-dropzone strong{
  color:var(--sj-v10-base)!important;
  -webkit-text-fill-color:var(--sj-v10-base)!important;
}
.asset-upload-dropzone small{
  color:rgba(23,18,29,.72)!important;
  -webkit-text-fill-color:rgba(23,18,29,.72)!important;
  font-size:10px!important;
  line-height:1.45;
  font-weight:500;
}
.asset-upload-dropzone>i{color:var(--sj-v10-on-primary)!important}

.bottom-nav{
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:calc(76px + var(--safe-bottom));
  padding-top:7px;
  padding-right:max(12px,var(--safe-right));
  padding-bottom:max(8px,var(--safe-bottom));
  padding-left:max(12px,var(--safe-left));
  border-left:0;
  border-right:0;
  border-bottom:0;
  border-radius:28px 28px 0 0;
  box-sizing:border-box;
}
.screen:not(.canvas-screen){padding-bottom:calc(92px + var(--safe-bottom))}

.keyboard-open .image-studio-dialog{
  position:fixed;
  top:var(--app-visible-offset);
  left:0;
  width:100%;
  height:var(--app-visible-height);
  transform:none;
  padding-bottom:6px;
}
.keyboard-open .image-chat-composer{
  position:sticky;
  bottom:0;
  z-index:12;
}
@media(max-width:850px){
  .image-studio-dialog #imagePrompt{font-size:16px}
}

/* Loop 17: complete day/night palettes and native-control modes. */
.app{
  --sj-v10-light-surface:#fffaf4;
  --sj-v10-on-light:#17121c;
  --sj-v10-on-light-muted:#5f5666;
  --sj-v10-on-functional:#17121c;
}
.app[data-theme="dark"]{
  --sj-v10-base:#0a0710;
  --sj-v10-base-deep:#050307;
  --sj-v10-surface:#1c1723;
  --sj-v10-surface-raised:#2a2233;
  --sj-v10-glass:rgba(35,28,44,.86);
  --sj-v10-glass-soft:rgba(46,37,56,.68);
  --sj-v10-line:rgba(238,228,248,.13);
  --sj-v10-line-strong:rgba(210,156,242,.38);
  --sj-v10-text:#f8f5fb;
  --sj-v10-muted:#b8b0c0;
  --sj-v10-muted-dim:#8b8293;
  --sj-v10-functional:#d29cf2;
  --sj-v10-functional-deep:#9b66c3;
  --sj-v10-primary:#d4f04b;
  --sj-v10-primary-strong:#c3e73a;
  --sj-v10-on-primary:#111407;
  --sj-v10-ambient:#ff7b9f;
  --sj-v10-ambient-orange:#ffb072;
  --sj-v10-danger:#ff6b7d;
  --sj-v10-sticky-bg:#100c16;
  --sj-v10-sticky-fg:#f8f5fb;
  --sj-v10-dock-bg:#211b27;
  --sj-v10-dock-fg:#f8f5fb;
  color-scheme:dark;
}
.app[data-theme="light"]{
  --sj-v10-base:#f7f2f8;
  --sj-v10-base-deep:#ebe5ee;
  --sj-v10-surface:#fffaff;
  --sj-v10-surface-raised:#eee7f2;
  --sj-v10-glass:rgba(255,250,255,.94);
  --sj-v10-glass-soft:rgba(244,237,248,.88);
  --sj-v10-line:rgba(37,24,45,.14);
  --sj-v10-line-strong:rgba(143,83,175,.34);
  --sj-v10-text:#18111d;
  --sj-v10-muted:#675f70;
  --sj-v10-muted-dim:#81778b;
  --sj-v10-functional:#a85dce;
  --sj-v10-functional-deep:#7d449d;
  --sj-v10-primary:#cdec42;
  --sj-v10-primary-strong:#bddc35;
  --sj-v10-on-primary:#111407;
  --sj-v10-ambient:#e75083;
  --sj-v10-ambient-orange:#dc7952;
  --sj-v10-danger:#bd3048;
  --sj-v10-sticky-bg:#f7f2f8;
  --sj-v10-sticky-fg:#18111d;
  --sj-v10-dock-bg:#eee8f1;
  --sj-v10-dock-fg:#18111d;
  color-scheme:light;
}

html[data-creator-theme="dark"],
html[data-creator-theme="dark"] body,
html[data-creator-theme="dark"] .desktop-stage,
html[data-creator-theme="dark"] .phone{background:#050307}
html[data-creator-theme="light"],
html[data-creator-theme="light"] body,
html[data-creator-theme="light"] .desktop-stage,
html[data-creator-theme="light"] .phone{background:#ebe5ee}

.app[data-theme="light"],
.app[data-theme="light"] .screen:not(.canvas-screen){
  color:var(--sj-v10-text);
  background:
    radial-gradient(circle at 94% -8%,rgba(231,80,131,.1),transparent 29%),
    radial-gradient(circle at 4% 39%,rgba(168,93,206,.08),transparent 34%),
    linear-gradient(180deg,#fffaff 0%,var(--sj-v10-base) 58%,var(--sj-v10-base-deep) 100%);
}
.app[data-theme="light"] .screen-top-toolbar{
  color:var(--sj-v10-sticky-fg);
  background:linear-gradient(180deg,rgba(247,242,248,.99),rgba(247,242,248,.94));
  box-shadow:0 12px 28px rgba(39,24,48,.08);
}
.app[data-theme="light"] .project-sticky-toolbar,
.app[data-theme="light"] .asset-sticky-toolbar,
.app[data-theme="light"] .profile-sticky-toolbar{background:transparent}

.app[data-theme="light"] .canvas-screen,
.app[data-theme="light"] .mobile-canvas-shell{
  background:var(--sj-v10-base-deep)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .mobile-canvas-top,
.app[data-theme="light"] .sj-timeline-panel,
.app[data-theme="light"] .sj-timeline-frame,
.app[data-theme="light"] .overview-top,
.app[data-theme="light"] .overview-toolbar,
.app[data-theme="light"] .overview-director-strip{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .sj-timeline-actions button,
.app[data-theme="light"] .sj-workbench-actions button,
.app[data-theme="light"] .mobile-canvas-actions button{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .mobile-canvas-top .back,
.app[data-theme="light"] .sj-timeline-toolbar button,
.app[data-theme="light"] .sj-track-label{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .sj-timeline-toolbar>div,
.app[data-theme="light"] .sj-track-row{border-color:var(--sj-v10-line)!important}
.app[data-theme="light"] .sj-timeline-toolbar small,
.app[data-theme="light"] .sj-time-ruler{color:var(--sj-v10-muted)!important}
.app[data-theme="light"] .bottom-nav{
  border-color:var(--sj-v10-line);
  background:rgba(238,232,241,.94);
  color:var(--sj-v10-dock-fg);
  box-shadow:0 18px 48px rgba(47,29,58,.18),inset 0 1px rgba(255,255,255,.9);
}
.app[data-theme="light"] .bottom-nav .nav-item{color:var(--sj-v10-muted)}
.app[data-theme="light"] .bottom-nav .nav-item.active{color:var(--sj-v10-functional-deep)!important}

/* Fixed light controls keep their own foreground; selected states use lime. */
.appearance-picker button.selected{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-on-primary)!important;
}
.asset-upload-types button{
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}
.asset-upload-types button.selected{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-on-primary)!important;
}
.app[data-theme="dark"] .asset-upload-types button.selected,
.app[data-theme="light"] .asset-upload-types button.selected{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-on-primary)!important;
}
.app .asset-upload-actions button{
  border:1px solid var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.asset-upload-dropzone,
.asset-upload-dropzone b,
.asset-upload-dropzone strong{
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}
.asset-upload-dropzone small{
  color:var(--sj-v10-on-light-muted)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light-muted)!important;
}
.high-contrast-light-action{
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}

.track-export-mode{background:var(--sj-v10-light-surface);border:1px solid var(--sj-v10-line)}
.track-export-mode button{
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}
.track-export-mode button.active{
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}
.track-export-item{
  background:var(--sj-v10-light-surface)!important;
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}
.track-export-item:disabled{opacity:.72;filter:none}
.track-export-item small{color:var(--sj-v10-on-light-muted)!important}
.track-export-presets button{
  background:var(--sj-v10-light-surface)!important;
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}
.track-export-presets button small{color:var(--sj-v10-on-light-muted)!important}
.track-export-presets button.active{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}
.track-export-presets button.active small{color:var(--sj-v10-on-primary)!important}
.track-export-note{
  background:var(--sj-v10-light-surface)!important;
  color:var(--sj-v10-on-light)!important;
  -webkit-text-fill-color:var(--sj-v10-on-light)!important;
}
.track-export-note>span{
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-light)!important;
}
.track-export-note small{color:var(--sj-v10-on-light-muted)!important}
.preference-row.planned em{color:var(--sj-v10-on-light-muted)!important}
.queue-detail-actions .primary,
.asset-media-actions button:last-child{color:var(--sj-v10-on-primary)!important}

.app .sheet .close{
  border:1px solid var(--sj-v10-line);
  background:var(--sj-v10-surface-raised);
  color:var(--sj-v10-text);
  -webkit-text-fill-color:var(--sj-v10-text);
}

.preset-film-sheet .planning-sticky-actions{
  border-top:0;
  background:transparent;
  box-shadow:none;
}
.preset-film-sheet .planning-sticky-actions .primary{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  box-shadow:0 10px 28px rgba(212,240,75,.18);
}

.app .home-create-card.primary,
.app .asset-filter button.active,
.app .project-tabs button.active,
.app .model-filter button.active,
.app .image-chat-message.user .image-chat-bubble,
.app .overview-root-node{
  color:var(--sj-v10-on-functional)!important;
  -webkit-text-fill-color:var(--sj-v10-on-functional)!important;
}

#mobileShotStatus{
  color:var(--sj-v10-on-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-on-primary)!important;
  opacity:1;
}

/* The mobile node editor is outside .sheet, so it needs its own night mode. */
.app[data-theme="dark"] .mobile-editor-card,
.app[data-theme="dark"] .sj-node-picker{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="dark"] .sj-picker-head{
  border-bottom-color:var(--sj-v10-line);
  background:rgba(28,23,35,.94);
}
.app[data-theme="dark"] .mobile-editor-head small,
.app[data-theme="dark"] .sj-prompt-lead span,
.app[data-theme="dark"] .sj-picker-head small,
.app[data-theme="dark"] .sj-director-options small,
.app[data-theme="dark"] .sj-node-materials header small{
  color:var(--sj-v10-muted)!important;
}
.app[data-theme="dark"] .mobile-editor-card .mobile-shot-prompt{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-base-deep)!important;
  color:var(--sj-v10-text)!important;
  caret-color:var(--sj-v10-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-text)!important;
}
.app[data-theme="dark"] .sj-prompt-quick button,
.app[data-theme="dark"] .sj-director-options>button,
.app[data-theme="dark"] .sj-node-tabs button,
.app[data-theme="dark"] .sj-node-actions button,
.app[data-theme="dark"] .sj-settings-grid label{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="dark"] .sj-director-options>button>i,
.app[data-theme="dark"] .sj-node-tabs button>i{
  background:var(--sj-v10-base-deep)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="dark"] .sj-node-materials,
.app[data-theme="dark"] .sj-storyboard-prompts{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-glass-soft)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="dark"] .sj-node-materials header .sj-material-actions button,
.app[data-theme="dark"] .sj-material-chip,
.app[data-theme="dark"] .sj-material-slot,
.app[data-theme="dark"] .sj-material-empty,
.app[data-theme="dark"] .sj-subprompt-card{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-base-deep)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="dark"] .sj-node-materials header .sj-material-actions button:first-child,
.app[data-theme="dark"] .sj-node-actions .primary,
.app[data-theme="dark"] .sj-node-tabs button.active{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}
.app[data-theme="dark"] .sj-inspector-grab:after{background:var(--sj-v10-muted-dim)}
.app[data-theme="light"] .sj-node-popover{
  border-color:var(--sj-v10-line)!important;
  background:rgba(255,250,255,.98)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .sj-node-popover header button,
.app[data-theme="light"] .sj-node-popover>div button{
  border:1px solid var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .sj-node-popover>div button.selected{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}

/* Full-bleed assistant mark and a faster, stronger generation fluid field. */
.image-chat-message.assistant .image-chat-avatar{
  position:relative;
  overflow:hidden;
  background:var(--sj-brand-fluid)!important;
  background-size:240% 240%!important;
  background-position:12% 18%;
  animation:sjBrandFluid 3.8s cubic-bezier(.45,0,.25,1) infinite alternate;
}
.image-chat-message.assistant .image-chat-avatar::after{
  content:none;
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#0a0710;
  font-size:18px;
  font-weight:950;
  line-height:1;
  text-shadow:0 1px rgba(255,255,255,.3);
}

.sj-generation-aurora{
  background:linear-gradient(120deg,#875cff,#54d9ff,#cdef42,#ffe257,#ff856d,#ff58b5,#875cff)!important;
  background-size:280% 280%!important;
  filter:saturate(1.58) contrast(1.08);
}
.sj-preview-canvas.is-generating .sj-generation-aurora{
  animation:sjAuroraBreathe 1.9s cubic-bezier(.42,0,.24,1) infinite alternate!important;
}
.sj-generation-aurora:before{
  background:conic-gradient(from 20deg at 50% 50%,rgba(135,92,255,.9),rgba(84,217,255,.82),rgba(205,239,66,.78),rgba(255,226,87,.83),rgba(255,88,181,.84),rgba(135,92,255,.9))!important;
  animation-duration:1.85s!important;
  mix-blend-mode:screen;
}
.sj-generation-aurora i:nth-child(1){background:linear-gradient(135deg,#7f55ff,#5ee2ff)!important;animation-duration:1.75s!important}
.sj-generation-aurora i:nth-child(2){background:linear-gradient(135deg,#ff4fad,#ffd84f)!important;animation-duration:1.62s!important}
.sj-generation-aurora i:nth-child(3){background:linear-gradient(135deg,#cdef42,#46d7ff)!important;animation-duration:2.05s!important}
.sj-generation-aurora:after{
  background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.78),rgba(255,255,255,.08) 58%,transparent 72%)!important;
  animation-duration:1.72s!important;
  mix-blend-mode:screen;
}

.sj-timeline-toolbar>div{
  display:grid;
  grid-template-columns:repeat(2,34px);
  align-items:center;
  gap:0;
}
.sj-timeline-toolbar button{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  line-height:0;
}
.sj-timeline-toolbar button+button{border-left:1px solid var(--sj-v10-line)}
.sj-timeline-toolbar button .sj-icon{
  display:block;
  width:18px;
  height:18px;
  margin:auto;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sj-timeline-toolbar button:not(:disabled){color:var(--sj-v10-primary)!important}
.sj-timeline-toolbar button:disabled{color:var(--sj-v10-muted)!important;opacity:1}

@media(prefers-reduced-motion:reduce){
  .image-chat-message.assistant .image-chat-avatar,
  .sj-preview-canvas.is-generating .sj-generation-aurora,
  .sj-preview-canvas.is-generating .sj-generation-aurora::before,
  .sj-preview-canvas.is-generating .sj-generation-aurora::after,
  .sj-preview-canvas.is-generating .sj-generation-aurora i{animation:none!important}
}

/* Loop 18: day mode is a complete visual system, not dark components with
   light variables. Destination tools stay in their own grid row while only
   the content collections scroll. */
.screen[data-screen="profile"].active{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-height:0;
  overflow:hidden;
}
.profile-scroll-region{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:14px 1px calc(10px + var(--safe-bottom));
}
.profile-scroll-region::-webkit-scrollbar{display:none}

.app[data-theme="light"] .project-sticky-toolbar,
.app[data-theme="light"] .asset-sticky-toolbar,
.app[data-theme="light"] .profile-sticky-toolbar{
  position:relative;
  top:auto;
  z-index:24;
  margin:0;
  padding:0 0 14px;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.app[data-theme="light"] .home-create-card.preset{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(145deg,var(--sj-v10-surface-raised),var(--sj-v10-surface))!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 14px 34px rgba(47,29,58,.1),inset 0 1px rgba(255,255,255,.92);
}
.app[data-theme="light"] .home-create-card.preset small{color:var(--sj-v10-muted)!important}
.app[data-theme="light"] .home-create-card.preset>i{
  border-color:var(--sj-v10-line)!important;
  background:rgba(168,93,206,.12)!important;
  color:var(--sj-v10-functional-deep)!important;
}
.app[data-theme="light"] .home-create-card.preset>em{
  background:rgba(205,236,66,.34)!important;
  color:#3d4a08!important;
}

.app[data-theme="light"] .profile-hero{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(145deg,var(--sj-v10-glass),var(--sj-v10-surface-raised))!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 16px 38px rgba(47,29,58,.1),inset 0 1px rgba(255,255,255,.9);
}
.app[data-theme="light"] .profile-main h3{color:var(--sj-v10-text)!important}
.app[data-theme="light"] .profile-main p{color:var(--sj-v10-muted)!important}
.app[data-theme="light"] .credit-card{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface)!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 10px 26px rgba(47,29,58,.08),inset 0 1px rgba(255,255,255,.9);
}
.app[data-theme="light"] .credit-card small{color:var(--sj-v10-muted)!important}
.app[data-theme="light"] .credit-card button:disabled{
  opacity:1;
  background:#e4efb8!important;
  color:#3d4a08!important;
}
.app[data-theme="light"] .screen[data-screen="profile"] .creation-grid .tool-card.cream{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(145deg,var(--sj-v10-surface),var(--sj-v10-surface-raised))!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 12px 28px rgba(47,29,58,.08);
}
.app[data-theme="light"] .screen[data-screen="profile"] .creation-grid .tool-card.lime{
  border-color:rgba(136,157,35,.24)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--sj-v10-primary) 28%,var(--sj-v10-surface)),var(--sj-v10-surface))!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 12px 28px rgba(47,29,58,.08);
}
.app[data-theme="light"] .profile-scroll-region .setting{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface)!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 9px 22px rgba(47,29,58,.07);
}
.app[data-theme="light"] .profile-scroll-region .setting>i{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-functional-deep)!important;
}

.app[data-theme="light"] .project-system-banner{
  border-color:var(--sj-v10-line)!important;
  background:linear-gradient(145deg,var(--sj-v10-surface),var(--sj-v10-surface-raised))!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 12px 28px rgba(47,29,58,.08),inset 0 1px rgba(255,255,255,.9);
}
.app[data-theme="light"] .project-system-banner.current{
  background:linear-gradient(145deg,color-mix(in srgb,var(--sj-v10-functional) 10%,var(--sj-v10-surface)),var(--sj-v10-surface))!important;
}
.app[data-theme="light"] .project-system-banner b{color:var(--sj-v10-text)!important}
.app[data-theme="light"] .project-system-banner small{color:var(--sj-v10-muted)!important}
.app[data-theme="light"] .project-system-icon{
  border-color:rgba(168,93,206,.22)!important;
  background:rgba(168,93,206,.12)!important;
  color:var(--sj-v10-functional-deep)!important;
}
.app[data-theme="light"] .project-system-actions>button:first-child{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
}
.app[data-theme="light"] .project-system-actions .project-rename-button{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-functional-deep)!important;
}
.app[data-theme="light"] .project-system-actions .project-delete-button{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-danger)!important;
}
.app[data-theme="light"] .segmented.project-filter{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface)!important;
  box-shadow:0 8px 22px rgba(47,29,58,.08);
}

.app[data-theme="light"] #assetSystemBanner .system-banner{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface)!important;
  color:var(--sj-v10-text)!important;
  box-shadow:0 10px 26px rgba(47,29,58,.08),inset 0 1px rgba(255,255,255,.9);
}
.app[data-theme="light"] #assetSystemBanner .system-banner>div{flex:1;min-width:0}
.app[data-theme="light"] #assetSystemBanner .system-banner b{
  overflow:hidden;
  color:var(--sj-v10-text)!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app[data-theme="light"] #assetSystemBanner .system-banner small{
  display:-webkit-box;
  overflow:hidden;
  color:var(--sj-v10-muted)!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.app[data-theme="light"] #assetSystemBanner .system-banner button{
  flex:0 0 auto;
  background:var(--sj-v10-text)!important;
  color:var(--sj-v10-surface)!important;
}

/* Five complete tools fill one viewport page; the remaining tools still
   scroll horizontally as complete items instead of peeking in half-clipped. */
.sj-timeline-actions{gap:7px!important;padding-left:0!important;padding-right:0!important}
.sj-timeline-actions button{
  flex:0 0 calc((100% - 28px)/5)!important;
  min-width:0!important;
}
.app[data-theme="light"] .sj-timeline-actions button i{color:currentColor!important}
.app[data-theme="light"] .sj-timeline-actions button .sj-icon{
  color:currentColor!important;
  stroke:currentColor!important;
}
.app[data-theme="light"] .sj-timeline-actions button.active{
  border-color:var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  box-shadow:inset 0 0 0 1px var(--sj-v10-primary)!important;
}
.app[data-theme="light"] .sj-timeline-actions button.danger{
  border-color:color-mix(in srgb,var(--sj-v10-danger) 38%,var(--sj-v10-line))!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-danger)!important;
}

/* Loop 19: complete the day palette and remove fixed-viewport collisions.
   Media remains dark by design; its foreground is therefore fixed light. */
.app[data-theme="light"] .sheet-wrap.image-studio-wrap,
.app[data-theme="light"] .image-studio-dialog{
  background:
    radial-gradient(circle at 91% 0,rgba(231,80,131,.08),transparent 26%),
    radial-gradient(circle at 8% 72%,rgba(168,93,206,.07),transparent 31%),
    var(--sj-v10-base-deep)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .image-studio-dialog #imagePrompt{
  color:var(--sj-v10-text)!important;
  caret-color:var(--sj-v10-functional-deep)!important;
  -webkit-text-fill-color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .image-studio-dialog #imagePrompt::placeholder{
  color:var(--sj-v10-muted)!important;
  -webkit-text-fill-color:var(--sj-v10-muted)!important;
}
.app[data-theme="light"] .image-chat-library .image-library-card{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .image-chat-library .image-library-card small{
  color:var(--sj-v10-muted)!important;
}
.app[data-theme="light"] .image-studio-dialog .image-chat-history-empty{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-muted)!important;
}
.app[data-theme="light"] .sj-preview-panel,
.app[data-theme="light"] .sj-preview-caption b{
  color:#f8f5fb!important;
  -webkit-text-fill-color:#f8f5fb!important;
}
.app[data-theme="light"] .sj-timeline-toolbar button:not(:disabled){
  color:var(--sj-v10-functional-deep)!important;
}
.app[data-theme="light"] .overview-director-strip>div{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .overview-director-strip small{
  color:var(--sj-v10-muted)!important;
}
.app[data-theme="light"] .mobile-asset-library-empty{
  border-color:var(--sj-v10-line)!important;
  background:var(--sj-v10-surface-raised)!important;
  color:var(--sj-v10-text)!important;
}
.app[data-theme="light"] .mobile-asset-library-empty small{
  color:var(--sj-v10-muted)!important;
}
.app #changePersonalAvatar{
  color:var(--sj-v10-on-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-on-primary)!important;
}
.app[data-theme="light"] .video-mode-card[data-video-mode="omniref"] small{
  color:var(--sj-v10-muted)!important;
}
.app[data-theme="light"] [data-sheet="model"] .segmented button.active{
  border:1px solid var(--sj-v10-primary)!important;
  background:var(--sj-v10-primary)!important;
  color:var(--sj-v10-on-primary)!important;
  -webkit-text-fill-color:var(--sj-v10-on-primary)!important;
  box-shadow:0 8px 22px rgba(212,240,75,.2);
}

/* Ordinary day cards should not inherit modal-strength black shadows. */
.app[data-theme="light"] .home-tool-strip button,
.app[data-theme="light"] .home-queue-card,
.app[data-theme="light"] .search,
.app[data-theme="light"] .model-first,
.app[data-theme="light"] .mini-model,
.app[data-theme="light"] .video-mode-card,
.app[data-theme="light"] .catalog-model,
.app[data-theme="light"] .queue-item{
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 24px rgba(47,29,58,.08);
}
.app[data-theme="light"] .model-first.selected,
.app[data-theme="light"] .video-mode-card.selected,
.app[data-theme="light"] .catalog-model.selected{
  box-shadow:inset 0 0 0 1px var(--sj-v10-primary),0 10px 24px rgba(47,29,58,.1);
}

/* Sticky and bottom-fixed controls reserve the dock or one safe-area inset. */
.screen[data-screen="models"] .model-create-bar{
  bottom:calc(92px + var(--safe-bottom));
}
.app[data-theme="light"] .screen[data-screen="models"] .model-create-bar{
  border:1px solid var(--sj-v10-line);
  background:rgba(255,250,255,.96);
  color:var(--sj-v10-text);
  box-shadow:0 12px 28px rgba(47,29,58,.12);
}
.app[data-theme="light"] .screen[data-screen="models"] .model-create-bar small{
  color:var(--sj-v10-muted);
}
.screen[data-screen="project"]{
  padding-bottom:calc(20px + var(--safe-bottom));
}
.screen[data-screen="project"] .project-launch-panel{
  padding-bottom:0;
}
.toast{
  bottom:calc(98px + var(--safe-bottom));
}
.account-drawer-panel{
  padding-top:max(55px,calc(12px + var(--safe-top)));
  padding-bottom:max(28px,calc(12px + var(--safe-bottom)));
  padding-left:max(14px,var(--safe-left));
}
.overview-quick-editor{
  bottom:108px!important;
}

@media(max-width:850px){
  .sj-add-menu{
    left:0;
    right:0;
    bottom:0;
    padding-right:max(13px,var(--safe-right));
    padding-bottom:calc(14px + var(--safe-bottom));
    padding-left:max(13px,var(--safe-left));
    border-radius:27px 27px 0 0;
  }
  .preview-top{
    top:calc(10px + var(--safe-top));
    left:max(18px,var(--safe-left));
    right:max(18px,var(--safe-right));
  }
  .preview-bottom{
    left:max(18px,var(--safe-left));
    right:max(18px,var(--safe-right));
    bottom:calc(12px + var(--safe-bottom));
  }
}

/* Mobile spacing has one safe-area owner; brand glyphs never use font metrics. */
@media(max-width:850px){
  .screen:not(.canvas-screen){top:var(--safe-top);bottom:0;height:auto!important;min-height:0;padding-top:8px}
  .app[data-theme] .screen:not(.canvas-screen){background:transparent}
  .app .screen:not(.canvas-screen) .screen-top-toolbar{position:sticky;top:0;margin:0 0 14px;padding:0 0 12px}
  .profile-sticky-toolbar.page-title{min-height:56px}
}
.app .image-studio-top{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
.app .image-studio-close,.app .image-studio-actions{width:44px;min-width:44px;max-width:44px;justify-self:center}
.app .image-studio-actions{padding:0;border:0}
.app .image-studio-brand-mark,.app .image-chat-message.assistant .image-chat-avatar,.app .image-chat-welcome-mark{
  position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;
  border:0;line-height:0;background:var(--sj-brand-fluid)!important;background-size:100% 100%!important;
  background-position:center!important;animation:none;filter:none;color:#0a0710;
}
.app .image-studio-brand-mark{width:32px;height:32px;border-radius:11px;box-shadow:none}
.app .image-chat-message.assistant .image-chat-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:11px;box-shadow:none}
.app .image-studio-brand-mark::before,.app .image-studio-brand-mark::after,
.app .image-chat-message.assistant .image-chat-avatar::before,.app .image-chat-message.assistant .image-chat-avatar::after{content:none}
.app .sj-brand-glyph{display:block;width:62%;height:62%;stroke:none;fill:currentColor;transform:none;filter:none}
.app .image-chat-welcome-mark .sj-brand-glyph{width:62%;height:62%}
.app .image-studio-dialog #imagePrompt,
.app .image-studio-dialog #imagePrompt:focus,
.app .image-studio-dialog #imagePrompt:focus-visible{outline:none!important;box-shadow:none!important;border:0!important;border-radius:0;caret-color:var(--sj-v10-text)}
.app .image-chat-composer:focus-within{border-color:var(--sj-v10-muted)}
.app .video-mode-symbol{display:block;width:24px;height:24px;flex:0 0 24px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app [data-video-mode]>i,.app [data-video-entry-mode]>i,.app #mobileShotReference>i{
  display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;
  background:var(--sj-v10-surface-raised)!important;color:var(--sj-v10-functional)!important;line-height:0;
}
.app .video-mode-tabs button{display:inline-flex;align-items:center;gap:6px;height:40px}
.app .video-mode-tabs .video-mode-symbol{width:19px;height:19px;flex-basis:19px}
.app .sj-node-popover .video-mode-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--sj-v10-surface-raised);color:var(--sj-v10-functional);margin-right:10px}
.app .sj-node-popover button.selected .video-mode-icon{background:transparent;color:inherit}
.app .sj-node-popover button:has(.video-mode-icon){grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px}
.app .sj-node-popover button:has(.video-mode-icon) .video-mode-icon{margin-right:0}
.app .sj-node-popover button:has(.video-mode-icon)>span{min-width:0}
.app .sj-node-popover button:has(.video-mode-icon) b{font-size:12px}
.app .sj-node-popover button:has(.video-mode-icon) small{font-size:9px}
.app .sj-node-popover button:has(.video-mode-icon) em{font-size:8px;white-space:nowrap}