/* JOB Studio v3 — independent BBRab video workspace, no third-party brand assets. */
#p-play #jobModal .job-workspace{grid-template-columns:82px 304px minmax(460px,1fr) 314px;grid-template-rows:minmax(0,1fr) 258px}
#p-play #jobModal .job-tool-rail{padding:8px 7px!important;background:linear-gradient(180deg,#0b1422,#0d1828 70%,#0a1320)!important}
#p-play #jobModal .job-tool-rail button{min-height:51px!important;border-radius:9px!important;font-size:7.5px!important;letter-spacing:.1px}
#p-play #jobModal .job-tool-rail button .job-free-dot{display:inline-flex;padding:2px 4px;border-radius:999px;background:#12352f;color:#6ee7b7;font-size:5px;letter-spacing:.35px}
#p-play #jobModal .job-tool-rail button .job-auth-dot{display:inline-flex;padding:2px 4px;border-radius:999px;background:#4a3214;color:#fcd34d;font-size:5px;letter-spacing:.35px}
#p-play #jobModal .job-tool-rail button:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}
.job-tool-card.selected{border-color:#3b82f6;background:#122744;box-shadow:0 0 0 2px rgba(59,130,246,.1)}
.job-tier-strip{display:flex;align-items:center;gap:6px;padding:8px 11px;border-bottom:1px solid #21314a;background:#0d1726;color:#71839e;font-size:6.5px;line-height:1.35}
.job-tier-strip span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.job-tier-strip i{width:6px;height:6px;border-radius:50%;background:#34d399}.job-tier-strip .paid i{background:#a78bfa}.job-tier-strip .auth i{background:#f59e0b}
.job-library-search{padding:8px 11px}.job-library-search input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #293c59;border-radius:8px;background:#0a1423;color:#dbeafe;font:700 8px/1.2 inherit;outline:0}.job-library-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.job-section-head{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 11px 6px}.job-section-head b{color:#cbdcf3;font-size:8px}.job-section-head span{color:#647892;font-size:6.5px}
.job-template-grid,.job-element-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 11px 12px}
.job-template-card,.job-element-card{position:relative;display:grid;align-content:end;min-height:102px;padding:9px;border:1px solid #283a55;border-radius:11px;background:var(--job-card,linear-gradient(145deg,#162540,#0d1727));color:#dbeafe;text-align:left;overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.job-template-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(2,8,23,.88));pointer-events:none}.job-template-card:hover,.job-element-card:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 12px 28px rgba(2,8,23,.32)}
.job-template-card b,.job-template-card small,.job-template-card em{position:relative;z-index:1}.job-template-card b{font-size:8.5px}.job-template-card small{margin-top:3px;color:#9fb2cd;font-size:6.2px}.job-template-card em{position:absolute;z-index:2;top:7px;right:7px;padding:3px 5px;border-radius:999px;background:rgba(18,53,47,.9);color:#6ee7b7;font-size:5.5px;font-style:normal;font-weight:950}.job-template-card em.paid{background:rgba(46,39,96,.94);color:#c4b5fd}
.job-template-card.unavailable,.job-element-card.unavailable{cursor:default;opacity:.66;filter:saturate(.65)}.job-template-card.unavailable:hover,.job-element-card.unavailable:hover{border-color:#283a55;box-shadow:none;transform:none}
.job-element-card{grid-template-columns:38px minmax(0,1fr);align-content:center;align-items:center;gap:8px;min-height:64px}.job-element-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#172943;color:#8ab7ff;font-size:14px;font-style:normal}.job-element-card b{display:block;font-size:8px}.job-element-card small{display:block;margin-top:3px;color:#71839e;font-size:6px}.job-element-card.paid{opacity:.86}.job-element-card.paid:after{content:'AI V6 · 付费';position:absolute;right:6px;top:6px;padding:3px 5px;border-radius:999px;background:#2e2760;color:#c4b5fd;font-size:5px;font-weight:950}.job-element-card.paid.unavailable:after{content:'未接入';background:#34261b;color:#fbbf24}
.job-element-card.paid.connected{opacity:1;border-color:#3b82f6;background:linear-gradient(145deg,#172c4d,#101a2d)}.job-element-card.paid.connected:after{content:'AI V6 · 可执行';background:#173d72;color:#bfdbfe}.job-element-card.paid.connected.selected{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.18),0 14px 30px rgba(2,8,23,.34)}.job-element-card.paid.connected.selected:after{content:'AI V6 · 已选择';background:#065f46;color:#a7f3d0}
.job-record-panel{display:grid;gap:8px;padding:11px}.job-record-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #263a56;border-radius:11px;background:#0d1727;color:#c8d9f0;text-align:left}.job-record-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#17345e,#1d4ed8);color:#fff;font-size:17px;font-style:normal}.job-record-card b{display:block;font-size:8.5px}.job-record-card small{display:block;margin-top:3px;color:#7488a5;font-size:6.2px;line-height:1.4}.job-record-card button{min-width:48px}.job-record-live{padding:9px;border:1px solid #7f1d1d;border-radius:10px;background:#2a1118;color:#fecaca;font-size:7px;line-height:1.5}.job-record-live b:before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#ef4444;animation:jobRecPulse 1s ease-in-out infinite}
@keyframes jobRecPulse{50%{opacity:.35;transform:scale(.72)}}
.job-paid-panel{display:grid;gap:8px;padding:11px}.job-paid-hero{padding:13px;border:1px solid #4338ca;border-radius:13px;background:radial-gradient(circle at 90% 0,rgba(139,92,246,.28),transparent 48%),linear-gradient(145deg,#161a37,#15142b);color:#e9e7ff}.job-paid-hero span{display:inline-flex;padding:3px 6px;border-radius:999px;background:#312e81;color:#c4b5fd;font-size:5.5px;font-weight:950}.job-paid-hero b{display:block;margin-top:7px;font-size:11px}.job-paid-hero p{margin:5px 0 0;color:#9f9cca;font-size:6.5px;line-height:1.55}.job-paid-list{display:grid;gap:6px}.job-paid-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid #293852;border-radius:9px;background:#0d1727}.job-paid-row i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#29234f;color:#c4b5fd;font-size:11px;font-style:normal}.job-paid-row b{display:block;color:#cbdcf3;font-size:7.5px}.job-paid-row small{display:block;margin-top:2px;color:#6f829e;font-size:5.8px}.job-paid-row em{padding:3px 5px;border-radius:999px;background:#382f20;color:#fbbf24;font-size:5.3px;font-style:normal;font-weight:950;white-space:nowrap}.job-paid-row em.connected{background:#12352f;color:#6ee7b7}
.job-stage-toolbox{display:flex;align-items:center;gap:6px}.job-stage-toolbox button,.job-stage-toolbox select{box-sizing:border-box;height:30px;border:1px solid #2a3e5d;border-radius:8px;background:#101b2c;color:#9db1cc;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:8px;font-weight:800;line-height:1;letter-spacing:.08px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.job-stage-toolbox button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:0 8px;white-space:nowrap}.job-stage-toolbox .job-stage-fit{min-width:58px;gap:5px}.job-stage-fit-icon{display:grid;place-items:center;width:14px;height:14px;border-radius:5px;background:#17345e;color:#93c5fd;font-size:10px;font-weight:900}.job-stage-toolbox .job-stage-play{width:30px;padding:0;color:#bfdbfe}.job-stage-toolbox select{min-width:68px;padding:0 21px 0 9px;color:#aebfd5}.job-stage-toolbox button:hover,.job-stage-toolbox select:hover{border-color:#3b82f6;background:#13243b;color:#e5efff;box-shadow:0 0 0 3px rgba(59,130,246,.09)}.job-stage-toolbox button:active{transform:translateY(1px);background:#17345e}.job-stage-toolbox button:focus-visible,.job-stage-toolbox select:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}#p-play #jobModal .job-stage-toolbox button,#p-play #jobModal .job-stage-toolbox select{height:30px}#p-play #jobModal .job-stage-toolbox .job-stage-fit{width:58px}#p-play #jobModal .job-stage-toolbox .job-stage-play{width:30px}
.job-adjustment{display:grid;grid-template-columns:70px minmax(0,1fr) 34px;align-items:center;gap:7px}.job-adjustment label{color:#91a5c2;font-size:7px;font-weight:850}.job-adjustment input[type=range]{width:100%;accent-color:#3b82f6}.job-adjustment output{color:#cbdcf3;font:700 7px/1 ui-monospace,monospace;text-align:right}
.job-transform-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.job-transform-actions button{min-height:30px;border:1px solid #293d5d;border-radius:8px;background:#0b1524;color:#91a5c2;font-size:7px;font-weight:850;cursor:pointer}.job-transform-actions button.active{border-color:#3b82f6;background:#17345e;color:#dbeafe}
.job-export-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.job-export-preset{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #293b57;border-radius:8px;background:#0c1727;color:#8fa3c1;font-size:7px}.job-export-preset:has(input:checked){border-color:#3b82f6;background:#122440;color:#dbeafe}.job-export-preset input{accent-color:#2563eb}
.job-history-controls{display:flex;gap:5px}.job-timeline-zoom{display:flex;align-items:center;gap:5px;margin-left:4px;color:#647892;font-size:6.5px}.job-timeline-zoom input{width:72px;accent-color:#3b82f6}.job-track.overlay-track .job-track-line{background:#0e1629}.job-clip.overlay-layer{border-color:#f59e0b;background:linear-gradient(90deg,#7c2d12,#d97706)}
.job-track-label{justify-content:space-between!important;gap:3px!important;padding:0 6px!important}.job-track-name{display:inline-flex;align-items:center;gap:4px;min-width:0}.job-track-name i{display:grid;place-items:center;width:13px;height:13px;border-radius:4px;background:#14243a;color:#8ab7ff;font-size:6px;font-style:normal}.job-track-actions{display:inline-flex;gap:2px}.job-track-actions button{display:grid;place-items:center;width:15px;height:15px;padding:0;border:1px solid #263a56;border-radius:4px;background:#0c1727;color:#6f829e;font:800 6px/1 inherit;cursor:pointer}.job-track-actions button:hover{border-color:#3b82f6;color:#bfdbfe}.job-track-actions button.active{border-color:#d97706;background:#2d2114;color:#fbbf24}.job-track.job-track-disabled .job-track-line{opacity:.42;filter:saturate(.45)}.job-track.job-track-locked .job-track-line{background-image:repeating-linear-gradient(135deg,rgba(148,163,184,.025) 0 5px,rgba(148,163,184,.07) 5px 6px)}
.job-ruler{position:relative;cursor:ew-resize;touch-action:none}.job-ruler span{position:absolute;top:7px;transform:translateX(-50%);color:#60748f;font:700 5.5px/1 ui-monospace,monospace;pointer-events:none}.job-ruler span:first-child{transform:none}.job-ruler span:last-child{transform:translateX(-100%)}
.job-timeline-item{min-width:12px!important;padding:0 10px!important;touch-action:none;user-select:none;cursor:grab}.job-timeline-item:active,.job-timeline-item.dragging{cursor:grabbing}.job-timeline-item.dragging{z-index:7;opacity:.84;box-shadow:0 8px 22px rgba(2,8,23,.55)}.job-timeline-item>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.job-trim-handle{position:absolute;z-index:3;top:0;bottom:0;width:7px;background:rgba(255,255,255,.08);cursor:ew-resize}.job-trim-handle:after{content:'';position:absolute;top:50%;left:3px;width:1px;height:11px;border-left:1px solid rgba(255,255,255,.86);transform:translateY(-50%)}.job-trim-handle.start{left:0;border-radius:5px 0 0 5px}.job-trim-handle.end{right:0;border-radius:0 5px 5px 0}.job-timeline-item:hover .job-trim-handle,.job-timeline-item.selected .job-trim-handle{background:rgba(255,255,255,.2)}
.job-snap-guide{position:absolute;z-index:8;top:0;bottom:0;width:1px;background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.75);pointer-events:none}.job-snap-guide:before{content:'吸附';position:absolute;top:2px;left:4px;padding:2px 4px;border-radius:4px;background:#4a3214;color:#fde68a;font:800 5px/1 inherit}.job-snap-guide[hidden]{display:none}.job-playhead{z-index:9!important;left:0!important;will-change:transform;backface-visibility:hidden;transform:translate3d(82px,0,0)}.job-playhead:after{content:attr(data-time);position:absolute;top:2px;left:5px;padding:2px 4px;border-radius:4px;background:#4c1020;color:#fecdd3;font:800 5px/1 ui-monospace,monospace;white-space:nowrap}.job-track-line{touch-action:none}
.job-timeline-editor-actions{display:flex;justify-content:flex-end;margin-top:7px}.job-timeline-editor-actions .danger{border-color:#7f1d1d!important;background:#2a1118!important;color:#fda4af!important}
.job-entry-dialog{position:fixed;z-index:100500;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,8,23,.72);backdrop-filter:blur(8px)}.job-entry-card{position:relative;display:grid;gap:10px;width:min(430px,calc(100vw - 32px));padding:20px;border:1px solid #31527e;border-radius:15px;background:linear-gradient(155deg,#111f33,#091422);box-shadow:0 28px 80px rgba(2,8,23,.68);color:#dbeafe}.job-entry-card>b{font-size:15px}.job-entry-card>span{color:#7890ae;font-size:10px}.job-entry-card textarea{box-sizing:border-box;width:100%;min-height:88px;padding:11px;border:1px solid #2d4362;border-radius:10px;background:#08111f;color:#e5efff;font:700 12px/1.5 inherit;outline:0;resize:vertical}.job-entry-card textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.14)}.job-entry-card>div{display:flex;justify-content:flex-end;gap:8px}.job-entry-close{position:absolute;right:10px;top:10px;width:28px;height:28px;border:1px solid #2d4362;border-radius:8px;background:#0b1727;color:#91a7c7;cursor:pointer}
.job-studio-onboarding{display:grid;gap:8px;padding:12px}.job-studio-onboarding h4{margin:0;color:#dbeafe;font-size:11px}.job-studio-onboarding p{margin:0;color:#71839e;font-size:7px;line-height:1.55}.job-studio-steps{display:grid;gap:6px}.job-studio-step{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;padding:7px;border:1px solid #263852;border-radius:9px;background:#0c1727}.job-studio-step i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#17345e;color:#93c5fd;font-size:7px;font-style:normal}.job-studio-step b{font-size:7.5px}.job-studio-step small{display:block;margin-top:2px;color:#6f829e;font-size:5.8px}
.job-canvas img{object-fit:contain;background:#02060c}.job-media-kind{position:absolute;z-index:2;left:5px;top:5px;padding:3px 5px;border-radius:999px;background:rgba(2,8,23,.76);color:#bfdbfe;font-size:5.5px;font-weight:900}
.job-asset-delete{position:absolute;z-index:5;right:5px;top:5px;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid rgba(248,113,113,.3);border-radius:8px;background:rgba(31,15,23,.82);color:#fda4af;cursor:pointer;opacity:.88;backdrop-filter:blur(7px);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.job-asset-delete svg,.job-delete-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.job-asset-delete:hover{border-color:#fb7185;background:#4c1624;color:#fff;transform:translateY(-1px);box-shadow:0 7px 18px rgba(190,24,93,.28)}.job-asset-delete:focus-visible{outline:2px solid #fda4af;outline-offset:2px}.job-asset-shared{position:absolute;z-index:5;right:5px;top:5px;padding:3px 6px;border:1px solid rgba(96,165,250,.34);border-radius:999px;background:rgba(10,25,46,.84);color:#93c5fd;font-size:5.5px;font-weight:900;backdrop-filter:blur(7px)}
.job-delete-card{grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:12px}.job-delete-card .job-entry-close{grid-column:auto}.job-delete-icon{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border:1px solid #7f1d34;border-radius:13px;background:linear-gradient(145deg,#3d1320,#210e17);color:#fda4af;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.job-delete-icon svg{width:23px;height:23px}.job-delete-card>b,.job-delete-card>strong,.job-delete-card>span:not(.job-delete-icon){grid-column:2}.job-delete-card>b{font-size:14px}.job-delete-card>strong{min-width:0;overflow:hidden;color:#f8fafc;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.job-delete-card>span:not(.job-delete-icon){color:#9db0c9;font-size:8px;line-height:1.55}.job-delete-card>small{grid-column:1/-1;padding:8px 9px;border:1px solid #293c58;border-radius:8px;background:#0a1423;color:#71839e;font-size:7px;line-height:1.5}.job-delete-card>div{grid-column:1/-1}.job-delete-card .job-btn.danger{border-color:#be123c;background:#be123c;color:#fff}.job-delete-card .job-btn.danger:hover{background:#e11d48}
.job-category-tabs{display:flex;gap:5px;padding:0 11px 9px;overflow-x:auto;scrollbar-width:none}.job-category-tabs::-webkit-scrollbar{display:none}.job-category-tabs button{flex:0 0 auto;min-height:25px;padding:0 8px;border:1px solid #293b58;border-radius:999px;background:#0b1524;color:#7488a6;font-size:6.5px;font-weight:850;cursor:pointer}.job-category-tabs button.active{border-color:#3b82f6;background:#17345e;color:#dbeafe}
.job-current-effect{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 11px 8px;padding:8px 9px;border:1px solid #293b58;border-radius:9px;background:#0b1524}.job-current-effect b{display:block;color:#cbdcf3;font-size:7.5px}.job-current-effect span{display:block;margin-top:2px;color:#71839e;font-size:6px}.job-current-effect button{flex:0 0 auto;min-height:25px;padding:0 8px;border:1px solid #344762;border-radius:7px;background:#101d30;color:#93c5fd;font-size:6.2px;font-weight:850;cursor:pointer}
.job-duration-control{display:grid;gap:5px;margin:0 11px 10px;padding:8px 9px;border:1px solid #293b58;border-radius:9px;background:#0c1727}.job-duration-control span{display:flex;justify-content:space-between;color:#8195b2;font-size:6.5px}.job-duration-control b{color:#bfdbfe}.job-duration-control input{width:100%;accent-color:#3b82f6}
.job-transition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 11px 12px}.job-transition-card{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;min-height:52px;padding:7px;border:1px solid #283b57;border-radius:9px;background:#0d1727;color:#cbdcf3;text-align:left;cursor:pointer;transition:.16s}.job-transition-card:hover{border-color:#60a5fa;transform:translateY(-1px)}.job-transition-card.selected{border-color:#3b82f6;background:#122744;box-shadow:0 0 0 2px rgba(59,130,246,.12)}.job-transition-card:disabled{opacity:.42;cursor:not-allowed}.job-transition-card>i{position:relative;grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#2563eb 0 50%,#7c3aed 50%);color:#fff;font-size:10px;font-style:normal;font-weight:950}.job-transition-card>i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%)}.job-transition-card:hover>i:after{animation:jobTransitionSweep .9s ease infinite}.job-transition-card b{align-self:end;font-size:7.2px}.job-transition-card small{align-self:start;color:#667b99;font-size:5.6px}@keyframes jobTransitionSweep{to{transform:translateX(100%)}}
.job-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 11px 12px}.job-effect-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:7px;border:1px solid #283b57;border-radius:10px;background:#0d1727;color:#cbdcf3;text-align:left;cursor:pointer;overflow:hidden;transition:.16s}.job-effect-card:before{content:'';position:absolute;inset:0;background:var(--job-effect);opacity:.18}.job-effect-card:hover{border-color:#60a5fa;transform:translateY(-1px)}.job-effect-card:disabled{opacity:.42;cursor:not-allowed}.job-effect-card>i,.job-effect-card>.job-effect-copy,.job-effect-card>em{position:relative}.job-effect-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--job-effect);color:#fff;font-size:13px;font-style:normal;font-weight:950}.job-effect-card b{display:block;font-size:7.2px}.job-effect-card small{display:block;margin-top:3px;color:#7488a5;font-size:5.6px;line-height:1.35}.job-effect-card em{position:absolute;right:5px;top:5px;padding:2px 4px;border-radius:999px;background:#12352f;color:#6ee7b7;font-size:4.8px;font-style:normal;font-weight:900}
.job-effect-stack{display:grid;gap:5px;padding:0 11px 8px}.job-effect-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #31445f;border-radius:8px;background:#101c2d}.job-effect-chip b{display:block;color:#cbdcf3;font-size:7px}.job-effect-chip small{display:block;margin-top:2px;color:#71839e;font-size:5.6px}.job-effect-chip button{width:23px;height:23px;border:1px solid #43384d;border-radius:7px;background:#251824;color:#fda4af;cursor:pointer}
.job-paid-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 11px 14px}.job-paid-effect-card{position:relative;min-height:38px;padding:8px 42px 8px 8px;border:1px dashed #3d3565;border-radius:8px;background:#15152a;color:#8d89b1;font-size:6.5px;font-weight:850;text-align:left;cursor:default}.job-paid-effect-grid em{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:2px 4px;border-radius:999px;background:#312e81;color:#c4b5fd;font-size:4.8px;font-style:normal}
.job-paid-effect-card.connected{cursor:pointer;border-style:solid;border-color:#3b82f6;color:#dbeafe;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.job-paid-effect-card.connected:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 12px 26px rgba(2,8,23,.34)}.job-paid-effect-card.connected em{background:#173d72;color:#bfdbfe}.job-paid-effect-card.connected.selected{border-color:#34d399;box-shadow:0 0 0 2px rgba(52,211,153,.14)}.job-paid-effect-card.connected.selected em{background:#065f46;color:#a7f3d0}.job-paid-effect-card.unavailable{opacity:.7;filter:saturate(.68)}
.job-output-file{display:grid;place-items:center;min-height:54px;border:1px dashed #36547d;border-radius:8px;background:#0b1727;color:#93c5fd;font:950 14px/1 ui-monospace,monospace;letter-spacing:1px}
.job-output-card-lazy{display:grid;gap:8px}.job-output-summary{display:flex;gap:9px;align-items:center}.job-output-summary>div{min-width:0}.job-output-summary b{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-output-summary span{display:block;margin-top:3px;color:#7890ad;font-size:7px}.job-output-kind{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid #315785;border-radius:9px;background:linear-gradient(145deg,#152c4c,#0b1728);color:#93c5fd;font:900 10px/1 ui-monospace,monospace}.job-output-kind.cover{color:#67e8f9}.job-output-kind.subtitle{color:#c4b5fd;font-size:7px}.job-output-actions{display:flex;flex-wrap:wrap;gap:6px}.job-output-action{margin:0!important;min-height:28px;flex:1}.job-output-preview[hidden]{display:none}.job-output-preview video,.job-output-preview img{display:block;width:100%;max-height:190px;border-radius:7px;background:#030712;object-fit:contain}
.job-save-location{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:10px;border:1px solid #315785;border-radius:11px;background:radial-gradient(circle at 100% 0,rgba(59,130,246,.16),transparent 48%),linear-gradient(145deg,#10233d,#0a1728);box-shadow:0 12px 28px rgba(2,8,23,.22)}.job-save-location-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3a6598;border-radius:11px;background:#142d4e;color:#8ec5ff}.job-save-location-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.job-save-location-copy{display:grid;gap:3px;min-width:0}.job-save-location-copy small{color:#76a9e6;font-size:6px;font-weight:900;letter-spacing:.4px}.job-save-location-copy b{overflow:hidden;color:#e6f1ff;font-size:7.5px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.job-save-location-copy b i{color:#50739d;font-style:normal}.job-save-location-copy span{overflow:hidden;color:#8399b6;font-size:6.3px;text-overflow:ellipsis;white-space:nowrap}.job-save-location-actions{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.job-save-location-actions .job-btn{min-height:27px;flex:1}.job-save-location-note{display:inline-flex;align-items:center;min-height:27px;color:#8196b3;font-size:6.4px}.job-output-list>.job-save-location:first-child{margin-bottom:2px}
.job-track.effect-track .job-track-line{background:#10182b}.job-clip.effect-layer{height:11px!important;border-color:#8b5cf6;background:linear-gradient(90deg,#4c1d95,#7c3aed);color:#ede9fe;font-size:5.4px;line-height:9px;overflow:hidden}.job-track.effect-track{min-height:42px!important}
.job-motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 11px 9px}.job-motion-card{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-height:46px;padding:6px;border:1px solid #293b58;border-radius:9px;background:#0d1727;color:#cbdcf3;text-align:left;cursor:pointer}.job-motion-card i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#17345e,#3b82f6);color:#eff6ff;font-size:8px;font-style:normal;font-weight:950}.job-motion-card b{display:block;font-size:7px}.job-motion-card small{display:block;margin-top:2px;color:#6f829e;font-size:5.4px}.job-motion-card.selected{border-color:#3b82f6;background:#122744;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.job-motion-card:disabled{opacity:.42;cursor:not-allowed}.job-fade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 11px 9px}.job-fade-grid label{display:grid;gap:5px;padding:7px 8px;border:1px solid #293b58;border-radius:8px;background:#0c1727}.job-fade-grid span{display:flex;justify-content:space-between;color:#8195b2;font-size:6px}.job-fade-grid b{color:#bfdbfe}.job-fade-grid input{width:100%;accent-color:#3b82f6}
@media(max-width:1320px){#p-play #jobModal .job-workspace{grid-template-columns:76px 260px minmax(420px,1fr)}#p-play #jobModal .job-inspector{display:none}#p-play #jobModal .job-timeline{grid-column:2/4}}
@media(max-width:820px){#p-play #jobModal .job-workspace{grid-template-columns:60px minmax(0,1fr);grid-template-rows:230px minmax(290px,1fr) 205px}.job-tier-strip{display:none}.job-template-grid,.job-element-grid,.job-transition-grid,.job-effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.job-record-card{grid-template-columns:34px minmax(0,1fr) auto}.job-record-card i{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.job-record-live b:before{animation:none}.job-template-card,.job-element-card{transition:none}}

/* JOB visual system: image-like previews without pretending decorative art is executable. */
.job-visual-svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.job-feature-icon{display:grid;place-items:center;width:100%;height:100%;padding:8px;box-sizing:border-box;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(147,197,253,.22),transparent 38%),linear-gradient(145deg,#1d3557,#14243d);color:#a8cfff}
.job-tool-card i:has(.job-feature-icon){padding:0!important;overflow:hidden;background:transparent!important}.job-tool-card .job-feature-icon .job-visual-svg{width:20px;height:20px}.job-tool-card.selected .job-feature-icon{background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.26),transparent 38%),linear-gradient(145deg,#1d4ed8,#2563eb 52%,#06b6d4);color:#fff;box-shadow:0 7px 20px rgba(37,99,235,.28)}
.job-mini-scene{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#163e69 0%,#245e88 45%,#101a2e 46%,#07101d 100%)}
.job-mini-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 33%,rgba(2,8,23,.2));pointer-events:none}
.job-scene-sky{position:absolute;inset:0 0 48%;background:linear-gradient(160deg,#0f335c,#2563a5 55%,#5db8cf)}.job-scene-sun{position:absolute;right:14%;top:14%;width:13%;aspect-ratio:1;border-radius:50%;background:#fde68a;box-shadow:0 0 14px rgba(253,230,138,.45)}
.job-scene-mountain{position:absolute;left:-6%;bottom:29%;width:76%;height:43%;clip-path:polygon(0 100%,35% 20%,52% 61%,69% 36%,100% 100%);background:#284568}.job-scene-mountain.back{left:25%;width:84%;background:#1b3657;opacity:.86}.job-scene-mountain.front{left:-8%;bottom:20%;background:#112a48}
.job-scene-subject{position:absolute;right:17%;bottom:18%;width:18%;height:46%;border-radius:999px 999px 32% 32%;background:linear-gradient(180deg,#f7c9a9 0 25%,#101827 26% 100%);box-shadow:0 0 0 3px rgba(255,255,255,.08)}.job-scene-title,.job-scene-copy{position:absolute;left:9%;height:5%;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(2,8,23,.25)}.job-scene-title{bottom:18%;width:40%;height:7%}.job-scene-copy{bottom:9%;width:27%;opacity:.56}
.job-mini-scene-social_vertical{background:radial-gradient(circle at 50% 20%,rgba(96,165,250,.38),transparent 38%),linear-gradient(155deg,#1e3a8a,#581c87)}.job-mini-scene-social_vertical:before{content:"";position:absolute;z-index:3;left:50%;top:7%;width:27%;height:67%;transform:translateX(-50%);border:1px solid rgba(219,234,254,.82);border-radius:7px;box-shadow:0 0 0 3px rgba(37,99,235,.22),0 10px 24px rgba(2,8,23,.4)}.job-mini-scene-social_vertical .job-scene-subject{right:42%;bottom:24%;width:16%;height:43%;z-index:4}.job-mini-scene-social_vertical .job-scene-title{left:39%;bottom:29%;width:22%;height:5%;z-index:5}.job-mini-scene-social_vertical .job-scene-copy{left:41%;bottom:23%;width:18%;height:3%;z-index:5}
.job-mini-scene-product_story .job-scene-subject{right:12%;bottom:11%;width:29%;height:40%;border-radius:10px;background:linear-gradient(145deg,#fbbf24,#f97316)}.job-mini-scene-product_story .job-scene-title{width:54%;background:#fef3c7}
.job-mini-scene-business_intro{filter:saturate(.45) contrast(1.08)}.job-mini-scene-business_intro:before{content:"";position:absolute;z-index:3;inset:0;border-top:9px solid #020617;border-bottom:9px solid #020617}
.job-mini-scene-tutorial .job-scene-subject{right:9%;bottom:13%;width:42%;height:50%;border-radius:5px;background:linear-gradient(160deg,#f8fafc,#dbeafe);box-shadow:0 0 0 2px #60a5fa}
.job-mini-scene-podcast{background:radial-gradient(circle at 50% 42%,#a855f7 0 14%,transparent 15%),linear-gradient(145deg,#3b0764,#0f172a)}.job-mini-scene-podcast .job-scene-subject{right:39%;bottom:22%;width:23%;height:43%;background:linear-gradient(180deg,#c4b5fd,#4c1d95)}
.job-mini-scene-photo_story{background:linear-gradient(145deg,#701a75,#1e3a8a)}.job-mini-scene-photo_story:before{content:"";position:absolute;z-index:3;left:18%;top:14%;width:38%;height:49%;border:3px solid rgba(255,255,255,.9);border-radius:5px;background:linear-gradient(160deg,#f9a8d4 0 42%,#7c3aed 43% 100%);box-shadow:19px 7px 0 -2px #bfdbfe,19px 7px 0 1px rgba(255,255,255,.78),38px 14px 0 -4px #0ea5e9,38px 14px 0 -1px rgba(255,255,255,.66);transform:rotate(-4deg)}.job-mini-scene-photo_story .job-scene-subject{display:none}.job-mini-scene-photo_story .job-scene-title{left:13%;bottom:17%;width:54%}.job-mini-scene-photo_story .job-scene-copy{left:13%;bottom:10%;width:34%}
.job-mini-scene-smart_campaign{background:linear-gradient(145deg,#172554,#4c1d95)}.job-mini-scene-smart_campaign:before{content:"";position:absolute;z-index:3;left:13%;right:12%;top:15%;height:45%;border:1px solid rgba(196,181,253,.48);border-radius:7px;background:linear-gradient(180deg,rgba(30,41,59,.9),rgba(49,46,129,.78));box-shadow:inset 0 -12px 0 rgba(15,23,42,.4)}.job-mini-scene-smart_campaign .job-scene-subject{right:18%;bottom:39%;width:13%;height:22%;border-radius:3px;background:linear-gradient(180deg,#22d3ee 0 34%,#8b5cf6 35% 67%,#f472b6 68%);box-shadow:-18px 5px 0 -2px #60a5fa,-35px 11px 0 -4px #a78bfa}.job-mini-scene-smart_campaign .job-scene-title{bottom:21%;width:51%}
.job-mini-scene-brand_suite{background:linear-gradient(145deg,#052e3a,#1e1b4b)}.job-mini-scene-brand_suite:before{content:"";position:absolute;z-index:3;left:14%;top:15%;width:58%;height:44%;border:1px solid rgba(153,246,228,.52);border-radius:7px;background:linear-gradient(90deg,#22d3ee 0 22%,transparent 22% 27%,#8b5cf6 27% 49%,transparent 49% 54%,#f59e0b 54% 76%,transparent 76%),linear-gradient(180deg,#0f172a,#172554);box-shadow:18px 12px 0 -7px rgba(45,212,191,.48)}.job-mini-scene-brand_suite .job-scene-subject{right:15%;bottom:22%;width:23%;height:29%;border-radius:5px;background:linear-gradient(145deg,#f8fafc,#bfdbfe)}.job-mini-scene-brand_suite .job-scene-title{bottom:16%;width:34%}
.job-template-card{min-height:132px!important;padding:0!important;display:block!important;background:#091320!important}.job-template-card:before{z-index:2;background:linear-gradient(180deg,transparent 34%,rgba(2,8,23,.25) 48%,rgba(2,8,23,.96) 83%)!important}.job-template-visual{position:absolute;inset:0;display:block}.job-template-emblem{position:absolute;z-index:5;left:8px;top:8px;display:grid;place-items:center;width:24px;height:24px;padding:5px;box-sizing:border-box;border:1px solid rgba(219,234,254,.5);border-radius:8px;background:rgba(3,12,28,.62);color:#e0f2fe;box-shadow:0 6px 16px rgba(2,8,23,.3);backdrop-filter:blur(6px)}.job-template-emblem .job-visual-svg{width:14px;height:14px}.job-template-format{position:absolute;z-index:5;right:8px;top:8px;padding:3px 5px;border:1px solid rgba(191,219,254,.36);border-radius:999px;background:rgba(3,12,28,.62);color:#dbeafe;font:900 5.5px/1.15 inherit;letter-spacing:.04em;backdrop-filter:blur(6px)}.job-template-copy{position:absolute;z-index:6;left:10px;right:9px;bottom:9px;display:grid;gap:3px}.job-template-copy b{font-size:8.5px}.job-template-copy small{color:#9fb2cd;font-size:6.1px;line-height:1.35}.job-template-card>em{z-index:7!important;top:30px!important;right:8px!important;backdrop-filter:blur(8px);box-shadow:0 5px 12px rgba(2,8,23,.22)}
.job-record-card i:has(.job-visual-svg),.job-element-card i:has(.job-visual-svg),.job-paid-row i:has(.job-visual-svg){padding:9px;box-sizing:border-box}.job-record-card i .job-visual-svg{width:23px;height:23px}.job-element-card i .job-visual-svg{width:22px;height:22px}.job-paid-row i .job-visual-svg{width:17px;height:17px}.job-element-card i{background:radial-gradient(circle at 25% 18%,rgba(125,211,252,.22),transparent 42%),linear-gradient(145deg,#17355a,#18223a)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.job-import{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(59,130,246,.19),transparent 36%),linear-gradient(145deg,#0c1728,#091522)!important}.job-import:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.035) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}.job-import>*{position:relative}.job-import-visual{display:grid;place-items:center;width:48px;height:39px;margin:1px auto 8px;border:1px solid rgba(96,165,250,.52);border-radius:10px;background:linear-gradient(145deg,#17345e,#10213b);color:#bfdbfe;box-shadow:0 10px 24px rgba(2,8,23,.28),inset 0 1px 0 rgba(255,255,255,.12)}.job-import-visual>.job-visual-svg{width:22px;height:22px}.job-import-visual i{position:absolute;width:4px;height:4px;border-radius:50%;background:#60a5fa;box-shadow:0 0 8px currentColor}.job-import-visual i:nth-of-type(1){left:7px;top:6px}.job-import-visual i:nth-of-type(2){right:6px;top:12px;color:#22d3ee}.job-import-visual i:nth-of-type(3){left:12px;bottom:5px;color:#8b5cf6}
.job-asset{display:block!important;min-height:116px;aspect-ratio:16/11!important;background:#07111e!important}.job-asset-visual{position:absolute;inset:0 0 30px;overflow:hidden;background:linear-gradient(145deg,#16345d,#0b1627)}.job-asset-visual>img,.job-asset-visual>video{display:block;width:100%;height:100%;object-fit:cover}.job-asset-visual:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(2,8,23,.76));pointer-events:none}.job-asset-name{position:absolute!important;z-index:3!important;left:5px!important;right:5px!important;bottom:31px!important;padding:4px 5px!important;border:0!important;background:linear-gradient(transparent,rgba(2,8,23,.82))!important;color:#eff6ff!important;font-size:6px!important}.job-thumb-play{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:28px;height:28px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.52);border-radius:50%;background:rgba(8,20,39,.58);backdrop-filter:blur(6px);color:#fff;box-shadow:0 6px 18px rgba(2,8,23,.35)}.job-thumb-play.image{width:27px;height:24px;border-radius:8px}.job-thumb-play .job-visual-svg{width:13px;height:13px}.job-audio-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;background:radial-gradient(circle at 50% 45%,rgba(16,185,129,.2),transparent 55%),linear-gradient(145deg,#0b2832,#07141f)}.job-audio-wave i{width:3px;border-radius:999px;background:linear-gradient(180deg,#6ee7b7,#0ea5e9);box-shadow:0 0 7px rgba(45,212,191,.22)}.job-audio-wave i:nth-child(1),.job-audio-wave i:nth-child(9){height:14%}.job-audio-wave i:nth-child(2),.job-audio-wave i:nth-child(8){height:32%}.job-audio-wave i:nth-child(3),.job-audio-wave i:nth-child(7){height:55%}.job-audio-wave i:nth-child(4),.job-audio-wave i:nth-child(6){height:78%}.job-audio-wave i:nth-child(5){height:94%}.job-media-kind{z-index:4!important;inset:5px auto auto 5px!important;bottom:auto!important;padding:3px 5px!important;border:1px solid rgba(191,219,254,.28)!important;background:rgba(3,12,28,.66)!important;backdrop-filter:blur(6px)}
.job-library-empty-visual{grid-column:1/-1;display:grid;place-items:center;gap:5px;min-height:150px;padding:18px;border:1px dashed #2f4769;border-radius:12px;background:radial-gradient(circle at 50% 24%,rgba(37,99,235,.12),transparent 45%),#0a1525;color:#8194af;text-align:center}.job-empty-stack{display:block;width:96px;height:58px;border:1px solid #36547b;border-radius:9px;overflow:hidden;transform:perspective(240px) rotateX(4deg);box-shadow:8px 8px 0 -3px #12223a,14px 14px 0 -6px #0f1b2e,0 14px 32px rgba(2,8,23,.35)}.job-library-empty-visual b{color:#c4d8f1;font-size:9px}.job-library-empty-visual small{font-size:6px}
.job-transition-card{grid-template-columns:50px minmax(0,1fr)!important;min-height:66px!important;padding:7px!important}.job-transition-card>i.job-transition-visual{position:relative;grid-row:auto!important;display:block!important;width:50px!important;height:45px!important;border:1px solid #314968;border-radius:8px;background:#081321!important;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.job-transition-card>i.job-transition-visual:after{display:none!important}.job-transition-copy{display:grid;gap:3px;min-width:0}.job-transition-copy b{font-size:7.3px}.job-transition-copy small{font-size:5.4px;line-height:1.35}.job-transition-pane{position:absolute;inset:0;overflow:hidden}.job-transition-pane.before{clip-path:polygon(0 0,55% 0,45% 100%,0 100%)}.job-transition-pane.after{clip-path:polygon(58% 0,100% 0,100% 100%,48% 100%);filter:hue-rotate(125deg) saturate(1.4)}.job-transition-pane .job-mini-scene{width:50px;height:45px}.job-transition-motion{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:16px;height:16px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(3,12,28,.68);color:#fff}.job-transition-motion .job-visual-svg{width:9px;height:9px}.job-transition-card:hover .job-transition-pane.before{animation:jobPreviewBefore 1.35s ease-in-out infinite}.job-transition-card:hover .job-transition-pane.after{animation:jobPreviewAfter 1.35s ease-in-out infinite}.job-transition-visual[data-job-transition^=wipe] .before{clip-path:inset(0 50% 0 0)}.job-transition-visual[data-job-transition^=wipe] .after{clip-path:inset(0 0 0 50%)}.job-transition-visual[data-job-transition^=circle] .after,.job-transition-visual[data-job-transition=radial] .after{clip-path:circle(34% at 50% 50%)}.job-transition-visual[data-job-transition*=slide] .after,.job-transition-visual[data-job-transition*=smooth] .after{clip-path:inset(0 0 0 42%);transform:translateX(2px)}.job-transition-visual[data-job-transition=pixelize] .after{clip-path:polygon(50% 0,100% 0,100% 100%,42% 100%,42% 78%,56% 78%,56% 56%,44% 56%,44% 35%,53% 35%,53% 17%,44% 17%)}.job-transition-visual[data-job-transition=hblur]{filter:blur(.45px)}.job-transition-visual[data-job-transition*=diag] .after{clip-path:polygon(55% 0,100% 0,100% 100%,25% 100%)}@keyframes jobPreviewBefore{50%{opacity:.35;transform:scale(.96)}}@keyframes jobPreviewAfter{0%,100%{opacity:.5}50%{opacity:1;transform:scale(1.05)}}
.job-effect-card{grid-template-columns:54px minmax(0,1fr)!important;min-height:69px!important;background:#091522!important}.job-effect-card:before{opacity:.12!important}.job-effect-visual{position:relative!important;display:block!important;width:54px!important;height:48px!important;padding:0!important;border:1px solid rgba(148,197,255,.18);border-radius:8px!important;background:#081321!important;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.job-effect-visual .job-mini-scene{width:54px;height:48px}.job-effect-copy{display:grid;gap:3px;min-width:0}.job-effect-card:hover .job-effect-visual .job-mini-scene{transform:scale(1.06);transition:.35s ease}.job-effect-visual[data-job-effect=vivid]{filter:saturate(1.65) contrast(1.08)}.job-effect-visual[data-job-effect=mono],.job-effect-visual[data-job-effect=noir]{filter:grayscale(1) contrast(1.2)}.job-effect-visual[data-job-effect=warm]{filter:sepia(.38) saturate(1.45)}.job-effect-visual[data-job-effect=cool]{filter:hue-rotate(18deg) saturate(1.25)}.job-effect-visual[data-job-effect=cinematic]{filter:contrast(1.18) saturate(.78)}.job-effect-visual[data-job-effect=vintage],.job-effect-visual[data-job-effect=sepia]{filter:sepia(.82) contrast(1.06)}.job-effect-visual[data-job-effect=dream],.job-effect-visual[data-job-effect=pastel]{filter:brightness(1.14) saturate(.78)}.job-effect-visual[data-job-effect=soft]{filter:blur(.7px) brightness(1.08)}.job-effect-visual[data-job-effect=sharpen]{filter:contrast(1.24) saturate(1.18)}.job-effect-visual[data-job-effect=negative]{filter:invert(1) hue-rotate(180deg)}.job-effect-visual[data-job-effect=mirror] .job-mini-scene{transform:scaleX(-1)}.job-effect-visual[data-job-effect=vignette]:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 18px 7px #020617}.job-effect-visual[data-job-effect=pixelate]{image-rendering:pixelated;filter:contrast(1.3)}.job-effect-visual[data-job-effect=hue_shift]{filter:hue-rotate(110deg) saturate(1.6)}.job-effect-visual[data-job-effect=selective_red]{filter:grayscale(.75) contrast(1.15)}.job-effect-visual[data-job-effect=chromatic]{filter:drop-shadow(2px 0 #ef4444) drop-shadow(-2px 0 #22d3ee)}.job-effect-visual[data-job-effect=vhs]:after,.job-effect-visual[data-job-effect=film_grain]:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.job-paid-effect-card{display:grid;grid-template-rows:42px auto;align-items:end;gap:5px;min-height:78px!important;padding:7px!important;background:linear-gradient(145deg,#15182b,#0d1424)!important;overflow:hidden}.job-paid-effect-card:before{display:none}.job-paid-effect-card>b{position:relative;z-index:4;color:#b8b6d6;font-size:6.5px}.job-paid-effect-visual{position:relative;display:grid;place-items:center;height:42px;border:1px solid #3b4166;border-radius:8px;background:radial-gradient(circle at 72% 24%,rgba(139,92,246,.32),transparent 34%),linear-gradient(145deg,#27245a,#15213c);color:#c4b5fd;overflow:hidden}.job-paid-effect-visual>.job-visual-svg{position:relative;z-index:3;width:22px;height:22px}.job-paid-effect-visual i{position:absolute;display:block;border:1px solid currentColor;opacity:.34}.job-paid-effect-visual i:first-of-type{left:8px;top:8px;width:10px;height:10px}.job-paid-effect-visual i:last-of-type{right:7px;bottom:7px;width:15px;height:8px;border-radius:999px}.job-paid-effect-card em{top:5px!important;right:5px!important;transform:none!important;z-index:5}.job-paid-effect-card[data-job-paid-effect=tracking] .job-paid-effect-visual{background:radial-gradient(circle,#1d4ed8 0 9%,transparent 10%),linear-gradient(145deg,#0c4a6e,#172554);color:#7dd3fc}.job-paid-effect-card[data-job-paid-effect=cutout] .job-paid-effect-visual{background:linear-gradient(90deg,#172554 0 49%,#0f766e 50%);color:#a7f3d0}.job-paid-effect-card[data-job-paid-effect=background] .job-paid-effect-visual{background:radial-gradient(circle at 75% 25%,#fbbf24 0 9%,transparent 10%),linear-gradient(160deg,#075985,#312e81);color:#bae6fd}.job-paid-effect-card[data-job-paid-effect=beauty] .job-paid-effect-visual{background:radial-gradient(circle at 70% 20%,rgba(251,207,232,.55),transparent 28%),linear-gradient(145deg,#831843,#4c1d95);color:#fbcfe8}.job-paid-effect-card[data-job-paid-effect=remove] .job-paid-effect-visual{background:repeating-linear-gradient(45deg,#111827 0 7px,#1f2937 7px 14px);color:#fca5a5}.job-paid-effect-card[data-job-paid-effect=relight] .job-paid-effect-visual{background:radial-gradient(circle at 50% 50%,rgba(253,224,71,.48),transparent 34%),linear-gradient(145deg,#713f12,#172554);color:#fde68a}.job-paid-effect-card[data-job-paid-effect=style] .job-paid-effect-visual{background:linear-gradient(135deg,#be123c 0 33%,#7c3aed 33% 66%,#0369a1 66%);color:#fff}.job-paid-effect-card[data-job-paid-effect=depth] .job-paid-effect-visual{background:linear-gradient(145deg,#0f766e,#172554);color:#99f6e4}.job-paid-effect-card[data-job-paid-effect=depth] .job-paid-effect-visual i:first-of-type{transform:rotate(45deg)}
.job-canvas-visual-empty{width:min(78%,520px);display:grid!important;place-items:center;gap:6px}.job-empty-composer{position:relative;width:170px;height:94px;margin-bottom:8px}.job-empty-frame{position:absolute;display:block;width:112px;height:66px;border:1px solid #3b557a;border-radius:6px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.36)}.job-empty-frame.back{left:7px;top:6px;opacity:.5;transform:rotate(-5deg)}.job-empty-frame.front{right:7px;top:12px;transform:rotate(3deg)}.job-empty-frame .job-mini-scene{width:100%;height:100%}.job-empty-play{position:absolute;z-index:5;left:50%;top:43%;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(191,219,254,.58);border-radius:50%;background:linear-gradient(145deg,rgba(37,99,235,.88),rgba(6,182,212,.78));color:#fff;box-shadow:0 7px 22px rgba(37,99,235,.35)}.job-empty-play .job-visual-svg{width:16px;height:16px}.job-empty-wave{position:absolute;z-index:6;left:41px;right:28px;bottom:2px;height:20px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 6px;border:1px solid #274466;border-radius:999px;background:rgba(8,22,39,.9);box-shadow:0 6px 18px rgba(0,0,0,.3)}.job-empty-wave i{width:2px;border-radius:99px;background:#60a5fa}.job-empty-wave i:nth-child(1),.job-empty-wave i:nth-child(7){height:4px}.job-empty-wave i:nth-child(2),.job-empty-wave i:nth-child(6){height:8px}.job-empty-wave i:nth-child(3),.job-empty-wave i:nth-child(5){height:13px}.job-empty-wave i:nth-child(4){height:17px;background:#22d3ee}.job-canvas-visual-empty>b{font-size:11px!important;color:#d7e7fa!important}.job-canvas-visual-empty>span{font-size:7px!important;color:#7186a3!important}
.job-stage-fit-icon{padding:2px;box-sizing:border-box}.job-stage-fit-icon .job-visual-svg{width:10px;height:10px}.job-stage-play .job-visual-svg{width:13px;height:13px}
@media(max-width:820px){.job-template-card{min-height:112px!important}.job-transition-card{grid-template-columns:42px minmax(0,1fr)!important}.job-transition-card>i.job-transition-visual{width:42px!important}.job-effect-card{grid-template-columns:46px minmax(0,1fr)!important}.job-effect-visual{width:46px!important}.job-asset{min-height:102px}.job-canvas-visual-empty{width:92%}}
@media(prefers-reduced-motion:reduce){.job-transition-card:hover .job-transition-pane,.job-effect-card:hover .job-mini-scene{animation:none!important;transform:none!important}}

/* Larger visual-first cards: previews lead, labels explain. */
.job-transition-card{grid-template-columns:1fr!important;grid-template-rows:64px auto!important;align-items:stretch!important;gap:7px!important;min-height:102px!important}.job-transition-card>i.job-transition-visual{grid-row:auto!important;width:100%!important;height:64px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px rgba(2,8,23,.18)}.job-transition-pane .job-mini-scene{width:100%!important;height:64px!important}.job-transition-copy b{font-size:7.6px}.job-transition-copy small{font-size:5.6px}
.job-effect-card{grid-template-columns:1fr!important;grid-template-rows:70px auto!important;align-items:stretch!important;gap:7px!important;min-height:110px!important}.job-effect-visual{width:100%!important;height:70px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(2,8,23,.18)}.job-effect-visual .job-mini-scene{width:100%!important;height:70px!important}
.job-motion-card{grid-template-columns:1fr!important;grid-template-rows:54px auto!important;align-items:stretch!important;gap:6px!important;min-height:88px!important;overflow:hidden}.job-motion-card>i.job-motion-visual{position:relative;display:block;width:100%!important;height:54px!important;border:1px solid #2d4565;border-radius:7px;background:#081321!important;color:#eff6ff;overflow:hidden}.job-motion-visual .job-mini-scene{width:100%;height:54px}.job-motion-guide{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:17px;height:17px;padding:4px;box-sizing:border-box;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(8,20,39,.68);color:#fff}.job-motion-guide .job-visual-svg{width:9px;height:9px}.job-motion-visual[data-job-motion=zoom_in] .job-mini-scene{transform:scale(1.13)}.job-motion-visual[data-job-motion=zoom_out] .job-mini-scene{transform:scale(.88)}.job-motion-visual[data-job-motion=pan_left] .job-mini-scene{transform:translateX(-9%)}.job-motion-visual[data-job-motion=pan_right] .job-mini-scene{transform:translateX(9%)}
@media(max-width:820px){.job-transition-card{grid-template-rows:54px auto!important}.job-transition-card>i.job-transition-visual,.job-transition-pane .job-mini-scene{height:54px!important}.job-effect-card{grid-template-rows:58px auto!important}.job-effect-visual,.job-effect-visual .job-mini-scene{height:58px!important}}

/* JOB transition library v2: the poster and hover playback are rendered by production xfade. */
.job-transition-reference-note{display:grid;grid-template-columns:38px 13px 38px minmax(0,1fr);align-items:center;gap:5px;margin:0 11px 8px;padding:7px;border:1px solid #263b58;border-radius:9px;background:linear-gradient(145deg,#0c1829,#091421)}
.job-transition-reference-frame{display:block;width:38px;height:27px;border:1px solid #38516f;border-radius:5px;background-position:center;background-size:cover;box-shadow:0 5px 12px rgba(2,8,23,.25)}.job-transition-reference-frame.before{background-image:url('/static/job-assets/effect-reference-v1.png')}.job-transition-reference-frame.after{background-image:url('/static/job-assets/filter-reference-v1.png')}.job-transition-reference-arrow{color:#60a5fa;font-size:9px;text-align:center}.job-transition-reference-note div{display:grid;gap:2px;min-width:0}.job-transition-reference-note b{color:#cfe2f7;font-size:6.7px}.job-transition-reference-note small{color:#758aa6;font-size:5.2px;line-height:1.4}
.job-transition-pane,.job-transition-motion{display:none!important}.job-transition-visual{isolation:isolate}.job-transition-poster,.job-transition-video{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transition:opacity .16s ease}.job-transition-video{z-index:2;opacity:0;background:#050b14}.job-transition-visual.is-previewing .job-transition-video{opacity:1}.job-transition-visual.is-previewing .job-transition-poster{opacity:0}
.job-transition-direction{position:absolute;z-index:7;left:5px;top:5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:1px solid rgba(219,234,254,.5);border-radius:6px;background:rgba(3,12,28,.68);color:#eff6ff;font:950 8px/1 inherit;box-shadow:0 4px 12px rgba(2,8,23,.3);backdrop-filter:blur(5px);transition:.16s ease}
.job-transition-play{position:absolute;z-index:5;left:50%;top:50%;display:grid;place-items:center;width:22px;height:22px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(3,12,28,.58);color:#fff;box-shadow:0 5px 14px rgba(2,8,23,.34);backdrop-filter:blur(5px);transition:.16s ease}.job-transition-play .job-visual-svg{width:10px;height:10px}.job-transition-live{position:absolute;z-index:6;left:5px;bottom:5px;padding:2px 4px;border:1px solid rgba(191,219,254,.3);border-radius:999px;background:rgba(3,12,28,.64);color:#dbeafe;font:800 5px/1.2 inherit;letter-spacing:.02em;backdrop-filter:blur(5px);transition:.16s ease}.job-transition-visual.is-previewing .job-transition-play,.job-transition-visual.is-previewing .job-transition-live{opacity:0;transform:translate(-50%,-50%) scale(.85)}.job-transition-visual.is-previewing .job-transition-live{transform:translateY(3px)}
.job-transition-visual.is-previewing .job-transition-direction{opacity:0;transform:translateY(-3px)}
.job-transition-card:hover .job-transition-visual{border-color:#5d8fd0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 22px rgba(2,8,23,.34)}.job-transition-card.selected .job-transition-visual{border-color:#60a5fa!important}.job-transition-card.selected .job-transition-visual:before{content:'✓';position:absolute;z-index:8;right:5px;top:5px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2563eb;color:#fff;font:950 7px/1 inherit;box-shadow:0 4px 12px rgba(37,99,235,.42)}
@media(max-width:520px){.job-transition-reference-note{grid-template-columns:34px 10px 34px minmax(0,1fr)}.job-transition-reference-frame{width:34px;height:24px}}
@media(prefers-reduced-motion:reduce){.job-transition-video{display:none!important}.job-transition-play,.job-transition-live{display:none!important}}

/* JOB effects library v2: real reference frames, filters and visual effects are separate. */
.job-effect-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:9px 11px 7px;padding:4px;border:1px solid #263954;border-radius:11px;background:#081321}
.job-effect-mode-tabs button{display:grid;gap:2px;padding:8px 6px;border:0;border-radius:8px;background:transparent;color:#7185a2;text-align:left;cursor:pointer}
.job-effect-mode-tabs button b{font-size:7.5px}.job-effect-mode-tabs button small{font-size:5.4px}.job-effect-mode-tabs button.active{background:linear-gradient(145deg,#1d4ed8,#2563eb 58%,#0e7490);color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.24)}.job-effect-mode-tabs button.active small{color:#dbeafe}
.job-effect-reference-note{display:flex;align-items:center;gap:8px;margin:0 11px 8px;padding:7px;border:1px solid #263b58;border-radius:9px;background:linear-gradient(145deg,#0c1829,#091421)}
.job-reference-swatch{display:block;width:42px;height:31px;flex:0 0 auto;border:1px solid #38516f;border-radius:6px;background:center/cover no-repeat;box-shadow:0 5px 12px rgba(2,8,23,.25)}.job-reference-swatch.filter{background-image:url('/static/job-assets/filter-reference-v1.png')}.job-reference-swatch.effect{background-image:url('/static/job-assets/effect-reference-v1.png')}
.job-effect-reference-note div{display:grid;gap:2px;min-width:0}.job-effect-reference-note b{color:#cfe2f7;font-size:6.8px}.job-effect-reference-note small{color:#758aa6;font-size:5.3px;line-height:1.4}
.job-effect-grid[data-job-effect-mode=filter]{grid-template-columns:repeat(2,minmax(0,1fr))}.job-effect-grid[data-job-effect-mode=effect]{grid-template-columns:repeat(2,minmax(0,1fr))}
.job-effect-card{position:relative!important;grid-template-rows:74px auto!important;padding:6px!important;border-color:#263b57!important;background:#081321!important;overflow:hidden}.job-effect-card:hover{border-color:#5d8fd0!important;box-shadow:0 10px 26px rgba(2,8,23,.34)}.job-effect-card.selected{border-color:#3b82f6!important;box-shadow:0 0 0 2px rgba(59,130,246,.15),0 10px 26px rgba(2,8,23,.36)}.job-effect-card.selected:after{content:'✓';position:absolute;z-index:12;right:5px;top:5px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2563eb;color:#fff;font:950 7px/1 inherit;box-shadow:0 4px 12px rgba(37,99,235,.42)}
.job-effect-card>em{z-index:12!important;top:auto!important;right:5px!important;bottom:5px!important;background:rgba(5,46,40,.86)!important;backdrop-filter:blur(5px)}
.job-effect-visual{position:relative!important;display:block!important;width:100%!important;height:74px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#050b14!important;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 18px rgba(2,8,23,.22)}
.job-effect-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.job-effect-treated{z-index:1}.job-effect-ghost{z-index:2;display:none;opacity:0;mix-blend-mode:screen}.job-effect-art{z-index:4}.job-effect-emblem{z-index:7;left:auto;right:5px;top:auto;bottom:5px;width:17px;height:17px;border-radius:50%;opacity:.82}.job-effect-card:hover .job-effect-emblem{opacity:1;transform:scale(1.08)}
.job-effect-copy{position:relative;z-index:8;display:grid;gap:3px;padding:1px 1px 3px}.job-effect-copy b{color:#d9e8f8;font-size:7.4px}.job-effect-copy small{min-height:14px;color:#7388a4;font-size:5.3px;line-height:1.35}
.job-filter-original{position:absolute;z-index:3;inset:0 auto 0 0;width:28%;overflow:hidden;border-right:1px solid rgba(255,255,255,.86);box-shadow:4px 0 12px rgba(2,8,23,.22)}.job-filter-original img{width:357.15%;max-width:none;filter:none!important;object-position:center}.job-filter-divider{position:absolute;z-index:5;left:calc(28% - 3px);top:50%;width:6px;height:19px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.72);border-radius:99px;background:#0f172a;box-shadow:0 2px 7px rgba(0,0,0,.42)}
.job-preview-badge{position:absolute;z-index:6;left:5px;top:5px;padding:3px 4px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:rgba(2,8,23,.58);color:#f8fafc;font:850 5px/1.05 inherit;backdrop-filter:blur(4px)}
.job-effect-none .job-effect-visual:after{content:'';position:absolute;z-index:5;inset:auto 8px 8px;height:2px;border-radius:99px;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6)}

/* Filter thumbnails all use the same source photograph for valid A/B comparison. */
.job-effect-visual[data-job-effect=vivid] .job-effect-treated{filter:saturate(1.7) contrast(1.12)}
.job-effect-visual[data-job-effect=mono] .job-effect-treated{filter:grayscale(1) contrast(1.08)}
.job-effect-visual[data-job-effect=noir] .job-effect-treated{filter:grayscale(1) contrast(1.55) brightness(.72)}
.job-effect-visual[data-job-effect=warm] .job-effect-treated{filter:sepia(.28) saturate(1.48) hue-rotate(-9deg) brightness(1.04)}
.job-effect-visual[data-job-effect=cool] .job-effect-treated{filter:hue-rotate(15deg) saturate(1.25) brightness(.94)}
.job-effect-visual[data-job-effect=cinematic] .job-effect-treated{filter:contrast(1.22) saturate(.76) brightness(.88)}
.job-effect-visual[data-job-effect=vintage] .job-effect-treated{filter:sepia(.68) contrast(1.08) saturate(.72) brightness(.92)}
.job-effect-visual[data-job-effect=dream] .job-effect-treated{filter:brightness(1.15) saturate(.82) contrast(.9) blur(.25px)}
.job-effect-visual[data-job-effect=sepia] .job-effect-treated{filter:sepia(.94) contrast(1.04) brightness(.92)}
.job-effect-visual[data-job-effect=bleach] .job-effect-treated{filter:grayscale(.55) contrast(1.42) brightness(1.14) saturate(.52)}
.job-effect-visual[data-job-effect=teal_orange] .job-effect-treated{filter:contrast(1.25) saturate(1.28) hue-rotate(-7deg)}
.job-effect-visual[data-job-effect=pastel] .job-effect-treated{filter:brightness(1.17) saturate(.68) contrast(.84)}
.job-effect-visual[data-job-effect=hue_shift] .job-effect-treated{filter:hue-rotate(118deg) saturate(1.5)}
.job-effect-visual[data-job-effect=cinematic]:after{content:'';position:absolute;z-index:5;inset:0;border-top:7px solid rgba(2,6,23,.92);border-bottom:7px solid rgba(2,6,23,.92);pointer-events:none}.job-effect-visual[data-job-effect=teal_orange]:after{content:'';position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,rgba(13,148,136,.24),transparent 50%,rgba(249,115,22,.22));mix-blend-mode:color;pointer-events:none}.job-effect-visual[data-job-effect=dream]:after,.job-effect-visual[data-job-effect=pastel]:after{content:'';position:absolute;z-index:4;inset:0;background:linear-gradient(135deg,rgba(244,114,182,.16),transparent 44%,rgba(125,211,252,.2));mix-blend-mode:screen;pointer-events:none}

/* Visual-effect thumbnails use a motion reference frame and animated semantic overlays. */
.job-effect-visual[data-job-effect=soft] .job-effect-treated{filter:blur(2px) brightness(1.05);transform:scale(1.04)}
.job-effect-visual[data-job-effect=sharpen] .job-effect-treated{filter:contrast(1.42) saturate(1.22)}
.job-effect-visual[data-job-effect=negative] .job-effect-treated{filter:invert(1) hue-rotate(180deg) saturate(1.35)}
.job-effect-visual[data-job-effect=mirror] .job-effect-treated{transform:scaleX(-1)}
.job-effect-visual[data-job-effect=film_grain] .job-effect-treated{filter:sepia(.23) saturate(.72) contrast(1.16)}
.job-effect-visual[data-job-effect=sketch] .job-effect-treated{filter:grayscale(1) contrast(2.2) brightness(1.36)}
.job-effect-visual[data-job-effect=selective_red] .job-effect-treated{filter:grayscale(.82) contrast(1.15)}
.job-effect-visual[data-job-effect=vignette] .job-effect-treated{filter:contrast(1.09) brightness(.9)}
.job-effect-visual[data-job-effect=chromatic] .job-effect-treated{filter:contrast(1.16) drop-shadow(3px 0 rgba(239,68,68,.8)) drop-shadow(-3px 0 rgba(34,211,238,.8))}
.job-effect-visual[data-job-effect=emboss] .job-effect-treated{filter:grayscale(1) contrast(2) brightness(.78);opacity:.78}
.job-effect-visual[data-job-effect=edge_glow] .job-effect-treated{filter:brightness(.5) contrast(1.9) drop-shadow(0 0 4px #22d3ee)}
.job-effect-visual[data-job-effect=fisheye] .job-effect-treated{inset:3% 12%;width:76%;height:94%;border-radius:50%;transform:scale(1.14);box-shadow:0 0 0 5px rgba(2,8,23,.5),inset 0 0 15px rgba(255,255,255,.18)}
.job-effect-visual[data-job-effect=vhs] .job-effect-treated{filter:contrast(1.14) saturate(1.2) drop-shadow(2px 0 #ef4444) drop-shadow(-2px 0 #22d3ee)}
.job-effect-visual[data-job-effect=pixelate] .job-effect-treated{filter:contrast(1.35) saturate(1.18)}
.job-effect-visual[data-job-effect=film_grain] .job-effect-art{opacity:.68;background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(2,8,23,.6) 0 1px,transparent 1.2px);background-position:0 0,3px 4px;background-size:7px 7px,9px 9px;mix-blend-mode:overlay}
.job-effect-visual[data-job-effect=selective_red] .job-effect-art{background:radial-gradient(ellipse at 74% 55%,rgba(239,68,68,.65),transparent 18%);mix-blend-mode:color}
.job-effect-visual[data-job-effect=vignette] .job-effect-art{box-shadow:inset 0 0 34px 16px rgba(2,6,23,.93);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 45%)}
.job-effect-visual[data-job-effect=chromatic] .job-effect-art,.job-effect-visual[data-job-effect=vhs] .job-effect-art{background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.1) 4px 5px);mix-blend-mode:overlay}
.job-effect-visual[data-job-effect=emboss] .job-effect-art{background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 48%,rgba(2,8,23,.72));mix-blend-mode:overlay}
.job-effect-visual[data-job-effect=edge_glow] .job-effect-art{box-shadow:inset 0 0 17px rgba(34,211,238,.32);border:1px solid rgba(34,211,238,.42);box-sizing:border-box}
.job-effect-visual[data-job-effect=light_trail] .job-effect-treated{filter:brightness(.58) saturate(1.28)}.job-effect-visual[data-job-effect=light_trail] .job-effect-art{background:linear-gradient(165deg,transparent 25%,rgba(255,255,255,.9) 27% 28%,transparent 30%),linear-gradient(174deg,transparent 42%,rgba(34,211,238,.9) 44% 46%,transparent 48%),linear-gradient(158deg,transparent 56%,rgba(244,114,182,.75) 58% 59%,transparent 61%);filter:drop-shadow(0 0 5px #38bdf8)}
.job-effect-visual[data-job-effect=fisheye] .job-effect-art{background:radial-gradient(circle,transparent 0 47%,rgba(2,8,23,.82) 69%)}
.job-effect-visual[data-job-effect=vhs] .job-effect-art:after{content:'PLAY  ▸';position:absolute;left:6px;bottom:6px;color:#fff;font:800 5px/1 ui-monospace,monospace;text-shadow:1px 0 #ef4444,-1px 0 #22d3ee}
.job-effect-visual[data-job-effect=pixelate] .job-effect-art{background-image:linear-gradient(rgba(2,8,23,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(2,8,23,.58) 1px,transparent 1px);background-size:8px 8px}
.job-effect-visual[data-job-effect=afterimage] .job-effect-treated{filter:brightness(.78)}.job-effect-visual[data-job-effect=afterimage] .job-effect-ghost{display:block;opacity:.25}.job-effect-visual[data-job-effect=afterimage] .ghost-one{transform:translateX(-6px);filter:hue-rotate(70deg)}.job-effect-visual[data-job-effect=afterimage] .ghost-two{transform:translateX(7px);filter:hue-rotate(260deg)}
.job-effect-card:hover .job-effect-visual[data-job-effect=afterimage] .ghost-one{animation:jobAfterimageLeft 1s ease-in-out infinite}.job-effect-card:hover .job-effect-visual[data-job-effect=afterimage] .ghost-two{animation:jobAfterimageRight 1s ease-in-out infinite}.job-effect-card:hover .job-effect-visual[data-job-effect=light_trail] .job-effect-art{animation:jobLightTrail 1.15s ease-in-out infinite}.job-effect-card:hover .job-effect-visual[data-job-effect=vhs] .job-effect-treated{animation:jobVhsJitter .55s steps(2,end) infinite}.job-effect-card:hover .job-effect-visual[data-job-effect=fisheye] .job-effect-treated{animation:jobLensPulse 1.5s ease-in-out infinite}
@keyframes jobAfterimageLeft{50%{transform:translateX(-12px);opacity:.12}}@keyframes jobAfterimageRight{50%{transform:translateX(13px);opacity:.12}}@keyframes jobLightTrail{50%{opacity:.45;transform:translateX(4px)}}@keyframes jobVhsJitter{25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}@keyframes jobLensPulse{50%{transform:scale(1.2)}}
@media(max-width:820px){.job-effect-card{grid-template-rows:64px auto!important}.job-effect-visual{height:64px!important}}
@media(prefers-reduced-motion:reduce){.job-effect-card:hover .job-effect-ghost,.job-effect-card:hover .job-effect-art,.job-effect-card:hover .job-effect-treated{animation:none!important}}

/* Runtime thumbnails are already rendered by the production FFmpeg filter chain. */
.job-effect-visual .job-effect-runtime-preview{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;filter:none!important;transform:none!important;opacity:1!important;box-shadow:none!important}
.job-effect-visual[data-job-effect=fisheye] .job-effect-runtime-preview{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;transform:none!important}

/* Effect previews: every title owns a matching visual treatment. */
.job-effect-visual{isolation:isolate}
.job-effect-visual[data-job-effect]{filter:none}
.job-effect-visual>.job-mini-scene{position:absolute!important;inset:0;width:100%!important;height:100%!important;transition:transform .35s ease,filter .35s ease}
.job-effect-art{position:absolute;z-index:5;inset:0;display:block;overflow:hidden;pointer-events:none}
.job-effect-art>i{position:absolute;display:block}
.job-effect-emblem{position:absolute;z-index:8;right:5px;top:auto;bottom:5px;display:grid;place-items:center;width:17px;height:17px;padding:4px;box-sizing:border-box;border:1px solid rgba(255,255,255,.44);border-radius:6px;background:rgba(3,12,28,.58);color:#fff;backdrop-filter:blur(5px);box-shadow:0 4px 12px rgba(2,8,23,.24)}
.job-effect-visual[data-job-effect=soft] .job-effect-emblem{background:rgba(76,29,149,.72);color:#e9d5ff}.job-effect-visual[data-job-effect=sharpen] .job-effect-emblem{background:rgba(3,105,161,.76);color:#e0f2fe}.job-effect-visual[data-job-effect=sketch] .job-effect-emblem{background:rgba(248,250,252,.82);color:#172554}
.job-effect-emblem .job-visual-svg{width:9px;height:9px}
.job-effect-cue{position:absolute;z-index:8;left:5px;bottom:5px;padding:3px 5px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(2,8,23,.62);color:#f8fafc;font:900 5.5px/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;backdrop-filter:blur(5px);box-shadow:0 4px 12px rgba(2,8,23,.24)}

.job-effect-visual[data-job-effect=vivid]>.job-mini-scene{filter:saturate(1.85) contrast(1.12)}
.job-effect-visual[data-job-effect=vivid] .job-effect-art{background:linear-gradient(115deg,rgba(244,63,94,.2),transparent 36%,rgba(34,211,238,.2))}
.job-effect-visual[data-job-effect=mono]>.job-mini-scene{filter:grayscale(1) contrast(1.08)}
.job-effect-visual[data-job-effect=mono] .job-effect-art{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.14) 50%,transparent 51%)}
.job-effect-visual[data-job-effect=noir]>.job-mini-scene{filter:grayscale(1) contrast(1.65) brightness(.74)}
.job-effect-visual[data-job-effect=noir] .job-effect-art{border-top:7px solid rgba(2,6,23,.92);border-bottom:7px solid rgba(2,6,23,.92);box-sizing:border-box;background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 35%)}
.job-effect-visual[data-job-effect=warm]>.job-mini-scene{filter:sepia(.3) saturate(1.55) hue-rotate(-8deg)}
.job-effect-visual[data-job-effect=warm] .job-effect-art{background:radial-gradient(circle at 21% 24%,rgba(251,191,36,.48),transparent 36%),linear-gradient(0deg,rgba(249,115,22,.15),transparent)}
.job-effect-visual[data-job-effect=cool]>.job-mini-scene{filter:hue-rotate(22deg) saturate(1.32) brightness(.92)}
.job-effect-visual[data-job-effect=cool] .job-effect-art{background:linear-gradient(135deg,rgba(8,145,178,.24),transparent 52%,rgba(59,130,246,.28))}
.job-effect-visual[data-job-effect=cinematic]>.job-mini-scene{filter:contrast(1.2) saturate(.74) brightness(.86)}
.job-effect-visual[data-job-effect=cinematic] .job-effect-art{border-top:8px solid #020617;border-bottom:8px solid #020617;box-sizing:border-box;background:linear-gradient(90deg,rgba(13,148,136,.13),transparent 54%,rgba(249,115,22,.13))}
.job-effect-visual[data-job-effect=vintage]>.job-mini-scene{filter:sepia(.72) contrast(1.08) saturate(.78)}
.job-effect-visual[data-job-effect=vintage] .job-effect-art{background:repeating-radial-gradient(circle at 30% 25%,rgba(255,255,255,.13) 0 1px,transparent 1px 7px),linear-gradient(90deg,rgba(69,26,3,.2),transparent)}
.job-effect-visual[data-job-effect=dream]>.job-mini-scene{filter:brightness(1.14) saturate(.86) blur(.35px)}
.job-effect-visual[data-job-effect=dream] .job-effect-art{background:radial-gradient(circle at 24% 24%,rgba(216,180,254,.56) 0 7%,transparent 8%),radial-gradient(circle at 72% 62%,rgba(125,211,252,.43) 0 12%,transparent 13%),linear-gradient(135deg,rgba(244,114,182,.2),transparent 55%)}
.job-effect-visual[data-job-effect=soft]>.job-mini-scene{filter:blur(1.1px) brightness(1.08) saturate(.9);transform:scale(1.04)}
.job-effect-visual[data-job-effect=soft] .job-effect-art{background:radial-gradient(circle at 50% 48%,transparent 20%,rgba(219,234,254,.2) 82%)}
.job-effect-visual[data-job-effect=sharpen]>.job-mini-scene{filter:contrast(1.38) saturate(1.22)}
.job-effect-visual[data-job-effect=sharpen] .job-effect-art{background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.28) 49%,transparent 50%),linear-gradient(45deg,transparent 48%,rgba(34,211,238,.2) 49%,transparent 50%);background-size:17px 17px}
.job-effect-visual[data-job-effect=negative]>.job-mini-scene{filter:invert(1) hue-rotate(180deg) saturate(1.5)}
.job-effect-visual[data-job-effect=negative] .job-effect-emblem{color:#020617;background:rgba(255,255,255,.7)}
.job-effect-visual[data-job-effect=mirror]>.job-mini-scene{clip-path:inset(0 50% 0 0)}
.job-effect-visual[data-job-effect=mirror] .job-effect-art{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.65) 49.5% 50.5%,transparent 51%),linear-gradient(90deg,transparent 0 50%,rgba(14,116,144,.2) 50%)}
.job-effect-visual[data-job-effect=mirror] .job-effect-art:before{content:"";position:absolute;right:0;top:0;width:50%;height:100%;background:linear-gradient(180deg,#0f335c,#245e88 45%,#07101d 46%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.job-effect-visual[data-job-effect=mirror] .job-effect-art:after{content:"";position:absolute;right:18%;bottom:18%;width:15%;height:46%;border-radius:999px 999px 32% 32%;background:linear-gradient(180deg,#f7c9a9 0 25%,#101827 26%);transform:scaleX(-1)}
.job-effect-visual[data-job-effect=film_grain]>.job-mini-scene{filter:sepia(.28) contrast(1.16) saturate(.7)}
.job-effect-visual[data-job-effect=film_grain] .job-effect-art{opacity:.75;background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(2,8,23,.55) 0 1px,transparent 1.2px);background-position:0 0,3px 4px;background-size:7px 7px,9px 9px;mix-blend-mode:overlay}
.job-effect-visual[data-job-effect=sketch]>.job-mini-scene{filter:grayscale(1) contrast(2.4) brightness(1.5)}
.job-effect-visual[data-job-effect=sketch] .job-effect-art{background:repeating-linear-gradient(165deg,rgba(15,23,42,.15) 0 1px,transparent 1px 5px);mix-blend-mode:multiply}
.job-effect-visual[data-job-effect=sepia]>.job-mini-scene{filter:sepia(.9) contrast(1.02) brightness(.9)}
.job-effect-visual[data-job-effect=sepia] .job-effect-art{box-shadow:inset 0 0 22px rgba(69,26,3,.62)}
.job-effect-visual[data-job-effect=bleach]>.job-mini-scene{filter:grayscale(.65) contrast(1.48) brightness(1.18) saturate(.48)}
.job-effect-visual[data-job-effect=bleach] .job-effect-art{background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 42%);mix-blend-mode:screen}
.job-effect-visual[data-job-effect=teal_orange]>.job-mini-scene{filter:contrast(1.22) saturate(1.22) hue-rotate(-5deg)}
.job-effect-visual[data-job-effect=teal_orange] .job-effect-art{background:linear-gradient(90deg,rgba(13,148,136,.35),transparent 52%,rgba(249,115,22,.35));mix-blend-mode:color}
.job-effect-visual[data-job-effect=pastel]>.job-mini-scene{filter:brightness(1.18) saturate(.7) contrast(.86)}
.job-effect-visual[data-job-effect=pastel] .job-effect-art{background:linear-gradient(135deg,rgba(251,207,232,.3),transparent 45%,rgba(186,230,253,.32));mix-blend-mode:screen}
.job-effect-visual[data-job-effect=hue_shift]>.job-mini-scene{filter:hue-rotate(115deg) saturate(1.65)}
.job-effect-visual[data-job-effect=hue_shift] .job-effect-art{background:linear-gradient(90deg,rgba(239,68,68,.22),rgba(34,197,94,.18),rgba(59,130,246,.22));mix-blend-mode:color}
.job-effect-visual[data-job-effect=selective_red]>.job-mini-scene{filter:grayscale(1) contrast(1.12)}
.job-effect-visual[data-job-effect=selective_red] .job-scene-subject{background:linear-gradient(180deg,#f7c9a9 0 25%,#dc2626 26% 100%);filter:none}
.job-effect-visual[data-job-effect=selective_red] .job-effect-art{box-shadow:inset 0 0 0 1px rgba(220,38,38,.16)}
.job-effect-visual[data-job-effect=vignette]>.job-mini-scene{filter:contrast(1.08) brightness(.92)}
.job-effect-visual[data-job-effect=vignette] .job-effect-art{box-shadow:inset 0 0 28px 13px rgba(2,6,23,.92);background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.11),transparent 38%)}
.job-effect-visual[data-job-effect=chromatic]>.job-mini-scene{filter:contrast(1.18) drop-shadow(2px 0 rgba(239,68,68,.75)) drop-shadow(-2px 0 rgba(34,211,238,.75))}
.job-effect-visual[data-job-effect=chromatic] .job-effect-art{background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.08) 5px 6px)}
.job-effect-visual[data-job-effect=emboss]>.job-mini-scene{filter:grayscale(1) contrast(1.9) brightness(.86);opacity:.76}
.job-effect-visual[data-job-effect=emboss] .job-effect-art{background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 48%,rgba(2,8,23,.72));mix-blend-mode:overlay}
.job-effect-visual[data-job-effect=edge_glow]>.job-mini-scene{filter:brightness(.42) contrast(1.85) drop-shadow(0 0 3px #22d3ee)}
.job-effect-visual[data-job-effect=edge_glow] .job-effect-art{box-shadow:inset 0 0 15px rgba(34,211,238,.28);border:1px solid rgba(34,211,238,.35);box-sizing:border-box}
.job-effect-visual[data-job-effect=afterimage] .job-scene-subject{box-shadow:-8px 1px 0 rgba(168,85,247,.4),-16px 2px 0 rgba(236,72,153,.2)}
.job-effect-visual[data-job-effect=afterimage] .job-effect-art>i{right:26%;bottom:24%;width:12%;height:38%;border-radius:999px;background:rgba(34,211,238,.22)}
.job-effect-visual[data-job-effect=light_trail]>.job-mini-scene{filter:brightness(.56) saturate(1.35)}
.job-effect-visual[data-job-effect=light_trail] .job-effect-art{background:linear-gradient(165deg,transparent 28%,rgba(255,255,255,.82) 30% 31%,transparent 33%),linear-gradient(172deg,transparent 42%,rgba(34,211,238,.85) 44% 46%,transparent 48%),linear-gradient(158deg,transparent 55%,rgba(96,165,250,.65) 57% 59%,transparent 61%);filter:drop-shadow(0 0 4px #38bdf8)}
.job-effect-visual[data-job-effect=fisheye]>.job-mini-scene{left:12%!important;top:5%!important;width:76%!important;height:90%!important;border-radius:50%;transform:scale(1.17);box-shadow:0 0 0 4px rgba(2,8,23,.5),inset 0 0 16px rgba(255,255,255,.2)}
.job-effect-visual[data-job-effect=fisheye] .job-effect-art{background:radial-gradient(circle,transparent 0 48%,rgba(2,8,23,.78) 68%)}
.job-effect-visual[data-job-effect=vhs]>.job-mini-scene{filter:contrast(1.15) saturate(1.25) drop-shadow(2px 0 #ef4444) drop-shadow(-2px 0 #22d3ee)}
.job-effect-visual[data-job-effect=vhs] .job-effect-art{background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px),linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.14) 23% 24%,transparent 25%);mix-blend-mode:overlay}
.job-effect-visual[data-job-effect=pixelate]>.job-mini-scene{filter:contrast(1.35) saturate(1.2)}
.job-effect-visual[data-job-effect=pixelate] .job-effect-art{background-image:linear-gradient(rgba(2,8,23,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(2,8,23,.55) 1px,transparent 1px);background-size:8px 8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.job-effect-card:hover .job-effect-visual>.job-mini-scene{transform:scale(1.035)}
.job-effect-card:hover .job-effect-visual[data-job-effect=fisheye]>.job-mini-scene{transform:scale(1.2)}

/* JOB truth-in-preview pass: real effect videos, real motion previews, executable text presets. */
.job-effect-video{position:absolute;z-index:9;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .16s ease}.job-effect-visual.is-previewing .job-effect-video{opacity:1}.job-effect-visual.is-previewing>.job-effect-treated{opacity:0!important}.job-effect-live{position:absolute;z-index:11;left:5px;bottom:5px;padding:2px 4px;border:1px solid rgba(191,219,254,.32);border-radius:999px;background:rgba(3,12,28,.68);color:#dbeafe;font:850 5px/1.2 inherit;backdrop-filter:blur(5px);transition:.16s ease}.job-effect-visual.is-previewing .job-effect-live,.job-effect-visual.is-previewing .job-effect-emblem{opacity:0}
.job-motion-visual .job-mini-scene,.job-motion-guide{display:none!important}.job-motion-poster,.job-motion-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .16s ease}.job-motion-video{z-index:2;opacity:0}.job-motion-visual.is-previewing .job-motion-video{opacity:1}.job-motion-visual.is-previewing .job-motion-poster{opacity:0}.job-motion-live{position:absolute;z-index:4;left:5px;bottom:5px;padding:2px 4px;border:1px solid rgba(191,219,254,.3);border-radius:999px;background:rgba(3,12,28,.66);color:#dbeafe;font:850 5px/1.2 inherit;backdrop-filter:blur(5px);transition:.16s ease}.job-motion-visual.is-previewing .job-motion-live{opacity:0}
.job-text-basic{display:grid!important;gap:6px!important;padding:0 11px 9px!important}.job-text-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 11px 10px}.job-text-template-card{display:grid;grid-template-rows:68px auto;gap:6px;padding:6px;border:1px solid #293e5b;border-radius:10px;background:#081321;color:#dbeafe;text-align:left;cursor:pointer;overflow:hidden;transition:.16s ease}.job-text-template-card:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 9px 22px rgba(2,8,23,.3)}.job-text-template-card>span:last-child{display:grid;gap:2px}.job-text-template-card b{font-size:7px}.job-text-template-card small{color:#7489a5;font-size:5.2px;line-height:1.35}.job-text-template-visual{position:relative;display:grid;place-items:center;height:68px;border-radius:7px;background:linear-gradient(145deg,#172a48,#0a1423);overflow:hidden}.job-text-template-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(96,165,250,.25),transparent 28%),linear-gradient(160deg,transparent 55%,rgba(2,8,23,.7))}.job-text-template-visual i{position:relative;z-index:2;max-width:80%;color:#fff;font:950 8px/1.2 inherit;text-align:center;text-decoration:none}.job-text-template-visual>em{position:absolute;z-index:4;right:5px;top:5px;padding:2px 4px;border:1px solid rgba(191,219,254,.28);border-radius:999px;background:rgba(3,12,28,.62);color:#bfdbfe;font:850 4.8px/1.1 inherit;font-style:normal;letter-spacing:.02em}.job-text-template-visual u{position:absolute;z-index:1;border-radius:3px;background:rgba(2,8,23,.7);text-decoration:none}.job-text-template-visual.opening i{font-size:9px}.job-text-template-visual.opening u{display:none}.job-text-template-visual.chapter{place-items:start center;padding-top:10px;box-sizing:border-box}.job-text-template-visual.chapter u{left:15%;right:15%;top:7px;height:17px}.job-text-template-visual.caption{place-items:end center;padding-bottom:9px;box-sizing:border-box}.job-text-template-visual.caption u{left:10%;right:10%;bottom:6px;height:18px}.job-text-template-visual.quote i{color:#fef3c7;font-size:7.5px}.job-text-template-visual.quote u{left:12%;right:12%;top:23px;height:22px}.job-text-template-card:active{transform:scale(.98)}
@media(max-width:520px){.job-text-template-grid{grid-template-columns:1fr}.job-text-template-card{grid-template-rows:58px auto}.job-text-template-visual{height:58px}}
@media(prefers-reduced-motion:reduce){.job-effect-video,.job-motion-video{display:none!important}.job-effect-live,.job-motion-live{display:none!important}}

/* Audio studio: real local FFmpeg jobs and fail-closed personal voice service. */
.job-audio-studio{display:grid;gap:9px;padding:0 10px 14px}.job-audio-card{display:grid;gap:8px;padding:10px;border:1px solid #263b58;border-radius:13px;background:linear-gradient(150deg,#0d1a2d,#08121f);box-shadow:0 10px 22px rgba(2,8,23,.18)}.job-audio-card.primary{border-color:#315b91;background:radial-gradient(circle at 92% 4%,rgba(59,130,246,.17),transparent 35%),linear-gradient(150deg,#10223d,#091421)}.job-audio-card.paid{border-color:#4b3d76;background:radial-gradient(circle at 93% 3%,rgba(139,92,246,.16),transparent 38%),linear-gradient(150deg,#151a36,#0a1221)}.job-audio-card-head{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:7px}.job-audio-card-head>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #31537b;border-radius:9px;background:#132b49;color:#8fc0ff}.job-audio-card-head>i .job-visual-svg{width:15px;height:15px}.job-audio-card-head span{display:grid;gap:2px}.job-audio-card-head b{font-size:8px;color:#e8f2ff}.job-audio-card-head small{font-size:5.5px;line-height:1.35;color:#8093ae}.job-audio-card-head>em{padding:3px 6px;border-radius:999px;background:#113a34;color:#6ee7b7;font:900 5px/1 inherit;font-style:normal}.job-audio-card.paid .job-audio-card-head>em{background:#33275d;color:#c4b5fd}.job-audio-card select,.job-audio-card input{min-width:0;border:1px solid #2b405f;border-radius:8px;background:#0a1525;color:#dbeafe;font:700 6.5px/1.3 inherit;outline:none}.job-audio-card select{height:31px;padding:0 8px}.job-audio-card input[type=text],.job-audio-card input:not([type]){height:31px;padding:0 8px}.job-audio-card select:focus,.job-audio-card input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.14)}.job-audio-inline{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:7px}.job-audio-inline label,.job-voice-create label{display:flex;align-items:center;gap:5px;color:#a9bad1;font-size:5.8px}.job-audio-inline input,.job-voice-create input[type=checkbox]{width:12px;height:12px;accent-color:#3b82f6}.job-audio-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.job-audio-preset{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;padding:7px;border:1px solid #293f5d;border-radius:9px;background:#0a1627;color:#dbeafe;text-align:left;cursor:pointer;transition:.16s ease}.job-audio-preset:hover{transform:translateY(-1px);border-color:#60a5fa;background:#10233e}.job-audio-preset>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#152b49;color:#93c5fd}.job-audio-preset .job-visual-svg{width:13px}.job-audio-preset span{display:grid;gap:2px}.job-audio-preset b{font-size:6.3px}.job-audio-preset small{font-size:5px;color:#7f93ad}.job-voice-locked{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px;border:1px dashed #554879;border-radius:10px;background:rgba(30,25,60,.54);color:#c4b5fd}.job-voice-locked>i{display:grid;place-items:center}.job-voice-locked .job-visual-svg{width:18px}.job-voice-locked span{display:grid;gap:3px}.job-voice-locked b{font-size:7px}.job-voice-locked small{color:#9c91bc;font-size:5.5px;line-height:1.45}.job-voice-locked em{font-size:5px;font-style:normal}.job-voice-create{display:grid;gap:7px;padding:8px;border:1px solid #4a3d71;border-radius:10px;background:rgba(15,17,42,.72)}.job-voice-create>b{font-size:7px;color:#e9e5ff}.job-voice-create>small{font-size:5px;line-height:1.4;color:#82779f}.job-voice-pack-list,.job-audio-job-list{display:grid;gap:6px}.job-voice-pack-list article{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:6px;border:1px solid #3a315a;border-radius:9px;background:#0c1328}.job-voice-pack-list i{color:#a78bfa}.job-voice-pack-list .job-visual-svg{width:14px}.job-voice-pack-list span{display:grid;gap:2px}.job-voice-pack-list b{font-size:6.3px;color:#ede9fe}.job-voice-pack-list small{font-size:5px;color:#8d84a8}.job-voice-pack-list button,.job-audio-job-actions button,.job-section-head button{padding:4px 6px;border:1px solid #34527a;border-radius:6px;background:#102039;color:#bfdbfe;font:800 5px/1 inherit;cursor:pointer}.job-voice-pack-list button:hover,.job-audio-job-actions button:hover{border-color:#60a5fa}.job-voice-pack-list button.danger{border-color:#64394a;color:#fda4af}.job-audio-job{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border:1px solid #293e5b;border-radius:9px;background:#091522}.job-audio-job.ready{border-color:#256358}.job-audio-job>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#132a48;color:#93c5fd}.job-audio-job .job-visual-svg{width:14px}.job-audio-job>span{display:grid;gap:2px}.job-audio-job b{font-size:6.3px;color:#dbeafe}.job-audio-job small{font-size:5px;color:#7f93ad}.job-audio-job>em{font:900 5px/1 inherit;font-style:normal;color:#70a9f6}.job-audio-job-actions{grid-column:2/4;display:flex;gap:5px}.job-audio-empty,.job-audio-login{display:grid;place-items:center;gap:7px;padding:16px 10px;border:1px dashed #314866;border-radius:11px;background:#091521;text-align:center}.job-audio-empty b,.job-audio-login b{font-size:7px;color:#dbeafe}.job-audio-empty span,.job-audio-login span{max-width:230px;color:#8094ae;font-size:5.7px;line-height:1.45}.job-audio-login>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1d4ed8,#6d28d9);color:#fff}.job-audio-login .job-visual-svg{width:22px}.job-audio-preview-card audio{width:100%;margin-top:8px}.billing-source-wallet>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.billing-source-wallet span{display:grid;gap:3px}.billing-source-wallet small{font-size:11px;color:#64748b}
@media(max-width:520px){.job-audio-preset-grid{grid-template-columns:1fr}.job-audio-inline{grid-template-columns:1fr}.job-voice-pack-list article{grid-template-columns:24px minmax(0,1fr) auto}.job-voice-pack-list .danger{grid-column:2/4}}

/* Executable AI V6 effects and smart-template selection. */
.job-template-card.selected{border-color:#60a5fa!important;box-shadow:0 0 0 2px rgba(59,130,246,.2),0 15px 32px rgba(2,8,23,.38)!important}.job-template-card.selected:after{content:'已应用';position:absolute;z-index:8;left:8px;top:38px;padding:3px 6px;border-radius:999px;background:rgba(29,78,216,.9);color:#eff6ff;font:950 5px/1 inherit;letter-spacing:.03em;backdrop-filter:blur(7px)}
.job-effect-card.paid{border-color:#554482!important;background:linear-gradient(150deg,#11152b,#081321)!important}.job-effect-card.paid>em{background:rgba(67,56,128,.92)!important;color:#ddd6fe!important}.job-effect-card.paid.selected{border-color:#8b5cf6!important;box-shadow:0 0 0 2px rgba(139,92,246,.2),0 10px 26px rgba(2,8,23,.38)!important}
.job-background-swap{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #3d3565;border-radius:10px;background:linear-gradient(145deg,#15182d,#0a1424);color:#c4b5fd}.job-background-swap.active{border-color:#2563eb;box-shadow:inset 0 0 0 1px rgba(96,165,250,.1)}.job-background-swap>span{display:grid;gap:3px}.job-background-swap b{font-size:6.8px;color:#e0e7ff}.job-background-swap small{font-size:5.3px;line-height:1.35;color:#858bb0}.job-background-swap label{position:relative;display:grid;place-items:center;width:31px;height:31px;border:1px solid #4b5f7d;border-radius:9px;background:#0a1422;overflow:hidden;cursor:pointer}.job-background-swap input{position:absolute;inset:-8px;width:48px;height:48px;opacity:0;cursor:pointer}.job-background-swap label i{display:block;width:19px;height:19px;border:2px solid rgba(255,255,255,.65);border-radius:6px;box-shadow:0 3px 10px rgba(2,8,23,.4)}

/* BBRab-owned offline AI controls: configuration is attached to executable
   features, not presented as decorative status chips. */
.job-local-ai-config{display:grid;gap:9px;padding:0 10px 14px}.job-local-ai-trust{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #285d62;border-radius:12px;background:radial-gradient(circle at 95% 0,rgba(45,212,191,.12),transparent 42%),linear-gradient(145deg,#0a2028,#081521);box-shadow:0 10px 24px rgba(2,8,23,.2)}.job-local-ai-trust>i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #2f6f74;border-radius:10px;background:#0f3038;color:#67e8f9}.job-local-ai-trust .job-visual-svg{width:16px;height:16px}.job-local-ai-trust>span{display:grid;gap:2px}.job-local-ai-trust b{color:#d8fbff;font-size:7.3px}.job-local-ai-trust small{color:#7fa8ad;font-size:5.3px;line-height:1.4}.job-local-ai-trust>em{padding:4px 6px;border-radius:999px;background:#123d35;color:#6ee7b7;font:900 5px/1 inherit;font-style:normal}.job-local-ai-config .job-field{display:grid;gap:5px}.job-local-ai-config .job-field>span{color:#9bb0ca;font-size:5.8px;font-weight:800}.job-local-ai-config textarea{width:100%;min-height:74px;resize:vertical;box-sizing:border-box;padding:8px;border:1px solid #2b405f;border-radius:9px;background:#081421;color:#e1edff;font:650 6.5px/1.55 inherit;outline:none}.job-local-ai-config textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.14)}.job-local-ai-config textarea:disabled,.job-local-ai-config select:disabled{opacity:.48;cursor:not-allowed}.job-local-ai-config .job-duration-control{margin:0}.job-local-ai-config .job-setting-grid{margin:0;padding:0}.job-local-ai-config .job-cap-status{margin:0}
@media(max-width:520px){.job-local-ai-trust{grid-template-columns:28px minmax(0,1fr)}.job-local-ai-trust>em{grid-column:2;justify-self:start}.job-local-ai-config .job-setting-grid{grid-template-columns:1fr}}