:root {
  --lj-bg: #06080e;
  --lj-panel: rgba(18, 24, 38, .72);
  --lj-panel-strong: rgba(20, 28, 45, .9);
  --lj-line: rgba(166, 193, 235, .16);
  --lj-text: #f3f7ff;
  --lj-muted: #8d9ab0;
  --lj-blue: #59a9ff;
  --lj-cyan: #55e4d5;
  --lj-violet: #ab83ff;
  --lj-danger: #ff8797;
}

/* Mobile AI video replication and commerce-video task surfaces. */
.lj-replica-tasks { display: grid; gap: 9px; }
.lj-replica-task { display: grid; gap: 9px; padding: 12px; }
.lj-replica-task > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.lj-replica-task strong { color: #1d2027; font-size: 13px; }
.lj-replica-task small { color: #657084; font-size: 11px; }
.lj-replica-task video, .lj-commerce-result { display: block; width: 100%; max-height: 420px; border-radius: 9px; background: #090b10; }
.lj-replica-task__progress { display: grid; grid-template-columns: minmax(0, 1fr) 35px; align-items: center; gap: 8px; }
.lj-replica-task__progress > i { display: block; height: 5px; overflow: hidden; border-radius: 6px; background: rgba(30, 34, 42, .14); }
.lj-replica-task__progress > i > b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6c4f3e, #c49a76); }
.lj-replica-task__progress em { color: #6a717d; font-size: 10px; font-style: normal; text-align: right; }
.lj-empty-card { padding: 26px 14px; color: #727984; font-size: 12px; text-align: center; }

html, body { margin: 0; min-height: 100%; background: var(--lj-bg); overflow-x: hidden; }
body.lj-vision-active #app { display: none !important; }
body.lj-vision-active { overflow: hidden; background: var(--lj-bg); }
body.lj-login-bridge-active #app { display: none !important; }
html, body { overscroll-behavior-y: none; }
body.lj-login-bridge-active { overflow: hidden; background: #06080e; }
* { box-sizing: border-box; }
#lj-vision { position: relative; min-height: 100dvh; overflow: hidden; background: #06080e; }
.lj-app.lj-transition-layer { position: absolute; z-index: 20; inset: 0; width: 100%; max-width: none; transform: translate3d(100%, 0, 0); box-shadow: -12px 0 24px rgba(0,0,0,.28); will-change: transform; backface-visibility: hidden; contain: layout paint; }
.lj-app.lj-transition-layer.is-page-slide-in { animation: lj-page-slide-in .36s cubic-bezier(.22,.72,.22,1) forwards; }
@keyframes lj-page-slide-in { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } }
body.lj-page-transitioning .lj-app *, body.lj-page-transitioning .lj-app::before, body.lj-page-transitioning .lj-app::after { animation-play-state: paused !important; }
body.lj-page-transitioning .lj-app .lj-card, body.lj-page-transitioning .lj-app .lj-feature, body.lj-page-transitioning .lj-app .lj-home-hero, body.lj-page-transitioning .lj-app .lj-bottom-nav { backdrop-filter: none !important; }
body.lj-page-transitioning .lj-transition-layer { box-shadow: none; }
button, input, textarea, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

#lj-login-bridge { position: fixed; inset: 0; z-index: 2147483001; color: #17243a; background: rgba(3, 7, 16, .52); backdrop-filter: blur(11px) saturate(1.08); font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; }
.lj-login-shell { display: grid; width: 100%; min-height: 100dvh; place-items: center; padding: 20px; background: linear-gradient(180deg, rgba(17, 29, 54, .16), rgba(4, 8, 18, .28)); }
.lj-login-card { position: relative; width: min(100%, 430px); padding: 30px; border: 1px solid rgba(230, 239, 255, .7); border-radius: 8px; background: rgba(249, 252, 255, .96); box-shadow: 0 24px 64px rgba(0, 0, 0, .38), inset 0 1px rgba(255,255,255,.95); }
.lj-login-close { position: absolute; top: 14px; right: 14px; display: grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 1px solid rgba(111, 133, 172, .28); border-radius: 8px; color: #60708a; background: rgba(255,255,255,.72); font-size: 24px; line-height: 1; cursor: pointer; }
.lj-login-tabs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; margin: 0 46px 24px 0; padding: 3px; border: 1px solid rgba(111, 133, 172, .22); border-radius: 7px; background: rgba(228, 235, 246, .72); }
.lj-login-tabs button { min-height: 34px; border: 0; border-radius: 5px; color: #6c7890; background: transparent; font-size: 13px; font-weight: 650; cursor: pointer; }
.lj-login-tabs button.active { color: #17243a; background: rgba(255,255,255,.94); box-shadow: 0 4px 12px rgba(52, 74, 112, .1); }
.lj-login-scan-label { margin: 0 0 10px; color: #718098; font-size: 13px; text-align: center; }
.lj-login-social-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lj-login-social-grid button { display: inline-flex; min-width: 0; min-height: 40px; align-items: center; justify-content: center; gap: 7px; padding: 0 7px; border: 1px solid rgba(111, 133, 172, .22); border-radius: 7px; color: #34445f; background: rgba(255,255,255,.76); font-size: 13px; font-weight: 650; cursor: pointer; }
.lj-login-social-grid button:active { background: #fff; border-color: rgba(47, 109, 246, .4); }
.lj-login-social-grid img { width: 17px; height: 17px; object-fit: contain; }
.lj-login-divider { display: flex; align-items: center; gap: 9px; margin: 19px 0 10px; color: #91a0b5; font-size: 11px; }
.lj-login-divider::before, .lj-login-divider::after { content: ""; flex: 1; height: 1px; background: rgba(111, 133, 172, .22); }
.lj-login-email-trigger, .lj-login-submit { width: 100%; min-height: 45px; border: 1px solid rgba(111, 133, 172, .28); border-radius: 7px; color: #263957; background: rgba(255,255,255,.82); font-size: 14px; font-weight: 700; cursor: pointer; }
.lj-login-email-trigger:active { background: #fff; border-color: rgba(47, 109, 246, .42); }
.lj-login-email-form label { display: block; margin-top: 14px; color: #53627b; font-size: 13px; font-weight: 650; }
.lj-login-email-form input { display: block; width: 100%; height: 45px; margin-top: 7px; padding: 0 12px; border: 1px solid rgba(111, 133, 172, .26); border-radius: 7px; outline: none; color: #17243a; background: rgba(255,255,255,.8); font-size: 16px; }
.lj-login-email-form input:focus { border-color: #4d88df; box-shadow: 0 0 0 3px rgba(77, 136, 223, .12); }
.lj-login-email-form input::placeholder { color: #9aa6b8; }
.lj-login-back-scan { margin: 0 0 4px; padding: 0; border: 0; color: #3975ca; background: transparent; font-size: 13px; cursor: pointer; }
.lj-login-submit { margin-top: 20px; border: 0; color: #fff; background: #3975ca; box-shadow: 0 8px 20px rgba(57, 117, 202, .2); }
.lj-login-submit:disabled { cursor: wait; opacity: .67; }
.lj-login-feedback { min-height: 19px; margin: 11px 0 0; color: transparent; font-size: 12px; line-height: 19px; text-align: center; }.lj-login-feedback.is-error { color: #c94f62; }.lj-login-feedback.is-info { color: #3975ca; }
@media (max-width: 390px) { .lj-login-shell { padding: 14px; }.lj-login-card { padding: 24px 18px 20px; }.lj-login-social-grid button { gap: 5px; font-size: 12px; } }

#lj-vision {
  position: fixed; inset: 0; z-index: 2147483000; overflow: hidden;
  color: var(--lj-text); background: #06080e;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: 0; touch-action: pan-y;
}

.lj-app { position: relative; width: 100%; max-width: 540px; height: var(--lj-phone-height, 100dvh); min-height: 0; margin: 0 auto; overflow: hidden; overflow-x: clip; background: #070a12; }
.lj-app::before, .lj-app::after { content: ""; position: absolute; pointer-events: none; z-index: 0; }
.lj-app::before { inset: 0; opacity: .9; }
.lj-app::after { left: 0; right: 0; bottom: 0; height: 36%; background: linear-gradient(0deg, #070a12 3%, rgba(7,10,18,.78) 49%, transparent); }
.lj-app.scene-home::before { background: radial-gradient(ellipse 60% 27% at 52% 18%, rgba(103, 105, 255, .28), transparent 74%), radial-gradient(ellipse 50% 20% at 8% 34%, rgba(32, 190, 221, .17), transparent 78%), linear-gradient(160deg, #060a17 0%, #0a1024 45%, #07090f 92%); }
.lj-app.scene-image::before { background-image: linear-gradient(rgba(116, 145, 207, .075) 1px, transparent 1px), linear-gradient(90deg, rgba(116, 145, 207, .075) 1px, transparent 1px), radial-gradient(ellipse 55% 31% at 72% 11%, rgba(178, 78, 211, .19), transparent 72%), linear-gradient(155deg, #0b0d18, #080a12 64%); background-size: 22px 22px, 22px 22px, auto, auto; }
.lj-app.scene-video::before { background: radial-gradient(ellipse 58% 27% at 76% 16%, rgba(62, 133, 239, .2), transparent 70%), repeating-linear-gradient(90deg, transparent 0 38px, rgba(142, 166, 220, .055) 39px 40px), linear-gradient(165deg, #070d19 0%, #070a11 68%); }
.lj-app.scene-mix::before { background: repeating-linear-gradient(0deg, transparent 0 27px, rgba(72, 202, 216, .06) 28px 29px), repeating-linear-gradient(90deg, transparent 0 59px, rgba(81, 161, 202, .055) 60px 61px), radial-gradient(ellipse 67% 28% at 25% 13%, rgba(28, 183, 192, .18), transparent 73%), #070b12; }
.lj-app.scene-human::before { background: linear-gradient(90deg, transparent 47%, rgba(89, 240, 207, .11) 49%, transparent 51%), radial-gradient(ellipse 33% 38% at 70% 18%, rgba(47, 217, 189, .16), transparent 69%), radial-gradient(ellipse 54% 24% at 15% 14%, rgba(83, 108, 235, .15), transparent 70%), #070b12; }
.lj-app.scene-works::before, .lj-app.scene-profile::before, .lj-app.scene-create::before { background: radial-gradient(ellipse 55% 21% at 52% 0%, rgba(72, 144, 255, .15), transparent 77%), #070a12; }

.lj-scene { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.scene-home .lj-scene::before { content: ""; position: absolute; left: 51%; top: 45px; width: 270px; height: 270px; border: 1px solid rgba(117, 172, 255, .25); border-radius: 50%; transform: translateX(-50%) rotate(-12deg); box-shadow: 0 0 54px rgba(95, 144, 255, .18), inset 0 0 58px rgba(111, 110, 255, .1); }
.scene-home .lj-scene::after { content: ""; position: absolute; left: 50%; top: 97px; width: 118px; height: 118px; border-radius: 50%; transform: translateX(-50%); background: radial-gradient(circle at 38% 38%, #d9f4ff 0 3%, #86d7ff 9%, #545dd5 26%, rgba(74, 53, 157, .25) 47%, transparent 70%); box-shadow: 0 0 38px rgba(101, 159, 255, .56); }
.scene-image .lj-scene::before { content: ""; position: absolute; top: 72px; right: 19px; width: 134px; height: 95px; border: 1px solid rgba(203, 140, 255, .2); transform: rotate(8deg); box-shadow: -24px 28px 0 -1px rgba(89, 193, 255, .07), -24px 28px 0 0 rgba(89, 193, 255, .18); }
.scene-video .lj-scene::before { content: "00:00:08"; position: absolute; top: 83px; right: 24px; color: rgba(156, 193, 255, .31); font-size: 10px; letter-spacing: 2px; }
.scene-video .lj-scene::after { content: ""; position: absolute; top: 56px; right: 18px; width: 132px; height: 82px; border: 1px solid rgba(128, 174, 255, .18); box-shadow: -11px 11px 0 rgba(81, 126, 215, .05); }
.scene-mix .lj-scene::before { content: ""; position: absolute; top: 70px; left: -16px; width: 115%; height: 40px; background: repeating-linear-gradient(90deg, rgba(85, 227, 220, .4) 0 2px, transparent 2px 7px, rgba(83, 158, 255, .32) 7px 9px, transparent 9px 14px); clip-path: polygon(0 50%, 4% 25%, 8% 70%, 12% 5%, 17% 72%, 22% 31%, 27% 68%, 33% 22%, 40% 75%, 46% 35%, 52% 55%, 58% 15%, 65% 75%, 71% 28%, 78% 65%, 84% 10%, 90% 70%, 96% 22%, 100% 52%, 100% 58%, 96% 28%, 90% 76%, 84% 16%, 78% 71%, 71% 34%, 65% 80%, 58% 21%, 52% 62%, 46% 41%, 40% 81%, 33% 28%, 27% 74%, 22% 37%, 17% 78%, 12% 11%, 8% 76%, 4% 31%, 0 56%); opacity: .65; }
.scene-human .lj-scene::before { content: ""; position: absolute; top: 46px; right: 34px; width: 122px; height: 160px; border: 1px solid rgba(83, 235, 201, .29); border-radius: 62px 62px 18px 18px; box-shadow: inset 0 0 41px rgba(50, 229, 186, .08), 0 0 38px rgba(30, 199, 169, .08); }
.scene-human .lj-scene::after { content: "SCAN  98.4%"; position: absolute; top: 139px; right: 48px; color: rgba(125, 244, 219, .41); font-size: 9px; letter-spacing: 1px; }

.lj-content { position: relative; z-index: 1; width: 100%; max-width: 100%; height: var(--lj-phone-height, 100dvh); min-height: 0; padding: max(15px, env(safe-area-inset-top)) 18px calc(94px + env(safe-area-inset-bottom)); overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: none; }
.lj-topbar { display: flex; align-items: center; min-height: 42px; margin-bottom: 19px; }
.lj-topbar__title { flex: 1; text-align: center; font-size: 17px; font-weight: 680; color: #fff; }
.lj-brand { flex: 1; font-size: 20px; font-weight: 760; color: #fff; }
.lj-brand small { margin-left: 6px; color: var(--lj-blue); font-size: 10px; font-weight: 700; vertical-align: middle; }
.lj-icon-btn { width: 36px; height: 36px; border: 1px solid var(--lj-line); border-radius: 50%; padding: 0; color: #dbe9ff; background: rgba(13, 20, 34, .55); font-size: 18px; line-height: 1; cursor: pointer; }
.lj-icon-btn:active { transform: scale(.94); background: rgba(73, 137, 226, .18); }
.lj-topbar .lj-icon-btn:last-child { margin-left: 8px; }
.lj-topbar__spacer { width: 36px; }
.lj-avatar { width: 36px; height: 36px; border: 1px solid rgba(135, 190, 255, .37); border-radius: 50%; background: radial-gradient(circle at 49% 38%, #d1e9ff 0 17%, #718ec0 18% 33%, #1a2443 34% 100%); cursor: pointer; }

.lj-hero { position: relative; min-height: 275px; padding: 147px 0 0; }
.lj-hero__eyebrow { color: #a9c8ff; font-size: 11px; font-weight: 650; letter-spacing: 2px; }
.lj-hero h1 { max-width: 250px; margin: 11px 0 9px; font-size: 31px; font-weight: 760; line-height: 1.14; color: #fff; }
.lj-hero p { margin: 0 0 17px; color: #aab5c9; font-size: 13px; }
.lj-primary { min-height: 46px; border: 0; border-radius: 8px; padding: 0 18px; color: #07111e; background: #6eb6ff; box-shadow: 0 10px 24px rgba(49, 147, 252, .2); font-size: 14px; font-weight: 740; cursor: pointer; }
.lj-primary:active { transform: translateY(1px); box-shadow: none; }
.lj-primary[disabled] { cursor: wait; opacity: .65; }

.lj-section { margin-top: 18px; }
.lj-section__head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 11px; color: #e8effa; font-size: 14px; font-weight: 680; }
.lj-section__head small { color: var(--lj-muted); font-size: 11px; font-weight: 450; }
.lj-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lj-feature { min-height: 99px; border: 1px solid var(--lj-line); border-radius: 8px; padding: 15px 13px; color: var(--lj-text); text-align: left; background: rgba(18, 27, 45, .66); box-shadow: inset 0 1px rgba(255,255,255,.025); cursor: pointer; }
.lj-feature:active, .lj-choice:active, .lj-template:active { border-color: rgba(105, 180, 255, .65); transform: translateY(1px); }
.lj-feature__tag { display: block; color: #8bbdff; font-size: 10px; letter-spacing: 1.3px; }
.lj-feature strong { display: block; margin-top: 10px; color: #f5f8ff; font-size: 15px; font-weight: 680; }
.lj-feature span { display: block; margin-top: 5px; color: #98a7be; font-size: 11px; }
.lj-feature--violet .lj-feature__tag { color: #d0a7ff; }
.lj-feature--cyan .lj-feature__tag { color: #72e6d7; }

.lj-page-lead { position: relative; min-height: 108px; padding: 16px 0 0; }
.lj-page-lead h1 { margin: 0; font-size: 26px; font-weight: 740; letter-spacing: 0; }
.lj-page-lead p { max-width: 245px; margin: 8px 0 0; color: #94a4bd; font-size: 12px; line-height: 1.65; }
.lj-scene-label { display: inline-block; margin-bottom: 9px; color: #9dbfff; font-size: 10px; font-weight: 650; letter-spacing: 1.5px; }
.scene-image .lj-scene-label { color: #e0a7ff; }.scene-mix .lj-scene-label { color: #87e8d8; }.scene-human .lj-scene-label { color: #79eed3; }

.lj-card { border: 1px solid var(--lj-line); border-radius: 8px; background: var(--lj-panel); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.lj-choices { display: grid; gap: 8px; }
.lj-choices--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lj-choices--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lj-choices--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lj-choices--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lj-choice { min-height: 51px; border: 1px solid var(--lj-line); border-radius: 8px; padding: 9px 8px; color: #aebbd0; background: rgba(19, 27, 42, .68); font-size: 12px; line-height: 1.25; cursor: pointer; }
.lj-choice.is-active { border-color: #59a9ff; color: #edf6ff; background: rgba(64, 136, 228, .17); box-shadow: 0 0 0 1px rgba(89,169,255,.12), inset 0 0 19px rgba(60, 137, 246, .075); }
.lj-choice small { display: block; margin-top: 3px; color: #8191a7; font-size: 10px; }
.lj-input-card { margin-top: 12px; padding: 13px; }
.lj-input-card label { display: flex; align-items: center; justify-content: space-between; color: #eaf0fa; font-size: 13px; font-weight: 640; }
.lj-textarea { display: block; width: 100%; height: 82px; resize: none; border: 0; outline: none; padding: 10px 0 0; color: #f2f6ff; background: transparent; font-size: 16px; line-height: 1.5; }
.lj-textarea::placeholder { color: #718098; }
.lj-inline-action { border: 0; padding: 0; color: #82bbff; background: transparent; font-size: 11px; cursor: pointer; }
.lj-inline-note { color: #8fa5c3; font-size: 11px; font-weight: 450; }
.lj-upload { display: flex; align-items: center; gap: 11px; margin-top: 12px; min-height: 66px; padding: 10px 12px; border: 1px dashed rgba(137, 186, 242, .34); border-radius: 8px; color: #dbe8fb; background: rgba(14, 22, 36, .64); cursor: pointer; }
.lj-upload:active { border-color: #62adff; }
.lj-upload__mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(111, 181, 255, .32); border-radius: 8px; color: #91c3ff; font-size: 21px; }
.lj-upload strong { display: block; font-size: 12px; font-weight: 650; }.lj-upload span { display: block; margin-top: 3px; color: #8090a8; font-size: 10px; }
.lj-upload.is-ready { border-style: solid; border-color: rgba(82, 220, 184, .42); }.lj-upload.is-ready .lj-upload__mark { color: #71e6c9; border-color: rgba(87, 225, 193, .4); }
.lj-params { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.lj-param { min-height: 31px; border: 1px solid var(--lj-line); border-radius: 999px; padding: 7px 10px; color: #becbe0; background: rgba(18, 25, 39, .62); font-size: 11px; line-height: 1.2; cursor: pointer; }
.lj-param.is-active { border-color: rgba(112, 183, 255, .6); color: #e8f3ff; background: rgba(65, 127, 224, .14); }
.lj-param-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.lj-param-groups .lj-params { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 0; }
.lj-param-groups .lj-param { width: 100%; min-height: 36px; border-radius: 10px; padding: 8px 5px; text-align: center; }
.lj-params { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.lj-params .lj-param { width: 100%; min-height: 36px; border-radius: 10px; padding: 8px 5px; text-align: center; }
.lj-submit { position: relative; z-index: 2; width: 100%; margin-top: 18px; }
.lj-submit .lj-primary { width: 100%; }

.lj-template-row { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }.lj-template-row::-webkit-scrollbar { display: none; }
.lj-template { flex: 0 0 104px; min-height: 66px; border: 1px solid var(--lj-line); border-radius: 8px; padding: 11px 9px; color: #aebbd0; text-align: left; background: rgba(19,27,42,.68); font-size: 11px; line-height: 1.35; cursor: pointer; }.lj-template.is-active { color: #eafffd; border-color: #59d8cb; background: rgba(47, 173, 166, .13); }
.lj-human-portrait { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 12px; }.lj-human-portrait__orb { display: grid; flex: 0 0 auto; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(93, 239, 205, .38); border-radius: 50%; color: #7eeace; background: radial-gradient(circle, rgba(78,210,185,.21), rgba(15,34,43,.35)); font-size: 22px; }.lj-human-portrait strong { display: block; font-size: 12px; }.lj-human-portrait span { display: block; margin-top: 4px; color: #8c9bb0; font-size: 10px; }

.lj-bottom-nav { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, 1fr); height: calc(66px + env(safe-area-inset-bottom)); padding: 5px 10px env(safe-area-inset-bottom); border-top: 1px solid rgba(156, 184, 226, .1); background: rgba(8, 12, 20, .94); backdrop-filter: blur(18px); }
.lj-nav { display: grid; min-height: 48px; place-items: center; align-content: center; gap: 3px; border: 0; color: #6f7d91; background: transparent; font-size: 10px; cursor: pointer; }
.lj-nav__glyph { display: block; min-height: 18px; font-family: Arial, sans-serif; font-size: 17px; line-height: 18px; }.lj-nav.is-active { color: #96c9ff; }.lj-nav.is-active .lj-nav__glyph { color: #eaf5ff; text-shadow: 0 0 14px rgba(84,170,255,.55); }

.lj-create-launch { display: grid; gap: 10px; }.lj-launch { display: flex; align-items: center; min-height: 95px; border: 1px solid var(--lj-line); border-radius: 8px; padding: 15px; color: #eff5ff; text-align: left; background: rgba(16, 25, 41, .7); cursor: pointer; }.lj-launch__number { margin-right: 14px; color: #6daaff; font-size: 24px; font-weight: 720; }.lj-launch strong { display: block; font-size: 15px; }.lj-launch span { display: block; margin-top: 5px; color: #8c9bb1; font-size: 11px; }.lj-launch__arrow { margin-left: auto; color: #8fc2ff; font-size: 18px; }

.lj-task-list { display: grid; gap: 9px; }.lj-task { padding: 13px; }.lj-task__head { display: flex; align-items: center; gap: 8px; }.lj-task__kind { flex: 1; color: #eef4ff; font-size: 12px; font-weight: 650; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.lj-status { border-radius: 999px; padding: 3px 7px; color: #9bc8ff; background: rgba(77,148,231,.13); font-size: 10px; }.lj-status.is-done { color: #85e7c7; background: rgba(67,189,150,.12); }.lj-status.is-failed { color: #ff9daa; background: rgba(226,84,105,.12); }.lj-task p { margin: 8px 0 0; color: #8b9ab0; font-size: 11px; line-height: 1.45; }.lj-task__previews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }.lj-work-preview { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid rgba(165, 205, 255, .24); border-radius: 8px; background: rgba(7, 14, 30, .72); text-decoration: none; box-shadow: inset 0 1px rgba(255,255,255,.08); }.lj-work-preview img { display: block; width: 100%; height: 100%; object-fit: cover; background: linear-gradient(135deg, rgba(36, 71, 124, .4), rgba(10, 17, 36, .88)); }.lj-work-preview--video::after { content: ""; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent, rgba(3, 6, 14, .75)); pointer-events: none; }.lj-work-preview__play { position: absolute; z-index: 1; top: 50%; left: 50%; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; transform: translate(-50%, -50%); background: rgba(11, 20, 44, .58); box-shadow: 0 4px 18px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.24); backdrop-filter: blur(6px); }.lj-work-preview__play::after { content: ""; position: absolute; top: 10px; left: 13px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #fff; }.lj-work-preview__label { position: absolute; z-index: 1; right: 8px; bottom: 7px; color: rgba(255,255,255,.92); font-size: 10px; font-weight: 650; text-shadow: 0 1px 3px rgba(0,0,0,.72); }.lj-task__outputs { display: flex; gap: 6px; margin-top: 9px; overflow-x: auto; }.lj-output { display: inline-flex; align-items: center; min-height: 28px; border: 1px solid rgba(110,187,255,.27); border-radius: 999px; padding: 0 10px; color: #a8d1ff; text-decoration: none; font-size: 10px; }
.lj-video-preview { position: absolute; z-index: 40; inset: 0; display: grid; place-items: center; padding: 18px; }.lj-video-preview__shade { position: absolute; inset: 0; background: rgba(1, 4, 12, .82); backdrop-filter: blur(10px); }.lj-video-preview__panel { position: relative; width: min(100%, 470px); overflow: hidden; border: 1px solid rgba(198, 226, 255, .24); border-radius: 8px; background: #060b16; box-shadow: 0 24px 70px rgba(0,0,0,.54); }.lj-video-preview__player { display: block; width: 100%; max-height: 74dvh; background: #000; }.lj-video-preview__close { position: absolute; z-index: 1; top: 8px; right: 8px; display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; padding: 0; color: #fff; background: rgba(4, 8, 18, .66); font-size: 24px; line-height: 1; cursor: pointer; backdrop-filter: blur(8px); }
.lj-empty { padding: 28px 16px; color: #8796ac; text-align: center; font-size: 12px; }
.lj-profile { padding: 17px; }.lj-profile__row { display: flex; align-items: center; gap: 13px; }.lj-profile__avatar { display: grid; width: 51px; height: 51px; place-items: center; border: 1px solid rgba(132,189,255,.38); border-radius: 50%; color: #cce7ff; background: #13213b; font-size: 19px; }.lj-profile strong { display: block; font-size: 15px; }.lj-profile span { display: block; margin-top: 4px; color: #8898b0; font-size: 11px; }.lj-profile__quota { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 18px; overflow: hidden; border: 1px solid var(--lj-line); border-radius: 8px; background: var(--lj-line); }.lj-profile__quota div { padding: 13px; background: rgba(12, 18, 30, .9); }.lj-profile__quota small { display: block; color: #8b99ae; font-size: 10px; }.lj-profile__quota b { display: block; margin-top: 5px; font-size: 15px; }.lj-logout { width: 100%; min-height: 42px; margin-top: 14px; border: 1px solid rgba(255, 127, 145, .3); border-radius: 8px; color: #ffafba; background: rgba(131, 30, 48, .11); font-size: 13px; cursor: pointer; }
.lj-toast { position: fixed; z-index: 9; top: calc(18px + env(safe-area-inset-top)); left: 50%; width: min(320px, calc(100% - 42px)); transform: translateX(-50%) translateY(-14px); border: 1px solid rgba(120, 189, 255, .4); border-radius: 8px; padding: 11px 13px; color: #edf6ff; background: rgba(15, 27, 47, .97); box-shadow: 0 12px 34px rgba(0,0,0,.35); font-size: 12px; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; }.lj-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); }.lj-toast.is-error { border-color: rgba(255, 126, 145, .52); color: #ffdce2; }
.lj-hidden-input { display: none; }
@media (min-width: 541px) { #lj-vision { background: #020308; }.lj-app { box-shadow: 0 0 0 1px rgba(155, 188, 240, .12), 0 24px 70px rgba(0,0,0,.55); } }

/* Rendered mobile system: the following layer replaces the earlier flat workbench skin. */
.lj-app { background: #030711; }
.lj-app::after { height: 44%; background: linear-gradient(0deg, rgba(3, 7, 17, .96) 12%, rgba(3, 7, 17, .52) 65%, transparent); }
.lj-content { padding-right: 12px; padding-left: 12px; scrollbar-width: none; }
.lj-content::-webkit-scrollbar { display: none; }
.scene-home .lj-scene::before, .scene-home .lj-scene::after { display: none; }

.lj-home-topbar { position: relative; z-index: 3; min-height: 48px; margin: 0; padding: 0 5px; }
.lj-home-title { flex: 1; color: #fff; text-align: center; font-size: 19px; font-weight: 780; }
.lj-home-back, .lj-home-account { position: relative; flex: 0 0 auto; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(3, 9, 22, .36); cursor: pointer; }
.lj-home-back::before { content: ""; position: absolute; top: 12px; left: 13px; width: 9px; height: 9px; border-bottom: 2px solid #f2f7ff; border-left: 2px solid #f2f7ff; transform: rotate(45deg); }
.lj-home-account { border: 2px solid rgba(255, 255, 255, .94); background: transparent; }
.lj-home-account::before { content: ""; position: absolute; top: 7px; left: 10px; width: 12px; height: 12px; border-radius: 50%; background: #edf6ff; box-shadow: 0 12px 0 2px #edf6ff; }

.lj-home-stage { position: relative; z-index: 1; display: block; width: 100%; height: 193px; margin: 0; overflow: hidden; border: 1px solid rgba(125, 167, 255, .55); border-radius: 19px 19px 5px 5px; padding: 0; background: radial-gradient(ellipse 48% 72% at 51% 46%, rgba(102, 122, 255, .5) 0%, rgba(38, 33, 134, .28) 35%, transparent 68%), linear-gradient(160deg, #0d0830 0%, #06184f 49%, #1a0d4c 100%); box-shadow: 0 18px 32px rgba(15, 43, 132, .31), inset 0 -20px 44px rgba(4, 7, 27, .72); cursor: pointer; isolation: isolate; }
.lj-home-stage::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .9; background-image: linear-gradient(rgba(111, 183, 255, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(111, 183, 255, .11) 1px, transparent 1px); background-size: 18px 18px; transform: perspective(240px) rotateX(56deg) scale(1.6) translateY(62px); transform-origin: bottom; }
.lj-stage-rays { position: absolute; inset: 0; background: repeating-conic-gradient(from 0deg at 50% 46%, transparent 0deg 12deg, rgba(125, 179, 255, .26) 13deg 13.7deg, transparent 14deg 23deg); opacity: .72; mask-image: radial-gradient(circle at 50% 46%, transparent 0 19%, #000 64%, transparent 100%); }
.lj-stage-orbit { position: absolute; top: 42%; left: 50%; border: 1px solid rgba(202, 223, 255, .72); border-radius: 50%; transform: translate(-50%, -50%) rotate(-17deg); box-shadow: 0 0 15px rgba(88, 155, 255, .48); }
.lj-stage-orbit--one { width: 166px; height: 57px; }
.lj-stage-orbit--two { width: 218px; height: 82px; border-color: rgba(193, 113, 255, .76); transform: translate(-50%, -50%) rotate(18deg); box-shadow: 0 0 17px rgba(196, 87, 255, .5); }
.lj-stage-orbit--three { width: 124px; height: 126px; border-color: rgba(132, 211, 255, .72); transform: translate(-50%, -50%) rotate(66deg); }
.lj-stage-core { position: absolute; top: 42%; left: 50%; width: 56px; height: 56px; border: 1px solid rgba(230, 244, 255, .8); border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle at 43% 39%, #fff 0 5%, #bde6ff 8%, #8279ff 25%, #4141b8 44%, rgba(23, 19, 102, .4) 70%, transparent 72%); box-shadow: 0 0 18px rgba(119, 221, 255, .9), 0 0 44px rgba(120, 87, 255, .65); }
.lj-stage-core i { position: absolute; inset: 8px; border: 1px solid rgba(236, 249, 255, .84); border-radius: 50%; }
.lj-stage-play { position: absolute; top: 42%; left: 50%; width: 28px; height: 28px; border-radius: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,.86); background: rgba(255,255,255,.16); box-shadow: 0 2px 12px rgba(255,255,255,.25); }
.lj-stage-play::after { content: ""; position: absolute; top: 8px; left: 11px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; }
.lj-city { position: absolute; bottom: 0; display: flex; align-items: end; gap: 2px; width: 37%; height: 86px; filter: drop-shadow(0 0 5px rgba(95, 197, 255, .74)); }
.lj-city--left { left: 0; justify-content: flex-start; }.lj-city--right { right: 0; justify-content: flex-end; transform: scaleX(-1); }
.lj-city i { display: block; width: 7%; min-width: 5px; height: 34%; border: 1px solid rgba(165, 217, 255, .6); background: repeating-linear-gradient(0deg, rgba(115, 219, 255, .65) 0 2px, transparent 2px 8px), linear-gradient(90deg, rgba(29, 92, 195, .72), rgba(182, 91, 253, .57)); }
.lj-city i:nth-child(2n) { height: 52%; }.lj-city i:nth-child(3n) { height: 74%; }.lj-city i:nth-child(5n) { height: 100%; }.lj-city i:nth-child(7n) { height: 61%; }.lj-city i:nth-child(11n) { height: 83%; }
.lj-stage-horizon { position: absolute; right: -10%; bottom: 31px; left: -10%; height: 2px; background: linear-gradient(90deg, transparent, #6fe4ff 20%, #e27fff 50%, #67c7ff 82%, transparent); box-shadow: 0 0 12px rgba(132, 188, 255, .85); transform: perspective(220px) rotateX(45deg); }

.lj-home-hero { position: relative; z-index: 2; display: flex; min-height: 157px; margin: -1px 0 0; overflow: hidden; border: 1px solid rgba(133, 148, 255, .62); border-top: 0; border-radius: 0 0 19px 19px; padding: 20px 18px; background: radial-gradient(circle at 84% 22%, rgba(118, 111, 255, .57), transparent 36%), linear-gradient(112deg, #131d5b 0%, #1a1558 45%, #411b72 100%); box-shadow: 0 17px 28px rgba(14, 16, 73, .28); }
.lj-home-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg, rgba(95, 255, 237, .14), transparent 30%, rgba(245, 114, 255, .11) 85%); pointer-events: none; }
.lj-home-hero__copy { position: relative; z-index: 2; width: 58%; }.lj-home-hero h1 { margin: 0; color: #fff; font-size: 23px; font-weight: 780; line-height: 1.2; }.lj-home-hero p { margin: 8px 0 16px; color: rgba(242, 246, 255, .86); font-size: 13px; }
.lj-primary--glow { min-height: 40px; border: 1px solid rgba(238, 255, 255, .7); border-radius: 999px; padding: 0 14px; color: #fff; background: linear-gradient(100deg, #b855ff 0%, #5dbfff 57%, #60e0f6 100%); box-shadow: 0 0 0 3px rgba(112, 121, 255, .14), 0 0 20px rgba(109, 193, 255, .6); font-size: 13px; }.lj-primary--glow span { margin-left: 5px; }
.lj-preview-stack { position: absolute; z-index: 1; top: 22px; right: 8px; width: 118px; height: 111px; }.lj-preview-card { position: absolute; display: block; width: 76px; height: 101px; overflow: hidden; border: 1px solid rgba(255,255,255,.6); border-radius: 7px; box-shadow: 0 15px 24px rgba(0,0,0,.25); }.lj-preview-card--back { top: 4px; right: 0; transform: rotate(12deg); background: linear-gradient(160deg, #356798, #d5e3ef 44%, #0c1e4b 45% 66%, #a274e5 67%); }.lj-preview-card--front { top: 19px; right: 27px; transform: rotate(-10deg); background: linear-gradient(145deg, #d9f2ff 0 32%, #5a91c5 33% 48%, #1b3859 49% 66%, #f0f7fa 67%); }.lj-preview-card--front::before { content: ""; position: absolute; right: -14px; bottom: -22px; width: 74px; height: 66px; background: #fafcff; transform: rotate(32deg); }.lj-preview-card--front i { position: absolute; z-index: 1; top: 39px; left: 26px; width: 24px; height: 24px; border: 3px solid #fff; border-radius: 50%; background: rgba(4,14,30,.6); }.lj-preview-card--front i::after { content: ""; position: absolute; top: 5px; left: 7px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #fff; }

.lj-home-features { margin-top: 27px; padding: 0 1px; }.lj-feature-grid { gap: 14px; }.lj-feature { position: relative; min-height: 104px; overflow: hidden; border: 1px solid rgba(105, 216, 255, .86); border-radius: 15px 7px 15px 7px; padding: 44px 12px 11px; background: linear-gradient(145deg, rgba(43, 40, 93, .86), rgba(7, 20, 52, .9)); box-shadow: 0 0 0 2px rgba(74, 149, 255, .11), inset 0 0 27px rgba(79, 119, 255, .12), 0 0 17px rgba(63, 159, 255, .22); }
.lj-feature::after { content: ""; position: absolute; top: 0; right: 0; width: 44%; height: 1px; background: #d9fbff; box-shadow: 0 0 9px 2px #77dfff; }.lj-feature strong { margin: 0; color: #fff; font-size: 14px; font-weight: 740; }.lj-feature span:not(.lj-feature__icon) { margin-top: 5px; color: #d2ddf4; font-size: 11px; }.lj-feature--violet { border-color: rgba(220, 107, 255, .86); background: linear-gradient(145deg, rgba(79, 35, 112, .88), rgba(15, 17, 53, .92)); box-shadow: 0 0 0 2px rgba(205, 88, 255, .1), inset 0 0 27px rgba(192, 83, 255, .12), 0 0 17px rgba(203, 91, 255, .24); }.lj-feature--violet::after { background: #ffd4ff; box-shadow: 0 0 9px 2px #e670ff; }.lj-feature--cyan { border-color: rgba(91, 238, 211, .8); background: linear-gradient(145deg, rgba(20, 80, 103, .86), rgba(6, 22, 48, .92)); }
.lj-feature__icon { position: absolute; top: 13px; right: 14px; width: 27px; height: 27px; color: #eef8ff; }.lj-feature__icon::before, .lj-feature__icon::after { content: ""; position: absolute; box-sizing: border-box; }.lj-feature--image .lj-feature__icon::before { inset: 2px; border: 2px solid currentColor; border-radius: 5px; }.lj-feature--image .lj-feature__icon::after { right: 5px; bottom: 5px; width: 11px; height: 8px; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(-45deg); }.lj-feature--mix .lj-feature__icon::before { top: 2px; left: 4px; width: 18px; height: 18px; border: 2px solid currentColor; border-radius: 50% 50% 50% 3px; transform: rotate(40deg); }.lj-feature--mix .lj-feature__icon::after { right: 1px; bottom: 2px; width: 13px; height: 13px; border: 2px solid currentColor; border-radius: 50%; }.lj-feature--human .lj-feature__icon::before { top: 0; left: 8px; width: 11px; height: 11px; border: 2px solid currentColor; border-radius: 50%; }.lj-feature--human .lj-feature__icon::after { bottom: 0; left: 3px; width: 21px; height: 15px; border: 2px solid currentColor; border-radius: 50% 50% 6px 6px; }.lj-feature--works .lj-feature__icon::before { inset: 2px 5px 1px; border: 2px solid currentColor; border-radius: 4px; }.lj-feature--works .lj-feature__icon::after { top: 10px; left: 9px; width: 10px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }

.lj-topbar:not(.lj-home-topbar) { position: relative; z-index: 3; min-height: 50px; margin: -1px 0 9px; border-bottom: 1px solid rgba(161, 208, 255, .13); }.lj-topbar__title { font-size: 18px; font-weight: 740; }.lj-icon-btn { border-color: rgba(129, 197, 255, .38); background: rgba(10, 21, 46, .68); box-shadow: inset 0 0 12px rgba(96, 167, 255, .08); }
.lj-page-lead { min-height: 112px; overflow: hidden; border: 1px solid rgba(135, 182, 255, .28); border-radius: 17px 17px 8px 8px; padding: 15px 17px 13px; background: linear-gradient(128deg, rgba(9, 17, 44, .96), rgba(11, 23, 55, .77)); box-shadow: inset 0 1px rgba(255,255,255,.07), 0 14px 30px rgba(0,0,0,.22); }.lj-page-lead::before, .lj-page-lead::after { content: ""; position: absolute; pointer-events: none; }.lj-page-lead::before { top: -16px; right: -13px; width: 145px; height: 145px; border: 1px solid rgba(125, 190, 255, .27); border-radius: 50%; box-shadow: inset 0 0 37px rgba(76, 125, 255, .16), 0 0 28px rgba(77, 144, 255, .13); }.lj-page-lead::after { right: 12px; bottom: 7px; width: 107px; height: 45px; border: 1px solid rgba(148, 202, 255, .24); transform: rotate(-10deg); }.lj-page-lead h1 { position: relative; z-index: 1; max-width: 218px; font-size: 27px; font-weight: 780; }.lj-page-lead p { position: relative; z-index: 1; max-width: 225px; color: #b4c7e5; }.lj-scene-label { position: relative; z-index: 1; color: #7fc6ff; }
.scene-image .lj-page-lead { background: linear-gradient(126deg, rgba(30, 12, 53, .98), rgba(59, 18, 81, .55) 46%, rgba(9, 20, 47, .92)); }.scene-image .lj-page-lead::before { border-radius: 11px; background: repeating-linear-gradient(90deg, transparent 0 14px, rgba(199, 121, 255, .17) 15px 16px), linear-gradient(135deg, rgba(253, 135, 255, .27), rgba(75, 184, 255, .15)); transform: rotate(10deg); }.scene-image .lj-page-lead::after { border-color: rgba(237, 123, 255, .46); box-shadow: -18px 19px 0 rgba(81, 201, 255, .11); }.scene-image .lj-scene-label { color: #ec9aff; }
.scene-video .lj-page-lead { background: linear-gradient(124deg, rgba(8, 22, 56, .98), rgba(16, 39, 82, .64), rgba(9, 15, 38, .94)); }.scene-video .lj-page-lead::before { border-radius: 8px; background: radial-gradient(circle at 40% 40%, transparent 0 19%, rgba(87, 158, 255, .12) 20% 21%, transparent 22% 34%, rgba(87, 158, 255, .18) 35% 36%, transparent 37%); }.scene-video .lj-page-lead::after { height: 51px; background: repeating-linear-gradient(90deg, rgba(138, 199, 255, .43) 0 2px, transparent 2px 10px); border: 0; opacity: .68; }
.scene-mix .lj-page-lead { background: linear-gradient(124deg, rgba(6, 37, 53, .98), rgba(12, 68, 77, .53), rgba(5, 19, 38, .94)); }.scene-mix .lj-page-lead::before { border-radius: 0; border-width: 0 0 1px; border-color: rgba(82, 246, 218, .47); box-shadow: 0 21px 0 rgba(63, 205, 220, .19), 0 42px 0 rgba(79, 142, 255, .16); }.scene-mix .lj-page-lead::after { border-color: rgba(81, 233, 218, .41); transform: rotate(0); }.scene-mix .lj-scene-label { color: #77f3df; }
.scene-human .lj-page-lead { background: linear-gradient(124deg, rgba(5, 43, 54, .98), rgba(10, 66, 68, .58), rgba(6, 20, 35, .94)); }.scene-human .lj-page-lead::before { height: 158px; border-radius: 52% 52% 18px 18px; border-color: rgba(94, 247, 212, .46); background: linear-gradient(90deg, transparent 49%, rgba(99, 255, 219, .26) 50% 51%, transparent 52%); }.scene-human .lj-page-lead::after { border-color: rgba(97, 239, 214, .38); box-shadow: -16px 17px 0 rgba(38, 226, 188, .11); }.scene-human .lj-scene-label { color: #7af0d7; }
.scene-works .lj-page-lead { background: linear-gradient(124deg, rgba(22, 20, 67, .98), rgba(45, 24, 87, .58), rgba(8, 16, 40, .94)); }.scene-works .lj-page-lead::before { border-radius: 9px; transform: rotate(12deg); }.scene-profile .lj-page-lead { background: linear-gradient(124deg, rgba(13, 34, 67, .98), rgba(25, 65, 105, .57), rgba(5, 14, 33, .94)); }.scene-profile .lj-page-lead::before { border-color: rgba(117, 197, 255, .47); }

.lj-section { position: relative; z-index: 2; margin-top: 17px; }.lj-section__head { margin-bottom: 10px; padding: 0 2px; font-size: 14px; }.lj-card, .lj-choice, .lj-upload, .lj-template, .lj-launch { border-color: rgba(139, 194, 255, .25); background: linear-gradient(135deg, rgba(19, 34, 68, .78), rgba(8, 16, 37, .86)); box-shadow: inset 0 1px rgba(255,255,255,.06), inset 0 0 30px rgba(70, 131, 255, .035), 0 9px 19px rgba(0,0,0,.14); }.lj-card { border-radius: 13px; }.lj-choice { min-height: 57px; border-radius: 12px; }.lj-choice.is-active { border-color: #64baff; background: linear-gradient(135deg, rgba(40, 103, 194, .64), rgba(15, 47, 109, .66)); box-shadow: 0 0 0 1px rgba(112, 188, 255, .21), 0 0 18px rgba(81, 169, 255, .16), inset 0 0 22px rgba(103, 189, 255, .14); }.scene-image .lj-choice.is-active { border-color: #e38dff; background: linear-gradient(135deg, rgba(127, 46, 177, .56), rgba(41, 45, 115, .6)); }.scene-mix .lj-choice.is-active { border-color: #72eadb; background: linear-gradient(135deg, rgba(20, 128, 137, .57), rgba(12, 52, 77, .65)); }.scene-human .lj-choice.is-active { border-color: #78ebd4; background: linear-gradient(135deg, rgba(21, 124, 115, .57), rgba(10, 56, 65, .65)); }
.lj-input-card { padding: 15px; }.lj-textarea { height: 90px; }.lj-upload { min-height: 76px; border-style: solid; border-radius: 13px; }.lj-upload__mark { width: 40px; height: 40px; border-color: rgba(137, 205, 255, .54); border-radius: 12px; background: rgba(35, 91, 163, .18); }.lj-param { border-color: rgba(128, 194, 255, .3); background: rgba(22, 39, 74, .62); }.lj-param.is-active { border-color: #6fc0ff; box-shadow: 0 0 12px rgba(92, 182, 255, .19); }.lj-submit { margin-top: 20px; }.lj-submit .lj-primary { min-height: 50px; border: 1px solid rgba(197, 244, 255, .76); border-radius: 14px; color: #fff; background: linear-gradient(100deg, #724eff, #379eff 52%, #52e2df); box-shadow: 0 10px 26px rgba(54, 148, 255, .29), inset 0 1px rgba(255,255,255,.35); }
.lj-template { border-radius: 12px; }.lj-template.is-active { border-color: #76f0df; background: linear-gradient(135deg, rgba(26, 153, 144, .55), rgba(13, 71, 85, .67)); box-shadow: 0 0 16px rgba(79, 222, 199, .15); }.lj-human-portrait { border-radius: 13px; }.lj-human-portrait__orb { border-color: rgba(111, 249, 220, .62); box-shadow: 0 0 17px rgba(69, 237, 202, .21); }
.lj-field { display: grid; gap: 7px; margin-top: 12px; color: #c9d9ef; font-size: 12px; }.lj-field > span { padding-left: 2px; }.lj-select, .lj-text-input { width: 100%; min-height: 43px; border: 1px solid rgba(139, 194, 255, .28); border-radius: 9px; padding: 0 12px; color: #eef6ff; background: rgba(9, 20, 47, .82); box-shadow: inset 0 1px rgba(255,255,255,.05); outline: none; font: inherit; }.lj-select:focus, .lj-text-input:focus { border-color: #78c8ff; box-shadow: 0 0 0 2px rgba(85, 176, 255, .14); }.lj-select option { color: #10213e; background: #f5f8ff; }.lj-inline-save { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 9px; }.lj-inline-save .lj-field { min-width: 0; }.lj-secondary { min-height: 43px; border: 1px solid rgba(130, 199, 255, .42); border-radius: 9px; padding: 0 12px; color: #bee3ff; background: rgba(20, 61, 105, .42); font-size: 12px; cursor: pointer; }.lj-selection-note { margin-top: 9px; border-left: 2px solid #71d8e3; padding: 8px 10px; color: #b9d3e9; background: rgba(49, 144, 167, .11); font-size: 11px; line-height: 1.45; }

.lj-create-launch { position: relative; z-index: 2; margin-top: 17px; gap: 17px; }.lj-launch { min-height: 125px; overflow: hidden; border-radius: 15px; }.lj-launch::before { content: ""; position: absolute; right: -10px; width: 103px; height: 103px; border: 1px solid rgba(127, 197, 255, .33); border-radius: 50%; box-shadow: inset 0 0 28px rgba(91, 174, 255, .15); }.lj-launch:first-child::before { border-radius: 9px; transform: rotate(19deg); }.lj-launch__number { color: #b8dfff; font-size: 31px; text-shadow: 0 0 14px rgba(84, 184, 255, .58); }.lj-launch strong { font-size: 17px; }.lj-launch__arrow { position: relative; z-index: 1; border: 1px solid rgba(118, 193, 255, .44); border-radius: 50%; padding: 6px 9px; }
.lj-task { border-radius: 13px; background: linear-gradient(135deg, rgba(20, 32, 65, .84), rgba(7, 15, 34, .9)); }.lj-task::before { content: ""; display: block; width: 32px; height: 2px; margin: 0 0 10px; background: linear-gradient(90deg, #64caff, #bb77ff); box-shadow: 0 0 10px rgba(100, 202, 255, .6); }.lj-empty { border-radius: 13px; background: linear-gradient(135deg, rgba(20, 32, 65, .84), rgba(7, 15, 34, .9)); }.lj-profile { border-radius: 17px; background: linear-gradient(135deg, rgba(24, 50, 95, .92), rgba(8, 19, 48, .94)); box-shadow: inset 0 0 47px rgba(83, 168, 255, .09), 0 16px 29px rgba(0,0,0,.2); }.lj-profile__avatar { border-color: rgba(153, 216, 255, .65); background: radial-gradient(circle at 40% 34%, #def7ff 0 13%, #6fa8e5 14% 33%, #162f64 34%); box-shadow: 0 0 20px rgba(113, 189, 255, .28); }.lj-profile__quota { border-color: rgba(130, 194, 255, .25); background: rgba(122, 182, 255, .15); }.lj-profile__quota div { background: rgba(8, 19, 45, .74); }

.lj-bottom-nav { height: calc(75px + env(safe-area-inset-bottom)); padding: 7px 8px env(safe-area-inset-bottom); border: 1px solid rgba(139, 166, 255, .35); border-bottom: 0; border-radius: 22px 22px 0 0; background: linear-gradient(100deg, rgba(30, 18, 86, .96), rgba(17, 38, 100, .95) 50%, rgba(82, 30, 117, .96)); box-shadow: 0 -7px 25px rgba(88, 70, 230, .22), inset 0 1px rgba(255,255,255,.12); }.lj-nav { position: relative; min-height: 57px; gap: 4px; color: rgba(242, 243, 255, .78); font-size: 10px; font-weight: 640; }.lj-nav__glyph { position: relative; width: 23px; height: 22px; min-height: 22px; color: currentColor; }.lj-nav__glyph::before, .lj-nav__glyph::after { content: ""; position: absolute; box-sizing: border-box; }.lj-nav--create .lj-nav__glyph::before { top: 2px; left: 4px; width: 15px; height: 15px; border: 2px solid currentColor; border-radius: 4px; transform: rotate(45deg); }.lj-nav--create .lj-nav__glyph::after { top: 7px; left: 10px; width: 3px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }.lj-nav--mix .lj-nav__glyph::before { top: 1px; left: 1px; width: 9px; height: 9px; border: 2px solid currentColor; border-radius: 50%; box-shadow: 12px 12px 0 -2px transparent, 12px 12px 0 0 currentColor; }.lj-nav--mix .lj-nav__glyph::after { top: 10px; left: 7px; width: 13px; border-top: 2px solid currentColor; transform: rotate(-45deg); }.lj-nav--home .lj-nav__glyph::before { top: 5px; left: 4px; width: 15px; height: 13px; border: 2px solid currentColor; border-radius: 3px; }.lj-nav--home .lj-nav__glyph::after { top: 2px; left: 5px; width: 13px; height: 13px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(45deg); }.lj-nav--human .lj-nav__glyph::before { top: 0; left: 7px; width: 9px; height: 9px; border: 2px solid currentColor; border-radius: 50%; }.lj-nav--human .lj-nav__glyph::after { right: 3px; bottom: 0; width: 17px; height: 11px; border: 2px solid currentColor; border-radius: 50% 50% 4px 4px; }.lj-nav--profile .lj-nav__glyph::before { top: 2px; left: 6px; width: 11px; height: 11px; border: 2px solid currentColor; border-radius: 50%; }.lj-nav--profile .lj-nav__glyph::after { right: 2px; bottom: 0; width: 19px; height: 10px; border: 2px solid currentColor; border-radius: 50% 50% 4px 4px; }.lj-nav.is-active { color: #fff; }.lj-nav.is-active .lj-nav__glyph { width: 45px; height: 34px; min-height: 34px; margin-top: -10px; border: 1px solid rgba(219, 255, 255, .8); border-radius: 50%; color: #fff; background: linear-gradient(145deg, #72dfff, #4a9fff 55%, #a358ff); box-shadow: 0 0 0 3px rgba(161, 112, 255, .31), 0 0 23px rgba(106, 213, 255, .75); }.lj-nav.is-active .lj-nav__glyph::before { left: calc(50% - 8px); }.lj-nav.is-active .lj-nav__glyph::after { left: calc(50% - 7px); right: auto; }.lj-nav--human.is-active .lj-nav__glyph::before { left: calc(50% - 5px); }.lj-nav--human.is-active .lj-nav__glyph::after, .lj-nav--profile.is-active .lj-nav__glyph::after { left: calc(50% - 9px); }.lj-nav.is-active > span:last-child { margin-top: 1px; color: #fff; text-shadow: 0 0 9px rgba(255,255,255,.45); }

/* The mixed-video approval flow stays inside its originating work card. */
.lj-status--action { border: 1px solid rgba(130, 213, 255, .42); padding: 5px 9px; color: #d7f4ff; background: linear-gradient(135deg, rgba(52, 124, 216, .34), rgba(127, 78, 211, .3)); box-shadow: inset 0 1px rgba(255,255,255,.17), 0 0 14px rgba(97, 154, 255, .14); font: inherit; font-weight: 700; cursor: pointer; }
.lj-mix-selection { display: grid; gap: 10px; margin-top: 12px; border-top: 1px solid rgba(143, 203, 255, .2); padding-top: 12px; }
.lj-mix-selection__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #e8f6ff; font-size: 12px; font-weight: 720; }
.lj-mix-selection__head button, .lj-mix-selection__retry { border: 0; padding: 0; color: #9bd6ff; background: transparent; font: inherit; font-size: 11px; cursor: pointer; }
.lj-mix-selection__head button:disabled { opacity: .45; }
.lj-mix-selection__loading, .lj-mix-selection__error { margin: 0; color: #94a9c5; font-size: 11px; line-height: 1.55; }
.lj-mix-selection__error { color: #ffacb7; }
.lj-mix-draft-list { display: grid; gap: 7px; }
.lj-mix-draft { display: flex; min-width: 0; align-items: center; gap: 8px; border: 1px solid rgba(128, 185, 255, .2); border-radius: 8px; padding: 3px; background: rgba(7, 18, 43, .44); transition: border-color .16s, background .16s, box-shadow .16s; }
.lj-mix-draft.is-selected { border-color: rgba(107, 223, 255, .78); background: linear-gradient(110deg, rgba(42, 141, 224, .22), rgba(101, 75, 214, .2)); box-shadow: inset 0 1px rgba(234,253,255,.14), 0 0 16px rgba(87, 185, 255, .1); }
.lj-mix-draft.is-unavailable { opacity: .62; }
.lj-mix-draft__select { display: flex; min-width: 0; flex: 1; align-items: center; gap: 9px; border: 0; padding: 8px; color: #eff8ff; background: transparent; text-align: left; cursor: pointer; }
.lj-mix-draft__select:disabled { cursor: default; }
.lj-mix-draft__select > span:last-child { display: grid; min-width: 0; gap: 3px; }
.lj-mix-draft__select strong { overflow: hidden; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.lj-mix-draft__select small { color: #91aac7; font-size: 10px; }
.lj-mix-draft__mark { display: grid; width: 17px; height: 17px; flex: 0 0 17px; place-items: center; border: 1px solid rgba(154, 197, 255, .56); border-radius: 50%; }
.lj-mix-draft.is-selected .lj-mix-draft__mark { border-color: #a5f4ff; background: #69d7ff; box-shadow: 0 0 12px rgba(99, 221, 255, .62); }
.lj-mix-draft.is-selected .lj-mix-draft__mark::after { content: ""; width: 6px; height: 3px; border-bottom: 2px solid #082553; border-left: 2px solid #082553; transform: rotate(-45deg) translateY(-1px); }
.lj-mix-selection__footer { display: grid; gap: 8px; padding-top: 2px; }
.lj-mix-selection__footer p { margin: 0; color: #8fa6c0; font-size: 10px; line-height: 1.45; }
.lj-mix-selection__submit { width: 100%; min-height: 40px; margin: 0; font-size: 12px; }
.lj-mix-copywriting > label { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lj-mix-copywriting__add { flex: 0 0 auto; border: 0; padding: 0; color: #1d726b; background: transparent; font: inherit; font-size: 12px; font-weight: 760; line-height: 1.25; cursor: pointer; }
.lj-mix-copywriting__add:active { color: #174f4a; }
.lj-mix-copywriting__rows { display: grid; gap: 10px; margin-top: 12px; }
.lj-mix-copywriting__row { display: grid; gap: 6px; }
.lj-mix-copywriting__row-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lj-mix-copywriting__row-head > span { color: #5f5a52; font-size: 11px; font-weight: 700; line-height: 1.2; }
.lj-mix-copywriting__remove { flex: 0 0 auto; border: 0; padding: 0; color: #9b4b3f; background: transparent; font: inherit; font-size: 11px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.lj-mix-copywriting__remove:active { color: #6f3028; }
.lj-mix-copywriting__row .lj-textarea { min-height: 74px; height: 74px; padding-top: 9px; padding-bottom: 9px; }
.lj-mix-submission-notice { position: fixed; z-index: 72; inset: 0; display: grid; place-items: center; padding: 22px 18px calc(112px + env(safe-area-inset-bottom)); }
.lj-mix-submission-notice__backdrop { position: absolute; inset: 0; border: 0; background: rgba(31, 41, 60, .38); backdrop-filter: blur(7px); }
.lj-mix-submission-notice__panel { position: relative; width: min(100%, 344px); overflow: hidden; border: 1px solid #1a1d23; border-radius: 16px; padding: 23px 21px 18px; color: #312a25; background: linear-gradient(137deg, #fffefa 0%, #fff4e5 56%, #e5f4ed 100%); box-shadow: 0 19px 42px rgba(53, 43, 33, .24), inset 0 1px rgba(255,255,255,.95); text-align: center; }
.lj-mix-submission-notice__panel > span { display: block; color: #317f76; font-size: 9px; font-weight: 800; letter-spacing: 1.15px; }
.lj-mix-submission-notice__panel h2 { margin: 8px 0 0; color: #1a1d23; font-size: 22px; font-weight: 820; line-height: 1.2; }
.lj-mix-submission-notice__panel p { margin: 11px auto 0; color: #625d54; font-size: 13px; line-height: 1.62; }
.lj-mix-submission-notice__panel button:last-child { width: 100%; min-height: 43px; margin-top: 20px; border: 1px solid #1a1d23; border-radius: 12px; color: #fff; background: linear-gradient(102deg, #2f978c, #4ec5c5); box-shadow: 0 7px 14px rgba(47, 139, 129, .2); font-size: 14px; font-weight: 740; cursor: pointer; }
.lj-mix-submission-notice__panel button:last-child:active { transform: translateY(1px); }
.lj-submission-notice { position: fixed; z-index: 72; inset: 0; display: grid; place-items: center; padding: 22px 18px calc(112px + env(safe-area-inset-bottom)); }
.lj-submission-notice__backdrop { position: absolute; inset: 0; border: 0; background: rgba(31, 41, 60, .38); backdrop-filter: blur(7px); }
.lj-submission-notice__panel { position: relative; width: min(100%, 344px); overflow: hidden; border: 1px solid #1a1d23; border-radius: 16px; padding: 23px 21px 18px; color: #312a25; background: linear-gradient(137deg, #fffefa 0%, #fff4e5 56%, #e5f4ed 100%); box-shadow: 0 19px 42px rgba(53, 43, 33, .24), inset 0 1px rgba(255,255,255,.95); text-align: center; }
.lj-submission-notice__panel > span { display: block; color: #317f76; font-size: 9px; font-weight: 800; letter-spacing: 1.15px; }
.lj-submission-notice__panel h2 { margin: 8px 0 0; color: #1a1d23; font-size: 22px; font-weight: 820; line-height: 1.2; }
.lj-submission-notice__panel p { margin: 11px auto 0; color: #625d54; font-size: 13px; line-height: 1.62; }
.lj-submission-notice__actions { display: grid; gap: 9px; margin-top: 20px; }
.lj-submission-notice__actions button { width: 100%; min-height: 43px; border-radius: 12px; font-size: 14px; font-weight: 740; cursor: pointer; }
.lj-submission-notice__works { border: 1px solid #1a1d23; color: #fff; background: linear-gradient(102deg, #2f978c, #4ec5c5); box-shadow: 0 7px 14px rgba(47, 139, 129, .2); }
.lj-submission-notice__close { border: 1px solid #b9b2a7; color: #3f3932; background: rgba(255, 255, 255, .72); }
.lj-submission-notice__actions button:active { transform: translateY(1px); }
.lj-upload-submission-notice { position: fixed; z-index: 73; inset: 0; display: grid; place-items: center; padding: 22px 18px calc(112px + env(safe-area-inset-bottom)); }
.lj-upload-submission-notice__backdrop { position: absolute; inset: 0; background: rgba(31, 41, 60, .42); backdrop-filter: blur(7px); }
.lj-upload-submission-notice__panel { position: relative; width: min(100%, 316px); overflow: hidden; border: 1px solid #1a1d23; border-radius: 16px; padding: 24px 21px; color: #312a25; background: linear-gradient(137deg, #fffefa 0%, #fff4e5 56%, #e5f4ed 100%); box-shadow: 0 19px 42px rgba(53, 43, 33, .24), inset 0 1px rgba(255,255,255,.95); text-align: center; }
.lj-upload-submission-notice__panel > i { display: block; width: 28px; height: 28px; margin: 0 auto 13px; border: 3px solid rgba(47, 151, 140, .24); border-top-color: #2f978c; border-radius: 50%; animation: lj-upload-submission-spin .8s linear infinite; }
.lj-upload-submission-notice__panel > span { display: block; color: #317f76; font-size: 9px; font-weight: 800; letter-spacing: 1.15px; }
.lj-upload-submission-notice__panel h2 { margin: 8px 0 0; color: #1a1d23; font-size: 22px; font-weight: 820; line-height: 1.2; }
.lj-upload-submission-notice__panel p { margin: 11px auto 0; color: #625d54; font-size: 13px; line-height: 1.62; }
@keyframes lj-upload-submission-spin { to { transform: rotate(360deg); } }

@media (max-width: 360px) { .lj-home-stage { height: 178px; }.lj-home-hero h1 { font-size: 20px; }.lj-home-hero__copy { width: 61%; }.lj-preview-stack { right: -2px; transform: scale(.88); transform-origin: right center; }.lj-feature { min-height: 97px; padding-right: 9px; padding-left: 9px; }.lj-feature strong { font-size: 13px; }.lj-page-lead { min-height: 108px; padding-top: 14px; padding-bottom: 12px; }.lj-page-lead h1 { font-size: 24px; } }

/* Floating five-tab dock, following the supplied reference while preserving the product's tab order. */
.lj-content { padding-bottom: calc(109px + env(safe-area-inset-bottom)); }
.lj-bottom-nav { right: 8px; bottom: max(10px, env(safe-area-inset-bottom)); left: 8px; height: 64px; padding: 3px 11px; overflow: visible; border: 1px solid rgba(218, 202, 255, .92); border-radius: 34px; background: linear-gradient(102deg, #26125e 0%, #2632aa 34%, #3b56d6 55%, #9236e9 100%); box-shadow: 0 0 0 2px rgba(116, 70, 255, .16), 0 0 24px rgba(155, 67, 255, .56), inset 0 1px rgba(255,255,255,.56), inset 0 -8px 17px rgba(33, 11, 100, .24); }
.lj-bottom-nav::before { content: ""; position: absolute; top: 1px; right: 31px; left: 31px; height: 1px; background: linear-gradient(90deg, transparent, rgba(239, 252, 255, .9), transparent); box-shadow: 0 0 9px rgba(198, 224, 255, .9); }
.lj-nav { min-height: 57px; padding: 0; color: rgba(246, 241, 255, .77); font-size: 10px; font-weight: 660; text-shadow: 0 1px 1px rgba(18, 8, 53, .5); }
.lj-nav__glyph { width: 21px; height: 20px; min-height: 20px; margin-top: 2px; }
.lj-nav.is-active .lj-nav__glyph { width: 52px; height: 52px; min-height: 52px; margin-top: -17px; border-color: rgba(241, 255, 255, .96); border-radius: 50%; background: radial-gradient(circle at 35% 25%, #c5fcff 0 3%, #6eeeff 12%, #55bfff 43%, #7b5bff 100%); box-shadow: 0 0 0 3px rgba(211, 176, 255, .48), 0 0 19px rgba(91, 233, 255, .92), inset 0 1px rgba(255,255,255,.65); }
.lj-nav.is-active .lj-nav__glyph::before { top: 15px; left: calc(50% - 8px); }.lj-nav.is-active .lj-nav__glyph::after { top: 17px; left: calc(50% - 7px); }
.lj-nav--create.is-active .lj-nav__glyph::before { top: 14px; left: calc(50% - 9px); }.lj-nav--create.is-active .lj-nav__glyph::after { top: 19px; left: calc(50% - 2px); }.lj-nav--mix.is-active .lj-nav__glyph::before { top: 13px; left: calc(50% - 10px); }.lj-nav--mix.is-active .lj-nav__glyph::after { top: 25px; left: calc(50% - 3px); }.lj-nav--home.is-active .lj-nav__glyph::before { top: 18px; left: calc(50% - 8px); }.lj-nav--home.is-active .lj-nav__glyph::after { top: 15px; left: calc(50% - 7px); }.lj-nav--human.is-active .lj-nav__glyph::before { top: 12px; left: calc(50% - 5px); }.lj-nav--human.is-active .lj-nav__glyph::after { top: 28px; left: calc(50% - 9px); }.lj-nav--profile.is-active .lj-nav__glyph::before { top: 14px; left: calc(50% - 6px); }.lj-nav--profile.is-active .lj-nav__glyph::after { top: 29px; left: calc(50% - 10px); }
.lj-nav.is-active > span:last-child { position: relative; z-index: 1; margin-top: -1px; color: #fff; font-weight: 740; text-shadow: 0 0 10px rgba(223, 248, 255, .92); }

/* Homepage: a viewport-filling live render stage keeps the action area low,
   without leaving an empty strip above the fixed navigation. */
.scene-home .lj-home-stage { height: clamp(193px, calc(100dvh - 575px), 360px); border-radius: 19px 19px 0 0; background: radial-gradient(ellipse 56% 62% at 50% 49%, rgba(86, 93, 255, .62) 0%, rgba(28, 28, 128, .37) 34%, transparent 68%), radial-gradient(ellipse 92% 80% at 50% 100%, rgba(105, 39, 220, .42), transparent 61%), linear-gradient(154deg, #060b2b 0%, #061852 47%, #1d0b58 100%); }
.scene-home .lj-home-stage::before { opacity: .74; background-size: 22px 22px; transform: perspective(260px) rotateX(58deg) scale(2) translateY(69%); animation: lj-grid-drift 8s linear infinite; }
.scene-home .lj-stage-aurora { position: absolute; inset: -35% -18%; background: conic-gradient(from 10deg at 50% 50%, transparent 0deg 27deg, rgba(126, 255, 247, .19) 48deg, transparent 83deg 150deg, rgba(232, 98, 255, .23) 185deg, transparent 229deg 312deg, rgba(85, 160, 255, .22) 336deg, transparent); filter: blur(9px); mix-blend-mode: screen; opacity: .78; animation: lj-aurora-turn 16s linear infinite; }
.scene-home .lj-stage-rays { opacity: .9; animation: lj-rays-turn 23s linear infinite; }
.scene-home .lj-stage-orbit { top: 49%; will-change: transform; }
.scene-home .lj-stage-orbit--one { width: min(51vw, 208px); height: 64px; border-color: rgba(149, 239, 255, .9); box-shadow: 0 0 18px rgba(68, 214, 255, .72); animation: lj-orbit-one 6.8s ease-in-out infinite; }
.scene-home .lj-stage-orbit--two { width: min(66vw, 270px); height: 96px; border-color: rgba(224, 122, 255, .88); box-shadow: 0 0 20px rgba(212, 81, 255, .58); animation: lj-orbit-two 9.3s ease-in-out infinite; }
.scene-home .lj-stage-orbit--three { width: min(38vw, 156px); height: min(38vw, 156px); border-color: rgba(135, 225, 255, .82); box-shadow: inset 0 0 26px rgba(81, 175, 255, .12); animation: lj-orbit-three 7.5s linear infinite; }
.scene-home .lj-stage-orbit--four { position: absolute; top: 49%; left: 50%; width: min(76vw, 304px); height: min(76vw, 304px); border: 1px solid rgba(124, 173, 255, .23); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: inset 0 0 52px rgba(107, 153, 255, .08), 0 0 44px rgba(113, 74, 255, .16); animation: lj-orbit-four 12s linear infinite; }
.scene-home .lj-stage-core { top: 49%; width: 72px; height: 72px; border-color: rgba(236, 253, 255, .95); background: radial-gradient(circle at 40% 34%, #fff 0 4%, #d9fcff 6%, #86caff 17%, #9c6dff 33%, #4444ce 51%, rgba(32, 21, 128, .35) 69%, transparent 73%); box-shadow: 0 0 22px rgba(129, 238, 255, .96), 0 0 58px rgba(121, 75, 255, .82), inset 0 0 17px rgba(210, 255, 255, .7); animation: lj-core-pulse 3.2s ease-in-out infinite; }
.scene-home .lj-stage-core i { inset: 10px; animation: lj-core-ring 3.2s linear infinite; }
.scene-home .lj-stage-play { top: 49%; width: 32px; height: 32px; background: rgba(247, 254, 255, .21); box-shadow: 0 0 19px rgba(225, 253, 255, .72); animation: lj-play-breathe 3.2s ease-in-out infinite; }
.scene-home .lj-stage-play::after { top: 9px; left: 13px; }
.scene-home .lj-stage-horizon { bottom: 13%; opacity: .84; animation: lj-horizon-breathe 4s ease-in-out infinite; }
.scene-home .lj-stage-particle { position: absolute; top: 49%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #d4ffff; box-shadow: 0 0 12px 3px rgba(123, 223, 255, .82); pointer-events: none; }.scene-home .lj-stage-particle--one { animation: lj-particle-one 5.4s linear infinite; }.scene-home .lj-stage-particle--two { width: 4px; height: 4px; background: #f2b6ff; animation: lj-particle-two 7.1s linear infinite; }.scene-home .lj-stage-particle--three { width: 3px; height: 3px; animation: lj-particle-three 6.2s linear infinite; }
.scene-home .lj-home-hero { min-height: 157px; margin-top: -1px; border-radius: 0 0 19px 19px; }
.scene-home .lj-home-features { margin-top: 20px; }
.scene-home .lj-feature-grid { gap: 13px; }
.scene-home .lj-feature { min-height: 103px; }
@keyframes lj-grid-drift { from { transform: perspective(260px) rotateX(58deg) scale(2) translateY(69%); } to { transform: perspective(260px) rotateX(58deg) scale(2) translateY(57%); } }
@keyframes lj-aurora-turn { to { transform: rotate(360deg); } }
@keyframes lj-rays-turn { to { transform: rotate(360deg); } }
@keyframes lj-orbit-one { 0%,100% { transform: translate(-50%, -50%) rotate(-17deg) scale(1); } 50% { transform: translate(-50%, -50%) rotate(164deg) scale(1.08); } }
@keyframes lj-orbit-two { 0%,100% { transform: translate(-50%, -50%) rotate(18deg) scale(1); } 50% { transform: translate(-50%, -50%) rotate(-162deg) scale(.92); } }
@keyframes lj-orbit-three { from { transform: translate(-50%, -50%) rotate(66deg); } to { transform: translate(-50%, -50%) rotate(426deg); } }
@keyframes lj-orbit-four { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes lj-core-pulse { 0%,100% { transform: translate(-50%, -50%) scale(.94); filter: brightness(.92); } 50% { transform: translate(-50%, -50%) scale(1.12); filter: brightness(1.26); } }
@keyframes lj-core-ring { to { transform: rotate(360deg); } }
@keyframes lj-play-breathe { 0%,100% { transform: translate(-50%, -50%) scale(.92); } 50% { transform: translate(-50%, -50%) scale(1.08); } }
@keyframes lj-horizon-breathe { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes lj-particle-one { from { transform: translate(-125px, 34px) scale(.3); opacity: 0; } 20% { opacity: 1; } to { transform: translate(130px, -105px) scale(1); opacity: 0; } }
@keyframes lj-particle-two { from { transform: translate(118px, 75px) scale(.2); opacity: 0; } 18% { opacity: 1; } to { transform: translate(-140px, -98px) scale(1); opacity: 0; } }
@keyframes lj-particle-three { from { transform: translate(-5px, 115px) scale(.2); opacity: 0; } 22% { opacity: 1; } to { transform: translate(86px, -145px) scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .scene-home .lj-home-stage *, .scene-home .lj-home-stage::before { animation: none !important; } }

/* Immersive home canvas: the moving render belongs to the entire page rather
   than being locked inside a rectangular banner. */
.lj-app.scene-home { background: #020208; }
.lj-app.scene-home::before { opacity: 1; background: radial-gradient(ellipse 128% 39% at 50% 64%, rgba(70, 42, 196, .46), transparent 72%), radial-gradient(ellipse 95% 30% at 6% 84%, rgba(18, 186, 255, .28), transparent 70%), radial-gradient(ellipse 93% 35% at 94% 92%, rgba(242, 48, 194, .27), transparent 72%), #020208; }
.lj-app.scene-home::after { height: 54%; background: linear-gradient(0deg, rgba(2, 2, 8, .72) 0%, rgba(2, 2, 8, .16) 53%, transparent 100%); }
.scene-home .lj-scene { display: block; overflow: hidden; }
.scene-home .lj-scene::before { content: ""; display: block; position: absolute; z-index: 0; top: -142px; left: 50%; width: 710px; height: 665px; transform: translateX(-50%) rotate(-12deg); border-radius: 47% 53% 51% 49% / 46% 44% 56% 54%; background: conic-gradient(from 20deg, #ff8d00 0deg, #ff2f93 42deg, #832cff 89deg, #00a8ff 135deg, #16ecff 167deg, #ff3154 224deg, #ffbd16 274deg, #b52bff 319deg, #ff8d00 360deg); filter: blur(13px) saturate(1.35) contrast(1.12); opacity: .92; mask-image: radial-gradient(ellipse at 50% 47%, transparent 0 28%, #000 34% 65%, transparent 74%); -webkit-mask-image: radial-gradient(ellipse at 50% 47%, transparent 0 28%, #000 34% 65%, transparent 74%); animation: lj-home-nebula-turn 18s linear infinite, lj-home-nebula-breathe 7s ease-in-out infinite; }
.scene-home .lj-scene::after { content: ""; display: block; position: absolute; z-index: 0; right: -220px; bottom: 40px; width: 650px; height: 440px; transform: rotate(22deg); border-radius: 48% 52% 42% 58% / 46% 38% 62% 54%; background: conic-gradient(from 55deg, transparent 0deg 18deg, rgba(31, 222, 255, .92) 40deg, rgba(72, 96, 255, .9) 89deg, rgba(243, 45, 196, .9) 140deg, rgba(255, 178, 25, .8) 196deg, rgba(68, 240, 224, .85) 244deg, transparent 289deg 360deg); filter: blur(22px) saturate(1.2); opacity: .56; mask-image: radial-gradient(ellipse at 50% 50%, transparent 0 27%, #000 39% 66%, transparent 77%); -webkit-mask-image: radial-gradient(ellipse at 50% 50%, transparent 0 27%, #000 39% 66%, transparent 77%); animation: lj-home-nebula-lower 14s ease-in-out infinite alternate; }
.scene-home .lj-home-stage { height: clamp(193px, calc(100dvh - 575px), 360px); border: 0; border-radius: 0; background: transparent; box-shadow: none; isolation: isolate; }
.scene-home .lj-home-stage::before { z-index: -1; opacity: .16; background-size: 27px 27px; }
.scene-home .lj-stage-aurora { opacity: .35; filter: blur(20px); }
.scene-home .lj-stage-rays { opacity: .24; }
.scene-home .lj-stage-orbit--one { border-color: rgba(219, 255, 255, .76); box-shadow: 0 0 26px rgba(109, 227, 255, .75); }
.scene-home .lj-stage-orbit--two { border-color: rgba(255, 189, 250, .76); box-shadow: 0 0 26px rgba(255, 88, 231, .62); }
.scene-home .lj-stage-orbit--four { border-color: rgba(255, 255, 255, .17); box-shadow: inset 0 0 62px rgba(255, 106, 235, .1), 0 0 58px rgba(81, 171, 255, .16); }
.scene-home .lj-home-hero { border: 1px solid rgba(207, 239, 255, .34); background: linear-gradient(112deg, rgba(100, 69, 255, .96) 0%, rgba(47, 117, 255, .95) 50%, rgba(13, 214, 234, .9) 100%); box-shadow: 0 14px 36px rgba(32, 44, 205, .23), inset 0 1px rgba(255,255,255,.26); backdrop-filter: blur(12px); }
.scene-home .lj-home-hero::before { background: linear-gradient(115deg, rgba(255,255,255,.16), transparent 34%, rgba(255,255,255,.08) 100%); }
.scene-home .lj-home-hero h1 { font-size: 22px; text-shadow: 0 2px 10px rgba(29, 23, 106, .32); }.scene-home .lj-home-hero p { color: rgba(255,255,255,.89); }.scene-home .lj-primary--glow { min-width: 144px; color: #4253e8; background: rgba(255,255,255,.97); box-shadow: 0 6px 17px rgba(15, 31, 121, .22), inset 0 1px rgba(255,255,255,.86); }
.scene-home .lj-home-features { margin-top: 17px; }
.scene-home .lj-feature { border: 1px solid rgba(225, 237, 255, .26); border-radius: 14px; background: linear-gradient(135deg, rgba(17, 17, 34, .58), rgba(8, 8, 21, .38)); box-shadow: inset 0 1px rgba(255,255,255,.11), inset 0 0 38px rgba(118, 138, 255, .06); backdrop-filter: blur(15px) saturate(1.12); }
.scene-home .lj-feature::after { width: 32%; background: rgba(255, 255, 255, .78); box-shadow: 0 0 10px rgba(203, 231, 255, .55); }.scene-home .lj-feature strong { text-shadow: 0 1px 5px rgba(0,0,0,.44); }.scene-home .lj-feature span:not(.lj-feature__icon) { color: rgba(239, 244, 255, .72); }.scene-home .lj-feature--violet, .scene-home .lj-feature--cyan { border-color: rgba(225, 237, 255, .26); background: linear-gradient(135deg, rgba(22, 18, 42, .57), rgba(8, 8, 21, .36)); box-shadow: inset 0 1px rgba(255,255,255,.11), inset 0 0 38px rgba(171, 107, 255, .06); }.scene-home .lj-feature--violet::after { background: rgba(255, 213, 255, .82); box-shadow: 0 0 10px rgba(238, 148, 255, .57); }.scene-home .lj-feature--cyan::after { background: rgba(190, 255, 248, .82); box-shadow: 0 0 10px rgba(105, 242, 225, .56); }
.scene-home .lj-bottom-nav { border-color: rgba(204, 221, 255, .2); background: rgba(12, 13, 33, .78); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 12px 38px rgba(0,0,0,.35); backdrop-filter: blur(19px) saturate(1.22); }.scene-home .lj-bottom-nav::before { opacity: .5; }.scene-home .lj-nav.is-active .lj-nav__glyph { background: radial-gradient(circle at 35% 25%, #c8fbff 0 3%, #63dcff 16%, #5869ff 57%, #913cff 100%); }
@keyframes lj-home-nebula-turn { to { transform: translateX(-50%) rotate(348deg); } }
@keyframes lj-home-nebula-breathe { 0%,100% { scale: .95; opacity: .7; } 50% { scale: 1.07; opacity: 1; } }
@keyframes lj-home-nebula-lower { from { transform: rotate(15deg) translate(-30px, 20px) scale(.9); opacity: .33; } to { transform: rotate(50deg) translate(36px, -38px) scale(1.15); opacity: .7; } }
@media (prefers-reduced-motion: reduce) { .scene-home .lj-scene::before, .scene-home .lj-scene::after { animation: none !important; } }

/* Keep the color in a moving nebula ring, with black space around it. */
.scene-home .lj-scene::before { top: -118px; width: 680px; height: 638px; background: conic-gradient(from 25deg, #ffba13 0deg, #ff368f 47deg, #8b36ff 94deg, #00b9ff 143deg, #3af3de 171deg, #e927c7 220deg, #ff9c19 271deg, #b837ff 323deg, #ffba13 360deg); filter: blur(18px) saturate(1.18) contrast(1.08); opacity: .73; mask-image: radial-gradient(ellipse at 50% 47%, transparent 0 35%, #000 40% 55%, transparent 66%); -webkit-mask-image: radial-gradient(ellipse at 50% 47%, transparent 0 35%, #000 40% 55%, transparent 66%); }
.scene-home .lj-scene::after { opacity: .4; filter: blur(28px) saturate(1.06); }
.scene-home .lj-stage-aurora { display: none; }

/* The lower render is intentionally behind the feature grid and dock. */
.lj-app.scene-home::after { display: none; }
.scene-home .lj-scene::after { top: 392px; right: auto; bottom: auto; left: 50%; width: 850px; height: 690px; transform: translateX(-50%) rotate(-18deg); border-radius: 49% 51% 44% 56% / 45% 41% 59% 55%; background: conic-gradient(from 12deg, rgba(26, 230, 255, .94) 0deg, rgba(55, 84, 255, .93) 47deg, rgba(232, 37, 209, .92) 104deg, rgba(255, 132, 28, .88) 163deg, rgba(215, 57, 255, .92) 221deg, rgba(20, 216, 255, .94) 276deg, rgba(85, 108, 255, .9) 326deg, rgba(26, 230, 255, .94) 360deg); filter: blur(24px) saturate(1.17) contrast(1.08); opacity: .76; mask-image: radial-gradient(ellipse at 50% 50%, transparent 0 23%, #000 33% 68%, transparent 80%); -webkit-mask-image: radial-gradient(ellipse at 50% 50%, transparent 0 23%, #000 33% 68%, transparent 80%); animation: lj-home-lower-flow 15s ease-in-out infinite alternate; }
.scene-home .lj-feature { background: linear-gradient(135deg, rgba(10, 11, 27, .31), rgba(4, 5, 18, .12)); }.scene-home .lj-feature--violet, .scene-home .lj-feature--cyan { background: linear-gradient(135deg, rgba(12, 10, 31, .30), rgba(4, 5, 18, .11)); }.scene-home .lj-bottom-nav { background: rgba(9, 10, 29, .43); }
@keyframes lj-home-lower-flow { from { transform: translateX(-50%) rotate(-26deg) scale(.92); filter: blur(24px) saturate(1.05); } to { transform: translateX(-50%) rotate(14deg) scale(1.12); filter: blur(18px) saturate(1.29); } }

/* One continuous home canvas: controls sit on the moving render instead of
   splitting it into a stage, a promotional card, and a separate lower area. */
.lj-app.scene-home::before { background: radial-gradient(ellipse 95% 37% at 14% 72%, rgba(12, 172, 255, .37), transparent 70%), radial-gradient(ellipse 102% 39% at 86% 76%, rgba(235, 36, 211, .35), transparent 70%), radial-gradient(ellipse 70% 29% at 48% 48%, rgba(90, 58, 255, .34), transparent 72%), #020208; animation: lj-home-ambient-shift 13s ease-in-out infinite alternate; }
.scene-home .lj-scene::before { top: -240px; width: 920px; height: 1120px; transform: translateX(-50%) rotate(-18deg); border-radius: 48% 52% 43% 57% / 41% 46% 54% 59%; background: conic-gradient(from 18deg, #15d8ff 0deg, #5078ff 52deg, #e930d2 104deg, #ff9b19 164deg, #a442ff 218deg, #1be1dc 276deg, #356dff 328deg, #15d8ff 360deg); filter: blur(31px) saturate(1.2) contrast(1.09); opacity: .8; mask-image: radial-gradient(ellipse at 50% 47%, transparent 0 27%, #000 34% 69%, transparent 81%); -webkit-mask-image: radial-gradient(ellipse at 50% 47%, transparent 0 27%, #000 34% 69%, transparent 81%); animation: lj-home-canvas-flow 19s ease-in-out infinite alternate; }
.scene-home .lj-scene::after { top: -164px; right: auto; bottom: auto; left: 50%; width: 980px; height: 1120px; transform: translateX(-50%) rotate(23deg); border-radius: 52% 48% 57% 43% / 45% 54% 46% 55%; background: radial-gradient(ellipse at 24% 26%, rgba(33, 228, 255, .88), transparent 30%), radial-gradient(ellipse at 77% 39%, rgba(236, 47, 210, .82), transparent 32%), radial-gradient(ellipse at 47% 75%, rgba(255, 145, 23, .72), transparent 34%), conic-gradient(from 120deg, rgba(64, 86, 255, .46), rgba(23, 220, 249, .42), rgba(229, 48, 219, .42), rgba(255, 136, 29, .38), rgba(64, 86, 255, .46)); filter: blur(76px) saturate(1.2); opacity: .55; mix-blend-mode: screen; mask-image: none; -webkit-mask-image: none; animation: lj-home-color-drift 16s ease-in-out infinite alternate; }
.scene-home .lj-home-stage { height: clamp(245px, calc(100dvh - 565px), 360px); border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.scene-home .lj-home-stage::before { opacity: .08; }
.scene-home .lj-stage-aurora { display: block; opacity: .18; }
.scene-home .lj-stage-rays { opacity: .18; }
.scene-home .lj-home-hero { min-height: 124px; margin-top: clamp(-124px, calc(100dvh - 790px), -54px); border: 0; border-radius: 0; padding: 14px 17px 8px; background: transparent; box-shadow: none; backdrop-filter: none; }
.scene-home .lj-home-hero::before, .scene-home .lj-stage-horizon { display: none; }
.scene-home .lj-home-hero__copy { width: 100%; }
.scene-home .lj-home-hero h1 { font-size: 23px; text-shadow: 0 2px 12px rgba(0, 0, 0, .65); }
.scene-home .lj-home-hero p { text-shadow: 0 1px 7px rgba(0, 0, 0, .7); }
.scene-home .lj-primary--glow { background: rgba(255, 255, 255, .96); box-shadow: 0 5px 21px rgba(11, 21, 105, .45), inset 0 1px rgba(255,255,255,.86); }
.scene-home .lj-preview-stack { display: none; }
.scene-home .lj-home-features { margin-top: 3px; }
.scene-home .lj-feature { min-height: 88px; }
.scene-home .lj-feature { height: 82px; padding: 11px 12px; display: grid; grid-template-columns: minmax(0, 1fr) 28px; grid-template-rows: auto auto; column-gap: 8px; align-content: center; }
.scene-home .lj-feature strong { grid-column: 1; grid-row: 1; align-self: end; margin: 0; line-height: 1.15; }
.scene-home .lj-feature span:not(.lj-feature__icon) { grid-column: 1; grid-row: 2; align-self: start; margin-top: 3px; line-height: 1.15; }
.scene-home .lj-feature__icon { position: relative; top: auto; right: auto; grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: end; }
.scene-home .lj-feature { background: linear-gradient(135deg, rgba(5, 8, 25, .25), rgba(4, 5, 18, .08)); backdrop-filter: blur(11px) saturate(1.08); }
.scene-home .lj-feature--violet, .scene-home .lj-feature--cyan { background: linear-gradient(135deg, rgba(9, 7, 28, .25), rgba(4, 5, 18, .08)); }
.scene-home .lj-bottom-nav { border-color: rgba(231, 213, 255, .94); background: linear-gradient(102deg, #25135b 0%, #2932a2 32%, #3f70e6 53%, #7650e8 73%, #aa47ef 100%); box-shadow: 0 0 0 2px rgba(126, 79, 255, .18), 0 0 25px rgba(158, 68, 255, .62), inset 0 1px rgba(255,255,255,.62), inset 0 -8px 18px rgba(35, 11, 102, .28); backdrop-filter: none; }
.scene-home .lj-bottom-nav::before { opacity: .92; }

/* Individual light traces make the four launchers read as distinct tools. */
.scene-home .lj-feature { border-color: transparent; box-shadow: inset 0 1px rgba(255,255,255,.12), inset 0 0 32px rgba(103, 146, 255, .10), 0 0 16px rgba(89, 162, 255, .18); }
.scene-home .lj-feature::before { content: ""; position: absolute; z-index: 2; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none; background: linear-gradient(135deg, #d96fff 0%, #6a8dff 32%, #7ce8ff 63%, #b24dff 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; box-shadow: 0 0 12px rgba(96, 187, 255, .38); }
.scene-home .lj-feature--image::before { background: linear-gradient(135deg, #d96fff, #6f88ff 36%, #71e7ff 66%, #b04fff); }
.scene-home .lj-feature--mix::before { background: linear-gradient(135deg, #69dfff, #7297ff 40%, #ea61ff 72%, #ba4fff); }
.scene-home .lj-feature--human::before { background: linear-gradient(135deg, #d95cff, #a84dff 33%, #6ee7ff 69%, #7a9cff); }
.scene-home .lj-feature--works::before { background: linear-gradient(135deg, #68e2ff, #508aff 38%, #a95cff 72%, #d966ff); }

/* Primary creation card follows the same opaque, lit-panel language. */
.scene-home .lj-home-hero { overflow: hidden; border: 1.5px solid transparent; border-radius: 17px; background: linear-gradient(122deg, rgba(19, 24, 84, .97), rgba(29, 46, 127, .95) 51%, rgba(99, 34, 139, .96)) padding-box, linear-gradient(130deg, #b85dff 0%, #62dcff 39%, #78bdff 66%, #e46aff 100%) border-box; box-shadow: 0 0 0 1px rgba(116, 149, 255, .13), 0 12px 29px rgba(25, 33, 125, .35), inset 0 1px rgba(255,255,255,.16); }
.scene-home .lj-home-hero::before { display: block; background: radial-gradient(ellipse at 78% 29%, rgba(157, 220, 255, .43), transparent 35%), linear-gradient(110deg, rgba(117, 82, 255, .25), transparent 52%, rgba(232, 94, 255, .18)); }
.scene-home .lj-home-hero__copy { z-index: 3; }
.scene-home .lj-home-hero p { color: rgba(245, 248, 255, .9); }
.scene-home .lj-primary--glow { border-color: rgba(227, 255, 255, .88); color: #fff; background: linear-gradient(105deg, #bf58ff 0%, #4cccff 56%, #77edff 100%); box-shadow: 0 0 0 3px rgba(116, 126, 255, .18), 0 0 19px rgba(106, 198, 255, .62), inset 0 1px rgba(255,255,255,.42); }
.scene-home .lj-preview-stack { display: block; z-index: 2; top: 12px; right: 10px; width: 118px; height: 112px; }
.scene-home .lj-preview-card { width: 74px; height: 98px; border-color: rgba(232, 248, 255, .72); border-radius: 8px; box-shadow: 0 12px 22px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.3); }
.scene-home .lj-preview-card--back { top: 2px; right: 0; transform: rotate(12deg); background: linear-gradient(153deg, #d5f7ff 0 16%, #7ba0ea 17% 38%, #152d79 39% 62%, #a66be5 63% 79%, #e4f6ff 80%); }
.scene-home .lj-preview-card--front { top: 17px; right: 27px; transform: rotate(-10deg); background: linear-gradient(154deg, #75b5df 0 27%, #2e5a8d 28% 46%, #112a52 47% 65%, #667db6 66% 100%); }
.scene-home .lj-preview-card--front::before { inset: 0; width: auto; height: auto; background: linear-gradient(154deg, rgba(224,250,255,.88) 0 22%, transparent 23% 51%, rgba(10,20,54,.24) 52% 64%, rgba(238,247,255,.76) 65% 100%), linear-gradient(58deg, transparent 0 42%, rgba(255,255,255,.54) 43% 47%, transparent 48%); transform: none; }
.scene-home .lj-preview-card--front i { top: 38px; left: 25px; border-color: #fff; background: rgba(12, 24, 66, .7); box-shadow: 0 0 11px rgba(183, 243, 255, .56); }
@keyframes lj-home-ambient-shift { from { background-position: 0 0, 100% 100%, 50% 45%, 0 0; } to { background-position: 32px -40px, -28px 24px, 0 34px, 0 0; } }
@keyframes lj-home-canvas-flow { from { transform: translateX(-50%) rotate(-28deg) scale(.94); filter: blur(33px) saturate(1.05); } to { transform: translateX(-50%) rotate(11deg) scale(1.1); filter: blur(25px) saturate(1.34); } }
@keyframes lj-home-color-drift { from { transform: translateX(-50%) rotate(8deg) scale(.91); opacity: .38; } to { transform: translateX(-50%) rotate(43deg) scale(1.12); opacity: .64; } }

/* Home launchers use compact, content-specific icon badges. */
.scene-home .lj-feature__icon { width: 34px; height: 34px; border: 1px solid rgba(221, 245, 255, .55); border-radius: 11px; background: linear-gradient(145deg, rgba(103, 220, 255, .38), rgba(91, 81, 255, .48)); box-shadow: 0 0 15px rgba(102, 192, 255, .3), inset 0 1px rgba(255,255,255,.3); }
.scene-home .lj-feature--mix .lj-feature__icon { background: linear-gradient(145deg, rgba(208, 102, 255, .55), rgba(80, 108, 255, .48)); }
.scene-home .lj-feature--human .lj-feature__icon { background: linear-gradient(145deg, rgba(87, 224, 208, .46), rgba(72, 111, 255, .5)); }
.scene-home .lj-feature--works .lj-feature__icon { background: linear-gradient(145deg, rgba(255, 181, 89, .52), rgba(221, 73, 222, .48)); }
.scene-home .lj-feature__icon::before, .scene-home .lj-feature__icon::after { border-color: #f3fcff; filter: drop-shadow(0 0 3px rgba(255,255,255,.55)); }
.scene-home .lj-feature--image .lj-feature__icon::before { inset: 8px 6px 7px; border-width: 2px; border-radius: 5px; }
.scene-home .lj-feature--image .lj-feature__icon::after { right: 10px; bottom: 11px; width: 12px; height: 8px; }
.scene-home .lj-feature--mix .lj-feature__icon::before { top: 7px; left: 7px; width: 18px; height: 18px; }
.scene-home .lj-feature--mix .lj-feature__icon::after { right: 5px; bottom: 6px; width: 13px; height: 13px; }
.scene-home .lj-feature--human .lj-feature__icon::before { top: 6px; left: 11px; width: 11px; height: 11px; }
.scene-home .lj-feature--human .lj-feature__icon::after { bottom: 6px; left: 7px; width: 21px; height: 14px; }
.scene-home .lj-feature--works .lj-feature__icon::before { inset: 7px 8px 6px; }
.scene-home .lj-feature--works .lj-feature__icon::after { top: 15px; left: 12px; width: 10px; height: 7px; }

/* Keep the dock inside the mobile viewport. Only the page content scrolls;
   the navigation remains reachable at the bottom in WeChat at all times. */
.lj-content { display: block; padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
.lj-bottom-nav {
  position: absolute;
  z-index: 5;
  right: 8px;
  bottom: max(10px, env(safe-area-inset-bottom));
  left: 8px;
  width: auto;
  margin: 0;
  border-color: rgba(255, 255, 255, .2);
  background: rgba(5, 9, 19, .18) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 8px 22px rgba(0, 0, 0, .16) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.02);
  backdrop-filter: blur(10px) saturate(1.02);
}
.lj-bottom-nav::before { opacity: .38; }
body.lj-mobile-typing .lj-bottom-nav { opacity: 0; pointer-events: none; transform: translateY(115%); }
.scene-home .lj-content { display: flex; flex-direction: column; overflow: hidden; }
.scene-home .lj-home-hero { margin-top: auto; }
.scene-home .lj-home-features { margin-bottom: 8px; }
.scene-home .lj-home-hero { min-height: 108px; height: 108px; padding: 12px 15px; align-items: center; }
.scene-home .lj-home-hero__copy { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.scene-home .lj-home-hero h1 { font-size: 21px; line-height: 1.1; }
.scene-home .lj-primary--glow { min-height: 34px; height: 34px; padding: 0 18px; font-size: 13px; align-self: flex-start; }
.scene-home .lj-content { padding-bottom: 78px; }
.scene-home .lj-home-features { margin-bottom: 0; }
.scene-home .lj-feature-grid { gap: 9px; }
.scene-home .lj-feature { min-height: 68px; height: 68px; padding: 8px 11px; }
.scene-home .lj-feature__icon { width: 30px; height: 30px; border-radius: 9px; }
.scene-home .lj-content { padding-bottom: 90px; }
.lj-app.scene-home { background: linear-gradient(180deg, #1eb9ec 0%, #2466b2 26%, #25285f 52%, #a83caf 78%, #ef8a57 100%); background-size: 100% 140%; background-position: 50% 0; }
.lj-app.scene-home::before { opacity: .32; background: radial-gradient(ellipse 85% 32% at 50% 24%, rgba(112, 244, 255, .55), transparent 72%), radial-gradient(ellipse 90% 42% at 82% 81%, rgba(255, 82, 206, .42), transparent 74%), radial-gradient(ellipse 90% 34% at 16% 92%, rgba(255, 175, 62, .38), transparent 72%); animation: lj-home-ambient-shift 13s ease-in-out infinite alternate; }
.lj-app.scene-home::before { inset: -12%; opacity: .58; background: radial-gradient(ellipse 78% 38% at 50% 18%, rgba(96, 237, 255, .7), transparent 70%), radial-gradient(ellipse 74% 46% at 82% 72%, rgba(255, 61, 211, .58), transparent 72%), radial-gradient(ellipse 76% 42% at 15% 88%, rgba(255, 177, 58, .5), transparent 72%), conic-gradient(from 205deg at 50% 50%, rgba(16, 188, 239, .28), rgba(109, 66, 228, .25), rgba(255, 58, 190, .25), rgba(255, 158, 44, .22), rgba(16, 188, 239, .28)); background-size: 125% 125%, 130% 130%, 130% 130%, 145% 145%; animation: lj-home-full-canvas 16s ease-in-out infinite alternate; }
.lj-app.scene-home::after { display: block; inset: -18%; height: auto; opacity: .34; background: radial-gradient(ellipse 56% 30% at 22% 38%, rgba(34, 222, 255, .7), transparent 72%), radial-gradient(ellipse 62% 34% at 78% 58%, rgba(235, 71, 214, .62), transparent 72%), radial-gradient(ellipse 48% 26% at 44% 91%, rgba(255, 183, 73, .5), transparent 72%); filter: blur(34px) saturate(1.15); mix-blend-mode: screen; animation: lj-home-full-color 19s ease-in-out infinite alternate; }
@keyframes lj-home-full-canvas { from { background-position: 0% 0%, 100% 100%, 0% 100%, 50% 50%; transform: translate3d(-1%, -1%, 0) scale(1.01); } to { background-position: 12% 8%, 86% 90%, 8% 88%, 58% 44%; transform: translate3d(1%, 1%, 0) scale(1.05); } }
@keyframes lj-home-full-color { from { transform: translate3d(-2%, 1%, 0) rotate(-2deg) scale(1); } to { transform: translate3d(2%, -1%, 0) rotate(3deg) scale(1.08); } }

/* Mobile power guard: keep the small central orbit alive, but avoid multiple
   full-screen blur layers and continuously repainting gradients. */
@media (max-width: 600px) {
  .lj-app.scene-home::before, .lj-app.scene-home::after,
  .scene-home .lj-scene::before, .scene-home .lj-scene::after {
    animation: none !important;
  }
  .lj-app.scene-home::before { filter: none; background-size: 100% 100%; opacity: .46; }
  .lj-app.scene-home::after { filter: blur(14px); opacity: .24; }
  .scene-home .lj-scene::before { filter: blur(14px) saturate(1.08); opacity: .62; }
  .scene-home .lj-scene::after { filter: blur(18px) saturate(1.08); opacity: .36; }
  .scene-home .lj-home-stage *,
  .scene-home .lj-stage-particle,
  .scene-home .lj-scene::before,
  .scene-home .lj-scene::after { animation: none !important; }
  .scene-home .lj-stage-core,
  .scene-home .lj-stage-play { box-shadow: 0 0 14px rgba(119, 221, 255, .55); }
  .lj-app.scene-home .lj-home-hero,
  .lj-app.scene-home .lj-feature { backdrop-filter: none; }
  .lj-card, .lj-choice, .lj-upload, .lj-template, .lj-launch,
  .lj-home-hero, .lj-feature { backdrop-filter: none !important; }
  .lj-bottom-nav { -webkit-backdrop-filter: blur(10px) saturate(1.02) !important; backdrop-filter: blur(10px) saturate(1.02) !important; }
}

/* The host (WeChat/browser) owns the top title bar. Mobile pages start with
   their actual scene content and use the bottom dock for app navigation. */
.lj-topbar { display: none !important; }

/* The video node stays fixed for its full lifetime. WeChat keeps this more
   reliably than a video that is destroyed or reparented during page mount. */
#lj-mobile-home-motion,
#lj-mobile-home-poster,
#lj-mobile-home-video {
  position: fixed;
  inset: -8% 0 auto;
  display: block;
  width: 100%;
  height: 108%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}
#lj-mobile-home-motion {
  z-index: 2147482999;
  display: none;
  background: #050817;
}
html.lj-android-wechat-motion #lj-mobile-home-motion {
  display: block;
  animation: lj-home-motion-fallback 14s ease-in-out infinite alternate;
}
html.lj-android-wechat-motion #lj-mobile-home-poster,
html.lj-android-wechat-motion #lj-mobile-home-video { display: none !important; }
#lj-mobile-home-poster {
  z-index: 2147482998;
  background: #050817;
  opacity: 1;
  transition: opacity .24s ease;
}
#lj-mobile-home-video {
  z-index: 2147482997;
  background: transparent !important;
  opacity: 1;
}
body.lj-home-video-active #lj-mobile-home-poster { opacity: 0; }
body.lj-home-video-resuming #lj-mobile-home-poster { opacity: 0; transition: none; }
@keyframes lj-home-motion-fallback {
  from { transform: scale(1) translate3d(0, 0, 0); }
  to { transform: scale(1.045) translate3d(-1.1%, -0.8%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  #lj-mobile-home-poster, #lj-mobile-home-video { transition: none; }
  html.lj-android-wechat-motion #lj-mobile-home-motion { animation: none; }
}
body.lj-home-video-active #lj-vision,
body.lj-home-video-active .lj-app.scene-home,
body.lj-home-video-active .scene-home .lj-content { background: transparent; }
body.lj-home-video-pending #lj-vision,
body.lj-home-video-pending .lj-app.scene-home,
body.lj-home-video-pending .scene-home .lj-content { background: transparent; }
.lj-app.scene-home { background: #050815; }
.lj-app.scene-home::before,
.lj-app.scene-home::after,
.scene-home .lj-scene { display: none !important; }
.scene-home .lj-content { isolation: isolate; background: #050815; }
.scene-home .lj-home-features { margin-top: auto; margin-bottom: 14px; }

/* Existing workstation distribution account, shown only in the mobile profile. */
.lj-promotion { display: grid; gap: 9px; }
.lj-promotion .lj-section__head { margin-bottom: 0; }
.lj-promotion-card, .lj-promotion-list, .lj-promotion-withdraw { border: 1px solid rgba(150, 209, 255, .28); border-radius: 8px; padding: 13px; background: linear-gradient(135deg, rgba(21, 57, 102, .56), rgba(8, 24, 54, .66)); box-shadow: inset 0 1px rgba(255,255,255,.1), 0 8px 20px rgba(0, 0, 0, .12); backdrop-filter: blur(15px) saturate(1.12); }
.lj-promotion-card { background: linear-gradient(135deg, rgba(26, 81, 126, .64), rgba(10, 30, 68, .72) 58%, rgba(57, 36, 106, .55)); }
.lj-promotion-balance { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.lj-promotion-balance div { border: 1px solid rgba(166, 220, 255, .24); border-radius: 8px; padding: 11px; background: rgba(5, 18, 46, .46); box-shadow: inset 0 1px rgba(255,255,255,.1); }
.lj-promotion-balance small, .lj-promotion-row small, .lj-promotion-code, .lj-promotion-withdraw p { display: block; color: #8fa2bb; font-size: 10px; }
.lj-promotion-balance strong { display: block; margin-top: 5px; color: #eaf5ff; font-size: 18px; }
.lj-promotion-link { display: flex; gap: 8px; margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(179, 222, 255, .16); }
.lj-promotion-link span { min-width: 0; flex: 1; overflow: hidden; color: #a9d9ff; font-size: 11px; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; }
.lj-promotion-link button { flex: 0 0 auto; min-height: 32px; border: 1px solid rgba(126, 225, 255, .54); border-radius: 7px; padding: 0 12px; color: #eaf7ff; background: rgba(42, 129, 207, .38); box-shadow: inset 0 1px rgba(255,255,255,.13); }
.lj-promotion-code { margin-top: 5px; }
.lj-promotion-title { margin-bottom: 8px; color: #eff6ff; font-size: 13px; font-weight: 700; }
.lj-promotion-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid rgba(145, 195, 255, .13); }
.lj-promotion-row:first-of-type { border-top: 0; }
.lj-promotion-row strong, .lj-promotion-row b { color: #edf6ff; font-size: 12px; }
.lj-promotion-row > span:last-child { text-align: right; }
.lj-promotion-empty { padding: 8px 0; color: #8fa2bb; font-size: 11px; }
.lj-promotion-locked { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 1px solid rgba(146, 210, 255, .36); border-radius: 8px; padding: 12px; background: linear-gradient(135deg, rgba(23, 71, 111, .58), rgba(8, 22, 52, .66) 58%, rgba(52, 35, 103, .48)); box-shadow: inset 0 1px rgba(255,255,255,.13), 0 8px 20px rgba(0, 0, 0, .12); backdrop-filter: blur(16px) saturate(1.15); }
.lj-promotion-locked__mark { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(152, 242, 234, .58); border-radius: 8px; color: #bbfff2; background: linear-gradient(135deg, rgba(84, 225, 208, .27), rgba(66, 125, 235, .24)); box-shadow: inset 0 1px rgba(255,255,255,.22), 0 0 16px rgba(71, 210, 210, .14); font-size: 19px; font-weight: 740; }
.lj-promotion-locked__copy { display: grid; min-width: 0; gap: 4px; }
.lj-promotion-locked__copy strong { overflow: hidden; color: #edf8ff; font-size: 12px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.lj-promotion-locked__copy small { color: #9db6d4; font-size: 10px; line-height: 1.45; }.lj-promotion-locked__copy .lj-secondary { min-height: 30px; width: max-content; margin-top: 7px; padding: 0 9px; font-size: 10px; }
.lj-promotion-locked em { border: 1px solid rgba(180, 207, 255, .26); border-radius: 6px; padding: 4px 6px; color: #bfd3ea; background: rgba(102, 106, 163, .2); font-size: 9px; font-style: normal; white-space: nowrap; }
.lj-promotion-withdraw { display: grid; gap: 9px; }
.lj-promotion-withdraw p { margin: -3px 0 2px; line-height: 1.5; }
.lj-promotion-withdraw label { display: grid; gap: 5px; color: #c4d9ed; font-size: 11px; }
.lj-promotion-withdraw input { width: 100%; min-height: 38px; border: 1px solid rgba(137, 199, 255, .26); border-radius: 8px; outline: none; padding: 0 10px; color: #edf6ff; background: rgba(7, 17, 39, .66); }
.lj-promotion-withdraw .lj-primary { width: 100%; margin-top: 3px; }
.lj-withdraw-preview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 2px 0 5px; overflow: hidden; border: 1px solid rgba(128, 194, 255, .24); border-radius: 8px; background: rgba(8, 19, 45, .54); }
.lj-withdraw-preview > div { min-width: 0; padding: 10px 8px; }
.lj-withdraw-preview > div + div { border-left: 1px solid rgba(128, 194, 255, .17); }
.lj-withdraw-preview small, .lj-withdraw-account small { display: block; color: #8fa2bb; font-size: 10px; }
.lj-withdraw-preview strong { display: block; margin-top: 5px; color: #dcecff; font-size: 13px; white-space: nowrap; }
.lj-withdraw-preview .is-payable { background: rgba(35, 119, 202, .17); }
.lj-withdraw-preview .is-payable strong { color: #9dd9ff; }
.lj-withdraw-preview.is-empty { display: block; padding: 11px; color: #8fa2bb; font-size: 10px; line-height: 1.5; }
.lj-withdraw-confirm { display: grid; gap: 11px; }
.lj-withdraw-confirm > p { margin: -3px 0 1px; }
.lj-withdraw-account { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 7px 10px; padding: 11px; border: 1px solid rgba(128, 194, 255, .19); border-radius: 8px; background: rgba(8, 19, 45, .42); }
.lj-withdraw-account strong { min-width: 0; overflow-wrap: anywhere; color: #edf6ff; font-size: 11px; }
.lj-withdraw-confirm-actions { display: grid; grid-template-columns: .78fr 1.22fr; gap: 8px; }
.lj-withdraw-confirm-actions button { min-height: 42px; }
.scene-promotion .lj-topbar { display: flex !important; }
.scene-promotion .lj-content { padding-top: max(10px, env(safe-area-inset-top)); }
.lj-promotion-menu { overflow: hidden; padding: 0; }
.lj-promotion-menu__entry { display: grid; width: 100%; min-height: 68px; grid-template-columns: minmax(0, 1fr) auto 12px; align-items: center; gap: 10px; border: 0; padding: 12px 13px; color: #eaf5ff; font-family: inherit; text-align: left; background: transparent; cursor: pointer; }
.lj-promotion-menu__entry + .lj-promotion-menu__entry { border-top: 1px solid rgba(145, 195, 255, .15); }
.lj-promotion-menu__entry > span { display: grid; min-width: 0; gap: 5px; }
.lj-promotion-menu__entry strong { overflow: hidden; color: #eef7ff; font-size: 13px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.lj-promotion-menu__entry small { overflow: hidden; color: #94b3d1; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.lj-promotion-menu__entry em { color: #a9d9ff; font-size: 10px; font-style: normal; white-space: nowrap; }
.lj-promotion-menu__entry i { color: #b9dfff; font-size: 20px; font-style: normal; line-height: 1; }
.lj-promotion-menu__entry:active { background: rgba(60, 139, 218, .15); }
.lj-promotion-detail { display: grid; gap: 10px; margin-top: 5px; }
.lj-promotion-detail__intro { margin: 0 2px 2px; color: #9ab4cf; font-size: 11px; line-height: 1.55; }
.lj-promotion-detail .lj-promotion-list, .lj-promotion-detail .lj-promotion-withdraw, .lj-promotion-detail .lj-promotion-rules { border-radius: 10px; }
.lj-payout-profile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px; align-items: end; border: 1px solid rgba(128, 194, 255, .19); border-radius: 8px; padding: 10px; background: rgba(8, 19, 45, .42); }
.lj-payout-profile > span { display: grid; min-width: 0; gap: 4px; }
.lj-payout-profile small, .lj-payout-edit p { color: #8fa2bb; font-size: 10px; }
.lj-payout-profile strong { overflow: hidden; color: #edf6ff; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.lj-payout-profile button, .lj-payout-edit__head button { min-height: 30px; border: 1px solid rgba(126, 225, 255, .43); border-radius: 7px; padding: 0 9px; color: #cfefff; font-family: inherit; font-size: 10px; background: rgba(42, 129, 207, .22); }
.lj-payout-edit { display: grid; gap: 9px; }
.lj-payout-edit__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lj-payout-edit__head strong { color: #eaf5ff; font-size: 12px; }
.lj-payout-edit__head button { flex: 0 0 auto; }
.lj-payout-edit p { margin: -2px 0 0; }
.lj-promotion-rules { display: grid; overflow: hidden; padding: 0; }
.lj-promotion-rules > div { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding: 13px; }
.lj-promotion-rules > div + div { border-top: 1px solid rgba(145, 195, 255, .14); }
.lj-promotion-rules > .lj-promotion-rules__heading { display: block; padding-bottom: 11px; background: rgba(22, 67, 111, .17); }
.lj-promotion-rules__heading span { display: grid; gap: 4px; }
.lj-promotion-rules b { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(110, 215, 255, .46); border-radius: 8px; color: #bff5ff; background: rgba(34, 120, 180, .21); font-size: 10px; }
.lj-promotion-rules span { display: grid; min-width: 0; gap: 4px; }
.lj-promotion-rules strong { color: #edf6ff; font-size: 12px; }
.lj-promotion-rules small { color: #9bb3cc; font-size: 10px; line-height: 1.55; }
.lj-secondary { border: 1px solid rgba(137, 199, 255, .28); border-radius: 8px; color: #c3d8ec; background: rgba(14, 29, 56, .62); }

/* Parameters stay visible in the work surface, arranged as direct choices. */
.lj-setting-group { margin-top: 21px; }
.lj-setting-group__label { margin: 0 0 10px 2px; color: #e7f0ff; font-size: 15px; font-weight: 720; line-height: 1.25; }
.lj-option-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.lj-option-grid--two, .lj-option-grid--wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lj-option-tile { position: relative; display: grid; min-width: 0; min-height: 54px; place-items: center; overflow: hidden; border: 1px solid rgba(139, 187, 255, .26); border-radius: 8px; padding: 8px 6px; color: #b9c8de; text-align: center; background: linear-gradient(145deg, rgba(20, 40, 78, .77), rgba(9, 20, 47, .85)); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 7px 16px rgba(0, 0, 0, .1); font: inherit; font-size: 13px; font-weight: 650; line-height: 1.2; cursor: pointer; }
.lj-option-tile::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(125deg, rgba(157, 100, 255, .13), transparent 47%, rgba(63, 211, 255, .1)); opacity: 0; transition: opacity .16s ease; }
.lj-option-tile > span { position: relative; z-index: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lj-option-tile:active::before, .lj-option-tile.is-active::before { opacity: 1; }
.lj-option-tile:active { transform: translateY(1px); }
.lj-option-tile.is-active { border-color: #87d6ff; color: #f8fcff; background: linear-gradient(135deg, rgba(105, 64, 214, .7), rgba(27, 119, 192, .74)); box-shadow: 0 0 0 1px rgba(161, 109, 255, .34), 0 0 20px rgba(60, 173, 255, .22), inset 0 1px rgba(255,255,255,.2); font-weight: 740; }
.lj-option-grid--ratio { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px 8px; }
.lj-option-grid--ratio.lj-option-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lj-option-grid--ratio .lj-option-tile { grid-template-rows: minmax(26px, 1fr) auto; align-content: center; gap: 8px; min-height: 91px; padding: 11px 4px 9px; }
.lj-option-grid--ratio .lj-option-tile > span { color: inherit; font-size: 12px; font-weight: 670; }
.lj-option-ratio { display: block; width: auto; max-width: 100%; height: 24px; max-height: 24px; border: 2px solid currentColor; border-radius: 3px; opacity: .86; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.lj-option-tile.is-active .lj-option-ratio { border-color: #e7f8ff; opacity: 1; box-shadow: 0 0 10px rgba(172, 234, 255, .29), inset 0 0 0 1px rgba(255,255,255,.19); }
@media (max-width: 374px) { .lj-option-grid--ratio { gap: 7px 6px; }.lj-option-grid--ratio .lj-option-tile { min-height: 84px; }.lj-option-ratio { height: 20px; } }

/* Creation pages stay focused; secondary generation controls live in this sheet. */
.lj-settings-trigger { display: grid; grid-template-columns: auto minmax(0, 1fr) 18px; align-items: center; gap: 11px; width: 100%; min-height: 56px; margin-top: 19px; border: 0; border-bottom: 1px solid rgba(142, 188, 255, .24); padding: 0 2px; color: #eff7ff; text-align: left; background: transparent; font: inherit; cursor: pointer; }
.lj-settings-trigger > span { font-size: 15px; font-weight: 720; }
.lj-settings-trigger > strong { min-width: 0; overflow: hidden; color: #92a7c6; font-size: 12px; font-weight: 540; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.lj-settings-trigger > i { color: #8dd2ff; font-size: 22px; font-style: normal; line-height: 1; text-align: right; }
.lj-settings-trigger:active > span, .lj-settings-trigger:active > i { color: #b9e9ff; }
.lj-settings-modal { position: absolute; z-index: 31; inset: 0; display: flex; align-items: flex-end; }
.lj-settings-modal__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(2, 6, 19, .77); backdrop-filter: blur(8px); cursor: default; }
.lj-settings-sheet { position: relative; width: 100%; max-height: min(77%, 655px); overflow: hidden; border: 1px solid rgba(143, 188, 255, .4); border-bottom: 0; border-radius: 10px 10px 0 0; color: #eff7ff; background: linear-gradient(155deg, rgba(19, 29, 65, .99), rgba(7, 14, 35, .995) 58%, rgba(9, 25, 54, .995)); box-shadow: 0 -1px 0 rgba(235, 245, 255, .16), 0 -20px 60px rgba(32, 87, 201, .2), inset 0 1px rgba(255,255,255,.08); animation: lj-settings-sheet-in .24s cubic-bezier(.2,.8,.2,1) both; }
.lj-settings-sheet::before { content: ""; display: block; width: 42px; height: 4px; margin: 10px auto 0; border-radius: 3px; background: linear-gradient(90deg, #a175ff, #57d7ff); box-shadow: 0 0 11px rgba(88, 196, 255, .55); }
.lj-settings-sheet header { display: flex; align-items: center; justify-content: space-between; min-height: 67px; padding: 0 16px; border-bottom: 1px solid rgba(145, 188, 255, .16); background: linear-gradient(90deg, rgba(112, 67, 202, .11), rgba(40, 139, 211, .1)); }
.lj-settings-sheet header span { display: block; margin-bottom: 4px; color: #9ebcff; font-size: 9px; font-weight: 700; letter-spacing: 1.2px; }
.lj-settings-sheet header strong { display: block; color: #f7fbff; font-size: 18px; font-weight: 750; }
.lj-settings-sheet header button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(147, 197, 255, .3); border-radius: 8px; padding: 0; color: #a9e0ff; background: rgba(46, 91, 157, .27); box-shadow: inset 0 1px rgba(255,255,255,.08); font-size: 16px; cursor: pointer; }
.lj-settings-sheet__body { max-height: calc(min(77dvh, 655px) - 81px); overflow-y: auto; padding: 17px 16px calc(24px + env(safe-area-inset-bottom)); overscroll-behavior: contain; }
.lj-settings-sheet__body .lj-setting-group { margin-top: 24px; }
.lj-settings-sheet__body .lj-setting-group:first-child { margin-top: 0; }
.lj-setting-group--toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 13px; border: 1px solid rgba(145, 188, 255, .17); border-radius: 8px; background: rgba(15, 32, 69, .47); }
.lj-setting-toggle-copy { min-width: 0; }
.lj-setting-toggle-copy .lj-setting-group__label { margin: 0; }
.lj-setting-toggle-copy small { display: block; margin-top: 5px; color: #8ea5c6; font-size: 11px; line-height: 1.35; }
.lj-setting-group--toggle .lj-toggle { position: relative; display: block; width: 46px; height: 27px; flex: 0 0 46px; cursor: pointer; }
.lj-setting-group--toggle .lj-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.lj-setting-group--toggle .lj-toggle i { position: absolute; inset: 0; display: block; border: 1px solid rgba(185, 210, 246, .24); border-radius: 999px; background: rgba(150, 172, 207, .34); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); transition: background .18s ease, border-color .18s ease; }
.lj-setting-group--toggle .lj-toggle i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 19px; height: 19px; border-radius: 50%; background: #f4f8ff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); transition: transform .18s ease; }
.lj-setting-group--toggle .lj-toggle input:checked + i { border-color: rgba(111, 207, 255, .7); background: linear-gradient(90deg, #667dff, #47c8f5); }
.lj-setting-group--toggle .lj-toggle input:checked + i::after { transform: translateX(19px); }
.lj-setting-group--toggle .lj-toggle input:focus-visible + i { outline: 2px solid #8adfff; outline-offset: 3px; }
@keyframes lj-settings-sheet-in { from { opacity: 0; transform: translateY(105%); } to { opacity: 1; transform: translateY(0); } }

/* Saved avatars retain visual recognition and keep destructive actions deliberate. */
.lj-setting-group--saved-avatar { margin-top: 0; }
.lj-saved-avatar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.lj-saved-avatar { position: relative; min-width: 0; min-height: 66px; overflow: hidden; border: 1px solid rgba(139, 187, 255, .28); border-radius: 8px; color: #c8d8ec; background: linear-gradient(145deg, rgba(20, 40, 78, .77), rgba(9, 20, 47, .85)); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 7px 16px rgba(0, 0, 0, .1); }
button.lj-saved-avatar { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 9px; width: 100%; padding: 9px; text-align: left; font: inherit; cursor: pointer; }
.lj-saved-avatar > .lj-saved-avatar__select { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 9px; width: 100%; min-height: 64px; border: 0; padding: 9px 40px 9px 9px; color: inherit; text-align: left; background: transparent; font: inherit; cursor: pointer; }
.lj-saved-avatar__thumb { display: grid; width: 38px; height: 38px; place-items: center; overflow: hidden; border: 1px solid rgba(129, 203, 255, .3); border-radius: 7px; color: #a9d9ff; background: rgba(25, 70, 126, .45); }
.lj-saved-avatar__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lj-saved-avatar__placeholder { border-style: dashed; color: #9dcbff; font-size: 22px; font-weight: 420; }
.lj-saved-avatar__fallback { display: grid; width: 100%; height: 100%; place-items: center; color: #d6edff; font-size: 14px; }
.lj-saved-avatar__select > span:last-child, button.lj-saved-avatar > .lj-saved-avatar__select { min-width: 0; overflow: hidden; font-size: 12px; font-weight: 650; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.lj-saved-avatar.is-active { border-color: #86d9ff; color: #f5fcff; background: linear-gradient(135deg, rgba(95, 62, 208, .7), rgba(26, 116, 187, .75)); box-shadow: 0 0 0 1px rgba(158, 111, 255, .3), 0 0 19px rgba(59, 177, 255, .19), inset 0 1px rgba(255,255,255,.2); }
.lj-saved-avatar.is-active .lj-saved-avatar__thumb { border-color: rgba(226, 250, 255, .74); }
.lj-saved-avatar__delete { position: absolute; z-index: 1; top: 50%; right: 9px; display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid rgba(201, 228, 255, .27); border-radius: 7px; padding: 0; color: #c4ddf6; background: rgba(5, 16, 39, .72); box-shadow: 0 2px 7px rgba(0,0,0,.22); font: inherit; font-size: 15px; line-height: 1; cursor: pointer; transform: translateY(-50%); }
.lj-saved-avatar__delete:active { border-color: rgba(255, 147, 176, .84); color: #ffe0e8; background: rgba(133, 36, 70, .88); }
.lj-saved-avatar__delete.is-armed { width: 38px; border-color: rgba(255, 148, 172, .74); color: #ffe9ef; background: rgba(140, 37, 73, .92); font-size: 10px; font-weight: 720; }

/* Uploads use the device media picker and reflect selected media in compact previews. */
.lj-upload { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 72px; padding: 9px 11px; }
.lj-upload__mark { display: grid; width: 52px; height: 52px; place-items: center; overflow: hidden; border-radius: 8px; color: #b8e5ff; background: rgba(32, 89, 161, .2); font-size: 25px; }
.lj-upload .lj-upload__mark { position: relative; display: grid; place-items: center; margin-top: 0; }
.lj-upload .lj-upload__arrow { position: absolute; top: 50%; left: 50%; display: grid; width: 28px; height: 28px; place-items: center; margin: 0; border: 1px solid rgba(182, 236, 255, .56); border-radius: 50%; color: #effbff; background: rgba(68, 158, 230, .25); box-shadow: inset 0 1px rgba(255,255,255,.18), 0 4px 12px rgba(43, 136, 235, .19); font-size: 0; font-style: normal; line-height: 1; transform: translate(-50%, -50%); }
.lj-upload__arrow::before { display: block; width: 12px; height: 14px; border-radius: 2px; background: currentColor; clip-path: polygon(50% 0, 100% 43%, 72% 43%, 72% 100%, 28% 100%, 28% 43%, 0 43%); content: ""; }
.lj-upload__arrow::after { display: none; content: ""; }
.lj-upload__copy { display: grid; min-width: 0; gap: 4px; text-align: left; }
.lj-upload__copy strong { overflow: hidden; color: #eef7ff; font-size: 13px; font-weight: 710; text-overflow: ellipsis; white-space: nowrap; }
.lj-upload__copy > span { margin: 0; color: #90a8c8; font-size: 11px; line-height: 1.35; }
.lj-upload.is-ready { border-color: rgba(101, 210, 255, .45); background: linear-gradient(135deg, rgba(25, 60, 104, .76), rgba(8, 23, 50, .88)); }
.lj-upload.is-ready .lj-upload__mark { border-color: rgba(114, 214, 255, .62); color: #f1fbff; background: rgba(12, 30, 66, .82); }
.lj-upload__thumbnail { position: relative; display: grid; width: 100%; height: 100%; place-items: center; overflow: hidden; border-radius: 6px; color: #b9ddfb; background: linear-gradient(145deg, #173b71, #101b48); font-size: 10px; font-weight: 700; }
.lj-upload__thumbnail img, .lj-upload__thumbnail video { display: block; width: 100%; height: 100%; object-fit: cover; }
.lj-upload__thumbnail i { position: absolute; right: 3px; bottom: 3px; border-radius: 4px; padding: 2px 4px; color: #fff; background: rgba(3, 8, 22, .7); font-size: 8px; font-style: normal; line-height: 1; }
.lj-video-preview-live-shell { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(145deg, #1f3468, #101935); }
.lj-video-preview-live { display: block; width: 100%; height: 100%; object-fit: cover; background: #101935; }
.lj-video-preview-live-shell > i { position: absolute; right: 5px; bottom: 5px; border-radius: 4px; padding: 3px 5px; color: #eaf7ff; background: rgba(4, 12, 31, .72); font-size: 9px; font-style: normal; font-weight: 650; line-height: 1; }
.lj-video-preview-live[data-preview-ready="true"] + i { display: none; }
.lj-video-preview-fallback { position: relative; display: grid; width: 100%; height: 100%; place-items: center; overflow: hidden; color: #dceeff; background: linear-gradient(145deg, #1f3468, #101935); }
.lj-video-preview-fallback::before { position: absolute; inset: 11%; border: 1px solid rgba(193, 231, 255, .22); border-radius: 8px; content: ""; }
.lj-video-preview-fallback > i { position: relative; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(211, 241, 255, .62); border-radius: 50%; padding-left: 2px; color: #fff; background: rgba(6, 15, 39, .63); box-shadow: 0 2px 10px rgba(0,0,0,.23); font-size: 12px; font-style: normal; line-height: 1; }
.lj-video-preview-fallback > b { position: absolute; right: 5px; bottom: 5px; display: block; width: auto; height: auto; color: #eaf7ff; font-size: 9px; font-weight: 650; line-height: 1; white-space: nowrap; }
.lj-upload--list { grid-template-columns: minmax(116px, 42vw) minmax(0, 1fr); }
.lj-upload--list .lj-upload__mark { width: 100%; padding: 4px; }
.lj-upload__thumbnails { display: flex; width: 100%; height: 100%; align-items: center; gap: 3px; overflow: hidden; }
.lj-upload__thumbnails .lj-upload__thumbnail { min-width: 0; flex: 1 1 0; height: 100%; }
.lj-upload__more { display: grid; width: 24px; min-width: 24px; height: 100%; place-items: center; border-radius: 5px; color: #dff7ff; background: rgba(40, 118, 202, .55); font-size: 10px; }
.lj-upload.is-uploading { border-color: rgba(110, 219, 255, .78); background: linear-gradient(135deg, rgba(25, 76, 128, .82), rgba(8, 25, 57, .92)); box-shadow: 0 0 0 1px rgba(98, 193, 255, .16), 0 0 20px rgba(44, 166, 255, .12), inset 0 1px rgba(255,255,255,.12); cursor: progress; }
.lj-upload.is-uploading .lj-upload__thumbnail::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(90, 63, 234, .18), rgba(48, 210, 240, .14)); }
.lj-upload__progress { display: grid; grid-template-columns: minmax(0, 1fr) 31px; align-items: center; gap: 8px; margin-top: 3px; }
.lj-upload__progress > i { display: block; height: 4px; overflow: hidden; border-radius: 3px; background: rgba(172, 220, 255, .18); box-shadow: inset 0 1px rgba(0,0,0,.25); }
.lj-upload__progress > i > b { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9270ff, #48baff, #5de7dc); box-shadow: 0 0 9px rgba(83, 209, 255, .65); transition: width .16s linear; }
.lj-upload__progress em { color: #c7efff; font-size: 10px; font-style: normal; font-variant-numeric: tabular-nums; text-align: right; }
.lj-upload-shell { position: relative; margin-top: 12px; }
.lj-upload-shell .lj-upload { width: 100%; margin-top: 0; }
.lj-selected-media-list { display: grid; gap: 8px; margin-top: 9px; }
.lj-selected-media-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 30px; min-height: 58px; align-items: center; gap: 12px; overflow: hidden; border: 1px solid rgba(113, 181, 235, .3); border-radius: 9px; padding: 9px 9px 9px 12px; color: #eaf5ff; background: rgba(9, 24, 52, .78); box-shadow: inset 0 1px rgba(255,255,255,.055); }
.lj-selected-media-row__copy { display: grid; min-width: 0; gap: 4px; }
.lj-selected-media-row__copy strong { overflow: hidden; color: #eaf5ff; font-size: 12px; font-weight: 680; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.lj-selected-media-row__copy small { overflow: hidden; color: #91a9c6; font-size: 10px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.lj-selected-media-row__copy .is-error { color: #ffadc6; }
.lj-selected-media-row__remove { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(192, 221, 249, .24); border-radius: 7px; padding: 0; color: #bed5ed; background: rgba(37, 67, 111, .32); font-size: 15px; line-height: 1; cursor: pointer; }
.lj-selected-media-row__remove:active { border-color: rgba(255, 148, 180, .78); color: #ffe2ec; background: rgba(124, 35, 70, .7); }
.lj-selected-media-row__progress { position: absolute; right: 9px; bottom: 0; left: 12px; height: 2px; overflow: hidden; background: rgba(141, 201, 245, .15); }
.lj-selected-media-row__progress > b { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #9270ff, #48baff, #5de7dc); box-shadow: 0 0 7px rgba(83, 209, 255, .7); transition: width .16s linear; }
.lj-selected-media-row.is-uploading { border-color: rgba(100, 208, 255, .66); background: linear-gradient(120deg, rgba(25, 71, 121, .82), rgba(8, 27, 60, .9)); }
.lj-selected-media-row.is-failed { border-color: rgba(255, 127, 160, .7); background: rgba(90, 29, 62, .58); }
.lj-upload-confirm { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; margin-top: 11px; padding: 10px 1px 2px; border-top: 1px solid rgba(127, 191, 255, .16); }
.lj-upload-confirm > span { min-width: 0; color: #9db5d4; font-size: 11px; line-height: 1.4; }
.lj-upload-confirm .lj-secondary { flex: 0 0 auto; min-height: 36px; border-color: rgba(107, 220, 220, .54); padding: 0 11px; color: #e2ffff; background: rgba(39, 125, 143, .32); font-size: 11px; white-space: nowrap; }
.lj-upload-confirm .lj-secondary:disabled { cursor: wait; opacity: .6; }
.lj-upload-remove { position: absolute; z-index: 1; top: 8px; right: 8px; display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(218, 239, 255, .28); border-radius: 8px; padding: 0; color: #dceeff; background: rgba(7, 18, 42, .84); box-shadow: 0 3px 10px rgba(0,0,0,.28); font-size: 15px; line-height: 1; cursor: pointer; }
.lj-upload-remove:active { border-color: rgba(255, 147, 176, .84); color: #ffd9e5; background: rgba(131, 33, 67, .82); }
.lj-upload.is-upload-failed { border-color: rgba(255, 127, 160, .7); background: linear-gradient(135deg, rgba(92, 33, 67, .68), rgba(23, 17, 46, .9)); }
.lj-upload.is-upload-failed .lj-upload__mark { border-color: rgba(255, 150, 180, .65); color: #ffd0df; background: rgba(103, 30, 64, .46); }
.lj-upload.is-upload-failed .lj-upload__thumbnail::after { content: ""; position: absolute; inset: 0; background: rgba(126, 24, 66, .28); }

/* Finished media is large enough to inspect; multi-file uploads stay independently removable. */
.lj-upload.is-ready:not(.lj-upload--list) { grid-template-columns: 84px minmax(0, 1fr); min-height: 104px; }
.lj-upload.is-ready:not(.lj-upload--list) .lj-upload__mark { width: 84px; height: 84px; border-radius: 10px; }
.lj-upload-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.lj-upload-tile { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(112, 205, 255, .48); border-radius: 11px; background: linear-gradient(145deg, rgba(31, 76, 133, .86), rgba(8, 22, 50, .94)); box-shadow: inset 0 1px rgba(255,255,255,.1), 0 8px 17px rgba(0,0,0,.18); }
.lj-upload-tile__preview { display: block; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(145deg, #173b71, #101b48); }
.lj-upload-tile__preview img, .lj-upload-tile__preview video { display: block; width: 100%; height: 100%; object-fit: cover; }
.lj-upload-tile__preview b { display: grid; width: 100%; height: 100%; place-items: center; color: #d6edff; font-size: 12px; }
.lj-upload-tile__preview .lj-video-preview-live-shell > i { right: 7px; bottom: 7px; }
.lj-upload-tile__preview .lj-video-preview-fallback > b { display: block; width: auto; height: auto; color: #eaf7ff; font-size: 9px; }
.lj-upload-tile__remove { position: absolute; z-index: 2; top: 7px; right: 7px; display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(231, 246, 255, .4); border-radius: 8px; padding: 0; color: #fff; background: rgba(5, 14, 34, .79); box-shadow: 0 3px 10px rgba(0,0,0,.36); font-size: 16px; line-height: 1; cursor: pointer; }
.lj-upload-tile__remove:active { border-color: rgba(255, 141, 174, .9); background: rgba(134, 35, 69, .92); }
.lj-upload-tile__state { position: absolute; z-index: 1; right: 7px; bottom: 7px; max-width: calc(100% - 14px); overflow: hidden; border-radius: 6px; padding: 4px 6px; color: #e6f8ff; background: rgba(5, 16, 41, .78); font-size: 10px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.lj-upload-tile__progress { position: absolute; z-index: 2; right: 8px; bottom: 8px; left: 8px; height: 5px; overflow: hidden; border-radius: 4px; background: rgba(218, 244, 255, .23); box-shadow: inset 0 1px rgba(0,0,0,.3); }
.lj-upload-tile__progress > b { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9d71ff, #47c7ff, #62efd9); box-shadow: 0 0 9px rgba(82, 214, 255, .7); transition: width .16s linear; }
.lj-upload-tile:has(.lj-upload-tile__progress) .lj-upload-tile__state { bottom: 19px; }
.lj-upload-tile.is-uploading::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(91, 67, 235, .2), rgba(47, 211, 242, .18)); pointer-events: none; }
.lj-upload-tile.is-upload-failed { border-color: rgba(255, 127, 160, .76); }
.lj-upload-tile.is-upload-failed::after { content: ""; position: absolute; inset: 0; background: rgba(128, 24, 65, .28); pointer-events: none; }

/* The account page starts with the account itself. Purchase choices remain
   compact until the user chooses a product category. */
.scene-profile .lj-content { padding-top: max(14px, env(safe-area-inset-top)); }
.scene-profile .lj-profile { position: relative; z-index: 2; margin-top: 0; }
.lj-purchase { display: grid; gap: 10px; }
.lj-purchase .lj-section__head { margin-bottom: 0; }
.lj-purchase-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.lj-purchase-action { display: grid; min-width: 0; min-height: 76px; gap: 5px; align-content: center; border: 1px solid rgba(128, 196, 255, .3); border-radius: 8px; padding: 11px 12px; color: #eaf5ff; text-align: left; background: rgba(12, 30, 64, .72); box-shadow: inset 0 1px rgba(255,255,255,.07); cursor: pointer; }
.lj-purchase-action strong { overflow: hidden; font-size: 14px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.lj-purchase-action small { overflow: hidden; color: #9ab6d6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.lj-purchase-action.is-active { border-color: rgba(117, 224, 227, .76); background: rgba(25, 88, 116, .58); box-shadow: inset 0 1px rgba(255,255,255,.1), 0 0 0 1px rgba(75, 211, 220, .1); }
.lj-purchase-action.is-locked { border-color: rgba(132, 151, 181, .25); color: #b4c0d0; background: rgba(13, 22, 41, .58); }
.lj-purchase-action.is-locked small { color: #7e8ea5; }
.lj-purchase-catalog { overflow: visible; }
.lj-purchase-catalog__head, .lj-mobile-payment__head { display: flex; min-height: 44px; align-items: center; justify-content: space-between; padding: 0 12px; border: 1px solid rgba(155, 215, 255, .32); border-radius: 8px; color: #eef7ff; background: linear-gradient(135deg, rgba(20, 62, 112, .54), rgba(12, 24, 59, .46)); box-shadow: inset 0 1px rgba(255,255,255,.13), 0 8px 20px rgba(0, 0, 0, .14); backdrop-filter: blur(16px) saturate(1.18); }
.lj-purchase-catalog__head strong { font-size: 13px; }
.lj-purchase-catalog__head button, .lj-mobile-payment__head button { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 6px; padding: 0; color: #b8d8fa; background: rgba(82, 130, 188, .18); font-size: 20px; line-height: 1; cursor: pointer; }
.lj-purchase-products { display: grid; gap: 9px; margin-top: 9px; background: transparent; }
.lj-purchase-product { position: relative; display: flex; min-width: 0; min-height: 72px; align-items: center; justify-content: space-between; gap: 12px; overflow: hidden; border: 1px solid rgba(149, 211, 255, .42); border-radius: 8px; padding: 12px; color: #ecf6ff; text-align: left; background: linear-gradient(130deg, rgba(26, 75, 122, .64), rgba(10, 26, 62, .58) 52%, rgba(58, 40, 111, .52)); box-shadow: inset 0 1px rgba(255,255,255,.16), inset 0 0 22px rgba(108, 211, 255, .05), 0 9px 20px rgba(0, 0, 0, .16); backdrop-filter: blur(18px) saturate(1.2); cursor: pointer; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.lj-purchase-product::before { content: ""; position: absolute; top: 0; right: 12%; left: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(235, 252, 255, .88), transparent); opacity: .72; pointer-events: none; }
.lj-purchase-product:active { border-color: rgba(125, 245, 231, .86); transform: scale(.985); background: linear-gradient(130deg, rgba(35, 110, 141, .78), rgba(15, 49, 84, .7) 52%, rgba(66, 45, 130, .68)); }
.lj-purchase-product:disabled { cursor: wait; opacity: .64; }
.lj-purchase-product__main, .lj-purchase-product__pay { display: grid; min-width: 0; gap: 4px; }
.lj-purchase-product__main { flex: 1; }
.lj-purchase-product__main strong { overflow: hidden; color: #f0f7ff; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.lj-purchase-product__main small { overflow: hidden; color: #8da5c4; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.lj-purchase-product__pay { flex: 0 0 auto; justify-items: end; }
.lj-purchase-product__pay b { min-width: 74px; border: 1px solid rgba(150, 255, 234, .46); border-radius: 6px; padding: 5px 7px; color: #9af6e5; background: linear-gradient(135deg, rgba(108, 244, 218, .18), rgba(106, 157, 255, .13)); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 5px 13px rgba(27, 192, 196, .12); font-size: 14px; font-weight: 740; line-height: 1.1; text-align: right; }
.lj-purchase-product__pay small { color: #9cccf2; font-size: 10px; }
.lj-purchase-loading { padding: 22px 14px; color: #91a6c2; text-align: center; font-size: 11px; }
.lj-mobile-payment { overflow: hidden; border: 1px solid rgba(111, 235, 199, .46); border-radius: 8px; background: rgba(7, 33, 45, .88); box-shadow: 0 0 24px rgba(53, 208, 177, .09), inset 0 1px rgba(255,255,255,.08); }
.lj-mobile-payment__head { border-bottom-color: rgba(116, 237, 202, .2); color: #dffff5; font-size: 13px; font-weight: 720; }
.lj-mobile-payment__body { display: grid; justify-items: center; gap: 10px; padding: 14px; }
.lj-mobile-payment__body img { display: block; width: min(176px, 54vw); aspect-ratio: 1; border-radius: 6px; background: #fff; object-fit: contain; }
.lj-mobile-payment__body p { margin: 0; color: #b3d7d2; font-size: 11px; line-height: 1.5; text-align: center; }
.lj-payment-open { min-height: 38px; border: 1px solid rgba(155, 255, 222, .62); border-radius: 7px; padding: 0 16px; color: #e7fff6; background: rgba(46, 157, 122, .42); font-size: 12px; font-weight: 700; cursor: pointer; }
.lj-purchase-action:focus-visible, .lj-purchase-product:focus-visible, .lj-purchase-catalog__head button:focus-visible, .lj-mobile-payment__head button:focus-visible, .lj-payment-open:focus-visible { outline: 2px solid #91e9ff; outline-offset: 2px; }
@media (max-width: 350px) { .lj-purchase-action { min-height: 70px; padding: 10px; }.lj-purchase-action strong { font-size: 13px; }.lj-purchase-product { gap: 8px; padding-right: 10px; padding-left: 10px; }.lj-purchase-product__main small { max-width: 175px; } }

/* Only final, server-archived work enters this surface. Its poster is a real
   server frame, so the works list remains reliable in iOS and Android WeChat. */
.lj-task__outputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 11px; overflow: visible; }
.lj-result-output { position: relative; display: grid; min-width: 0; overflow: hidden; border: 1px solid rgba(148, 204, 255, .32); border-radius: 8px; padding: 0; color: #eaf5ff; text-align: left; background: rgba(9, 20, 47, .72); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 7px 16px rgba(0,0,0,.18); cursor: pointer; }
.lj-result-output:active { border-color: rgba(142, 234, 255, .82); transform: scale(.985); }
.lj-result-output__media { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #071126; }
.lj-result-output__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 48%, rgba(3, 10, 27, .44)); }
.lj-result-output__media img { display: block; width: 100%; height: 100%; object-fit: cover; background: #071126; }
.lj-result-output__file { display: grid; width: 100%; height: 100%; place-items: center; color: #bfe3ff; background: linear-gradient(145deg, rgba(44, 90, 155, .72), rgba(12, 26, 63, .9)); font-size: 12px; font-weight: 700; }
.lj-result-output__meta { display: grid; min-width: 0; gap: 3px; padding: 8px 9px 9px; }
.lj-result-output__meta strong, .lj-result-output__meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lj-result-output__meta strong { color: #edf8ff; font-size: 11px; font-weight: 680; }.lj-result-output__meta small { color: #8fafd1; font-size: 10px; }
.lj-result-output--video { grid-column: 1 / -1; grid-template-columns: 112px minmax(0, 1fr); min-height: 86px; align-items: stretch; }.lj-result-output--video .lj-result-output__media { aspect-ratio: auto; min-height: 84px; background: #030a18; }.lj-result-output--video .lj-result-output__media img { object-fit: contain; }.lj-result-output--video .lj-result-output__meta { align-content: center; padding-left: 11px; }.lj-result-output--video .lj-result-output__meta small::after { content: " · 点击播放"; }.lj-result-output--video .lj-result-output__media::before { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; width: 27px; height: 27px; border: 1px solid rgba(239, 251, 255, .72); border-radius: 50%; background: rgba(3, 12, 29, .55); box-shadow: 0 2px 10px rgba(0,0,0,.32); transform: translate(-50%, -50%); }.lj-result-output--video .lj-result-output__media::after { z-index: 2; inset: auto auto 50% 50%; width: 0; height: 0; margin: 0 0 -6px -3px; background: transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #f1fcff; transform: translateY(50%); }
.lj-result-output__video-mark { display: grid; width: 100%; height: 100%; place-items: center; gap: 3px; color: #ccecff; background: rgba(40, 91, 156, .56); }.lj-result-output__video-mark i { display: block; width: 0; height: 0; margin-left: 3px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #effaff; filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)); }.lj-result-output__video-mark b { font-size: 9px; font-weight: 700; }
.lj-result-preview { position: fixed; z-index: 40; inset: 0; display: grid; align-items: end; padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)); background: rgba(1, 5, 15, .74); }
.lj-result-preview__backdrop { position: absolute; inset: 0; border: 0; padding: 0; background: transparent; }
.lj-result-preview__sheet { position: relative; z-index: 1; display: grid; max-height: min(86dvh, 760px); gap: 12px; overflow: hidden auto; border: 1px solid rgba(174, 219, 255, .36); border-radius: 8px; padding: 13px; color: #edf7ff; background: rgba(7, 17, 40, .98); box-shadow: 0 22px 60px rgba(0,0,0,.56), inset 0 1px rgba(255,255,255,.1); }
.lj-result-preview__sheet header { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; }.lj-result-preview__sheet header > span { display: grid; min-width: 0; gap: 3px; }.lj-result-preview__sheet header small { color: #92b6df; font-size: 10px; }.lj-result-preview__sheet header strong { overflow: hidden; color: #f4faff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.lj-result-preview__close { display: grid; flex: 0 0 auto; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(169, 212, 255, .35); border-radius: 7px; padding: 0; color: #d6edff; background: rgba(72, 118, 177, .2); font-size: 21px; line-height: 1; cursor: pointer; }
.lj-result-preview__media { display: grid; min-height: 180px; place-items: center; overflow: hidden; border: 1px solid rgba(143, 198, 255, .22); border-radius: 7px; background: #020713; }.lj-result-preview__media img, .lj-result-preview__media video { display: block; width: 100%; max-height: min(62dvh, 580px); object-fit: contain; background: #020713; }.lj-result-preview__media video { aspect-ratio: 9 / 16; }
.lj-result-preview__file { display: grid; min-height: 120px; place-items: center; color: #bde4ff; font-size: 13px; text-decoration: none; }
.lj-result-preview__actions { display: grid; grid-template-columns: minmax(0, 1fr); }.lj-result-preview__save, .lj-result-preview__pending { min-height: 43px; border: 1px solid rgba(147, 230, 255, .72); border-radius: 7px; color: #effcff; background: rgba(50, 124, 201, .56); box-shadow: inset 0 1px rgba(255,255,255,.2); font-size: 13px; font-weight: 700; cursor: pointer; }.lj-result-preview__pending { display: grid; place-items: center; border-color: rgba(158, 194, 227, .24); color: #a9c1da; background: rgba(47, 69, 103, .34); font-size: 11px; font-weight: 600; cursor: default; }.lj-result-preview__save:active { background: rgba(65, 155, 205, .8); transform: scale(.99); }
.lj-result-preview__sheet > p { margin: -3px 1px 0; color: #9cb5d2; font-size: 10px; line-height: 1.45; text-align: center; }
.lj-result-output:focus-visible, .lj-result-preview__close:focus-visible, .lj-result-preview__save:focus-visible { outline: 2px solid #9be8ff; outline-offset: 2px; }
@media (max-width: 350px) { .lj-task__outputs { gap: 7px; }.lj-result-output__meta { padding: 7px; }.lj-result-preview__sheet { padding: 11px; } }

/* Compact project library. Result media stays lazy: the grid loads image covers
   and server-made video posters only; the actual video opens on demand. */
.scene-works .lj-content { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
.lj-works-library { display: grid; gap: 17px; padding: 8px 13px 10px; }
.lj-works-library__intro { display: grid; gap: 3px; padding: 2px 2px 0; }
.lj-works-library__intro > span { color: #79cfea; font-size: 9px; font-weight: 760; letter-spacing: .12em; }
.lj-works-library__intro > strong { color: #f1f7ff; font-size: 23px; font-weight: 740; line-height: 1.15; }
.lj-works-library__intro > small { color: #8ca4c3; font-size: 11px; line-height: 1.45; }
.lj-works-categories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; border: 1px solid rgba(142, 201, 255, .17); border-radius: 8px; padding: 5px; background: rgba(9, 19, 44, .56); box-shadow: inset 0 1px rgba(255,255,255,.06); }
.lj-works-category { display: grid; min-width: 0; min-height: 44px; align-content: center; justify-items: center; gap: 2px; border: 0; border-radius: 6px; padding: 5px 3px; color: #8fa7c5; background: transparent; cursor: pointer; }
.lj-works-category span { overflow: hidden; max-width: 100%; font-size: 12px; font-weight: 680; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.lj-works-category small { color: #687f9f; font-size: 9px; line-height: 1; }
.lj-works-category.is-active { color: #effcff; background: linear-gradient(145deg, rgba(48, 142, 206, .72), rgba(78, 88, 192, .66)); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 4px 12px rgba(4, 15, 56, .25); }
.lj-works-category.is-active small { color: #c7ecff; }
.lj-works-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 1px 9px; }
.lj-works-section-head span { color: #eef6ff; font-size: 14px; font-weight: 720; }
.lj-works-section-head small { color: #7892b2; font-size: 10px; }
.lj-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.lj-work-tile { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(147, 210, 255, .25); border-radius: 7px; padding: 0; color: #fff; background: #071125; box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 14px rgba(0,0,0,.19); cursor: pointer; }
.lj-work-tile:active { border-color: rgba(149, 235, 255, .8); transform: scale(.975); }
.lj-work-tile__thumb { display: block; width: 100%; height: 100%; background: #071125; }
.lj-work-tile__thumb > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lj-work-tile__footer { position: absolute; right: 0; bottom: 0; left: 0; display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: 4px; min-height: 31px; padding: 13px 6px 5px; background: linear-gradient(transparent, rgba(1, 6, 18, .82)); pointer-events: none; }
.lj-work-tile__footer small { overflow: hidden; min-width: 0; color: rgba(241, 250, 255, .93); font-size: 9px; font-weight: 650; line-height: 1; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1px 3px rgba(0,0,0,.75); }
.lj-work-tile__footer i, .lj-result-preview__thumb > i { display: block; flex: 0 0 auto; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #f2fbff; filter: drop-shadow(0 1px 2px rgba(0,0,0,.55)); }
.lj-work-tile__poster-pending { position: relative; display: grid; width: 100%; height: 100%; place-items: center; gap: 5px; color: #cce7ff; background: linear-gradient(145deg, #14285b, #101934 52%, #28376d); }
.lj-work-tile__poster-pending::before { position: absolute; inset: 13%; border: 1px solid rgba(207, 239, 255, .16); border-radius: 6px; content: ""; }
.lj-work-tile__poster-pending i { position: relative; width: 23px; height: 23px; border: 1px solid rgba(227, 247, 255, .72); border-radius: 50%; }
.lj-work-tile__poster-pending i::after { position: absolute; top: 6px; left: 9px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #effcff; content: ""; }
.lj-work-tile__poster-pending b { position: relative; color: #dceeff; font-size: 8px; font-weight: 620; }
.lj-work-tile__file { display: grid; width: 100%; height: 100%; place-items: center; color: #cfeaff; background: linear-gradient(145deg, #234f91, #0d1b42); font-size: 11px; font-weight: 720; }
.lj-works-empty { display: grid; min-height: 112px; place-items: center; border: 1px dashed rgba(141, 189, 235, .25); border-radius: 7px; padding: 18px; color: #8fa6c1; background: rgba(5, 13, 31, .32); font-size: 11px; text-align: center; }
.lj-works-pending { padding-top: 2px; }
.lj-works-pending__list { display: grid; gap: 7px; }
.lj-work-pending { overflow: hidden; border: 1px solid rgba(142, 194, 241, .18); border-radius: 7px; padding: 9px 10px; background: rgba(7, 17, 40, .54); box-shadow: inset 0 1px rgba(255,255,255,.045); }
.lj-work-pending.is-selectable { border-color: rgba(111, 222, 202, .32); }
.lj-work-pending__head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; }
.lj-work-pending__head > span { display: grid; min-width: 0; gap: 2px; }
.lj-work-pending__head small { color: #74b9df; font-size: 9px; line-height: 1; }
.lj-work-pending__head strong { overflow: hidden; color: #eaf4ff; font-size: 12px; font-weight: 680; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.lj-work-pending p { overflow: hidden; margin: 6px 0 0; color: #8aa0ba; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.lj-work-pending .lj-status { flex: 0 0 auto; }
.lj-work-pending .lj-status--action { border: 1px solid rgba(124, 234, 212, .42); color: #bcfff0; background: rgba(38, 149, 130, .24); cursor: pointer; }
.lj-work-pending .lj-mix-selection { margin: 10px -2px -2px; }

/* The viewer gives media the page, keeps the prompt compact, and never loads
   neighbouring videos. Horizontal movement over the media switches results. */
.lj-result-preview { z-index: 70; align-items: stretch; padding: 0; background: rgba(1, 5, 15, .88); }
.lj-result-preview__sheet { width: 100%; height: 100dvh; max-height: none; grid-template-rows: auto minmax(0, 1fr) auto auto auto; gap: 10px; border: 0; border-radius: 0; padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom)); background: #080d1c; box-shadow: none; }
.lj-result-preview__sheet header { gap: 8px; min-height: 34px; }
.lj-result-preview__sheet header > span { flex: 1; gap: 3px; }
.lj-result-preview__sheet header small { color: #81bee5; font-size: 10px; }
.lj-result-preview__sheet header strong { color: #f3f8ff; font-size: 14px; font-weight: 700; }
.lj-result-preview__sheet header em { flex: 0 0 auto; color: #8098b6; font-size: 10px; font-style: normal; }
.lj-result-preview__close { width: 32px; height: 32px; border-color: rgba(180, 217, 255, .27); border-radius: 50%; color: #eff9ff; background: rgba(67, 102, 149, .25); }
.lj-result-preview__media { position: relative; display: flex; min-height: 0; height: 100%; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgba(131, 192, 255, .2); border-radius: 8px; background: #02050d; touch-action: pan-y; }
/* Preserve the source aspect ratio so 9:16 results are never cropped by the viewer. */
.lj-result-preview__media img, .lj-result-preview__media video { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; background: #02050d; }
.lj-result-preview__media video { aspect-ratio: auto; }
.lj-result-preview__loading { display: grid; place-items: center; gap: 10px; color: #aec8e2; font-size: 12px; }
.lj-result-preview__loading i { width: 20px; height: 20px; border: 2px solid rgba(184, 226, 255, .24); border-top-color: #a9ecff; border-radius: 50%; animation: lj-result-spin .82s linear infinite; }
@keyframes lj-result-spin { to { transform: rotate(360deg); } }
.lj-result-preview__nav { position: absolute; top: 50%; z-index: 2; display: grid; width: 35px; height: 44px; place-items: center; border: 1px solid rgba(234, 249, 255, .26); border-radius: 6px; padding: 0; color: #f5fdff; background: rgba(4, 12, 29, .57); box-shadow: 0 3px 12px rgba(0,0,0,.28); font-size: 30px; line-height: 1; transform: translateY(-50%); cursor: pointer; backdrop-filter: blur(8px); }
.lj-result-preview__nav--previous { left: 8px; }.lj-result-preview__nav--next { right: 8px; }
.lj-result-preview__strip { display: grid; grid-auto-columns: 47px; grid-auto-flow: column; gap: 7px; min-height: 47px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 1px 1px 3px; scrollbar-width: none; }
.lj-result-preview__strip::-webkit-scrollbar { display: none; }
.lj-result-preview__thumb { position: relative; width: 47px; height: 47px; overflow: hidden; border: 1px solid rgba(146, 193, 237, .28); border-radius: 5px; padding: 0; background: #071126; cursor: pointer; }
.lj-result-preview__thumb.is-active { border-color: #a0ecff; box-shadow: 0 0 0 1px rgba(110, 224, 255, .26); }
.lj-result-preview__thumb > span, .lj-result-preview__thumb img, .lj-result-preview__thumb .lj-work-tile__poster-pending, .lj-result-preview__thumb .lj-work-tile__file { display: block; width: 100%; height: 100%; }
.lj-result-preview__thumb img { object-fit: cover; }.lj-result-preview__thumb .lj-work-tile__poster-pending b { display: none; }.lj-result-preview__thumb .lj-work-tile__poster-pending::before { inset: 16%; }.lj-result-preview__thumb .lj-work-tile__poster-pending i { transform: scale(.72); }
.lj-result-preview__thumb > i { position: absolute; top: 50%; left: 50%; transform: translate(-35%, -50%); }
.lj-result-preview__prompt { min-height: 63px; border: 1px solid rgba(129, 185, 239, .16); border-radius: 7px; padding: 9px 10px; background: rgba(15, 29, 60, .46); }
.lj-result-preview__prompt span { display: block; margin-bottom: 5px; color: #7abce8; font-size: 10px; font-weight: 700; }
.lj-result-preview__prompt p { display: -webkit-box; overflow: hidden; margin: 0; color: #d4e3f3; font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lj-result-preview__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
.lj-result-preview__save, .lj-result-preview__pending { min-height: 46px; border-radius: 7px; font-size: 14px; }
.lj-result-preview__save { border-color: rgba(158, 239, 255, .7); color: #f4fdff; background: linear-gradient(135deg, #287fc8, #5061c4); }
.lj-result-preview__save:active { background: #368dd1; }
.lj-work-tile:focus-visible, .lj-works-category:focus-visible, .lj-result-preview__thumb:focus-visible, .lj-result-preview__nav:focus-visible, .lj-result-preview__close:focus-visible, .lj-result-preview__save:focus-visible { outline: 2px solid #a7ecff; outline-offset: 2px; }
@media (max-width: 350px) { .lj-works-library { padding-right: 11px; padding-left: 11px; }.lj-work-grid { gap: 6px; }.lj-works-category span { font-size: 11px; }.lj-result-preview__sheet { padding-right: 11px; padding-left: 11px; }.lj-result-preview__media { min-height: 248px; } }

/* Bottom navigation uses a project folder/check icon for the works library. */
.lj-nav--works .lj-nav__glyph::before { top: 3px; left: 3px; width: 17px; height: 15px; border: 2px solid currentColor; border-radius: 4px; }
.lj-nav--works .lj-nav__glyph::after { top: 8px; left: 8px; width: 8px; height: 5px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.lj-nav--works.is-active .lj-nav__glyph::before { top: 15px; left: calc(50% - 9px); width: 17px; height: 15px; }
.lj-nav--works.is-active .lj-nav__glyph::after { top: 20px; left: calc(50% - 4px); }

/* Every dock symbol uses the same optical 24 x 22 canvas as the edit icon.
   The active-ring treatment remains unchanged; only the symbols are aligned. */
.lj-bottom-nav .lj-nav__glyph { width: 24px; height: 22px; min-height: 22px; }
.lj-bottom-nav .lj-nav--create .lj-nav__glyph::before { top: 2px; left: 4px; width: 15px; height: 15px; }
.lj-bottom-nav .lj-nav--create .lj-nav__glyph::after { top: 7px; left: 10px; }
.lj-bottom-nav .lj-nav--mix .lj-nav__glyph::before { top: 1px; left: 1px; }
.lj-bottom-nav .lj-nav--mix .lj-nav__glyph::after { top: 10px; left: 7px; }
.lj-bottom-nav .lj-nav--home .lj-nav__glyph::before { top: 5px; left: 3px; width: 17px; height: 14px; }
.lj-bottom-nav .lj-nav--home .lj-nav__glyph::after { top: 2px; left: 4px; width: 15px; height: 15px; }
.lj-bottom-nav .lj-nav--works .lj-nav__glyph::before { top: 2px; left: 2px; width: 20px; height: 17px; }
.lj-bottom-nav .lj-nav--works .lj-nav__glyph::after { top: 8px; left: 8px; width: 9px; height: 6px; }
.lj-bottom-nav .lj-nav--profile .lj-nav__glyph::before { top: 1px; left: 6px; width: 12px; height: 12px; }
.lj-bottom-nav .lj-nav--profile .lj-nav__glyph::after { right: 1px; bottom: 0; width: 21px; height: 11px; }
.lj-bottom-nav .lj-nav--create.is-active .lj-nav__glyph::before { top: 14px; left: calc(50% - 9px); }
.lj-bottom-nav .lj-nav--create.is-active .lj-nav__glyph::after { top: 19px; left: calc(50% - 2px); }
.lj-bottom-nav .lj-nav--mix.is-active .lj-nav__glyph::before { top: 13px; left: calc(50% - 10px); }
.lj-bottom-nav .lj-nav--mix.is-active .lj-nav__glyph::after { top: 25px; left: calc(50% - 3px); }
.lj-bottom-nav .lj-nav--home.is-active .lj-nav__glyph::before { top: 18px; left: calc(50% - 9px); width: 17px; height: 14px; }
.lj-bottom-nav .lj-nav--home.is-active .lj-nav__glyph::after { top: 15px; left: calc(50% - 8px); width: 15px; height: 15px; }
.lj-bottom-nav .lj-nav--works.is-active .lj-nav__glyph::before { top: 17px; left: calc(50% - 10px); width: 20px; height: 17px; }
.lj-bottom-nav .lj-nav--works.is-active .lj-nav__glyph::after { top: 23px; left: calc(50% - 4px); width: 9px; height: 6px; }
.lj-bottom-nav .lj-nav--profile.is-active .lj-nav__glyph::before { top: 14px; left: calc(50% - 6px); width: 12px; height: 12px; }
.lj-bottom-nav .lj-nav--profile.is-active .lj-nav__glyph::after { top: 29px; left: calc(50% - 10px); width: 21px; height: 11px; }

/* AI lead acquisition takes the former editing position in the dock. */
.lj-app.scene-acquisition::before { background: radial-gradient(ellipse 58% 28% at 76% 16%, rgba(81, 211, 176, .19), transparent 72%), repeating-linear-gradient(90deg, transparent 0 38px, rgba(101, 224, 192, .055) 39px 40px), linear-gradient(165deg, #071914 0%, #070a11 68%); }
.scene-acquisition .lj-page-lead { background: linear-gradient(124deg, rgba(7, 55, 49, .98), rgba(16, 82, 72, .56), rgba(7, 21, 38, .94)); }.scene-acquisition .lj-page-lead::before { border-radius: 50%; border-color: rgba(100, 240, 207, .38); box-shadow: inset 0 0 37px rgba(77, 220, 187, .13), 0 0 28px rgba(79, 226, 194, .12); }.scene-acquisition .lj-page-lead::after { border-color: rgba(99, 235, 204, .38); transform: rotate(0); }.scene-acquisition .lj-scene-label { color: #83f1d6; }
.lj-acquisition-pending { padding: 19px; }.lj-acquisition-pending strong { display: block; color: #e8fbf5; font-size: 15px; }.lj-acquisition-pending p { margin: 8px 0 0; color: #9ec9bd; font-size: 12px; line-height: 1.65; }
.lj-bottom-nav .lj-nav--acquisition .lj-nav__glyph::before { top: 2px; left: 2px; width: 16px; height: 16px; border: 2px solid currentColor; border-radius: 50%; }
.lj-bottom-nav .lj-nav--acquisition .lj-nav__glyph::after { top: 15px; left: 16px; width: 8px; border-top: 2px solid currentColor; transform: rotate(45deg); transform-origin: left center; }
.lj-bottom-nav .lj-nav--acquisition.is-active .lj-nav__glyph::before { top: 14px; left: calc(50% - 10px); width: 16px; height: 16px; }
.lj-bottom-nav .lj-nav--acquisition.is-active .lj-nav__glyph::after { top: 27px; left: calc(50% + 3px); width: 8px; }

/* Creation uses a calmer, editorial workspace.  These rules stay strictly
   within studio routes so the rest of the mobile app keeps its dark product UI. */
.lj-app.scene-studio-overview,
.lj-app.scene-studio-ai,
.lj-app.scene-studio-image,
.lj-app.scene-studio-video,
.lj-app.scene-studio-edit,
.lj-app.scene-studio-human { color: #20283a; background: #f5f6fa; }
.lj-app.scene-studio-overview::before,
.lj-app.scene-studio-ai::before,
.lj-app.scene-studio-image::before,
.lj-app.scene-studio-video::before,
.lj-app.scene-studio-edit::before,
.lj-app.scene-studio-human::before { inset: 0; opacity: 1; background: #f5f6fa; }
.lj-app.scene-studio-overview::after,
.lj-app.scene-studio-ai::after,
.lj-app.scene-studio-image::after,
.lj-app.scene-studio-video::after,
.lj-app.scene-studio-edit::after,
.lj-app.scene-studio-human::after { display: none; }
.scene-studio-overview .lj-scene,
.scene-studio-ai .lj-scene,
.scene-studio-image .lj-scene,
.scene-studio-video .lj-scene,
.scene-studio-edit .lj-scene,
.scene-studio-human .lj-scene { display: none; }
.scene-studio-overview .lj-content,
.scene-studio-ai .lj-content,
.scene-studio-image .lj-content,
.scene-studio-video .lj-content,
.scene-studio-edit .lj-content,
.scene-studio-human .lj-content { padding: max(12px, env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom)); color: #20283a; }

.lj-studio-toolbar { display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; min-height: 48px; margin: 0 0 15px; }
.lj-studio-toolbar button { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #e0e4ed; border-radius: 8px; padding: 0; color: #34405a; background: rgba(255,255,255,.88); box-shadow: 0 2px 7px rgba(36, 48, 79, .045); font-size: 23px; line-height: 1; cursor: pointer; }
.lj-studio-toolbar button:last-child { justify-self: end; }
.lj-studio-toolbar button:last-child i { display: block; width: 14px; height: 14px; border: 1.7px solid #52617a; border-radius: 50%; }
.lj-studio-toolbar button:last-child i::after { display: block; width: 20px; height: 9px; margin: 4px 0 0 -5px; border: 1.7px solid #52617a; border-bottom: 0; border-radius: 14px 14px 0 0; content: ""; }
.lj-studio-toolbar > div { min-width: 0; padding: 0 11px; }
.lj-studio-toolbar small { display: block; margin-bottom: 2px; color: #919bad; font-size: 8px; font-weight: 760; letter-spacing: 1.4px; }
.lj-studio-toolbar strong { display: block; overflow: hidden; color: #20283a; font-size: 16px; font-weight: 760; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-toolbar button:active,
.lj-studio-direction:active,
.lj-studio-ai-card:active,
.lj-studio-flow__item:active,
.lj-studio-human-card:active { transform: translateY(1px); }

/* Creation hub: a wide creative desk followed by numbered direction cards. */
.lj-studio-overview { position: relative; }
.lj-studio-overview__hero { position: relative; display: flex; min-height: 194px; overflow: hidden; align-items: flex-end; margin: 0 -2px; border: 1px solid #dce2ed; border-radius: 8px; padding: 22px 20px; background: #e8f0ff; box-shadow: 0 13px 26px rgba(66, 88, 136, .09); }
.lj-studio-overview__hero::before { position: absolute; top: 20px; right: 20px; width: 66px; height: 66px; border: 12px solid #ffc953; border-radius: 50%; content: ""; }
.lj-studio-overview__hero::after { position: absolute; top: 45px; right: 88px; width: 17px; height: 17px; border-radius: 50%; background: #97d2c0; box-shadow: 36px 67px 0 #f18477; content: ""; }
.lj-studio-overview__hero > div:first-child { position: relative; z-index: 2; max-width: 218px; }
.lj-studio-overview__hero span { display: block; color: #56709d; font-size: 9px; font-weight: 760; letter-spacing: 1.35px; }
.lj-studio-overview__hero h1 { margin: 10px 0 9px; color: #20283a; font-size: 29px; font-weight: 780; line-height: 1.18; }
.lj-studio-overview__hero p { margin: 0; color: #60708a; font-size: 12px; line-height: 1.55; }
.lj-studio-overview__canvas { position: absolute; z-index: 1; right: -31px; bottom: -30px; width: 159px; height: 140px; transform: rotate(-7deg); }
.lj-studio-overview__canvas::before { position: absolute; right: 21px; bottom: 22px; width: 102px; height: 112px; border: 1px solid #8ea9df; border-radius: 5px; background: #fbfdff; box-shadow: 8px 10px 0 #d4e0f7; content: ""; }
.lj-studio-overview__canvas i { position: absolute; z-index: 2; top: 41px; right: 39px; width: 67px; height: 30px; border-radius: 50% 50% 42% 42%; background: #7895d3; transform: rotate(-15deg); }
.lj-studio-overview__canvas b { position: absolute; z-index: 2; top: 69px; right: 49px; width: 47px; height: 34px; border-radius: 46% 46% 30% 30%; background: #f0c4a4; }
.lj-studio-overview__canvas em { position: absolute; z-index: 3; right: 56px; bottom: 18px; width: 38px; height: 30px; border-radius: 3px; background: #4c6ba8; transform: skew(-8deg); }
.lj-studio-overview__head { display: flex; align-items: baseline; justify-content: space-between; margin: 25px 2px 10px; }
.lj-studio-overview__head strong { color: #2a3449; font-size: 15px; font-weight: 760; }
.lj-studio-overview__head span { color: #a0aabc; font-size: 9px; font-weight: 700; letter-spacing: 1.1px; }
.lj-studio-overview__directions { display: grid; gap: 8px; }
.lj-studio-direction { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr) 26px; grid-template-rows: 13px 23px 15px; min-height: 83px; align-items: center; overflow: hidden; border: 1px solid #e1e5ed; border-radius: 8px; padding: 11px 13px; color: #29354c; text-align: left; background: #fff; box-shadow: 0 4px 10px rgba(31, 48, 82, .045); cursor: pointer; }
.lj-studio-direction__mark { grid-column: 1; grid-row: 1 / -1; align-self: center; width: 30px; height: 30px; border-radius: 6px; }
.lj-studio-direction em { grid-column: 2; grid-row: 1; color: #9ba4b6; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .8px; }
.lj-studio-direction strong { grid-column: 2; grid-row: 2; align-self: center; overflow: hidden; color: #29354c; font-size: 15px; font-weight: 760; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-direction small { grid-column: 2; grid-row: 3; overflow: hidden; color: #788499; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-direction > i { grid-column: 3; grid-row: 1 / -1; align-self: center; justify-self: end; width: 24px; height: 24px; border: 1px solid #e2e6ee; border-radius: 50%; color: #68778f; font-size: 16px; font-style: normal; line-height: 21px; text-align: center; }
.lj-studio-direction--visual .lj-studio-direction__mark { background: #e6d7ff; box-shadow: inset 10px -10px #b69de9; }
.lj-studio-direction--edit .lj-studio-direction__mark { background: #d6eee8; box-shadow: inset 10px -10px #7ab9aa; }
.lj-studio-direction--human .lj-studio-direction__mark { background: #ffe0d0; box-shadow: inset 10px -10px #e89978; }
.lj-studio-overview__note { display: grid; gap: 4px; margin: 15px 2px 0; padding: 13px 14px; border-left: 3px solid #7793d1; background: #eceff5; }
.lj-studio-overview__note span { color: #526d9e; font-size: 10px; font-weight: 740; }
.lj-studio-overview__note p { margin: 0; color: #69758b; font-size: 11px; }

/* Collection pages intentionally use a different visual composition. */
.lj-studio-collection { position: relative; min-height: 166px; overflow: hidden; margin: 3px 0 15px; border-radius: 8px; padding: 21px 20px; }
.lj-studio-collection > * { position: relative; z-index: 2; }
.lj-studio-collection span { display: block; color: #657399; font-size: 9px; font-weight: 760; letter-spacing: 1.3px; }
.lj-studio-collection h1 { margin: 11px 0 8px; color: #273149; font-size: 25px; font-weight: 780; line-height: 1.18; }
.lj-studio-collection p { max-width: 242px; margin: 0; color: #6a778e; font-size: 11px; line-height: 1.6; }
.lj-studio-collection--ai { border: 1px solid #d9e1f0; background: #e9effb; }
.lj-studio-collection--ai::before { position: absolute; top: -30px; right: -23px; width: 143px; height: 143px; border: 23px solid #bcc8ed; border-radius: 50%; content: ""; }
.lj-studio-collection--ai::after { position: absolute; right: 44px; bottom: 23px; width: 20px; height: 20px; border: 6px solid #f3ba78; border-radius: 50%; box-shadow: 35px -38px 0 -5px #81b9ac; content: ""; }
.lj-studio-ai-mosaic { display: grid; grid-template-columns: 1.06fr .94fr; gap: 9px; }
.lj-studio-ai-card { position: relative; min-height: 225px; overflow: hidden; border: 0; border-radius: 8px; padding: 16px 14px; color: #fff; text-align: left; cursor: pointer; }
.lj-studio-ai-card::before,
.lj-studio-ai-card::after { position: absolute; content: ""; }
.lj-studio-ai-card span,
.lj-studio-ai-card strong,
.lj-studio-ai-card small,
.lj-studio-ai-card i { position: relative; z-index: 2; display: block; }
.lj-studio-ai-card span { color: rgba(255,255,255,.75); font-size: 9px; font-weight: 700; letter-spacing: .8px; }
.lj-studio-ai-card strong { margin-top: 77px; color: #fff; font-size: 17px; font-weight: 760; line-height: 1.2; }
.lj-studio-ai-card small { margin-top: 5px; color: rgba(255,255,255,.82); font-size: 10px; }
.lj-studio-ai-card i { position: absolute; right: 13px; bottom: 13px; display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; color: #fff; font-size: 16px; font-style: normal; }
.lj-studio-ai-card--image { background: #6163aa; }
.lj-studio-ai-card--image::before { top: 31px; right: 20px; width: 70px; height: 75px; border: 7px solid #f6dc8c; border-radius: 5px; transform: rotate(11deg); }
.lj-studio-ai-card--image::after { top: 50px; right: 43px; width: 42px; height: 43px; border-radius: 45% 45% 4px 4px; background: #f6b992; box-shadow: 15px -13px 0 #2c4272; }
.lj-studio-ai-card--video { background: #4d958b; }
.lj-studio-ai-card--video::before { top: 28px; right: 15px; width: 89px; height: 61px; border: 2px solid rgba(255,255,255,.66); border-radius: 4px; transform: rotate(-7deg); }
.lj-studio-ai-card--video::after { top: 48px; right: 49px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 18px solid #ffdc86; }

.lj-studio-collection--edit { border: 1px solid #dbe8df; background: #edf5f0; }
.lj-studio-collection--edit::before { position: absolute; right: -20px; bottom: -18px; width: 140px; height: 101px; border: 12px solid #9ac9b7; border-radius: 49% 49% 6px 6px; content: ""; transform: rotate(-14deg); }
.lj-studio-collection--edit::after { position: absolute; top: 25px; right: 40px; width: 49px; height: 4px; background: #e69272; box-shadow: -16px 17px 0 #f5c86d, 9px 34px 0 #82b8a8; content: ""; }
.lj-studio-flow { display: grid; gap: 11px; margin-top: 18px; }
.lj-studio-flow__item { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) 28px; min-height: 101px; align-items: center; overflow: hidden; border: 0; border-left: 4px solid; padding: 13px 13px 13px 11px; color: #28364b; text-align: left; cursor: pointer; }
.lj-studio-flow__item::before { position: absolute; inset: 0; z-index: -1; background: #fff; content: ""; }
.lj-studio-flow__item--talking { border-left-color: #df8f74; }
.lj-studio-flow__item--talking::before { border: 1px solid #f0ded8; border-left: 0; }
.lj-studio-flow__item--mix { border-left-color: #69a996; }
.lj-studio-flow__item--mix::before { border: 1px solid #d8e9e1; border-left: 0; }
.lj-studio-flow__item em { align-self: start; color: #9aa5b4; font-size: 10px; font-style: normal; font-weight: 760; }
.lj-studio-flow__item span { display: block; color: #7b8799; font-size: 10px; }
.lj-studio-flow__item strong { display: block; overflow: hidden; margin-top: 5px; color: #28364b; font-size: 16px; font-weight: 760; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-flow__item small { display: block; margin-top: 6px; color: #738096; font-size: 10px; line-height: 1.35; }
.lj-studio-flow__item > i { justify-self: end; color: #69778f; font-size: 18px; font-style: normal; }

/* The digital-human collection uses its own roster-like layout. */
.lj-studio-human-hero { position: relative; min-height: 190px; overflow: hidden; margin: 2px 0 13px; border: 1px solid #f0ddd3; border-radius: 8px; padding: 22px 19px; background: #fff0ea; }
.lj-studio-human-hero > div { position: relative; z-index: 2; max-width: 205px; }
.lj-studio-human-hero span { display: block; color: #ac715b; font-size: 9px; font-weight: 760; letter-spacing: 1.3px; }
.lj-studio-human-hero h1 { margin: 11px 0 9px; color: #3a3240; font-size: 27px; font-weight: 780; line-height: 1.15; }
.lj-studio-human-hero p { margin: 0; color: #826d76; font-size: 11px; line-height: 1.62; }
.lj-studio-human-hero > i { position: absolute; right: 19px; bottom: -25px; width: 107px; height: 150px; overflow: hidden; border-radius: 56px 56px 9px 9px; background: #d88877; transform: rotate(7deg); }
.lj-studio-human-hero > i::before { position: absolute; top: 18px; left: 21px; width: 65px; height: 62px; border-radius: 50%; background: #f0c6ae; box-shadow: 0 70px 0 10px #6d7fa9; content: ""; }
.lj-studio-human-hero > i::after { position: absolute; top: 9px; left: 15px; width: 75px; height: 38px; border-radius: 50% 50% 35% 35%; background: #5a536b; content: ""; }
.lj-studio-human-hero > i b { position: absolute; z-index: 2; top: 45px; left: 36px; width: 6px; height: 6px; border-radius: 50%; background: #5d4c54; box-shadow: 27px 0 #5d4c54; }
.lj-studio-human-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lj-studio-human-card { min-height: 127px; overflow: hidden; border: 1px solid #e2e5ea; border-radius: 8px; padding: 12px 10px; color: #303a4d; text-align: left; background: #fff; cursor: pointer; }
.lj-studio-human-card > i { display: block; width: 28px; height: 28px; margin-bottom: 21px; border-radius: 50% 50% 8px 8px; }
.lj-studio-human-card strong { display: block; overflow: hidden; color: #303a4d; font-size: 12px; font-weight: 760; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-human-card small { display: block; overflow: hidden; margin-top: 4px; color: #8993a2; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-human-card--copy > i { background: #e4d4f3; box-shadow: 10px 8px 0 -4px #ad91d2; }
.lj-studio-human-card--audio > i { background: #d4ebe7; box-shadow: 10px 8px 0 -4px #7eb6a9; }
.lj-studio-human-card--sync > i { background: #fde0d3; box-shadow: 10px 8px 0 -4px #d88b73; }
.lj-studio-human-note { margin: 13px 3px 0; color: #8a94a4; font-size: 10px; line-height: 1.45; }

/* Tool pages reduce the visual lead to a compact title strip and a real work surface. */
.lj-studio-toolhead { position: relative; min-height: 124px; overflow: hidden; margin: 0 0 15px; border: 1px solid #e1e5ec; border-radius: 8px; padding: 17px 18px; background: #fff; box-shadow: 0 7px 19px rgba(48, 63, 90, .05); }
.lj-studio-toolhead::before,
.lj-studio-toolhead::after { position: absolute; border-radius: 50%; content: ""; }
.lj-studio-toolhead::before { right: 19px; bottom: 18px; width: 52px; height: 52px; }
.lj-studio-toolhead::after { right: 57px; bottom: 32px; width: 14px; height: 14px; }
.lj-studio-toolhead > span,
.lj-studio-toolhead h1,
.lj-studio-toolhead p { position: relative; z-index: 2; }
.lj-studio-toolhead > span { display: block; color: #7e8aa0; font-size: 9px; font-weight: 760; letter-spacing: 1.2px; }
.lj-studio-toolhead h1 { margin: 10px 0 5px; color: #273149; font-size: 22px; font-weight: 780; line-height: 1.15; }
.lj-studio-toolhead p { max-width: 228px; margin: 0; color: #77839a; font-size: 11px; line-height: 1.45; }
.lj-studio-toolhead--image { border-color: #e7dcec; background: #faf4fc; }.lj-studio-toolhead--image::before { border: 11px solid #c9a6d5; }.lj-studio-toolhead--image::after { background: #f0b178; }
.lj-studio-toolhead--video { border-color: #d8e7e7; background: #f0f8f7; }.lj-studio-toolhead--video::before { border: 11px solid #8cc3b8; }.lj-studio-toolhead--video::after { background: #6c9bb5; }
.lj-studio-toolhead--edit { border-color: #e8e1d8; background: #faf8f3; }.lj-studio-toolhead--edit::before { border: 11px solid #d9b575; }.lj-studio-toolhead--edit::after { background: #8ab8a2; }
.lj-studio-toolhead--human { border-color: #f0ded7; background: #fff5f0; }.lj-studio-toolhead--human::before { border: 11px solid #da987f; }.lj-studio-toolhead--human::after { background: #8ba6c7; }
.scene-studio-image .lj-section.lj-studio-form,
.scene-studio-video .lj-section.lj-studio-form,
.scene-studio-edit .lj-section.lj-studio-form,
.scene-studio-human .lj-section.lj-studio-form { margin-top: 0; border: 1px solid #e2e5eb; border-radius: 8px; padding: 16px; background: #fff; box-shadow: 0 6px 17px rgba(41, 54, 80, .045); }
.lj-studio-form__label { margin: 0 0 9px; color: #46536a; font-size: 12px; font-weight: 740; }
.scene-studio-image .lj-studio-form .lj-section__head,
.scene-studio-video .lj-studio-form .lj-section__head,
.scene-studio-edit .lj-studio-form .lj-section__head,
.scene-studio-human .lj-studio-form .lj-section__head { color: #46536a; }
.scene-studio-image .lj-studio-form .lj-choice,
.scene-studio-video .lj-studio-form .lj-choice,
.scene-studio-edit .lj-studio-form .lj-choice,
.scene-studio-human .lj-studio-form .lj-choice { min-height: 59px; border-color: #e1e5ec; border-radius: 7px; color: #526078; background: #fafbfc; box-shadow: none; }
.scene-studio-image .lj-studio-form .lj-choice small,
.scene-studio-video .lj-studio-form .lj-choice small,
.scene-studio-edit .lj-studio-form .lj-choice small,
.scene-studio-human .lj-studio-form .lj-choice small { color: #8c96a7; }
.scene-studio-image .lj-studio-form .lj-choice.is-active { border-color: #b68bca; color: #543967; background: #f7eff9; box-shadow: inset 0 0 0 1px rgba(182,139,202,.13); }
.scene-studio-video .lj-studio-form .lj-choice.is-active { border-color: #75aa9f; color: #275d56; background: #edf7f4; box-shadow: inset 0 0 0 1px rgba(117,170,159,.13); }
.scene-studio-edit .lj-studio-form .lj-choice.is-active { border-color: #cfab70; color: #72562a; background: #faf4e9; box-shadow: inset 0 0 0 1px rgba(207,171,112,.13); }
.scene-studio-human .lj-studio-form .lj-choice.is-active { border-color: #d28b73; color: #7d483b; background: #fff1eb; box-shadow: inset 0 0 0 1px rgba(210,139,115,.13); }
.scene-studio-image .lj-studio-form .lj-input-card,
.scene-studio-video .lj-studio-form .lj-input-card,
.scene-studio-edit .lj-studio-form .lj-input-card,
.scene-studio-human .lj-studio-form .lj-input-card { margin-top: 11px; border: 1px solid #e5e8ee; border-radius: 7px; padding: 13px; background: #fbfcfd; }
.scene-studio-image .lj-studio-form .lj-input-card label,
.scene-studio-video .lj-studio-form .lj-input-card label,
.scene-studio-edit .lj-studio-form .lj-input-card label,
.scene-studio-human .lj-studio-form .lj-input-card label { color: #46536a; }
.scene-studio-image .lj-studio-form .lj-textarea,
.scene-studio-video .lj-studio-form .lj-textarea,
.scene-studio-edit .lj-studio-form .lj-textarea,
.scene-studio-human .lj-studio-form .lj-textarea { color: #303a4e; }
.scene-studio-image .lj-studio-form .lj-textarea::placeholder,
.scene-studio-video .lj-studio-form .lj-textarea::placeholder,
.scene-studio-edit .lj-studio-form .lj-textarea::placeholder,
.scene-studio-human .lj-studio-form .lj-textarea::placeholder { color: #a5aebb; }
.scene-studio-image .lj-studio-form .lj-inline-note,
.scene-studio-video .lj-studio-form .lj-inline-note,
.scene-studio-edit .lj-studio-form .lj-inline-note,
.scene-studio-human .lj-studio-form .lj-inline-note { color: #8a96a8; }
.scene-studio-image .lj-studio-form .lj-inline-action,
.scene-studio-video .lj-studio-form .lj-inline-action,
.scene-studio-edit .lj-studio-form .lj-inline-action,
.scene-studio-human .lj-studio-form .lj-inline-action { color: #6179ae; }
.scene-studio-image .lj-studio-form .lj-upload,
.scene-studio-video .lj-studio-form .lj-upload,
.scene-studio-edit .lj-studio-form .lj-upload,
.scene-studio-human .lj-studio-form .lj-upload { min-height: 72px; border-color: #cdd5e1; border-style: dashed; border-radius: 7px; color: #3e4c65; background: #f8fafc; box-shadow: none; }
.scene-studio-image .lj-studio-form .lj-upload__mark,
.scene-studio-video .lj-studio-form .lj-upload__mark,
.scene-studio-edit .lj-studio-form .lj-upload__mark,
.scene-studio-human .lj-studio-form .lj-upload__mark { border-color: #c8d1df; border-radius: 6px; color: #647693; background: #fff; }
.scene-studio-image .lj-studio-form .lj-upload strong,
.scene-studio-video .lj-studio-form .lj-upload strong,
.scene-studio-edit .lj-studio-form .lj-upload strong,
.scene-studio-human .lj-studio-form .lj-upload strong { color: #3e4c65; }
.scene-studio-image .lj-studio-form .lj-upload span,
.scene-studio-video .lj-studio-form .lj-upload span,
.scene-studio-edit .lj-studio-form .lj-upload span,
.scene-studio-human .lj-studio-form .lj-upload span { color: #8994a5; }
.scene-studio-image .lj-studio-form .lj-upload.is-ready,
.scene-studio-video .lj-studio-form .lj-upload.is-ready,
.scene-studio-edit .lj-studio-form .lj-upload.is-ready,
.scene-studio-human .lj-studio-form .lj-upload.is-ready { border-style: solid; border-color: #8cbdae; background: #f0faf7; }
.scene-studio-image .lj-studio-form .lj-field,
.scene-studio-video .lj-studio-form .lj-field,
.scene-studio-edit .lj-studio-form .lj-field,
.scene-studio-human .lj-studio-form .lj-field { color: #526078; }
.scene-studio-image .lj-studio-form .lj-select,
.scene-studio-image .lj-studio-form .lj-text-input,
.scene-studio-video .lj-studio-form .lj-select,
.scene-studio-video .lj-studio-form .lj-text-input,
.scene-studio-edit .lj-studio-form .lj-select,
.scene-studio-edit .lj-studio-form .lj-text-input,
.scene-studio-human .lj-studio-form .lj-select,
.scene-studio-human .lj-studio-form .lj-text-input { border-color: #dbe1ea; border-radius: 7px; color: #354259; background: #fbfcfd; box-shadow: none; }
.scene-studio-image .lj-studio-form .lj-select:focus,
.scene-studio-image .lj-studio-form .lj-text-input:focus,
.scene-studio-video .lj-studio-form .lj-select:focus,
.scene-studio-video .lj-studio-form .lj-text-input:focus,
.scene-studio-edit .lj-studio-form .lj-select:focus,
.scene-studio-edit .lj-studio-form .lj-text-input:focus,
.scene-studio-human .lj-studio-form .lj-select:focus,
.scene-studio-human .lj-studio-form .lj-text-input:focus { border-color: #7c93c2; box-shadow: 0 0 0 2px rgba(109,133,188,.13); }
.scene-studio-image .lj-studio-form .lj-secondary,
.scene-studio-video .lj-studio-form .lj-secondary,
.scene-studio-edit .lj-studio-form .lj-secondary,
.scene-studio-human .lj-studio-form .lj-secondary { border-color: #d7dde7; border-radius: 7px; color: #52627d; background: #f4f6f9; }
.scene-studio-image .lj-studio-form .lj-selection-note,
.scene-studio-video .lj-studio-form .lj-selection-note,
.scene-studio-edit .lj-studio-form .lj-selection-note,
.scene-studio-human .lj-studio-form .lj-selection-note { border-left-color: #91a2c4; color: #65738a; background: #f2f4f8; }
.scene-studio-image .lj-studio-form .lj-settings-trigger,
.scene-studio-video .lj-studio-form .lj-settings-trigger,
.scene-studio-edit .lj-studio-form .lj-settings-trigger,
.scene-studio-human .lj-studio-form .lj-settings-trigger { margin-top: 13px; border-color: #e0e5ed; border-radius: 7px; background: #fafbfc; box-shadow: none; }
.scene-studio-image .lj-studio-form .lj-settings-trigger > span,
.scene-studio-video .lj-studio-form .lj-settings-trigger > span,
.scene-studio-edit .lj-studio-form .lj-settings-trigger > span,
.scene-studio-human .lj-studio-form .lj-settings-trigger > span { color: #55637a; }
.scene-studio-image .lj-studio-form .lj-settings-trigger strong,
.scene-studio-video .lj-studio-form .lj-settings-trigger strong,
.scene-studio-edit .lj-studio-form .lj-settings-trigger strong,
.scene-studio-human .lj-studio-form .lj-settings-trigger strong { color: #8993a4; }
.scene-studio-image .lj-studio-form .lj-settings-trigger > i,
.scene-studio-video .lj-studio-form .lj-settings-trigger > i,
.scene-studio-edit .lj-studio-form .lj-settings-trigger > i,
.scene-studio-human .lj-studio-form .lj-settings-trigger > i { color: #697892; }
.scene-studio-image .lj-studio-form .lj-submit .lj-primary,
.scene-studio-video .lj-studio-form .lj-submit .lj-primary,
.scene-studio-edit .lj-studio-form .lj-submit .lj-primary,
.scene-studio-human .lj-studio-form .lj-submit .lj-primary { min-height: 49px; border: 0; border-radius: 7px; color: #fff; background: #435d93; box-shadow: 0 8px 15px rgba(67,93,147,.17); }
.scene-studio-image .lj-studio-form .lj-submit .lj-primary { background: #76558d; }
.scene-studio-video .lj-studio-form .lj-submit .lj-primary { background: #3d8277; }
.scene-studio-edit .lj-studio-form .lj-submit .lj-primary { background: #9b7041; }
.scene-studio-human .lj-studio-form .lj-submit .lj-primary { background: #a45f4d; }

/* The settings dialog follows the light tool surface, including avatar choices. */
.scene-studio-image .lj-settings-modal__backdrop,
.scene-studio-video .lj-settings-modal__backdrop,
.scene-studio-edit .lj-settings-modal__backdrop,
.scene-studio-human .lj-settings-modal__backdrop { background: rgba(31, 41, 60, .35); }
.scene-studio-image .lj-settings-sheet,
.scene-studio-video .lj-settings-sheet,
.scene-studio-edit .lj-settings-sheet,
.scene-studio-human .lj-settings-sheet { border-color: #dbe1eb; color: #28344a; background: #fff; box-shadow: 0 -12px 36px rgba(33, 45, 69, .16); }
.scene-studio-image .lj-settings-sheet::before,
.scene-studio-video .lj-settings-sheet::before,
.scene-studio-edit .lj-settings-sheet::before,
.scene-studio-human .lj-settings-sheet::before { background: #c5cddc; box-shadow: none; }
.scene-studio-image .lj-settings-sheet header,
.scene-studio-video .lj-settings-sheet header,
.scene-studio-edit .lj-settings-sheet header,
.scene-studio-human .lj-settings-sheet header { border-bottom-color: #e8ebf0; background: #f8f9fb; }
.scene-studio-image .lj-settings-sheet header span,
.scene-studio-video .lj-settings-sheet header span,
.scene-studio-edit .lj-settings-sheet header span,
.scene-studio-human .lj-settings-sheet header span { color: #8792a5; }
.scene-studio-image .lj-settings-sheet header strong,
.scene-studio-video .lj-settings-sheet header strong,
.scene-studio-edit .lj-settings-sheet header strong,
.scene-studio-human .lj-settings-sheet header strong { color: #2d374b; }
.scene-studio-image .lj-settings-sheet header button,
.scene-studio-video .lj-settings-sheet header button,
.scene-studio-edit .lj-settings-sheet header button,
.scene-studio-human .lj-settings-sheet header button { border-color: #dce2eb; color: #596780; background: #fff; box-shadow: none; }
.scene-studio-image .lj-settings-sheet .lj-setting-group__label,
.scene-studio-video .lj-settings-sheet .lj-setting-group__label,
.scene-studio-edit .lj-settings-sheet .lj-setting-group__label,
.scene-studio-human .lj-settings-sheet .lj-setting-group__label { color: #4c596f; }
.scene-studio-image .lj-settings-sheet .lj-option-tile,
.scene-studio-video .lj-settings-sheet .lj-option-tile,
.scene-studio-edit .lj-settings-sheet .lj-option-tile,
.scene-studio-human .lj-settings-sheet .lj-option-tile { border-color: #dfe4eb; color: #5c687d; background: #fbfcfd; box-shadow: none; }
.scene-studio-image .lj-settings-sheet .lj-option-tile.is-active,
.scene-studio-video .lj-settings-sheet .lj-option-tile.is-active,
.scene-studio-edit .lj-settings-sheet .lj-option-tile.is-active,
.scene-studio-human .lj-settings-sheet .lj-option-tile.is-active { border-color: #778ebc; color: #435a8e; background: #eef2fa; box-shadow: inset 0 0 0 1px rgba(119,142,188,.12); }
.scene-studio-image .lj-settings-sheet .lj-setting-group--toggle { border-color: #e0e5ec; background: #fafbfc; }
.scene-studio-image .lj-settings-sheet .lj-setting-toggle-copy small,
.scene-studio-video .lj-settings-sheet .lj-setting-toggle-copy small,
.scene-studio-edit .lj-settings-sheet .lj-setting-toggle-copy small,
.scene-studio-human .lj-settings-sheet .lj-setting-toggle-copy small { color: #8792a2; }
.scene-studio-image .lj-settings-sheet .lj-toggle i,
.scene-studio-video .lj-settings-sheet .lj-toggle i,
.scene-studio-edit .lj-settings-sheet .lj-toggle i,
.scene-studio-human .lj-settings-sheet .lj-toggle i { border-color: #cbd3df; background: #e5e9ef; }
.scene-studio-image .lj-settings-sheet .lj-toggle input:checked + i,
.scene-studio-video .lj-settings-sheet .lj-toggle input:checked + i,
.scene-studio-edit .lj-settings-sheet .lj-toggle input:checked + i,
.scene-studio-human .lj-settings-sheet .lj-toggle input:checked + i { border-color: #7187b6; background: #7187b6; }
.scene-studio-image .lj-settings-sheet .lj-saved-avatar,
.scene-studio-video .lj-settings-sheet .lj-saved-avatar,
.scene-studio-edit .lj-settings-sheet .lj-saved-avatar,
.scene-studio-human .lj-settings-sheet .lj-saved-avatar { border-color: #e0e5ec; background: #fbfcfd; }
.scene-studio-image .lj-settings-sheet .lj-saved-avatar.is-active,
.scene-studio-video .lj-settings-sheet .lj-saved-avatar.is-active,
.scene-studio-edit .lj-settings-sheet .lj-saved-avatar.is-active,
.scene-studio-human .lj-settings-sheet .lj-saved-avatar.is-active { border-color: #7c91bd; background: #f0f3fa; }

@media (max-width: 350px) {
  .scene-studio-overview .lj-content,
  .scene-studio-ai .lj-content,
  .scene-studio-image .lj-content,
  .scene-studio-video .lj-content,
  .scene-studio-edit .lj-content,
  .scene-studio-human .lj-content { padding-right: 12px; padding-left: 12px; }
  .lj-studio-overview__hero { min-height: 181px; padding: 19px 16px; }.lj-studio-overview__hero h1 { font-size: 26px; }.lj-studio-overview__hero p { max-width: 182px; }
  .lj-studio-overview__canvas { right: -49px; transform: scale(.88) rotate(-7deg); transform-origin: bottom right; }
  .lj-studio-collection { padding-right: 16px; padding-left: 16px; }.lj-studio-collection h1 { font-size: 23px; }
  .lj-studio-ai-card { min-height: 204px; padding: 13px 11px; }.lj-studio-ai-card strong { margin-top: 70px; font-size: 15px; }.lj-studio-ai-card small { font-size: 9px; }
  .lj-studio-ai-card--image::before { right: 14px; transform: scale(.83) rotate(11deg); transform-origin: top right; }.lj-studio-ai-card--image::after { right: 30px; transform: scale(.83); transform-origin: top right; }.lj-studio-ai-card--video::before { right: 8px; transform: scale(.8) rotate(-7deg); transform-origin: top right; }.lj-studio-ai-card--video::after { right: 33px; transform: scale(.8); transform-origin: top right; }
  .lj-studio-human-grid { gap: 6px; }.lj-studio-human-card { min-height: 120px; padding: 11px 8px; }.lj-studio-human-card > i { margin-bottom: 18px; }.lj-studio-human-card strong { font-size: 11px; }
  .lj-studio-toolhead { min-height: 115px; padding-right: 15px; padding-left: 15px; }.lj-studio-toolhead h1 { font-size: 20px; }
  .scene-studio-image .lj-section.lj-studio-form,
  .scene-studio-video .lj-section.lj-studio-form,
  .scene-studio-edit .lj-section.lj-studio-form,
  .scene-studio-human .lj-section.lj-studio-form { padding: 13px; }
}

/* Final studio direction: image-led, airy, and quiet. The navigation below is
   intentionally untouched; only content inside the creation routes changes. */
.scene-studio-overview .lj-content,
.scene-studio-ai .lj-content,
.scene-studio-image .lj-content,
.scene-studio-video .lj-content,
.scene-studio-edit .lj-content,
.scene-studio-human .lj-content { background: #fdfdfb; }

.lj-studio-startbar { display: flex; align-items: center; justify-content: space-between; min-height: 60px; padding: 4px 2px 11px; }
.lj-studio-startbar h1 { margin: 0; color: #191b20; font-size: 25px; font-weight: 780; line-height: 1.18; }
.lj-studio-startbar p { margin: 6px 0 0; color: #73767d; font-size: 12px; line-height: 1.35; }
.lj-studio-startbar > button { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid #ece9e5; border-radius: 50%; padding: 0; background: #fff; box-shadow: 0 3px 10px rgba(42, 35, 30, .07); cursor: pointer; }
.lj-studio-startbar > button i { position: relative; display: block; width: 20px; height: 20px; }
.lj-studio-startbar > button i::before { position: absolute; top: 1px; left: 6px; width: 8px; height: 8px; border: 1.5px solid #31333a; border-radius: 50%; content: ""; }
.lj-studio-startbar > button i::after { position: absolute; right: 1px; bottom: 1px; left: 1px; height: 9px; border: 1.5px solid #31333a; border-radius: 11px 11px 4px 4px; content: ""; }
.lj-studio-start { padding-bottom: 5px; }
.lj-studio-start__hero { position: relative; height: 211px; overflow: hidden; margin: 0; border: 1px solid #edf0f1; border-radius: 18px; background: #eef4fb; box-shadow: 0 8px 24px rgba(59, 75, 107, .08); }
.lj-studio-start__hero::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(105deg, rgba(255,255,255,.2), rgba(255,255,255,0) 42%), linear-gradient(0deg, rgba(239,248,251,.28), rgba(255,255,255,0) 58%); content: ""; }
.lj-studio-start__hero img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.78) brightness(1.07); }
.lj-studio-start__hero span { position: absolute; z-index: 2; right: 15px; bottom: 13px; color: rgba(65, 90, 122, .56); font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.lj-studio-start__tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 17px 0 14px; }
.lj-studio-start__tabs button { min-height: 43px; overflow: hidden; border: 1px solid #ece9e4; border-radius: 999px; padding: 0 8px; color: #35332f; background: #f5f3ee; font-size: 13px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.lj-studio-start__tabs button.is-active { border-color: transparent; color: #2e2726; background: linear-gradient(105deg, #ffb6c1, #ffd586 91%); box-shadow: 0 5px 13px rgba(235, 158, 126, .22); }
.lj-studio-start__shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.lj-studio-start__shortcuts > button { min-height: 112px; overflow: hidden; border: 1px solid #efefeb; border-radius: 14px; padding: 13px 9px 10px; color: #282a30; text-align: left; background: #fff; box-shadow: 0 5px 14px rgba(45, 45, 40, .045); cursor: pointer; }
.lj-studio-start__shortcuts > button:active { transform: translateY(1px); }
.lj-studio-shortcut__icon { position: relative; display: block; width: 27px; height: 27px; margin-bottom: 17px; }
.lj-studio-shortcut__icon::before,
.lj-studio-shortcut__icon::after { position: absolute; box-sizing: border-box; content: ""; }
.lj-studio-shortcut__icon--image::before { inset: 2px 1px 1px; border: 1.6px solid #393735; border-radius: 7px; }.lj-studio-shortcut__icon--image::after { right: 5px; bottom: 4px; width: 11px; height: 8px; border-right: 1.6px solid #393735; border-top: 1.6px solid #393735; transform: skew(-20deg); }
.lj-studio-shortcut__icon--edit::before { top: 1px; left: 4px; width: 18px; height: 18px; border: 1.6px solid #393735; border-radius: 4px; transform: rotate(30deg); }.lj-studio-shortcut__icon--edit::after { right: 1px; bottom: 3px; width: 11px; border-top: 1.6px solid #393735; transform: rotate(-42deg); }
.lj-studio-shortcut__icon--human::before { top: 1px; left: 7px; width: 12px; height: 12px; border: 1.6px solid #393735; border-radius: 50%; }.lj-studio-shortcut__icon--human::after { right: 2px; bottom: 1px; width: 23px; height: 12px; border: 1.6px solid #393735; border-radius: 14px 14px 7px 7px; }
.lj-studio-start__shortcuts strong { display: block; overflow: hidden; color: #282a30; font-size: 12px; font-weight: 760; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-start__shortcuts small { display: block; overflow: hidden; margin-top: 5px; color: #8b8d91; font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-start__recent { display: flex; align-items: center; gap: 6px; overflow-x: auto; margin: 13px 1px; padding-bottom: 1px; scrollbar-width: none; }.lj-studio-start__recent::-webkit-scrollbar { display: none; }
.lj-studio-start__recent span { flex: 0 0 auto; color: #888a8f; font-size: 10px; }.lj-studio-start__recent button { flex: 0 0 auto; min-height: 23px; border: 1px solid #efeee9; border-radius: 999px; padding: 0 9px; color: #68696c; background: #f6f5f1; font-size: 10px; cursor: pointer; }
.lj-studio-start__quick { display: flex; width: 100%; min-height: 68px; align-items: center; justify-content: space-between; border: 1px solid #efeee9; border-radius: 13px; padding: 13px 15px; color: #262831; text-align: left; background: linear-gradient(108deg, #fffbf3, #f4f2eb); box-shadow: 0 5px 15px rgba(58, 49, 34, .045); cursor: pointer; }
.lj-studio-start__quick small { display: block; margin-bottom: 5px; color: #85837d; font-size: 10px; }.lj-studio-start__quick strong { display: block; font-size: 13px; font-weight: 750; }.lj-studio-start__quick > i { display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #d9d7d1; border-radius: 50%; color: #46454a; font-size: 17px; font-style: normal; }

/* AI visual: an editorial list rather than another hero card. */
.lj-studio-visual-intro { margin: 9px 2px 19px; }.lj-studio-visual-intro span { display: block; color: #90929a; font-size: 9px; font-weight: 760; letter-spacing: 1.4px; }.lj-studio-visual-intro h1 { margin: 9px 0 8px; color: #1e2026; font-size: 26px; font-weight: 780; line-height: 1.18; }.lj-studio-visual-intro p { max-width: 245px; margin: 0; color: #737781; font-size: 12px; line-height: 1.55; }
.lj-studio-visual-list { display: grid; gap: 11px; }.lj-studio-visual-list__item { display: grid; grid-template-columns: 91px minmax(0, 1fr) 25px; min-height: 107px; align-items: center; gap: 13px; overflow: hidden; border: 1px solid #efeee9; border-radius: 15px; padding: 9px 12px 9px 9px; color: #292b30; text-align: left; background: #fff; box-shadow: 0 7px 17px rgba(47, 46, 42, .05); cursor: pointer; }.lj-studio-visual-list__item:active { transform: translateY(1px); }
.lj-studio-visual-list__art { position: relative; display: block; width: 91px; height: 88px; overflow: hidden; border-radius: 11px; background: #eaf1fa; }.lj-studio-visual-list__art img { display: block; width: 100%; height: 100%; object-fit: cover; }.lj-studio-visual-list__item--image .lj-studio-visual-list__art img { filter: saturate(.72) brightness(1.06); }.lj-studio-visual-list__item--video .lj-studio-visual-list__art { display: grid; place-items: center; background: #f2f1ed; }.lj-studio-visual-list__item--video .lj-studio-visual-list__art img { width: 45px; height: 45px; object-fit: contain; }.lj-studio-visual-list__art i { position: absolute; right: 8px; bottom: 8px; display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(39, 48, 69, .3); }.lj-studio-visual-list__art i::after { width: 0; height: 0; margin-left: 2px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; content: ""; }.lj-studio-visual-list__item--video .lj-studio-visual-list__art i { background: #5248c6; }
.lj-studio-visual-list__item > span:last-of-type { min-width: 0; }.lj-studio-visual-list__item em { display: block; color: #94969e; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .75px; }.lj-studio-visual-list__item strong { display: block; overflow: hidden; margin-top: 7px; color: #282b32; font-size: 16px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-visual-list__item small { display: block; overflow: hidden; margin-top: 6px; color: #878a93; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-visual-list__item > b { color: #676a74; font-size: 18px; font-weight: 400; }.lj-studio-visual-footnote { margin: 16px 3px 0; color: #91939a; font-size: 10px; }

/* Editing is expressed as a workflow, not as an illustration with a title. */
.lj-studio-edit-intro { position: relative; min-height: 154px; overflow: hidden; margin: 3px 0 17px; border-bottom: 1px solid #ece9e0; padding: 17px 1px; }.lj-studio-edit-intro > span { display: block; color: #8b8a84; font-size: 9px; font-weight: 760; letter-spacing: 1.3px; }.lj-studio-edit-intro h1 { position: relative; z-index: 2; margin: 10px 0 8px; color: #20231f; font-size: 27px; font-weight: 780; line-height: 1.17; }.lj-studio-edit-intro p { position: relative; z-index: 2; max-width: 220px; margin: 0; color: #747873; font-size: 11px; line-height: 1.58; }.lj-studio-edit-intro > i { position: absolute; right: 5px; bottom: 26px; display: grid; width: 123px; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 5px; height: 69px; border-bottom: 1px solid #c8d4ca; }.lj-studio-edit-intro > i b { display: block; border-radius: 4px 4px 0 0; background: #d8eadf; }.lj-studio-edit-intro > i b:nth-child(1) { height: 25px; background: #f0bd9f; }.lj-studio-edit-intro > i b:nth-child(2) { height: 52px; background: #a1c9b2; }.lj-studio-edit-intro > i b:nth-child(3) { height: 38px; background: #d6c8a5; }
.lj-studio-edit-flow { display: grid; gap: 10px; }.lj-studio-edit-flow > button { display: grid; grid-template-columns: 29px minmax(0, 1fr) 22px; min-height: 101px; align-items: center; border: 1px solid #eeede8; border-left: 3px solid; border-radius: 8px; padding: 13px 13px 13px 11px; color: #292c2c; text-align: left; background: #fff; box-shadow: 0 5px 15px rgba(45, 46, 41, .045); cursor: pointer; }.lj-studio-edit-flow > button:first-child { border-left-color: #f0a887; }.lj-studio-edit-flow > button:last-child { border-left-color: #85b7a2; }.lj-studio-edit-flow em { align-self: start; color: #9a9b9e; font-size: 10px; font-style: normal; font-weight: 760; }.lj-studio-edit-flow span { min-width: 0; }.lj-studio-edit-flow small { display: block; color: #85878d; font-size: 10px; }.lj-studio-edit-flow strong { display: block; overflow: hidden; margin-top: 6px; color: #292c31; font-size: 16px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-edit-flow span > i { display: block; overflow: hidden; margin-top: 6px; color: #858991; font-size: 10px; font-style: normal; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-edit-flow > button > b { color: #646a70; font-size: 18px; font-weight: 400; }

/* Digital human gets a real image treatment from the project's own artwork. */
.lj-studio-talent-hero { position: relative; min-height: 208px; overflow: hidden; margin: 2px 0 16px; border: 1px solid #eee8ee; border-radius: 18px; padding: 26px 20px; background: #f7edf4; box-shadow: 0 8px 21px rgba(68, 47, 65, .075); }.lj-studio-talent-hero::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(255,251,251,.96) 0%, rgba(255,249,251,.76) 44%, rgba(247,237,244,.04) 83%); content: ""; }.lj-studio-talent-hero > img { position: absolute; z-index: 0; top: -19%; right: -3%; width: 65%; height: 133%; object-fit: cover; object-position: 50% 50%; filter: grayscale(1) sepia(.28) hue-rotate(190deg) saturate(.68) brightness(1.55) contrast(.7); mix-blend-mode: multiply; opacity: .68; }.lj-studio-talent-hero > div { position: relative; z-index: 2; max-width: 227px; }.lj-studio-talent-hero span { display: block; color: #99748b; font-size: 9px; font-weight: 760; letter-spacing: 1.35px; }.lj-studio-talent-hero h1 { margin: 10px 0 8px; color: #242129; font-size: 25px; font-weight: 780; line-height: 1.18; }.lj-studio-talent-hero p { margin: 0; color: #766d77; font-size: 11px; line-height: 1.6; }.lj-studio-talent-hero > i { position: absolute; z-index: 3; right: 16px; bottom: 16px; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; color: #56515d; background: rgba(255,255,255,.84); box-shadow: 0 4px 10px rgba(70, 56, 72, .12); font-size: 22px; font-style: normal; }
.lj-studio-talent-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.lj-studio-talent-actions__item { min-height: 132px; overflow: hidden; border: 1px solid #efeeeb; border-radius: 14px; padding: 13px 10px; color: #292a2e; text-align: left; background: #fff; box-shadow: 0 5px 14px rgba(42, 37, 41, .04); cursor: pointer; }.lj-studio-talent-actions__item > i { position: relative; display: block; width: 28px; height: 28px; margin-bottom: 20px; }.lj-studio-talent-actions__item > i::before,.lj-studio-talent-actions__item > i::after { position: absolute; box-sizing: border-box; content: ""; }.lj-studio-talent-actions__item--image > i::before { top: 0; left: 8px; width: 12px; height: 12px; border: 1.6px solid #3d3a40; border-radius: 50%; }.lj-studio-talent-actions__item--image > i::after { bottom: 1px; left: 2px; width: 24px; height: 14px; border: 1.6px solid #3d3a40; border-radius: 14px 14px 6px 6px; }.lj-studio-talent-actions__item--audio > i::before { top: 2px; left: 9px; width: 11px; height: 17px; border: 1.6px solid #3d3a40; border-radius: 7px; }.lj-studio-talent-actions__item--audio > i::after { right: 1px; bottom: 2px; left: 1px; height: 12px; border-right: 1.6px solid #3d3a40; border-bottom: 1.6px solid #3d3a40; border-left: 1.6px solid #3d3a40; border-radius: 0 0 13px 13px; }.lj-studio-talent-actions__item--copy > i::before { top: 2px; left: 5px; width: 18px; height: 18px; border: 1.6px solid #3d3a40; border-radius: 6px; }.lj-studio-talent-actions__item--copy > i::after { right: 3px; bottom: 3px; width: 9px; border-top: 1.6px solid #3d3a40; transform: rotate(-42deg); }.lj-studio-talent-actions strong { display: block; overflow: hidden; color: #292a2e; font-size: 12px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-talent-actions small { display: block; overflow: hidden; margin-top: 5px; color: #8c8d91; font-size: 9px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-talent-quick { display: flex; width: 100%; min-height: 61px; align-items: center; justify-content: space-between; margin-top: 13px; border: 1px solid #ece8eb; border-radius: 13px; padding: 11px 15px; color: #2f2d34; background: #fff; box-shadow: 0 5px 15px rgba(55, 42, 53, .04); cursor: pointer; }.lj-studio-talent-quick small { display: block; color: #949097; font-size: 10px; }.lj-studio-talent-quick strong { display: block; margin-top: 4px; font-size: 13px; font-weight: 760; }.lj-studio-talent-quick > i { color: #5c5863; font-size: 20px; font-style: normal; }

/* Individual creation forms begin with a compact work label, not another banner. */
.lj-studio-workhead { display: flex; min-height: 72px; align-items: center; justify-content: space-between; margin: 1px 1px 15px; border-bottom: 1px solid #ececf0; padding: 0 1px 13px; }.lj-studio-workhead span { display: block; color: #92949c; font-size: 9px; font-weight: 760; letter-spacing: 1.2px; }.lj-studio-workhead h1 { margin: 6px 0 4px; color: #20232a; font-size: 22px; font-weight: 780; line-height: 1.15; }.lj-studio-workhead p { margin: 0; color: #777c86; font-size: 11px; }.lj-studio-workhead > b { color: #b5b5b4; font-size: 24px; font-weight: 400; line-height: 1; }

@media (max-width: 350px) {
  .lj-studio-startbar h1 { font-size: 23px; }.lj-studio-start__hero { height: 180px; }.lj-studio-start__shortcuts { gap: 6px; }.lj-studio-start__shortcuts > button { min-height: 106px; padding-right: 7px; padding-left: 7px; }.lj-studio-shortcut__icon { margin-bottom: 15px; }.lj-studio-start__shortcuts strong { font-size: 11px; }.lj-studio-start__shortcuts small { font-size: 8px; }
  .lj-studio-visual-list__item { grid-template-columns: 78px minmax(0, 1fr) 19px; gap: 10px; padding-right: 9px; }.lj-studio-visual-list__art { width: 78px; height: 82px; }.lj-studio-visual-list__item strong { font-size: 14px; }.lj-studio-visual-list__item small { font-size: 9px; }
  .lj-studio-talent-hero { min-height: 190px; padding: 21px 16px; }.lj-studio-talent-hero h1 { font-size: 23px; }.lj-studio-talent-actions { gap: 6px; }.lj-studio-talent-actions__item { min-height: 124px; padding-right: 8px; padding-left: 8px; }.lj-studio-talent-actions__item > i { margin-bottom: 18px; }.lj-studio-talent-actions strong { font-size: 11px; }.lj-studio-talent-actions small { font-size: 8px; }
}

/* The three supplied references define this creation-only UI language. */
.scene-studio-overview .lj-content,
.scene-studio-ai .lj-content,
.scene-studio-image .lj-content,
.scene-studio-video .lj-content,
.scene-studio-edit .lj-content,
.scene-studio-human .lj-content { background: #fbfbf9; color: #24262d; }

.lj-studio-startbar { min-height: 64px; padding: 2px 3px 13px; }
.lj-studio-startbar > div > span { display: block; margin-bottom: 4px; color: #9b9ea6; font-size: 8px; font-weight: 760; letter-spacing: 1.35px; }
.lj-studio-startbar h1 { font-size: 26px; font-weight: 790; }
.lj-studio-startbar p { margin-top: 5px; color: #7d818a; font-size: 12px; }
.lj-studio-startbar > button { width: 37px; height: 37px; border-color: #ebe8e4; box-shadow: 0 4px 12px rgba(40, 43, 49, .06); }

/* 01. Creation overview: reference one, with the existing creation entries. */
.lj-studio-start__hero { height: 218px; border: 1px solid #f0eee9; border-radius: 23px; background: #f7f5ec; box-shadow: 0 9px 25px rgba(46, 58, 65, .08); }
.lj-studio-start__hero::before { z-index: 2; background: linear-gradient(104deg, rgba(255,255,255,.7), rgba(255,255,255,.06) 53%); }
.lj-studio-start__hero::after { position: absolute; z-index: 1; right: -12%; bottom: -39%; width: 84%; height: 87%; border-radius: 53% 47% 0 0; background: linear-gradient(154deg, rgba(255, 192, 149, .66), rgba(255, 224, 189, .48) 37%, rgba(133, 224, 226, .72) 73%, rgba(104, 196, 218, .48)); content: ""; transform: rotate(-9deg); }
.lj-studio-start__hero img { position: relative; z-index: 0; filter: saturate(.78) brightness(1.08) contrast(.92); opacity: .72; }
.lj-studio-start__pager { position: absolute; z-index: 3; right: 0; bottom: 15px; left: 0; display: flex; justify-content: center; gap: 5px; }
.lj-studio-start__pager i { display: block; width: 6px; height: 6px; border-radius: 50%; background: rgba(90, 96, 105, .26); }
.lj-studio-start__pager i:first-child { width: 17px; border-radius: 9px; background: #f0a36f; }
.lj-studio-start__tabs { gap: 9px; margin: 17px 0 14px; }
.lj-studio-start__tabs button { min-height: 42px; border-color: #ebe9e5; color: #3e4149; background: #f2f1ed; font-size: 13px; font-weight: 740; }
.lj-studio-start__tabs button.is-active { color: #3c3135; background: linear-gradient(104deg, #ffafb9, #ffd586 88%); box-shadow: 0 5px 13px rgba(235, 158, 126, .2); }
.lj-studio-start__shortcuts { gap: 10px; }
.lj-studio-start__shortcuts > button { position: relative; min-height: 125px; border-color: #efede9; border-radius: 18px; padding: 15px 10px 12px; background: #fff; box-shadow: 0 6px 16px rgba(53, 55, 59, .055); }
.lj-studio-start__shortcuts > button::before { position: absolute; top: 11px; left: 10px; width: 32px; height: 32px; border-radius: 12px; background: #f7f3ed; content: ""; }
.lj-studio-start__shortcuts > button:nth-child(1)::before { background: #fff0e9; }
.lj-studio-start__shortcuts > button:nth-child(2)::before { background: #eff6ff; }
.lj-studio-start__shortcuts > button:nth-child(3)::before { background: #f5efff; }
.lj-studio-shortcut__icon { z-index: 1; width: 27px; height: 27px; margin: 1px 0 25px 2px; }
.lj-studio-start__shortcuts strong { font-size: 12px; }
.lj-studio-start__shortcuts small { margin-top: 5px; color: #96979b; font-size: 9px; }
.lj-studio-start__workspace { display: flex; min-height: 83px; align-items: center; justify-content: space-between; margin-top: 13px; overflow: hidden; border: 1px solid #eeeae3; border-radius: 18px; padding: 14px 15px; background: linear-gradient(104deg, #fffdf7, #fff7ec 55%, #edf8f9); box-shadow: 0 6px 16px rgba(58, 51, 42, .04); }
.lj-studio-start__workspace > div { min-width: 0; }.lj-studio-start__workspace span { display: block; color: #a08b77; font-size: 9px; font-weight: 760; letter-spacing: .8px; }.lj-studio-start__workspace strong { display: block; overflow: hidden; margin-top: 6px; color: #2b2e34; font-size: 13px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-start__workspace small { display: block; overflow: hidden; margin-top: 4px; color: #878a90; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.lj-studio-start__workspace button { display: grid; flex: 0 0 auto; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 50%; color: #413d38; background: #fff; box-shadow: 0 4px 10px rgba(98, 78, 48, .11); font-size: 19px; cursor: pointer; }
.lj-studio-start__recent { margin: 15px 1px 4px; }.lj-studio-start__recent span { color: #73777f; font-size: 11px; font-weight: 710; }.lj-studio-start__recent button { min-height: 25px; border-color: #eceae5; color: #76777b; background: #f4f3ef; font-size: 10px; }

/* 02. AI visual: its own compact collection, rather than a duplicate home. */
.lj-studio-visual-intro { position: relative; min-height: 132px; margin: 4px 1px 18px; overflow: hidden; border-radius: 21px; padding: 19px 17px; background: #f5f7fa; }
.lj-studio-visual-intro::after { position: absolute; right: -26px; bottom: -41px; width: 177px; height: 156px; border-radius: 48% 52% 49% 51%; background: linear-gradient(145deg, #ffc38f, #ffd5bf 37%, #a9e7ee 70%, #a6cee9); content: ""; transform: rotate(-22deg); }
.lj-studio-visual-intro span,.lj-studio-visual-intro h1,.lj-studio-visual-intro p { position: relative; z-index: 1; }.lj-studio-visual-intro span { color: #989da7; }.lj-studio-visual-intro h1 { margin-top: 8px; font-size: 24px; }.lj-studio-visual-intro p { max-width: 203px; color: #737b87; }
.lj-studio-visual-list { gap: 12px; }.lj-studio-visual-list__item { min-height: 116px; grid-template-columns: 97px minmax(0, 1fr) 25px; border-color: #efede9; border-radius: 18px; padding: 10px 13px 10px 10px; box-shadow: 0 7px 19px rgba(42, 49, 59, .055); }.lj-studio-visual-list__art { width: 97px; height: 95px; border-radius: 14px; }.lj-studio-visual-list__item--image .lj-studio-visual-list__art { background: #fff0e7; }.lj-studio-visual-list__item--video .lj-studio-visual-list__art { background: #eff9fb; }.lj-studio-visual-list__item strong { font-size: 16px; }.lj-studio-visual-list__item em { color: #ac8e85; }.lj-studio-visual-footnote { margin: 17px 3px 0; }

/* 03. Image and motion each receive a different light production surface. */
.lj-studio-workhead { min-height: 74px; margin-bottom: 11px; border: 0; border-radius: 18px; padding: 15px 15px; background: #fff; box-shadow: 0 5px 15px rgba(39, 48, 66, .045); }
.lj-studio-workhead h1 { font-size: 22px; }.lj-studio-workhead p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.lj-studio-workhead > b { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 50%; color: #fff; background: #e8a080; font-size: 10px; font-weight: 760; }
.lj-studio-workhead--image { border: 1px solid #f1e8e3; background: #fffaf7; }.lj-studio-workhead--image > b { background: #ecaa8d; }.lj-studio-workhead--video { border: 1px solid #e4eff2; background: #f6fcfc; }.lj-studio-workhead--video > b { background: #72bfc6; }.lj-studio-workhead--edit { border: 1px solid #efe8dc; background: #fffcf7; }.lj-studio-workhead--edit > b { background: #c9a56e; }.lj-studio-workhead--human { border: 1px solid #eee6ee; background: #fdf9fd; }.lj-studio-workhead--human > b { background: #c58bbd; }
.scene-studio-image .lj-studio-form,.scene-studio-video .lj-studio-form,.scene-studio-edit .lj-studio-form,.scene-studio-human .lj-studio-form { border-radius: 20px; padding: 16px; box-shadow: 0 8px 21px rgba(42, 48, 60, .055); }
.scene-studio-image .lj-studio-form { border-top: 4px solid #f0b193; }.scene-studio-video .lj-studio-form { border-top: 4px solid #8fd7d7; }.scene-studio-edit .lj-studio-form { border-top: 4px solid #e2c38a; }.scene-studio-human .lj-studio-form { border-top: 4px solid #dcafd5; }
.scene-studio-image .lj-studio-form__label,.scene-studio-video .lj-studio-form__label { margin-bottom: 11px; color: #313641; font-size: 13px; }
.scene-studio-image .lj-studio-form .lj-choice,.scene-studio-video .lj-studio-form .lj-choice { min-height: 67px; border-radius: 15px; }.scene-studio-image .lj-studio-form .lj-choice.is-active { border-color: #edaa91; color: #6d463c; background: #fff4ef; }.scene-studio-video .lj-studio-form .lj-choice.is-active { border-color: #71c4c5; color: #246467; background: #edfafa; }
.scene-studio-image .lj-studio-form .lj-input-card,.scene-studio-video .lj-studio-form .lj-input-card { border-radius: 15px; padding: 14px; }.scene-studio-image .lj-studio-form .lj-textarea,.scene-studio-video .lj-studio-form .lj-textarea { min-height: 106px; }
.scene-studio-image .lj-studio-form .lj-settings-trigger,.scene-studio-video .lj-studio-form .lj-settings-trigger { min-height: 61px; border-radius: 14px; padding: 0 13px; }.scene-studio-image .lj-studio-form .lj-settings-trigger > i { color: #e59d7d; }.scene-studio-video .lj-studio-form .lj-settings-trigger > i { color: #61adb2; }
.scene-studio-image .lj-submit .lj-primary { background: linear-gradient(100deg, #f5a987, #f1bd86 46%, #efc5a5); }.scene-studio-video .lj-submit .lj-primary { background: linear-gradient(100deg, #67c9d2, #8bded0 58%, #c6efae); }

/* 04. Smart editing is intentionally denser and timeline-like. */
.lj-studio-edit-intro { min-height: 168px; margin: 2px 0 16px; border: 1px solid #efe8dc; border-radius: 21px; padding: 19px 17px; background: #fffcf6; }.lj-studio-edit-intro > i { right: 16px; bottom: 23px; width: 132px; border-bottom-color: #ddcfb9; }.lj-studio-edit-intro > i b { border-radius: 7px 7px 2px 2px; }.lj-studio-edit-flow { gap: 11px; }.lj-studio-edit-flow > button { min-height: 109px; border: 1px solid #eee9df; border-left-width: 5px; border-radius: 18px; padding: 14px 14px 14px 11px; box-shadow: 0 6px 17px rgba(59, 51, 38, .05); }.lj-studio-edit-flow > button:first-child { border-left-color: #efa986; }.lj-studio-edit-flow > button:last-child { border-left-color: #80c6bc; }.lj-studio-edit-flow strong { font-size: 16px; }
.scene-studio-edit .lj-studio-form--edit .lj-choice { min-height: 64px; border-radius: 14px; }.scene-studio-edit .lj-studio-form--edit .lj-input-card { border-radius: 14px; }.scene-studio-edit .lj-submit .lj-primary { background: linear-gradient(100deg, #edb16f, #e9c579 53%, #d8db9b); }

/* 05. Digital human home follows reference two: three real routes, then setup. */
.lj-studio-talent-hero { min-height: 218px; margin: 1px 0 16px; border-color: #eee8ee; border-radius: 23px; padding: 24px 19px; background: #fffaf9; box-shadow: 0 8px 22px rgba(66, 48, 70, .065); }
.lj-studio-talent-hero::after { background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.74) 48%, rgba(255,255,255,.06)); }
.lj-studio-talent-hero__mesh { position: absolute; z-index: 0; inset: 0; overflow: hidden; }.lj-studio-talent-hero__mesh i,.lj-studio-talent-hero__mesh b,.lj-studio-talent-hero__mesh em,.lj-studio-talent-hero__mesh span { position: absolute; display: block; border-radius: 48% 52% 44% 56%; content: ""; }.lj-studio-talent-hero__mesh i { right: -34px; bottom: -26px; width: 210px; height: 224px; background: linear-gradient(145deg, rgba(255,208,177,.48), rgba(244,190,239,.58) 47%, rgba(180,150,245,.72)); transform: rotate(12deg); }.lj-studio-talent-hero__mesh b { right: 42px; bottom: 6px; width: 118px; height: 156px; border: 1px solid rgba(255,255,255,.9); box-shadow: 0 0 0 7px rgba(181,239,242,.18); transform: rotate(-9deg); }.lj-studio-talent-hero__mesh em { right: -14px; top: 21px; width: 130px; height: 104px; border: 1px solid rgba(255,255,255,.82); background: rgba(169,231,234,.23); transform: rotate(31deg); }.lj-studio-talent-hero__mesh span { right: 77px; bottom: 30px; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.82); background: rgba(255,246,209,.42); }
.lj-studio-talent-hero > div { max-width: 216px; }.lj-studio-talent-hero h1 { font-size: 26px; }.lj-studio-talent-hero p { color: #7b7079; }.lj-studio-talent-hero > i { width: 39px; height: 39px; border-color: #eee9eb; color: #5f5961; font-size: 21px; }
.lj-studio-talent-actions { gap: 10px; }.lj-studio-talent-actions__item { position: relative; min-height: 139px; border-color: #efedef; border-radius: 19px; padding: 14px 11px; box-shadow: 0 6px 16px rgba(50, 47, 56, .055); }.lj-studio-talent-actions__item:first-child { border-color: #f0d7df; background: linear-gradient(145deg, #ffd5cd, #ffcfd9 48%, #e0b9fb); }.lj-studio-talent-actions__item > i { margin-bottom: 21px; }.lj-studio-talent-actions__item strong { font-size: 13px; }.lj-studio-talent-actions__item small { color: #777b83; }.lj-studio-talent-actions__item > b { position: absolute; right: 10px; top: 11px; color: rgba(52, 47, 54, .34); font-size: 8px; font-weight: 760; letter-spacing: .7px; }
.lj-studio-talent-project { margin-top: 14px; overflow: hidden; border: 1px solid #eee9e9; border-radius: 19px; padding: 14px; background: #fff; box-shadow: 0 6px 17px rgba(50, 47, 56, .045); }.lj-studio-talent-project header { display: flex; align-items: baseline; justify-content: space-between; }.lj-studio-talent-project header span { color: #a28598; font-size: 9px; font-weight: 760; letter-spacing: 1px; }.lj-studio-talent-project header strong { color: #36313a; font-size: 14px; }.lj-studio-talent-project > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin: 13px 0; }.lj-studio-talent-project > div span { min-width: 0; color: #7b7b83; font-size: 10px; text-align: center; white-space: nowrap; }.lj-studio-talent-project > div i { display: inline-block; width: 6px; height: 6px; margin: 0 4px 1px 0; border-radius: 50%; background: #e4a6bf; }.lj-studio-talent-project > div span:nth-child(2) i { background: #c8a9df; }.lj-studio-talent-project > div span:nth-child(3) i { background: #8acfcf; }.lj-studio-talent-project button { display: flex; width: 100%; min-height: 47px; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 14px; color: #3d3039; background: linear-gradient(100deg, #ffd284, #ffb9c1 48%, #ca9df0); box-shadow: 0 6px 14px rgba(205, 152, 174, .18); font-size: 15px; font-weight: 760; cursor: pointer; }.lj-studio-talent-project button i { font-size: 19px; font-style: normal; }
.lj-studio-talent-quick { min-height: 67px; border-color: #eee9ed; border-radius: 17px; padding: 12px 15px; }.lj-studio-talent-quick > span:last-child { display: flex; align-items: center; gap: 8px; color: #8a8790; font-size: 10px; }.lj-studio-talent-quick > span:last-child i { color: #5e5963; font-size: 20px; font-style: normal; }

/* 06. Three human creation modes use the same true upload/submit handlers, but different canvases. */
.scene-studio-human .lj-studio-workhead { margin-bottom: 10px; }.lj-human-workbench { position: relative; min-height: 168px; overflow: hidden; margin: 0 0 12px; border: 1px solid #ede8ec; border-radius: 21px; padding: 17px 16px 0; background: #fff; box-shadow: 0 7px 19px rgba(61, 49, 63, .05); }.lj-human-workbench__visual { position: absolute; z-index: 0; right: -17px; bottom: -35px; width: 74%; height: 131px; overflow: hidden; }.lj-human-workbench__visual i,.lj-human-workbench__visual b,.lj-human-workbench__visual em { position: absolute; display: block; border-radius: 49% 51% 0 0; }.lj-human-workbench__visual i { right: -9px; bottom: -12px; width: 84%; height: 119px; background: linear-gradient(157deg, #a2e8e8, #92d9e8 48%, #b9f0c9); transform: rotate(-11deg); }.lj-human-workbench__visual b { right: 44px; bottom: 19px; width: 96%; height: 75px; border: 1px solid rgba(255,255,255,.72); background: rgba(255,242,189,.3); transform: rotate(10deg); }.lj-human-workbench__visual em { right: 22px; bottom: 42px; width: 88%; height: 48px; border-top: 1px solid rgba(255,255,255,.9); transform: rotate(-4deg); }
.lj-human-workbench--seedance .lj-human-workbench__visual i { background: linear-gradient(155deg, #ffc8b3, #f9c6d7 55%, #c7b3ed); }.lj-human-workbench--omni .lj-human-workbench__visual i { background: linear-gradient(155deg, #ffdfa2, #ffbdc9 52%, #c2a6f0); }.lj-human-workbench header { position: relative; z-index: 1; max-width: 237px; }.lj-human-workbench header span { display: block; color: #a18a9e; font-size: 8px; font-weight: 760; letter-spacing: 1.3px; }.lj-human-workbench header strong { display: block; margin-top: 7px; color: #2d2932; font-size: 18px; font-weight: 780; line-height: 1.2; }.lj-human-workbench header small { display: block; max-width: 225px; margin-top: 5px; color: #7d7881; font-size: 10px; line-height: 1.45; }.lj-human-workbench__flow { position: absolute; z-index: 2; right: 11px; bottom: 11px; left: 11px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }.lj-human-workbench__flow span { min-width: 0; border: 1px solid rgba(255,255,255,.78); border-radius: 10px; padding: 7px 5px; background: rgba(255,255,255,.79); text-align: center; box-shadow: 0 2px 7px rgba(58, 69, 76, .07); }.lj-human-workbench__flow i { display: block; color: #ad8c99; font-size: 8px; font-style: normal; font-weight: 760; }.lj-human-workbench__flow em { display: block; overflow: hidden; margin-top: 3px; color: #4f4a52; font-size: 10px; font-style: normal; font-weight: 690; text-overflow: ellipsis; white-space: nowrap; }
.lj-human-workbench__uploads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 11px; }.lj-human-workbench__uploads .lj-upload-shell { min-width: 0; }.lj-human-workbench__uploads .lj-upload { grid-template-columns: 1fr; min-height: 114px; justify-items: center; gap: 7px; margin-top: 0; border-radius: 17px; padding: 11px 7px; text-align: center; }.lj-human-workbench__uploads .lj-upload__mark { width: 42px; height: 42px; }.lj-human-workbench__uploads .lj-upload__copy { justify-items: center; text-align: center; }.lj-human-workbench__uploads .lj-upload__copy strong { font-size: 12px; }.lj-human-workbench__uploads .lj-upload__copy > span { max-width: 100%; font-size: 9px; }.lj-human-workbench__uploads .lj-upload-shell:first-child .lj-upload { border-color: #8bd7d7; background: #f0fcfc; }.lj-human-workbench__uploads .lj-upload-shell:last-child .lj-upload { border-color: #ecdfe6; background: #fffcfd; }
.scene-studio-human .lj-studio-form .lj-settings-trigger { min-height: 61px; border-radius: 14px; padding: 0 13px; }.scene-studio-human .lj-settings-trigger > i { color: #c890bd; }.scene-studio-human .lj-submit .lj-primary { border-radius: 15px; background: linear-gradient(100deg, #f6c180, #ffb6c2 49%, #c69bea); }

@media (max-width: 350px) {
  .lj-studio-startbar > div > span { margin-bottom: 2px; }.lj-studio-start__hero { height: 191px; }.lj-studio-start__shortcuts > button { min-height: 119px; border-radius: 15px; padding: 13px 7px 10px; }.lj-studio-start__shortcuts > button::before { left: 7px; }.lj-studio-start__workspace strong { font-size: 12px; }.lj-studio-start__workspace small { font-size: 9px; }
  .lj-studio-talent-hero { min-height: 198px; }.lj-studio-talent-actions { gap: 6px; }.lj-studio-talent-actions__item { min-height: 129px; border-radius: 15px; padding: 11px 7px; }.lj-studio-talent-actions__item strong { font-size: 11px; }.lj-studio-talent-actions__item small { font-size: 8px; }.lj-studio-talent-project { padding: 12px; }
  .lj-human-workbench { min-height: 158px; }.lj-human-workbench header strong { font-size: 16px; }.lj-human-workbench header small { font-size: 9px; }.lj-human-workbench__flow em { font-size: 9px; }.lj-human-workbench__uploads { gap: 6px; }
}

/* Large media previews are the common first action surface inside every tool. */
.lj-studio-media-stage { position: relative; height: 182px; overflow: hidden; margin: 0 0 12px; border: 1px solid #ece9e5; border-radius: 22px; background: #f7f8f7; box-shadow: 0 8px 22px rgba(42, 48, 59, .065); }
.lj-studio-media-stage > img:first-child { display: block; width: 100%; height: 100%; object-fit: cover; }.lj-studio-media-stage::after { position: absolute; inset: 0; background: linear-gradient(110deg, rgba(255,255,255,.18), rgba(255,255,255,0) 54%); content: ""; pointer-events: none; }
.lj-studio-media-stage__label { position: absolute; z-index: 2; top: 14px; left: 15px; color: rgba(57, 67, 74, .57); font-size: 8px; font-weight: 780; letter-spacing: 1.25px; }.lj-studio-media-stage__canvas { position: absolute; z-index: 2; top: 41px; left: 15px; width: 111px; height: 79px; border: 1px solid rgba(255,255,255,.72); border-radius: 12px; background: rgba(255,255,255,.22); box-shadow: 0 6px 14px rgba(74, 94, 103, .08); }.lj-studio-media-stage__canvas::before,.lj-studio-media-stage__canvas::after { position: absolute; right: 10px; left: 10px; height: 1px; background: rgba(255,255,255,.72); content: ""; }.lj-studio-media-stage__canvas::before { top: 27px; }.lj-studio-media-stage__canvas::after { top: 42px; width: 63%; }
.lj-studio-media-stage--image { border-color: #f0e7df; }.lj-studio-media-stage--image > img { object-position: center; }.lj-studio-media-stage--video { background: #ecf7f8; }.lj-studio-media-stage--video > img:first-child { object-position: left center; }.lj-studio-media-stage__frame { position: absolute; z-index: 1; right: 17px; bottom: 17px; width: 46%; height: 63%; border: 2px solid rgba(255,255,255,.78); border-radius: 13px; object-fit: cover; box-shadow: 0 7px 18px rgba(54, 111, 119, .17); }.lj-studio-media-stage__play { position: absolute; z-index: 3; right: 29px; bottom: 29px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: rgba(255,255,255,.85); box-shadow: 0 4px 10px rgba(54, 88, 100, .12); }.lj-studio-media-stage__play::after { width: 0; height: 0; margin-left: 3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #5e8991; content: ""; }
.lj-studio-media-stage--mix { height: 173px; border-color: #eee4d7; background: #fffbf4; }.lj-studio-media-stage__strip { position: absolute; z-index: 1; right: 13px; bottom: 25px; left: 13px; display: grid; grid-template-columns: 1.2fr 1fr .8fr; height: 90px; gap: 7px; }.lj-studio-media-stage__strip img { display: block; width: 100%; height: 100%; border: 2px solid rgba(255,255,255,.84); border-radius: 10px; object-fit: cover; box-shadow: 0 5px 12px rgba(88, 74, 49, .08); }.lj-studio-media-stage__strip img:nth-child(2) { transform: translateY(-12px); }.lj-studio-media-stage__time { position: absolute; z-index: 2; right: 18px; bottom: 12px; left: 18px; height: 4px; border-radius: 6px; background: rgba(92, 87, 78, .21); }.lj-studio-media-stage__time::before { position: absolute; left: 0; width: 46%; height: 100%; border-radius: inherit; background: #e6a270; content: ""; }.lj-studio-media-stage--talking,.lj-studio-media-stage--workbench { height: 166px; }.lj-studio-media-stage--talking { border-color: #f0dfd8; }.lj-studio-media-stage--workbench { border-color: #e2eeeb; }.lj-studio-media-stage--workbench > img { object-position: 70% center; }
.scene-studio-image .lj-studio-media-stage + .lj-studio-form,.scene-studio-video .lj-studio-media-stage + .lj-studio-form,.scene-studio-edit .lj-studio-media-stage + .lj-studio-form { margin-top: 0; }

.lj-studio-talent-hero::after { background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.82) 42%, rgba(255,255,255,.16) 100%); }.lj-studio-talent-hero__image { position: absolute; z-index: 0; top: 0; right: 0; width: 72%; height: 100%; object-fit: cover; object-position: right center; opacity: .88; }.lj-studio-talent-hero__mesh { max-width: none !important; z-index: 2 !important; }.lj-studio-talent-hero > div:not(.lj-studio-talent-hero__mesh) { z-index: 3; }.lj-studio-talent-hero > i { z-index: 4; }
.lj-human-workbench__image { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .57; }.lj-human-workbench__visual { z-index: 1; opacity: .62; }.lj-human-workbench header { z-index: 2; }.lj-human-workbench__flow { z-index: 3; }

@media (max-width: 350px) {
  .lj-studio-media-stage { height: 161px; border-radius: 19px; }.lj-studio-media-stage--mix { height: 154px; }.lj-studio-media-stage__canvas { width: 94px; height: 68px; }.lj-studio-media-stage__frame { right: 12px; bottom: 13px; }.lj-studio-media-stage__play { right: 20px; bottom: 22px; }
}

/* AI image generation follows the supplied mobile composition while retaining the live form controls. */
.scene-studio-image .lj-content { padding: max(18px, env(safe-area-inset-top)) 11px calc(104px + env(safe-area-inset-bottom)); }
.scene-studio-image .lj-image-reference-hero { position: relative; min-height: 204px; overflow: hidden; margin: 0 0 18px; border: 1px solid rgba(255,255,255,.88); border-radius: 19px; background: linear-gradient(118deg, #e7c5fa 0%, #f8dded 37%, #c4edf2 100%); box-shadow: 0 9px 21px rgba(101, 91, 133, .13), inset 0 1px rgba(255,255,255,.82); }
.scene-studio-image .lj-image-reference-hero::before { position: absolute; right: -50px; bottom: -66px; width: 230px; height: 178px; border-radius: 50%; background: radial-gradient(circle at 34% 32%, rgba(255,247,215,.98) 0 5%, rgba(255,225,239,.74) 24%, rgba(162,220,247,.43) 52%, rgba(162,220,247,0) 70%); content: ""; }
.scene-studio-image .lj-image-reference-hero::after { position: absolute; top: -70px; left: -46px; width: 165px; height: 145px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.7), rgba(255,255,255,0) 68%); content: ""; }
.scene-studio-image .lj-image-reference-hero__copy { position: relative; z-index: 4; width: 55%; padding: 53px 0 0 14px; }
.scene-studio-image .lj-image-reference-hero__copy h1 { margin: 0; color: #1f2330; font-size: 22px; font-weight: 780; letter-spacing: 0; line-height: 1.16; }
.scene-studio-image .lj-image-reference-hero__copy p { margin: 8px 0 0; color: #4e4c59; font-size: 11px; line-height: 1.45; }
.scene-studio-image .lj-image-reference-hero__art { position: absolute; z-index: 2; top: 5px; right: 22px; width: 181px; height: 182px; margin: 0; }
.scene-studio-image .lj-image-reference-hero__art > i { position: absolute; z-index: 0; right: 6px; bottom: 24px; width: 156px; height: 78px; border-radius: 51% 49% 53% 47%; background: linear-gradient(139deg, rgba(255,242,204,.94), rgba(247,174,210,.8) 42%, rgba(178,143,239,.88) 68%, rgba(130,220,239,.85)); filter: blur(.1px); transform: rotate(-9deg); }
.scene-studio-image .lj-image-reference-hero__art > i::after { position: absolute; top: 12px; left: -31px; width: 142px; height: 48px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; content: ""; transform: rotate(-16deg); }
.scene-studio-image .lj-image-reference-hero__art > b { position: absolute; z-index: 1; top: 21px; right: 76px; width: 64px; height: 64px; border-radius: 50%; background: radial-gradient(circle at 36% 31%, rgba(255,255,255,.87), rgba(224,208,251,.69) 40%, rgba(130,209,237,.35) 69%, rgba(130,209,237,0) 71%); }
.scene-studio-image .lj-image-reference-hero__art > em { position: absolute; z-index: 1; right: 18px; bottom: 6px; width: 122px; height: 67px; border: 1px solid rgba(255,255,255,.48); border-radius: 54% 46% 43% 57%; background: rgba(255,255,255,.11); transform: rotate(-8deg); }
.scene-studio-image .lj-image-reference-hero__art > span { position: absolute; z-index: 3; top: 37px; right: 28px; width: 63px; height: 111px; border: 2px solid rgba(238,229,216,.91); border-radius: 3px; background: linear-gradient(138deg, #fffefb, #f5ede3); box-shadow: 7px 8px 14px rgba(104, 74, 91, .14); transform: rotate(6deg); }
.scene-studio-image .lj-image-reference-hero__art > span::before { position: absolute; top: -5px; left: 21px; width: 13px; height: 7px; border-radius: 2px; background: #cda678; content: ""; }
.scene-studio-image .lj-image-reference-hero__art > span::after { position: absolute; bottom: -29px; left: 7px; width: 50px; height: 30px; border-right: 3px solid #ad7954; border-left: 3px solid #ad7954; content: ""; transform: skew(-16deg); }
.scene-studio-image .lj-image-reference-hero__art > span > i { position: absolute; inset: 15px 11px 17px; border: 1px solid rgba(219,201,188,.72); border-radius: 2px; background: rgba(255,255,255,.48); }
.scene-studio-image .lj-image-reference-hero__art > span > b { position: absolute; top: 41px; left: 24px; width: 18px; height: 20px; border: 1px solid rgba(226,210,197,.72); border-radius: 4px; transform: rotate(45deg); }
.scene-studio-image .lj-image-reference-hero__art > span > em { position: absolute; right: 6px; bottom: -34px; width: 3px; height: 38px; border-radius: 3px; background: #ad7954; transform: rotate(23deg); }
.scene-studio-image .lj-image-reference-hero__profile { position: absolute; z-index: 5; top: 22px; right: 16px; display: grid; width: 29px; height: 29px; place-items: center; border: 2px solid rgba(255,255,255,.9); border-radius: 50%; padding: 0; background: radial-gradient(circle at 50% 33%, #fbf0dc 0 20%, #6b778b 21% 36%, #e7aeb5 37% 58%, #fff 59%); box-shadow: 0 2px 6px rgba(64, 50, 74, .17); cursor: pointer; }
.scene-studio-image .lj-image-reference-hero__profile::after { position: absolute; top: -2px; right: -2px; width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; background: #ff6f62; content: ""; }
.scene-studio-image .lj-image-reference-hero__arrow { position: absolute; z-index: 5; right: 13px; bottom: 20px; color: rgba(255,255,255,.92); font-size: 44px; font-weight: 250; line-height: .7; text-shadow: 0 1px 5px rgba(61, 70, 85, .12); }
.scene-studio-image .lj-image-reference-hero__pager { position: absolute; z-index: 5; bottom: 9px; left: 50%; display: flex; gap: 5px; transform: translateX(-50%); }
.scene-studio-image .lj-image-reference-hero__pager i { display: block; width: 5px; height: 5px; border-radius: 50%; background: rgba(112,105,125,.31); }.scene-studio-image .lj-image-reference-hero__pager i.is-active { width: 15px; border-radius: 9px; background: #9183cd; }
.scene-studio-image .lj-section.lj-studio-form--image-reference { margin: 0; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
.scene-studio-image .lj-studio-form--image-reference > .lj-studio-form__label { display: none; }
.scene-studio-image .lj-studio-form--image-reference .lj-choices { gap: 13px; }
.scene-studio-image .lj-studio-form--image-reference .lj-choice { min-height: 92px; border: 1px solid #e8e6ea; border-radius: 16px; color: #252734; background: rgba(255,255,255,.93); box-shadow: 0 6px 13px rgba(63, 60, 76, .08); }
.scene-studio-image .lj-studio-form--image-reference .lj-choice:first-child.is-active { border-color: rgba(228,181,231,.65); background: linear-gradient(135deg, #ffd9e8 0%, #f6d4fa 49%, #d7c4fb 100%); box-shadow: 0 8px 16px rgba(165, 121, 174, .15); }
.scene-studio-image .lj-studio-form--image-reference .lj-choice:nth-child(2).is-active { border-color: #d0c5ef; background: linear-gradient(135deg, #e9ddff, #d7f2fb); }
.scene-studio-image .lj-studio-form--image-reference .lj-choice span { font-size: 17px; font-weight: 750; }.scene-studio-image .lj-studio-form--image-reference .lj-choice small { margin-top: 6px; color: #6d6b78; font-size: 10px; font-weight: 500; }
.scene-studio-image .lj-studio-form--image-reference .lj-input-card { min-height: 109px; margin-top: 12px; border: 1px solid #d9d8dc; border-radius: 10px; padding: 15px 14px 9px; background: #fff; box-shadow: 0 6px 13px rgba(45, 43, 53, .08); }
.scene-studio-image .lj-studio-form--image-reference .lj-input-card label { color: #2a2c36; font-size: 14px; font-weight: 740; }.scene-studio-image .lj-studio-form--image-reference .lj-textarea { height: 62px; padding: 9px 0; color: #33343e; font-size: 16px; line-height: 1.45; }.scene-studio-image .lj-studio-form--image-reference .lj-textarea::placeholder { color: #9b9ba7; }
.scene-studio-image .lj-studio-form--image-reference .lj-inline-action { min-height: 30px; border: 1px solid #d5d3d6; border-radius: 17px; padding: 0 17px; color: #55525e; background: #fff; font-size: 12px; }
.scene-studio-image .lj-studio-form--image-reference .lj-upload-shell { margin-top: 12px; }.scene-studio-image .lj-studio-form--image-reference .lj-upload { border-color: #d9d8dc; border-radius: 10px; background: #fff; box-shadow: 0 6px 13px rgba(45, 43, 53, .06); }.scene-studio-image .lj-studio-form--image-reference .lj-upload strong { color: #2b2d36; }.scene-studio-image .lj-studio-form--image-reference .lj-upload__copy > span { color: #898894; }
.scene-studio-image .lj-image-reference-settings-label { margin: 24px 0 10px 14px; color: #252730; font-size: 14px; font-weight: 760; }
.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger { position: relative; display: grid; min-height: 88px; grid-template-columns: 1fr 25px; grid-template-rows: 30px 1fr; align-items: center; border: 1px solid #dedce0; border-radius: 10px; padding: 11px 12px 11px 14px; color: #2d2e36; background: #fff; box-shadow: 0 5px 12px rgba(47, 43, 54, .055); }
.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > span { align-self: start; color: #34343e; font-size: 14px; font-weight: 740; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong { display: flex; grid-column: 1; gap: 8px; overflow: hidden; align-items: center; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong b { display: block; min-width: 0; overflow: hidden; border: 1px solid #e3e1e4; border-radius: 18px; padding: 6px 13px; color: #73717d; background: #fff; font-size: 12px; font-weight: 540; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > i { position: absolute; right: 14px; bottom: 15px; color: #77737d; font-size: 28px; line-height: 1; }
.scene-studio-image .lj-studio-form--image-reference .lj-submit { margin-top: 15px; }.scene-studio-image .lj-studio-form--image-reference .lj-submit .lj-primary { min-height: 45px; border: 0; border-radius: 24px; color: #fff; background: linear-gradient(100deg, #b195df 0%, #e7b1c1 55%, #f7c588 100%); box-shadow: 0 8px 17px rgba(192, 143, 177, .2); font-size: 15px; font-weight: 750; }
@media (max-width: 350px) {
  .scene-studio-image .lj-image-reference-hero { min-height: 186px; }.scene-studio-image .lj-image-reference-hero__copy { width: 54%; padding-top: 42px; }.scene-studio-image .lj-image-reference-hero__copy h1 { font-size: 20px; }.scene-studio-image .lj-image-reference-hero__copy p { font-size: 10px; }.scene-studio-image .lj-image-reference-hero__art { right: 13px; transform: scale(.89); transform-origin: right top; }.scene-studio-image .lj-studio-form--image-reference .lj-choice { min-height: 82px; }.scene-studio-image .lj-studio-form--image-reference .lj-choice span { font-size: 15px; }.scene-studio-image .lj-studio-form--image-reference .lj-choice small { font-size: 9px; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong { gap: 5px; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong b { padding: 6px 9px; font-size: 11px; }
}

/* Restore the original creation overview. Other studio routes retain their
   current, dedicated interfaces. */
.scene-studio-overview .lj-content { background: #fdfdfb; }
.scene-studio-overview .lj-studio-startbar { min-height: 60px; padding: 4px 2px 11px; }
.scene-studio-overview .lj-studio-startbar h1 { margin: 0; color: #191b20; font-size: 25px; font-weight: 780; line-height: 1.18; }
.scene-studio-overview .lj-studio-startbar p { margin: 6px 0 0; color: #73767d; font-size: 12px; line-height: 1.35; }
.scene-studio-overview .lj-studio-startbar > button { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid #ece9e5; border-radius: 50%; padding: 0; background: #fff; box-shadow: 0 3px 10px rgba(42, 35, 30, .07); cursor: pointer; }
.scene-studio-overview .lj-studio-start { padding-bottom: 5px; }
.scene-studio-overview .lj-studio-start__hero { height: 211px; border: 1px solid #edf0f1; border-radius: 18px; background: #eef4fb; box-shadow: 0 8px 24px rgba(59, 75, 107, .08); }
.scene-studio-overview .lj-studio-start__hero::before { z-index: 1; background: linear-gradient(105deg, rgba(255,255,255,.2), rgba(255,255,255,0) 42%), linear-gradient(0deg, rgba(239,248,251,.28), rgba(255,255,255,0) 58%); }
.scene-studio-overview .lj-studio-start__hero::after { display: none; content: none; }
.scene-studio-overview .lj-studio-start__hero img { filter: saturate(.78) brightness(1.07); opacity: 1; }
.scene-studio-overview .lj-studio-start__hero span { z-index: 2; right: 15px; bottom: 13px; color: rgba(65, 90, 122, .56); font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.scene-studio-overview .lj-studio-start__tabs { gap: 8px; margin: 17px 0 14px; }
.scene-studio-overview .lj-studio-start__tabs button { min-height: 43px; border-color: #ece9e4; border-radius: 999px; color: #35332f; background: #f5f3ee; font-size: 13px; font-weight: 720; }
.scene-studio-overview .lj-studio-start__tabs button.is-active { border-color: transparent; color: #2e2726; background: linear-gradient(105deg, #ffb6c1, #ffd586 91%); box-shadow: 0 5px 13px rgba(235, 158, 126, .22); }
.scene-studio-overview .lj-studio-start__shortcuts { gap: 9px; }
.scene-studio-overview .lj-studio-start__shortcuts > button { min-height: 112px; border-color: #efefeb; border-radius: 14px; padding: 13px 9px 10px; background: #fff; box-shadow: 0 5px 14px rgba(45, 45, 40, .045); }
.scene-studio-overview .lj-studio-start__shortcuts > button::before { content: none; }
.scene-studio-overview .lj-studio-shortcut__icon { margin-bottom: 17px; }
.scene-studio-overview .lj-studio-start__shortcuts strong { color: #282a30; font-size: 12px; font-weight: 760; line-height: 1.3; }
.scene-studio-overview .lj-studio-start__shortcuts small { margin-top: 5px; color: #8b8d91; font-size: 9px; line-height: 1.25; }
.scene-studio-overview .lj-studio-start__recent { margin: 13px 1px; padding-bottom: 1px; }
.scene-studio-overview .lj-studio-start__recent span { color: #888a8f; font-size: 10px; font-weight: 400; }
.scene-studio-overview .lj-studio-start__recent button { min-height: 23px; border-color: #efeee9; color: #68696c; background: #f6f5f1; font-size: 10px; font-weight: 400; }
.scene-studio-overview .lj-studio-start__quick { min-height: 68px; border-color: #efeee9; border-radius: 13px; padding: 13px 15px; color: #262831; background: linear-gradient(108deg, #fffbf3, #f4f2eb); box-shadow: 0 5px 15px rgba(58, 49, 34, .045); }
.scene-studio-overview .lj-studio-start__quick small { margin-bottom: 5px; color: #85837d; font-size: 10px; }
.scene-studio-overview .lj-studio-start__quick strong { font-size: 13px; font-weight: 750; }
.scene-studio-overview .lj-studio-start__quick > i { width: 27px; height: 27px; border-color: #d9d7d1; color: #46454a; font-size: 17px; }

@media (max-width: 350px) {
  .scene-studio-overview .lj-studio-startbar h1 { font-size: 23px; }
  .scene-studio-overview .lj-studio-start__hero { height: 180px; }
  .scene-studio-overview .lj-studio-start__shortcuts { gap: 6px; }
  .scene-studio-overview .lj-studio-start__shortcuts > button { min-height: 106px; padding-right: 7px; padding-left: 7px; }
  .scene-studio-overview .lj-studio-shortcut__icon { margin-bottom: 15px; }
  .scene-studio-overview .lj-studio-start__shortcuts strong { font-size: 11px; }
  .scene-studio-overview .lj-studio-start__shortcuts small { font-size: 8px; }
}

/* Creation overview, matched to the selected visual reference. */
.scene-studio-overview .lj-studio-startbar { min-height: 67px; padding: 4px 2px 12px; }
.scene-studio-overview .lj-studio-startbar h1 { color: #111217; font-size: 26px; font-weight: 790; }
.scene-studio-overview .lj-studio-startbar p { margin-top: 6px; color: #797b82; font-size: 12px; }
.scene-studio-overview .lj-studio-startbar__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 11px; }
.scene-studio-overview .lj-studio-startbar__search,
.scene-studio-overview .lj-studio-startbar__profile { position: relative; display: grid; width: 37px; height: 37px; place-items: center; border: 0; border-radius: 50%; padding: 0; background: transparent; box-shadow: none; cursor: pointer; }
.scene-studio-overview .lj-studio-startbar__search i { position: relative; display: block; width: 18px; height: 18px; border: 2px solid #18191d; border-radius: 50%; }
.scene-studio-overview .lj-studio-startbar__search i::after { position: absolute; right: -5px; bottom: -3px; width: 8px; border-top: 2px solid #18191d; content: ""; transform: rotate(48deg); transform-origin: left center; }
.scene-studio-overview .lj-studio-startbar__profile { overflow: visible; border: 2px solid #fff; background: linear-gradient(135deg, #292a2d, #b49c91 50%, #e8e0d8); box-shadow: 0 2px 7px rgba(38, 31, 28, .14); }
.scene-studio-overview .lj-studio-startbar__profile span { display: grid; width: 100%; height: 100%; place-items: center; overflow: hidden; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 760; }
.scene-studio-overview .lj-studio-startbar__profile i { position: absolute; top: -1px; right: -1px; display: block; width: 9px; height: 9px; border: 1.5px solid #fff; border-radius: 50%; background: #ff665c; }
.scene-studio-overview .lj-studio-start__hero { height: 211px; border: 0; border-radius: 22px; background: #f5f0e9; box-shadow: 0 7px 18px rgba(95, 77, 61, .08); }
.scene-studio-overview .lj-studio-start__hero::before { display: none; }
.scene-studio-overview .lj-studio-start__hero img { filter: none; object-position: center; opacity: 1; }
.scene-studio-overview .lj-studio-start__pager { position: static; z-index: auto; right: auto; bottom: auto; left: auto; display: flex; height: 28px; align-items: end; justify-content: center; gap: 6px; transform: none; }
.scene-studio-overview .lj-studio-start__pager i { display: block; width: 7px; height: 7px; border-radius: 50%; background: #d2d1cd; }
.scene-studio-overview .lj-studio-start__pager i.is-active { width: 18px; border-radius: 8px; background: #f3a36d; }
.scene-studio-overview .lj-studio-start__tabs { gap: 8px; margin: 22px 0 19px; }
.scene-studio-overview .lj-studio-start__tabs button { min-height: 47px; border-color: #ebe8e2; color: #151519; background: #f4f2ed; font-size: 15px; font-weight: 760; }
.scene-studio-overview .lj-studio-start__tabs button.is-active { color: #151519; background: linear-gradient(104deg, #fba7b0, #ffd486 94%); box-shadow: 0 5px 13px rgba(236, 157, 121, .2); }
.scene-studio-overview .lj-studio-start__shortcuts { gap: 12px; }
.scene-studio-overview .lj-studio-start__shortcuts > button { min-height: 0; overflow: visible; border: 0; border-radius: 0; padding: 0; color: #2c2b2b; text-align: center; background: transparent; box-shadow: none; }
.scene-studio-overview .lj-studio-start__shortcuts > button::before { content: none; }
.scene-studio-overview .lj-studio-shortcut__icon { display: block; width: 100%; height: 57px; margin: 0 0 11px; border: 1px solid #efebe5; border-radius: 999px; background: linear-gradient(107deg, #fbfaf5, #f4f4ed); }
.scene-studio-overview .lj-studio-shortcut__icon::before,
.scene-studio-overview .lj-studio-shortcut__icon::after { right: 0; left: 0; margin-right: auto; margin-left: auto; border-color: #2e2b28; }
.scene-studio-overview .lj-studio-shortcut__icon--image::before { top: 15px; right: 0; bottom: auto; left: 0; width: 21px; height: 19px; border-radius: 6px; }
.scene-studio-overview .lj-studio-shortcut__icon--image::after { right: -7px; bottom: 15px; left: 0; width: 10px; height: 7px; border-right: 1.6px solid #2e2b28; border-top: 1.6px solid #2e2b28; }
.scene-studio-overview .lj-studio-shortcut__icon--edit::before { top: 14px; right: 0; left: 0; width: 19px; height: 19px; border-radius: 3px; }
.scene-studio-overview .lj-studio-shortcut__icon--edit::after { right: -8px; bottom: 15px; left: 0; width: 10px; border-top: 1.6px solid #2e2b28; }
.scene-studio-overview .lj-studio-shortcut__icon--human::before { top: 13px; right: 0; left: 0; width: 13px; height: 13px; }
.scene-studio-overview .lj-studio-shortcut__icon--human::after { right: 0; bottom: 12px; left: 0; width: 23px; height: 12px; }
.scene-studio-overview .lj-studio-start__shortcuts strong { overflow: visible; color: #3c3936; font-size: 10px; font-weight: 540; line-height: 1.35; text-overflow: clip; white-space: nowrap; }
.scene-studio-overview .lj-studio-start__recent { gap: 7px; margin: 20px 0 15px; padding: 0; }
.scene-studio-overview .lj-studio-start__recent span,
.scene-studio-overview .lj-studio-start__recent button { min-height: 29px; border: 1px solid #efede8; border-radius: 999px; padding: 0 10px; color: #686865; background: #f7f6f2; font-size: 10px; font-weight: 500; }
.scene-studio-overview .lj-studio-start__quick { display: block; width: 100%; min-height: 0; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
.scene-studio-overview .lj-studio-start__quick > header { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 11px; }
.scene-studio-overview .lj-studio-start__quick > header strong { color: #17171b; font-size: 19px; font-weight: 780; }
.scene-studio-overview .lj-studio-start__quick > header i { color: #28251f; font-size: 32px; font-style: normal; font-weight: 300; line-height: .6; }
.scene-studio-overview .lj-studio-start__quick > button { display: block; width: 100%; min-height: 76px; overflow: hidden; border: 1px solid #efede8; border-radius: 20px; padding: 16px 19px; color: #2a2928; text-align: left; background: linear-gradient(115deg, #fffdf5, #f6f3e8); box-shadow: 0 5px 14px rgba(67, 55, 39, .04); cursor: pointer; }
.scene-studio-overview .lj-studio-start__quick > button strong { display: block; overflow: hidden; font-size: 14px; font-weight: 750; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.lj-create-search { position: fixed; z-index: 36; inset: 0; display: grid; align-items: end; }
.lj-create-search__backdrop { position: absolute; inset: 0; border: 0; background: rgba(20, 19, 22, .3); }
.lj-create-search__sheet { position: relative; max-height: min(73vh, 580px); overflow: auto; border-radius: 24px 24px 0 0; padding: 17px 16px calc(25px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -10px 30px rgba(31, 25, 23, .13); }
.lj-create-search__sheet header { display: flex; align-items: center; justify-content: space-between; padding: 1px 2px 15px; }
.lj-create-search__sheet header strong { color: #19191d; font-size: 18px; font-weight: 780; }
.lj-create-search__sheet header button { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 50%; color: #5c5a59; background: #f4f3ef; font-size: 24px; line-height: 1; }
.lj-create-search__list { display: grid; gap: 8px; }
.lj-create-search__list > button { display: flex; min-height: 62px; align-items: center; justify-content: space-between; border: 1px solid #efede8; border-radius: 13px; padding: 11px 13px; color: #29282c; text-align: left; background: #fff; cursor: pointer; }
.lj-create-search__list > button span { min-width: 0; }.lj-create-search__list > button strong { display: block; font-size: 14px; font-weight: 750; }.lj-create-search__list > button small { display: block; overflow: hidden; margin-top: 4px; color: #858580; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.lj-create-search__list > button i { margin-left: 12px; color: #7b7977; font-size: 24px; font-style: normal; }

@media (max-width: 350px) {
  .scene-studio-overview .lj-studio-startbar h1 { font-size: 23px; }
  .scene-studio-overview .lj-studio-start__hero { height: 183px; }
  .scene-studio-overview .lj-studio-start__tabs { margin-top: 19px; }
  .scene-studio-overview .lj-studio-start__shortcuts { gap: 7px; }
  .scene-studio-overview .lj-studio-shortcut__icon { height: 50px; margin-bottom: 9px; }
  .scene-studio-overview .lj-studio-start__shortcuts strong { font-size: 9px; }
  .scene-studio-overview .lj-studio-start__recent { gap: 5px; }.scene-studio-overview .lj-studio-start__recent span, .scene-studio-overview .lj-studio-start__recent button { min-height: 26px; padding: 0 7px; font-size: 9px; }
}

/* Creation overview follows the selected three-card direction. */
.scene-studio-overview .lj-content { background: radial-gradient(ellipse 54% 26% at 65% 0%, rgba(255, 177, 139, .68), transparent 100%), radial-gradient(ellipse 40% 36% at 101% 10%, rgba(255, 241, 168, .68), transparent 100%), radial-gradient(ellipse 70% 36% at 86% 58%, rgba(178, 229, 239, .42), transparent 100%), #f6f7f5; }
.scene-studio-overview .lj-studio-startbar { min-height: 112px; align-items: end; padding: 15px 17px 21px; }
.scene-studio-overview .lj-studio-startbar h1 { color: #15161a; font-size: 25px; font-weight: 790; line-height: 1.16; }
.scene-studio-overview .lj-studio-startbar p { margin-top: 8px; color: #74777d; font-size: 12px; line-height: 1.4; }
.scene-studio-overview .lj-studio-start--reference { min-height: calc(100% - 112px); padding: 18px 10px 30px; }
.scene-studio-overview .lj-studio-reference-list { display: grid; gap: 16px; }
.scene-studio-overview .lj-studio-reference-card { position: relative; display: grid; min-height: 122px; grid-template-columns: 31px minmax(0, 1fr) 46px; align-items: center; gap: 14px; overflow: hidden; border: 1px solid #17181b; border-radius: 19px; padding: 18px 20px 18px 18px; color: #1a1b20; text-align: left; background: rgba(255, 255, 255, .39); box-shadow: inset 0 1px rgba(255, 255, 255, .48), 0 11px 22px rgba(84, 95, 103, .04); backdrop-filter: blur(6px); cursor: pointer; }
.scene-studio-overview .lj-studio-reference-card:active { transform: translateY(1px); }
.scene-studio-overview .lj-studio-reference-card__number { position: relative; z-index: 2; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #d19c72; background: rgba(255, 237, 209, .79); font-size: 12px; font-weight: 760; }
.scene-studio-overview .lj-studio-reference-card__copy { position: relative; z-index: 2; min-width: 0; }.scene-studio-overview .lj-studio-reference-card__copy strong { display: block; color: #1c1c20; font-size: 18px; font-weight: 780; line-height: 1.2; }.scene-studio-overview .lj-studio-reference-card__copy small { display: block; overflow: hidden; margin-top: 8px; color: #6f737a; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.scene-studio-overview .lj-studio-reference-card > i { position: relative; z-index: 2; display: grid; width: 41px; height: 41px; place-items: center; border: 1.5px solid #9ba2ac; border-radius: 50%; color: #646b76; background: rgba(255, 255, 255, .25); font-size: 22px; font-style: normal; font-weight: 300; line-height: 1; }
.scene-studio-overview .lj-studio-reference-card > b { position: absolute; z-index: 1; right: -13px; display: block; pointer-events: none; }
.scene-studio-overview .lj-studio-reference-card--visual > b { top: -27px; width: 111px; height: 98px; border: 1px solid rgba(255, 255, 255, .75); border-radius: 14px; background: rgba(255, 255, 255, .08); transform: rotate(17deg); }
.scene-studio-overview .lj-studio-reference-card--edit > b { top: 9px; width: 104px; height: 104px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 68%); }
.scene-studio-overview .lj-studio-reference-card--human > b { right: -1px; bottom: -21px; width: 106px; height: 106px; border: 1px solid rgba(255, 255, 255, .65); border-radius: 50%; background: rgba(255, 255, 255, .08); }
.scene-studio-overview .lj-studio-reference-quick { margin-top: 79px; }
.scene-studio-overview .lj-studio-reference-quick > button { display: flex; width: 100%; min-height: 116px; align-items: center; justify-content: space-between; border: 1px solid rgba(255, 255, 255, .86); border-radius: 23px; padding: 20px 23px; color: #232429; text-align: left; background: rgba(255, 255, 255, .87); box-shadow: 0 11px 25px rgba(57, 67, 75, .1); cursor: pointer; }
.scene-studio-overview .lj-studio-reference-quick > button span { min-width: 0; }.scene-studio-overview .lj-studio-reference-quick strong { display: block; color: #1c1d21; font-size: 21px; font-weight: 790; line-height: 1.2; }.scene-studio-overview .lj-studio-reference-quick small { display: block; overflow: hidden; margin-top: 11px; color: #777980; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-overview .lj-studio-reference-quick i { flex: 0 0 auto; margin-left: 16px; color: #a5a9ad; font-size: 36px; font-style: normal; font-weight: 300; line-height: .7; }

@media (max-width: 350px) {
  .scene-studio-overview .lj-studio-startbar { min-height: 99px; padding: 13px 14px 17px; }
  .scene-studio-overview .lj-studio-startbar h1 { font-size: 23px; }
  .scene-studio-overview .lj-studio-start--reference { min-height: calc(100% - 99px); padding: 14px 8px 26px; }
  .scene-studio-overview .lj-studio-reference-list { gap: 12px; }
  .scene-studio-overview .lj-studio-reference-card { min-height: 110px; grid-template-columns: 27px minmax(0, 1fr) 38px; gap: 11px; border-radius: 17px; padding: 15px 15px; }
  .scene-studio-overview .lj-studio-reference-card__number { width: 24px; height: 24px; font-size: 11px; }.scene-studio-overview .lj-studio-reference-card__copy strong { font-size: 16px; }.scene-studio-overview .lj-studio-reference-card__copy small { margin-top: 6px; font-size: 10px; }.scene-studio-overview .lj-studio-reference-card > i { width: 36px; height: 36px; font-size: 19px; }
  .scene-studio-overview .lj-studio-reference-quick { margin-top: 55px; }.scene-studio-overview .lj-studio-reference-quick > button { min-height: 100px; border-radius: 20px; padding: 17px 18px; }.scene-studio-overview .lj-studio-reference-quick strong { font-size: 19px; }.scene-studio-overview .lj-studio-reference-quick small { margin-top: 8px; font-size: 11px; }
}

/* Category cards reveal their existing final tools in a focused floating menu. */
.lj-create-menu { position: fixed; z-index: 50; inset: 0; display: grid; place-items: center; padding: 24px 17px calc(106px + env(safe-area-inset-bottom)); }
.lj-create-menu__backdrop { position: absolute; inset: 0; border: 0; background: rgba(31, 37, 42, .22); backdrop-filter: blur(3px); }
.lj-create-menu__panel { position: relative; width: min(100%, 405px); overflow: hidden; border: 1px solid rgba(255, 255, 255, .85); border-radius: 23px; padding: 17px 14px 14px; background: rgba(255, 255, 255, .91); box-shadow: 0 18px 42px rgba(35, 42, 49, .2); }
.lj-create-menu__panel header { display: flex; align-items: center; justify-content: space-between; padding: 1px 3px 14px 5px; }
.lj-create-menu__panel header span { min-width: 0; }.lj-create-menu__panel header small { display: block; color: #8e9195; font-size: 10px; line-height: 1.2; }.lj-create-menu__panel header strong { display: block; margin-top: 4px; color: #1d1e23; font-size: 20px; font-weight: 790; line-height: 1.2; }
.lj-create-menu__panel header button { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 50%; color: #6e7177; background: #f2f3f3; font-size: 23px; line-height: 1; cursor: pointer; }
.lj-create-menu__list { display: grid; gap: 8px; }
.lj-create-menu__list > button { display: grid; min-height: 69px; grid-template-columns: 29px minmax(0, 1fr) 23px; align-items: center; gap: 10px; border: 1px solid #edf0f0; border-radius: 14px; padding: 11px 12px; color: #25262b; text-align: left; background: rgba(251, 252, 251, .94); cursor: pointer; }
.lj-create-menu__list > button:active { transform: translateY(1px); }.lj-create-menu__list > button > i { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 9px; color: #b07f62; background: #fff0e5; font-size: 11px; font-style: normal; font-weight: 760; }.lj-create-menu__list > button span { min-width: 0; }.lj-create-menu__list > button strong { display: block; overflow: hidden; color: #25262b; font-size: 14px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }.lj-create-menu__list > button small { display: block; overflow: hidden; margin-top: 4px; color: #85888d; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }.lj-create-menu__list > button > b { color: #85898f; font-size: 19px; font-weight: 400; }
.lj-create-menu--edit .lj-create-menu__list > button > i { color: #7d907f; background: #e9f4ed; }.lj-create-menu--human .lj-create-menu__list > button > i { color: #8e789c; background: #f2ebf8; }

@media (max-width: 350px) {
  .lj-create-menu { padding: 18px 13px calc(96px + env(safe-area-inset-bottom)); }
  .lj-create-menu__panel { border-radius: 20px; padding: 14px 11px 11px; }.lj-create-menu__panel header { padding-bottom: 11px; }.lj-create-menu__panel header strong { font-size: 18px; }
  .lj-create-menu__list > button { min-height: 62px; grid-template-columns: 26px minmax(0, 19px); gap: 8px; padding: 9px 10px; }.lj-create-menu__list > button > i { width: 24px; height: 24px; }.lj-create-menu__list > button strong { font-size: 13px; }.lj-create-menu__list > button small { font-size: 9px; }
}

/* Floating tool chooser: matches the supplied pastel icon-card reference. */
.lj-create-menu { padding: 28px 16px calc(104px + env(safe-area-inset-bottom)); }
.lj-create-menu__backdrop { background: rgba(255, 255, 255, .38); backdrop-filter: blur(12px); }
.lj-create-menu__panel { width: min(100%, 405px); overflow: visible; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
.lj-create-menu__close { position: absolute; z-index: 2; top: -42px; right: 0; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(255, 255, 255, .9); border-radius: 50%; padding: 0; color: #fff; background: rgba(255, 255, 255, .25); box-shadow: 0 4px 12px rgba(48, 76, 84, .12); font-size: 21px; line-height: 1; cursor: pointer; }
.lj-create-menu__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.lj-create-menu--human .lj-create-menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.lj-create-menu__list > .lj-create-menu__item { display: flex; min-height: 202px; flex-direction: column; align-items: center; justify-content: center; gap: 18px; overflow: hidden; border: 1.5px solid rgba(255, 255, 255, .92); border-radius: 27px; padding: 22px 12px 18px; color: #111216; text-align: center; box-shadow: inset 0 1px rgba(255, 255, 255, .58), 0 12px 22px rgba(69, 96, 100, .14); cursor: pointer; }
.lj-create-menu__list > .lj-create-menu__item:active { transform: translateY(1px) scale(.99); }
.lj-create-menu__list > .lj-create-menu__item > span { width: 100%; min-width: 0; max-width: 100%; }.lj-create-menu__list > .lj-create-menu__item strong { display: block; color: #16171b; font-size: 17px; font-weight: 800; line-height: 1.25; text-align: center; white-space: normal; }
.lj-create-menu__item--image { background: linear-gradient(144deg, #ffd7cf 0%, #fff0cb 46%, #d8f5f5 100%); }.lj-create-menu__item--video { background: linear-gradient(144deg, #ffd8d7 0%, #f9dedc 47%, #d9f3f8 100%); }
.lj-create-menu__item--talking { background: linear-gradient(142deg, #f3ffd0 0%, #9cefd6 47%, #74dce7 100%); }.lj-create-menu__item--mix { background: linear-gradient(142deg, #e6ffd1 0%, #99edcc 46%, #69d7e7 100%); }
.lj-create-menu__item--copy { background: linear-gradient(142deg, #c7a8f5 0%, #f6c0ce 48%, #f8e7a6 100%); }.lj-create-menu__item--audio { background: linear-gradient(142deg, #c8afe8 0%, #b2c8f3 48%, #86e1e8 100%); }.lj-create-menu__item--lipsync { background: linear-gradient(142deg, #ffc7c5 0%, #a8efcf 48%, #83e2e9 100%); }
.lj-create-menu__icon { position: relative; display: block; width: 86px; height: 86px; flex: 0 0 auto; border: 2px solid rgba(255, 255, 255, .86); border-radius: 24px; background: linear-gradient(145deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .16)); box-shadow: inset 0 1px rgba(255, 255, 255, .82), 0 7px 15px rgba(80, 117, 115, .16); }
.lj-create-menu__icon > b,.lj-create-menu__icon > b::before,.lj-create-menu__icon > b::after { position: absolute; box-sizing: border-box; display: block; content: ""; }
.lj-create-menu__item--image .lj-create-menu__icon > b { top: 27px; left: 22px; width: 41px; height: 31px; border: 3px solid #fff; border-radius: 7px; }.lj-create-menu__item--image .lj-create-menu__icon > b::before { top: -9px; left: -10px; width: 34px; height: 28px; border: 3px solid #fff; border-radius: 7px; }.lj-create-menu__item--image .lj-create-menu__icon > b::after { right: 6px; bottom: 6px; width: 17px; height: 11px; border-right: 3px solid #fff; border-top: 3px solid #fff; transform: skew(-25deg); }
.lj-create-menu__item--video .lj-create-menu__icon > b { top: 25px; left: 32px; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 27px solid #fff; }
.lj-create-menu__item--talking .lj-create-menu__icon > b { top: 17px; left: 33px; width: 20px; height: 36px; border: 3px solid #fff; border-radius: 14px; }.lj-create-menu__item--talking .lj-create-menu__icon > b::after { top: 27px; left: -10px; width: 34px; height: 17px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 3px solid #fff; border-radius: 0 0 18px 18px; }.lj-create-menu__item--talking .lj-create-menu__icon::after { position: absolute; bottom: 13px; left: 42px; width: 3px; height: 13px; border-radius: 3px; background: #fff; content: ""; }
.lj-create-menu__item--mix .lj-create-menu__icon > b { top: 24px; left: 19px; width: 48px; height: 36px; border: 3px solid #fff; border-radius: 7px; }.lj-create-menu__item--mix .lj-create-menu__icon > b::before { top: 9px; left: 7px; width: 28px; height: 14px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: skewY(-40deg) rotate(-45deg); }.lj-create-menu__item--mix .lj-create-menu__icon > b::after { top: 7px; right: 5px; width: 5px; height: 5px; border-radius: 50%; background: #fff; box-shadow: 0 18px #fff, -34px 0 #fff, -34px 18px #fff; }
.lj-create-menu__item--copy .lj-create-menu__icon > b { top: 17px; left: 32px; width: 22px; height: 22px; border: 3px solid #fff; border-radius: 50%; }.lj-create-menu__item--copy .lj-create-menu__icon > b::after { top: 27px; left: -12px; width: 40px; height: 22px; border: 3px solid #fff; border-radius: 22px 22px 7px 7px; }
.lj-create-menu__item--audio .lj-create-menu__icon > b { top: 28px; left: 22px; width: 4px; height: 28px; border-radius: 3px; background: #fff; box-shadow: 10px -9px #fff, 20px 5px #fff, 30px -5px #fff, 40px -13px #fff; }.lj-create-menu__item--audio .lj-create-menu__icon > b::after { top: -8px; left: 52px; width: 16px; height: 35px; border-right: 3px solid #fff; border-radius: 0 50% 50% 0; }.lj-create-menu__item--audio .lj-create-menu__icon > b::before { top: 0; left: 62px; width: 13px; height: 20px; border-right: 3px solid #fff; border-radius: 0 50% 50% 0; }
.lj-create-menu__item--lipsync .lj-create-menu__icon > b { top: 18px; left: 23px; width: 35px; height: 42px; border: 3px solid #fff; border-radius: 52% 48% 49% 51%; border-left-color: transparent; transform: rotate(-23deg); }.lj-create-menu__item--lipsync .lj-create-menu__icon > b::after { right: -9px; bottom: 4px; width: 16px; height: 10px; border-top: 3px solid #fff; border-radius: 50%; transform: rotate(29deg); }
.lj-create-menu--human .lj-create-menu__list > .lj-create-menu__item { min-height: 183px; gap: 14px; border-radius: 23px; padding: 18px 7px 14px; }.lj-create-menu--human .lj-create-menu__item strong { font-size: 14px; }.lj-create-menu--human .lj-create-menu__icon { width: 68px; height: 68px; border-radius: 20px; transform: scale(.79); margin: -7px; }

@media (max-width: 350px) {
  .lj-create-menu { padding: 24px 13px calc(94px + env(safe-area-inset-bottom)); }.lj-create-menu__close { top: -38px; }
  .lj-create-menu__list { gap: 10px; }.lj-create-menu__list > .lj-create-menu__item { min-height: 180px; gap: 14px; border-radius: 23px; padding: 18px 9px 15px; }.lj-create-menu__list > .lj-create-menu__item strong { font-size: 15px; }.lj-create-menu__icon { transform: scale(.86); margin: -6px; }
  .lj-create-menu--human .lj-create-menu__list { gap: 7px; }.lj-create-menu--human .lj-create-menu__list > .lj-create-menu__item { min-height: 157px; gap: 10px; padding: 14px 5px 11px; }.lj-create-menu--human .lj-create-menu__item strong { font-size: 12px; }.lj-create-menu--human .lj-create-menu__icon { transform: scale(.67); margin: -11px; }
}

/* CSS-drawn tool cards follow the supplied references without a raster overlay. */
.lj-create-menu__list > .lj-create-menu__item > .lj-create-menu__icon { display: block; width: 86px; height: 86px; border: 2px solid rgba(255,255,255,.86); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,255,255,.16)); }
.lj-create-menu__list > .lj-create-menu__item--image { background: linear-gradient(144deg, #ffd7cf 0%, #fff0cb 46%, #d8f5f5 100%); }.lj-create-menu__list > .lj-create-menu__item--video { background: linear-gradient(144deg, #ffd8d7 0%, #f9dedc 47%, #d9f3f8 100%); }
.lj-create-menu__list > .lj-create-menu__item--talking { background: linear-gradient(142deg, #f3ffd0 0%, #9cefd6 47%, #74dce7 100%); }.lj-create-menu__list > .lj-create-menu__item--mix { background: linear-gradient(142deg, #e6ffd1 0%, #99edcc 46%, #69d7e7 100%); }
.lj-create-menu__list > .lj-create-menu__item--copy { background: linear-gradient(142deg, #c7a8f5 0%, #f6c0ce 48%, #f8e7a6 100%); }.lj-create-menu__list > .lj-create-menu__item--audio { background: linear-gradient(142deg, #c8afe8 0%, #b2c8f3 48%, #86e1e8 100%); }.lj-create-menu__list > .lj-create-menu__item--lipsync { background: linear-gradient(142deg, #ffc7c5 0%, #a8efcf 48%, #83e2e9 100%); }
.lj-create-menu--visual .lj-create-menu__item--image .lj-create-menu__icon { background: linear-gradient(145deg, rgba(255,220,211,.98), rgba(255,192,166,.72) 56%, rgba(255,237,184,.8)); }.lj-create-menu--visual .lj-create-menu__item--video .lj-create-menu__icon { background: linear-gradient(145deg, rgba(255,218,216,.98), rgba(255,189,180,.72) 57%, rgba(216,242,247,.84)); }
.lj-create-menu--edit .lj-create-menu__item { min-height: 220px; }.lj-create-menu--edit .lj-create-menu__item > .lj-create-menu__icon { width: 96px; height: 96px; border-radius: 27px; background: linear-gradient(145deg, rgba(255,255,255,.69), rgba(255,255,255,.18)); }.lj-create-menu--edit .lj-create-menu__item strong { font-size: 19px; }
.lj-create-menu--human .lj-create-menu__item--copy .lj-create-menu__icon { background: linear-gradient(145deg, rgba(253,221,231,.64), rgba(255,238,185,.45)); }.lj-create-menu--human .lj-create-menu__item--audio .lj-create-menu__icon { background: linear-gradient(145deg, rgba(247,234,255,.61), rgba(194,242,248,.45)); }.lj-create-menu--human .lj-create-menu__item--lipsync .lj-create-menu__icon { background: linear-gradient(145deg, rgba(255,225,219,.61), rgba(202,251,238,.45)); }
.lj-create-menu__list > .lj-create-menu__item > .lj-create-menu__icon { display: grid; place-items: center; }
.lj-create-menu__icon svg { display: block; width: 72%; height: 72%; overflow: visible; fill: none; stroke: rgba(255,255,255,.98); stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 1px rgba(255,255,255,.22)); }
.lj-create-menu--edit .lj-create-menu__icon svg { width: 68%; height: 68%; stroke-width: 2.5; }.lj-create-menu--human .lj-create-menu__icon svg { width: 72%; height: 72%; stroke-width: 2.6; }

/* AI image generation: the supplied reference's warm visual canvas and one clean work surface. */
.scene-studio-image .lj-content { padding: 0 12px calc(106px + env(safe-area-inset-bottom)); background: radial-gradient(ellipse 55% 17% at 10% 68%, rgba(255, 238, 168, .22), transparent 100%), #fffefb; }
.scene-studio-image .lj-studio-toolbar { grid-template-columns: 43px minmax(0, 1fr) 43px; min-height: 51px; margin-bottom: 13px; }
.scene-studio-image .lj-studio-toolbar button { width: 39px; height: 39px; border-color: #a6a39b; border-radius: 12px; color: #161714; background: #fff; box-shadow: none; font-size: 29px; font-weight: 500; }
.scene-studio-image .lj-studio-toolbar button:last-child { border-radius: 12px; }.scene-studio-image .lj-studio-toolbar button:last-child i { width: 15px; height: 15px; border-color: #1e201d; }.scene-studio-image .lj-studio-toolbar button:last-child i::after { border-color: #1e201d; }
.scene-studio-image .lj-studio-toolbar > div { padding: 0 12px; }.scene-studio-image .lj-studio-toolbar small { margin-bottom: 3px; color: #6a6a65; font-size: 8px; font-weight: 800; letter-spacing: 1.7px; }.scene-studio-image .lj-studio-toolbar strong { color: #11120f; font-size: 20px; font-weight: 820; line-height: 1.05; }

.scene-studio-image .lj-image-reference-hero { position: relative; min-height: 222px; overflow: visible; margin: 0 0 34px; border: 1px solid rgba(255, 255, 255, .92); border-radius: 23px; background: linear-gradient(130deg, #fff1bc 0%, #ffe4c1 16%, #ffd2bd 40%, #ffaaa0 77%, #f38d82 100%); box-shadow: 0 10px 24px rgba(229, 126, 100, .12), inset 0 1px rgba(255, 255, 255, .72); }
.scene-studio-image .lj-image-reference-hero::before { position: absolute; z-index: 0; top: -19px; right: -77px; width: 201px; height: 274px; border: 1px solid rgba(255, 255, 255, .79); border-radius: 62% 0 0 57%; background: linear-gradient(143deg, rgba(251, 254, 232, .94) 0 39%, rgba(222, 249, 244, .95) 40% 59%, rgba(77, 184, 199, .91) 60% 100%); content: ""; transform: rotate(7deg); }
.scene-studio-image .lj-image-reference-hero::after { position: absolute; z-index: 1; right: -46px; bottom: -19px; width: 234px; height: 114px; border: 1px solid rgba(255, 255, 255, .63); border-radius: 57% 43% 0 0; background: linear-gradient(141deg, rgba(248, 250, 217, .62), rgba(255, 233, 226, .2) 46%, rgba(103, 211, 219, .38)); content: ""; transform: rotate(-8deg); }
.scene-studio-image .lj-image-reference-hero__copy { position: relative; z-index: 5; width: 68%; padding: 30px 0 0 19px; }.scene-studio-image .lj-image-reference-hero__copy h1 { margin: 0; color: #12130f; font-size: 28px; font-weight: 840; line-height: 1.14; }.scene-studio-image .lj-image-reference-hero__copy p { max-width: 221px; margin: 11px 0 0; color: #24241f; font-size: 13px; font-weight: 570; line-height: 1.48; }
.scene-studio-image .lj-image-reference-hero__art { position: absolute; z-index: 3; top: 29px; right: 13px; width: 129px; height: 165px; margin: 0; }.scene-studio-image .lj-image-reference-hero__art > i { position: absolute; top: -5px; right: 18px; width: 54px; height: 54px; border: 2px solid rgba(43, 57, 53, .58); border-radius: 50%; background: rgba(255, 255, 255, .22); }.scene-studio-image .lj-image-reference-hero__art > i::after { position: absolute; right: -10px; bottom: -7px; width: 19px; height: 2px; border-radius: 2px; background: rgba(43, 57, 53, .58); content: ""; transform: rotate(48deg); }
.scene-studio-image .lj-image-reference-hero__art > b { position: absolute; right: 1px; bottom: 0; width: 113px; height: 118px; border: 1px solid rgba(255, 255, 255, .82); border-radius: 42px 9px 31px 14px; background: linear-gradient(145deg, rgba(235, 252, 243, .46), rgba(242, 255, 250, .07)); transform: rotate(-8deg); }.scene-studio-image .lj-image-reference-hero__art > em { position: absolute; right: 10px; bottom: 18px; width: 86px; height: 84px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 42px 13px 33px 16px; background: rgba(45, 167, 183, .26); transform: rotate(-8deg); }
.scene-studio-image .lj-image-reference-hero__art > span { position: absolute; z-index: 3; right: 16px; bottom: 13px; width: 62px; height: 91px; overflow: hidden; border: 4px solid rgba(255, 255, 255, .94); border-radius: 14px; background: linear-gradient(150deg, #ffdfb7 0 19%, #f5937f 20% 42%, #183d5b 43% 62%, #d9f6ef 63%); box-shadow: 0 7px 14px rgba(41, 91, 100, .2); transform: rotate(2deg); }.scene-studio-image .lj-image-reference-hero__art > span > i { position: absolute; top: 10px; left: 11px; width: 28px; height: 28px; border: 5px solid #fff1e4; border-right-color: #3f3345; border-radius: 50%; transform: rotate(-19deg); }.scene-studio-image .lj-image-reference-hero__art > span > b { position: absolute; bottom: -7px; left: 10px; width: 61px; height: 42px; border-radius: 75% 9px 0 0; background: #0f2f4a; transform: rotate(-15deg); }.scene-studio-image .lj-image-reference-hero__art > span > em { position: absolute; right: 10px; bottom: 25px; width: 19px; height: 8px; border-radius: 50%; background: #ed6e60; transform: rotate(-18deg); }
.scene-studio-image .lj-image-reference-hero__shortcut { position: absolute; z-index: 7; right: 11px; bottom: -22px; left: 11px; display: grid; min-height: 76px; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 1px solid rgba(242, 238, 225, .96); border-radius: 17px; padding: 10px 13px; color: #151611; text-align: left; background: rgba(255, 255, 255, .96); box-shadow: 0 9px 20px rgba(91, 76, 61, .12); }.scene-studio-image button.lj-image-reference-hero__shortcut { cursor: pointer; }
.scene-studio-image .lj-image-reference-hero__shortcut > i { position: relative; display: grid; width: 45px; height: 45px; place-items: center; overflow: hidden; border-radius: 11px; background: linear-gradient(145deg, #c9eef2, #d7edff 35%, #ffa489 36%, #ec786b 67%, #236f82 68%); }.scene-studio-image .lj-image-reference-hero__shortcut > i > b { width: 15px; height: 15px; border: 3px solid rgba(255, 255, 255, .83); border-radius: 50%; box-shadow: 7px 8px 0 -5px #1f5a70; }.scene-studio-image .lj-image-reference-hero__shortcut span { min-width: 0; }.scene-studio-image .lj-image-reference-hero__shortcut strong { display: block; overflow: hidden; color: #171813; font-size: 15px; font-weight: 800; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-image .lj-image-reference-hero__shortcut small { display: block; overflow: hidden; margin-top: 5px; color: #676660; font-size: 11px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-image .lj-image-reference-hero__shortcut > em { border-radius: 999px; padding: 7px 11px; color: #2e827d; background: #cff6ef; font-size: 11px; font-style: normal; font-weight: 700; white-space: nowrap; }

.scene-studio-image .lj-section.lj-studio-form--image-reference { margin: 0; border: 1px solid #e8e5dc; border-radius: 23px; padding: 15px 14px 14px; background: #fff; box-shadow: 0 9px 23px rgba(78, 62, 46, .055); }.scene-studio-image .lj-studio-form--image-reference > .lj-studio-form__label { margin: 0 0 8px; color: #373731; font-size: 12px; font-weight: 730; }
.scene-studio-image .lj-studio-form--image-reference .lj-choices { gap: 8px; }.scene-studio-image .lj-studio-form--image-reference .lj-choice { min-height: 56px; border: 1px solid #dfddd5; border-radius: 14px; padding: 7px 8px; color: #41413d; background: #fff; box-shadow: none; font-size: 14px; font-weight: 760; }.scene-studio-image .lj-studio-form--image-reference .lj-choice small { display: block; margin-top: 4px; color: #8b8981; font-size: 9px; font-weight: 500; line-height: 1.25; }.scene-studio-image .lj-studio-form--image-reference .lj-choice:first-child.is-active,.scene-studio-image .lj-studio-form--image-reference .lj-choice:nth-child(2).is-active { border-color: rgba(248, 136, 112, .62); color: #342c28; background: linear-gradient(106deg, #ffd278, #ff9f91 52%, #ff6d8c); box-shadow: 0 5px 11px rgba(246, 137, 112, .18); }.scene-studio-image .lj-studio-form--image-reference .lj-choice.is-active small { color: rgba(53, 38, 32, .74); }
.scene-studio-image .lj-studio-form--image-reference .lj-input-card { min-height: 114px; margin-top: 12px; border: 0; border-bottom: 1px solid #e4e1d9; border-radius: 0; padding: 2px 3px 9px; background: transparent; box-shadow: none; }.scene-studio-image .lj-studio-form--image-reference .lj-input-card label { color: #1c1d19; font-size: 16px; font-weight: 790; }.scene-studio-image .lj-studio-form--image-reference .lj-textarea { height: 66px; min-height: 66px; padding: 12px 0 0; color: #252520; font-size: 13px; line-height: 1.5; }.scene-studio-image .lj-studio-form--image-reference .lj-textarea::placeholder { color: #8d8b84; }
.scene-studio-image .lj-studio-form--image-reference .lj-inline-action { min-height: 35px; border-color: #cbb496; border-radius: 999px; padding: 0 15px; color: #d2785c; background: #fff; font-size: 13px; font-weight: 730; }.scene-studio-image .lj-studio-form--image-reference .lj-upload-shell { margin-top: 11px; }.scene-studio-image .lj-studio-form--image-reference .lj-upload { min-height: 75px; border: 1px solid #e3ded4; border-radius: 14px; padding: 11px 12px; background: #fffdf8; box-shadow: none; }.scene-studio-image .lj-studio-form--image-reference .lj-upload__mark { width: 42px; height: 42px; border: 0; border-radius: 11px; background: linear-gradient(145deg, #c9eef2, #d7edff 35%, #ffa489 36%, #ec786b 67%, #236f82 68%); }.scene-studio-image .lj-studio-form--image-reference .lj-upload__mark .lj-upload__arrow { color: #fff; }.scene-studio-image .lj-studio-form--image-reference .lj-upload strong { color: #1b1c18; font-size: 14px; }.scene-studio-image .lj-studio-form--image-reference .lj-upload__copy > span { color: #77756e; font-size: 10px; }
.scene-studio-image .lj-image-reference-settings-label { display: none; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger { position: relative; display: grid; min-height: 82px; grid-template-columns: minmax(0, 1fr) 29px; grid-template-rows: 28px 1fr; align-items: center; margin-top: 12px; border: 0; border-radius: 0; border-bottom: 1px solid #e4e1d9; padding: 1px 4px 11px; background: transparent; box-shadow: none; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > span { align-self: start; color: #1d1e1a; font-size: 15px; font-weight: 790; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong { display: flex; grid-column: 1; gap: 7px; overflow: hidden; align-items: center; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong b { min-width: 0; overflow: hidden; border: 1px solid #d8d4cb; border-radius: 999px; padding: 6px 12px; color: #55534d; background: #fff; font-size: 12px; font-weight: 610; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong b:first-child { border-color: transparent; color: #fff; background: linear-gradient(105deg, #ffca6a, #ff8a7e 55%, #ff6389); box-shadow: 0 4px 8px rgba(249, 127, 105, .17); }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > i { position: static; grid-column: 2; grid-row: 1 / span 2; color: #484740; font-size: 28px; line-height: 1; }
.scene-studio-image .lj-studio-form--image-reference .lj-submit { margin-top: 16px; }.scene-studio-image .lj-studio-form--image-reference .lj-submit .lj-primary { min-height: 52px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(103deg, #ffca68 0%, #ff9c7b 42%, #ff6689 100%); box-shadow: 0 9px 17px rgba(248, 130, 104, .25); font-size: 18px; font-weight: 800; }
.scene-studio-image .lj-settings-sheet { border-color: #eee4d8; background: #fffefb; }.scene-studio-image .lj-settings-sheet header { border-bottom-color: #eee6dc; background: #fffaf5; }.scene-studio-image .lj-settings-sheet .lj-option-tile.is-active { border-color: #ef9c81; color: #b65d4f; background: #fff1ea; box-shadow: inset 0 0 0 1px rgba(239, 156, 129, .13); }.scene-studio-image .lj-settings-sheet .lj-toggle input:checked + i { border-color: #ed9279; background: #ed9279; }

@media (max-width: 350px) {
  .scene-studio-image .lj-studio-toolbar { margin-bottom: 10px; }.scene-studio-image .lj-studio-toolbar button { width: 36px; height: 36px; }.scene-studio-image .lj-studio-toolbar strong { font-size: 18px; }
  .scene-studio-image .lj-image-reference-hero { min-height: 204px; margin-bottom: 31px; border-radius: 20px; }.scene-studio-image .lj-image-reference-hero__copy { width: 67%; padding: 26px 0 0 15px; }.scene-studio-image .lj-image-reference-hero__copy h1 { font-size: 24px; }.scene-studio-image .lj-image-reference-hero__copy p { max-width: 194px; font-size: 11px; }.scene-studio-image .lj-image-reference-hero__art { right: 4px; transform: scale(.87); transform-origin: right top; }.scene-studio-image .lj-image-reference-hero__shortcut { right: 8px; bottom: -20px; left: 8px; min-height: 69px; gap: 8px; padding: 9px 10px; }.scene-studio-image .lj-image-reference-hero__shortcut > i { width: 40px; height: 40px; }.scene-studio-image .lj-image-reference-hero__shortcut strong { font-size: 13px; }.scene-studio-image .lj-image-reference-hero__shortcut small { font-size: 9px; }.scene-studio-image .lj-image-reference-hero__shortcut > em { padding: 6px 8px; font-size: 9px; }
  .scene-studio-image .lj-section.lj-studio-form--image-reference { border-radius: 19px; padding: 12px; }.scene-studio-image .lj-studio-form--image-reference .lj-choice { min-height: 51px; font-size: 13px; }.scene-studio-image .lj-studio-form--image-reference .lj-input-card { min-height: 105px; }.scene-studio-image .lj-studio-form--image-reference .lj-input-card label { font-size: 15px; }.scene-studio-image .lj-studio-form--image-reference .lj-inline-action { min-height: 32px; padding: 0 12px; font-size: 12px; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger { min-height: 75px; }.scene-studio-image .lj-studio-form--image-reference .lj-settings-trigger > strong b { padding: 5px 9px; font-size: 11px; }.scene-studio-image .lj-studio-form--image-reference .lj-submit .lj-primary { min-height: 48px; font-size: 16px; }
}

/* The visual is one continuous top image, with the controls layered above it. */
.scene-studio-image .lj-studio-toolbar { position: relative; z-index: 9; margin-bottom: 0; }
.scene-studio-image .lj-image-reference-hero { z-index: 1; min-height: 222px; margin-top: 0; margin-right: -12px; margin-bottom: 16px; margin-left: -12px; border: 0; border-radius: 0 0 24px 24px; box-shadow: 0 10px 24px rgba(229, 126, 100, .12); }
.scene-studio-image .lj-image-reference-hero__copy { padding-top: 92px; padding-left: 31px; }.scene-studio-image .lj-image-reference-hero__art { top: 69px; right: 25px; }.scene-studio-image .lj-image-reference-hero__shortcut { right: 23px; left: 23px; }
.scene-studio-image .lj-section.lj-studio-form--image-reference { position: relative; z-index: 2; }

@media (max-width: 350px) {
  .scene-studio-image .lj-image-reference-hero { min-height: 204px; margin-top: 0; margin-right: -12px; margin-bottom: 14px; margin-left: -12px; border-radius: 0 0 21px 21px; }.scene-studio-image .lj-image-reference-hero__copy { padding-top: 85px; padding-left: 27px; }.scene-studio-image .lj-image-reference-hero__art { top: 66px; right: 12px; }
}

/* Swipeable visual photos replace the decorative stage. The frosted band softens a photo as it enters the upload card. */
.scene-studio-image .lj-image-reference-hero { overflow: visible; background: #e7f1ed; }.scene-studio-image .lj-image-reference-hero::before,.scene-studio-image .lj-image-reference-hero::after { display: none; }
.scene-studio-image .lj-image-reference-hero__carousel { position: absolute; z-index: 0; inset: 0; overflow: hidden; border-radius: inherit; background: #e8efeb; touch-action: pan-y; }.scene-studio-image .lj-image-reference-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }.scene-studio-image .lj-image-reference-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; }.scene-studio-image .lj-image-reference-hero__slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }.scene-studio-image .lj-image-reference-hero__slide:first-child img { object-position: 62% 48%; }.scene-studio-image .lj-image-reference-hero__slide::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 252, 239, .47) 0%, rgba(255, 250, 239, .16) 45%, rgba(255,255,255,0) 74%), linear-gradient(0deg, rgba(47, 103, 103, .09), transparent 47%); content: ""; pointer-events: none; }
.scene-studio-image .lj-image-reference-hero__soft-focus { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 89px; overflow: hidden; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.19) 45%, rgba(255,255,255,.42)); backdrop-filter: blur(11px) saturate(.87); -webkit-backdrop-filter: blur(11px) saturate(.87); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000 100%); pointer-events: none; }.scene-studio-image .lj-image-reference-hero__soft-focus::after { position: absolute; right: -13%; bottom: -43px; left: -13%; height: 73px; border-radius: 50%; background: rgba(255,255,255,.4); content: ""; filter: blur(18px); }
.scene-studio-image .lj-image-reference-hero__dots { position: absolute; z-index: 5; right: 28px; bottom: 40px; display: flex; align-items: center; gap: 6px; }.scene-studio-image .lj-image-reference-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.88); border-radius: 999px; padding: 0; background: rgba(36, 68, 72, .31); box-shadow: 0 1px 3px rgba(34,43,47,.14); cursor: pointer; transition: width .25s ease, background .25s ease; }.scene-studio-image .lj-image-reference-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.94); }
.scene-studio-image .lj-image-reference-hero__copy { z-index: 4; }.scene-studio-image .lj-image-reference-hero__copy h1 { text-shadow: 0 1px 0 rgba(255,255,255,.48); }.scene-studio-image .lj-image-reference-hero__copy p { color: rgba(25, 29, 27, .87); text-shadow: 0 1px rgba(255,255,255,.54); }.scene-studio-image .lj-image-reference-hero__art { display: none; }
.scene-studio-image .lj-image-reference-hero__shortcut { z-index: 7; border-color: rgba(255,255,255,.72); background: linear-gradient(105deg, rgba(255,255,255,.84), rgba(255,255,255,.58)); box-shadow: 0 10px 23px rgba(64, 73, 66, .16), inset 0 1px rgba(255,255,255,.72); backdrop-filter: blur(17px) saturate(.78); -webkit-backdrop-filter: blur(17px) saturate(.78); }
.scene-studio-image .lj-image-reference-hero__shortcut::before { position: absolute; z-index: -1; right: 16%; bottom: -25px; left: 16%; height: 43px; border-radius: 50%; background: rgba(62, 124, 123, .18); content: ""; filter: blur(17px); }

@media (max-width: 350px) {
  .scene-studio-image .lj-image-reference-hero__soft-focus { height: 77px; }.scene-studio-image .lj-image-reference-hero__dots { right: 23px; bottom: 36px; }.scene-studio-image .lj-image-reference-hero__dots button { width: 6px; height: 6px; }.scene-studio-image .lj-image-reference-hero__dots button[aria-current="true"] { width: 18px; }
}

/* Carry the image behind the creation-mode buttons, then resolve into the white editor surface. */
.scene-studio-image .lj-image-reference-hero__carousel { bottom: -98px; border-radius: 0 0 24px 24px; }.scene-studio-image .lj-image-reference-hero__soft-focus { height: 126px; }.scene-studio-image .lj-image-reference-hero__dots { bottom: 138px; }
.scene-studio-image .lj-section.lj-studio-form--image-reference { isolation: isolate; border: 0; background: transparent; box-shadow: none; }.scene-studio-image .lj-section.lj-studio-form--image-reference::before { position: absolute; z-index: 0; top: 84px; right: 0; bottom: 0; left: 0; border: 1px solid #e8e5dc; border-radius: 23px; background: #fff; box-shadow: 0 9px 23px rgba(78, 62, 46, .055); content: ""; }.scene-studio-image .lj-section.lj-studio-form--image-reference > * { position: relative; z-index: 1; }

@media (max-width: 350px) {
  .scene-studio-image .lj-image-reference-hero__carousel { bottom: -86px; border-radius: 0 0 21px 21px; }.scene-studio-image .lj-image-reference-hero__soft-focus { height: 112px; }.scene-studio-image .lj-image-reference-hero__dots { bottom: 120px; }.scene-studio-image .lj-section.lj-studio-form--image-reference::before { top: 76px; border-radius: 19px; }
}

/* Keep the complete functional frame in front of the image extension. */
.scene-studio-image .lj-section.lj-studio-form--image-reference { border: 1px solid rgba(232, 229, 220, .96); border-radius: 23px; background: linear-gradient(180deg, rgba(255,255,255,.79) 0%, rgba(255,255,255,.92) 36%, #fff 62%); box-shadow: 0 9px 23px rgba(78, 62, 46, .08); backdrop-filter: blur(13px) saturate(.84); -webkit-backdrop-filter: blur(13px) saturate(.84); }.scene-studio-image .lj-section.lj-studio-form--image-reference::before { display: none; }

@media (max-width: 350px) {
  .scene-studio-image .lj-section.lj-studio-form--image-reference { border-radius: 19px; }
}

/* Video creation: a distinct motion canvas, keeping every live input in front. */
.scene-studio-video .lj-content,
.scene-studio-edit .lj-content { padding: max(18px, env(safe-area-inset-top)) 11px calc(104px + env(safe-area-inset-bottom)); background: #fcf9f3; color: #25231f; }
.scene-studio-video .lj-video-reference-hero { position: relative; z-index: 1; min-height: 222px; overflow: visible; margin: 0 -11px 16px; border-radius: 0 0 24px 24px; background: #f6c6a4; box-shadow: 0 10px 24px rgba(207, 112, 84, .16); }
.scene-studio-video .lj-video-reference-hero__carousel { position: absolute; z-index: 0; inset: 0 0 -98px; overflow: hidden; border-radius: 0 0 24px 24px; background: #efc2a6; touch-action: pan-y; }
.scene-studio-video .lj-video-reference-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }
.scene-studio-video .lj-video-reference-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; }
.scene-studio-video .lj-video-reference-hero__slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; filter: saturate(.78) sepia(.09) brightness(1.06); }
.scene-studio-video .lj-video-reference-hero__slide:nth-child(1) img { object-position: 58% center; }.scene-studio-video .lj-video-reference-hero__slide:nth-child(2) img { object-position: 63% center; }
.scene-studio-video .lj-video-reference-hero__slide::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,250,235,.75) 0%, rgba(255,247,231,.28) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(177,81,68,.15), transparent 47%); content: ""; pointer-events: none; }
.scene-studio-video .lj-video-reference-hero__soft-focus { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 126px; overflow: hidden; background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.2) 45%, rgba(255,240,226,.52)); backdrop-filter: blur(12px) saturate(.82); -webkit-backdrop-filter: blur(12px) saturate(.82); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); pointer-events: none; }
.scene-studio-video .lj-video-reference-hero__copy { position: relative; z-index: 4; width: 68%; padding: 92px 0 0 31px; }.scene-studio-video .lj-video-reference-hero__copy h1 { margin: 0; color: #28231e; font-size: 27px; font-weight: 830; line-height: 1.14; text-shadow: 0 1px rgba(255,255,255,.45); }.scene-studio-video .lj-video-reference-hero__copy p { max-width: 218px; margin: 10px 0 0; color: rgba(54,42,35,.86); font-size: 12px; font-weight: 570; line-height: 1.48; text-shadow: 0 1px rgba(255,255,255,.43); }
.scene-studio-video .lj-video-reference-hero__play { position: absolute; z-index: 5; right: 27px; bottom: 42px; display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: rgba(255,255,255,.54); box-shadow: 0 6px 16px rgba(101,65,49,.14), inset 0 1px rgba(255,255,255,.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }.scene-studio-video .lj-video-reference-hero__play::after { width: 0; height: 0; margin-left: 3px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #ee765f; content: ""; }
.scene-studio-video .lj-video-reference-hero__dots { position: absolute; z-index: 6; right: 28px; bottom: 138px; display: flex; align-items: center; gap: 6px; }.scene-studio-video .lj-video-reference-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.88); border-radius: 999px; padding: 0; background: rgba(125,79,57,.32); box-shadow: 0 1px 3px rgba(78,47,34,.13); cursor: pointer; transition: width .25s ease, background .25s ease; }.scene-studio-video .lj-video-reference-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.96); }
.scene-studio-video .lj-section.lj-studio-form--video-reference { position: relative; z-index: 2; margin: 0; border: 1px solid rgba(237,225,213,.92); border-radius: 23px; padding: 15px 14px 14px; background: linear-gradient(180deg, rgba(255,255,255,.81), rgba(255,255,255,.94) 39%, #fff 64%); box-shadow: 0 9px 23px rgba(105,72,53,.08); backdrop-filter: blur(14px) saturate(.84); -webkit-backdrop-filter: blur(14px) saturate(.84); }
.scene-studio-video .lj-studio-form--video-reference > .lj-studio-form__label { margin: 0 0 8px; color: #3d3730; font-size: 12px; font-weight: 730; }.scene-studio-video .lj-studio-form--video-reference .lj-choices { gap: 8px; }.scene-studio-video .lj-studio-form--video-reference .lj-choice { min-height: 56px; border: 1px solid #e2ddd6; border-radius: 14px; padding: 7px 8px; color: #4b443d; background: rgba(255,255,255,.91); box-shadow: none; font-size: 14px; font-weight: 760; }.scene-studio-video .lj-studio-form--video-reference .lj-choice small { display: block; margin-top: 4px; color: #8e857b; font-size: 9px; font-weight: 500; line-height: 1.25; }.scene-studio-video .lj-studio-form--video-reference .lj-choice.is-active { border-color: rgba(244,135,108,.67); color: #452d28; background: linear-gradient(106deg, #ffd277, #ff9e7d 49%, #ff7891); box-shadow: 0 5px 12px rgba(239,126,100,.18); }.scene-studio-video .lj-studio-form--video-reference .lj-choice.is-active small { color: rgba(75,39,35,.74); }
.scene-studio-video .lj-studio-form--video-reference .lj-input-card { min-height: 114px; margin-top: 12px; border: 0; border-bottom: 1px solid #e8e1d9; border-radius: 0; padding: 2px 3px 9px; background: transparent; box-shadow: none; }.scene-studio-video .lj-studio-form--video-reference .lj-input-card label { color: #28231e; font-size: 16px; font-weight: 790; }.scene-studio-video .lj-studio-form--video-reference .lj-textarea { height: 66px; min-height: 66px; padding: 12px 0 0; color: #2d2823; font-size: 13px; line-height: 1.5; }.scene-studio-video .lj-studio-form--video-reference .lj-textarea::placeholder { color: #91877c; }.scene-studio-video .lj-studio-form--video-reference .lj-inline-action { min-height: 35px; border-color: #d8ba9d; border-radius: 999px; padding: 0 15px; color: #d17258; background: #fff; font-size: 13px; font-weight: 730; }
.scene-studio-video .lj-studio-form--video-reference .lj-upload-shell { margin-top: 11px; }.scene-studio-video .lj-studio-form--video-reference .lj-upload { min-height: 75px; border: 1px solid #e6ddd3; border-radius: 14px; padding: 11px 12px; background: #fffdfa; box-shadow: none; }.scene-studio-video .lj-studio-form--video-reference .lj-upload__mark { width: 42px; height: 42px; border: 0; border-radius: 11px; background: linear-gradient(140deg, #ffd181, #ff9a79 54%, #ef6683); }.scene-studio-video .lj-studio-form--video-reference .lj-upload__mark .lj-upload__arrow { color: #fff; }.scene-studio-video .lj-studio-form--video-reference .lj-upload strong { color: #28231e; font-size: 14px; }.scene-studio-video .lj-studio-form--video-reference .lj-upload__copy > span { color: #7f756c; font-size: 10px; }
.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger { position: relative; display: grid; min-height: 82px; grid-template-columns: minmax(0, 1fr) 29px; grid-template-rows: 28px 1fr; align-items: center; margin-top: 12px; border: 0; border-bottom: 1px solid #e8e1d9; border-radius: 0; padding: 1px 4px 11px; background: transparent; box-shadow: none; }.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger > span { align-self: start; color: #28231e; font-size: 15px; font-weight: 790; }.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger > strong { display: flex; grid-column: 1; gap: 7px; overflow: hidden; align-items: center; }.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger > strong b { min-width: 0; overflow: hidden; border: 1px solid #dfd7ce; border-radius: 999px; padding: 6px 12px; color: #62584e; background: #fff; font-size: 12px; font-weight: 610; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger > strong b:first-child { border-color: transparent; color: #fff; background: linear-gradient(105deg, #ffca68, #ff8c78 55%, #ff6689); box-shadow: 0 4px 8px rgba(249,127,105,.17); }.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger > i { position: static; grid-column: 2; grid-row: 1 / span 2; color: #50463f; font-size: 28px; line-height: 1; }.scene-studio-video .lj-studio-form--video-reference .lj-submit { margin-top: 16px; }.scene-studio-video .lj-studio-form--video-reference .lj-submit .lj-primary { min-height: 52px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(103deg, #ffca68 0%, #ff9c7b 42%, #ff6689 100%); box-shadow: 0 9px 17px rgba(248,130,104,.25); font-size: 18px; font-weight: 800; }
.scene-studio-video .lj-settings-sheet { border-color: #f0e4d8; background: #fffefb; }.scene-studio-video .lj-settings-sheet header { border-bottom-color: #f0e7dc; background: #fffaf5; }.scene-studio-video .lj-settings-sheet .lj-option-tile.is-active { border-color: #ef9c81; color: #b65d4f; background: #fff1ea; box-shadow: inset 0 0 0 1px rgba(239,156,129,.13); }.scene-studio-video .lj-settings-sheet .lj-toggle input:checked + i { border-color: #ed9279; background: #ed9279; }

/* Smart editing uses its own video-ready media surfaces and separate routes. */
.scene-studio-edit .lj-mix-reference-hero { position: relative; z-index: 1; min-height: 222px; overflow: visible; margin: 0 -11px 16px; border-radius: 0 0 24px 24px; background: #f4c5a9; box-shadow: 0 10px 24px rgba(207,112,84,.16); }.scene-studio-edit .lj-mix-reference-hero__carousel { position: absolute; z-index: 0; inset: 0 0 -98px; overflow: hidden; border-radius: 0 0 24px 24px; background: #e9b89c; touch-action: pan-y; }.scene-studio-edit .lj-mix-reference-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }.scene-studio-edit .lj-mix-reference-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; }.scene-studio-edit .lj-mix-reference-hero__slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(.78) sepia(.1) brightness(1.05); }.scene-studio-edit .lj-mix-reference-hero__slide:nth-child(2) img { object-position: 60% 43%; }.scene-studio-edit .lj-mix-reference-hero__slide::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,250,236,.74) 0%, rgba(255,247,232,.25) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(181,84,68,.16), transparent 47%); content: ""; pointer-events: none; }.scene-studio-edit .lj-mix-reference-hero__slide:first-child span { position: absolute; z-index: 2; right: 22px; bottom: 40px; width: 87px; height: 55px; border: 1px solid rgba(255,255,255,.74); border-radius: 16px; background: linear-gradient(135deg, rgba(255,213,144,.63), rgba(255,125,120,.52)); box-shadow: 0 8px 18px rgba(91,47,34,.16); transform: rotate(-6deg); }.scene-studio-edit .lj-mix-reference-hero__slide:first-child span::after { position: absolute; top: 18px; left: 36px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 13px solid rgba(255,255,255,.92); content: ""; }
.scene-studio-edit .lj-mix-reference-hero__soft-focus { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 126px; background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.2) 45%, rgba(255,240,226,.52)); backdrop-filter: blur(12px) saturate(.82); -webkit-backdrop-filter: blur(12px) saturate(.82); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); pointer-events: none; }.scene-studio-edit .lj-mix-reference-hero__copy { position: relative; z-index: 4; width: 70%; padding: 92px 0 0 31px; }.scene-studio-edit .lj-mix-reference-hero__copy h1 { margin: 0; color: #28231e; font-size: 26px; font-weight: 830; line-height: 1.14; text-shadow: 0 1px rgba(255,255,255,.45); }.scene-studio-edit .lj-mix-reference-hero__copy p { max-width: 226px; margin: 10px 0 0; color: rgba(54,42,35,.86); font-size: 12px; font-weight: 570; line-height: 1.48; text-shadow: 0 1px rgba(255,255,255,.43); }.scene-studio-edit .lj-mix-reference-hero__dots { position: absolute; z-index: 6; right: 28px; bottom: 138px; display: flex; align-items: center; gap: 6px; }.scene-studio-edit .lj-mix-reference-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.88); border-radius: 999px; padding: 0; background: rgba(125,79,57,.32); box-shadow: 0 1px 3px rgba(78,47,34,.13); cursor: pointer; transition: width .25s ease, background .25s ease; }.scene-studio-edit .lj-mix-reference-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.96); }
.scene-studio-edit .lj-mix-reference-routes { position: relative; z-index: 2; display: grid; gap: 10px; margin: 0; border: 1px solid rgba(237,225,213,.92); border-radius: 23px; padding: 14px; background: linear-gradient(180deg, rgba(255,255,255,.81), #fff 67%); box-shadow: 0 9px 23px rgba(105,72,53,.08); backdrop-filter: blur(14px) saturate(.84); -webkit-backdrop-filter: blur(14px) saturate(.84); }.scene-studio-edit .lj-mix-reference-route { display: grid; grid-template-columns: 49px minmax(0, 1fr) 24px; min-height: 91px; align-items: center; gap: 11px; border: 1px solid #e7ddd4; border-radius: 17px; padding: 11px 11px 11px 10px; color: #2d2824; text-align: left; background: rgba(255,255,255,.8); box-shadow: 0 5px 13px rgba(88,58,40,.045); cursor: pointer; }.scene-studio-edit .lj-mix-reference-route:active { transform: translateY(1px); }.scene-studio-edit .lj-mix-reference-route > i { position: relative; display: grid; width: 46px; height: 46px; place-items: center; overflow: hidden; border-radius: 13px; background: linear-gradient(145deg, #ffd681, #ff9b7c 55%, #ef6b85); }.scene-studio-edit .lj-mix-reference-route > i::before { width: 0; height: 0; margin-left: 2px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #fff; content: ""; }.scene-studio-edit .lj-mix-reference-route > i > b { position: absolute; right: -8px; bottom: -10px; width: 29px; height: 25px; border-radius: 50%; background: rgba(255,255,255,.28); }.scene-studio-edit .lj-mix-reference-route--workbench > i { background: linear-gradient(145deg, #ffe2a2, #ffb289 50%, #f37c75); }.scene-studio-edit .lj-mix-reference-route--workbench > i::before { width: 22px; height: 14px; margin: 0; border: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }.scene-studio-edit .lj-mix-reference-route--workbench > i::after { position: absolute; width: 22px; height: 2px; background: #fff; content: ""; }.scene-studio-edit .lj-mix-reference-route span { min-width: 0; }.scene-studio-edit .lj-mix-reference-route em { display: block; overflow: hidden; color: #ad8577; font-size: 9px; font-style: normal; font-weight: 760; letter-spacing: .45px; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-edit .lj-mix-reference-route strong { display: block; overflow: hidden; margin-top: 5px; color: #302925; font-size: 16px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-edit .lj-mix-reference-route small { display: block; overflow: hidden; margin-top: 5px; color: #80756b; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-edit .lj-mix-reference-route > b { color: #62544b; font-size: 20px; font-weight: 400; }

/* The two editor pages deliberately use different media arrangements. */
.scene-studio-edit .lj-mix-editor-hero { position: relative; z-index: 1; min-height: 222px; overflow: visible; margin: 0 -11px 16px; border-radius: 0 0 24px 24px; background: #f1c1a4; box-shadow: 0 10px 24px rgba(207,112,84,.16); }.scene-studio-edit .lj-mix-editor-hero > img { position: absolute; inset: 0 0 -88px; display: block; width: 100%; height: calc(100% + 88px); border-radius: 0 0 24px 24px; object-fit: cover; filter: saturate(.76) sepia(.1) brightness(1.07); }.scene-studio-edit .lj-mix-editor-hero--talking > img { object-position: 58% center; }.scene-studio-edit .lj-mix-editor-hero--workbench > img { object-position: 69% center; }.scene-studio-edit .lj-mix-editor-hero__veil { position: absolute; z-index: 1; inset: 0 0 -88px; border-radius: inherit; background: linear-gradient(90deg, rgba(255,250,236,.78) 0%, rgba(255,247,232,.32) 52%, rgba(255,255,255,.04) 84%), linear-gradient(0deg, rgba(255,239,225,.54), transparent 49%); }.scene-studio-edit .lj-mix-editor-hero__veil::after { position: absolute; right: 0; bottom: 0; left: 0; height: 126px; background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,242,228,.58)); backdrop-filter: blur(12px) saturate(.82); -webkit-backdrop-filter: blur(12px) saturate(.82); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); content: ""; }.scene-studio-edit .lj-mix-editor-hero__copy { position: relative; z-index: 2; width: 70%; padding: 92px 0 0 31px; }.scene-studio-edit .lj-mix-editor-hero__copy h1 { margin: 0; color: #29231e; font-size: 26px; font-weight: 830; line-height: 1.14; text-shadow: 0 1px rgba(255,255,255,.45); }.scene-studio-edit .lj-mix-editor-hero__copy p { max-width: 224px; margin: 10px 0 0; color: rgba(54,42,35,.86); font-size: 12px; font-weight: 570; line-height: 1.48; text-shadow: 0 1px rgba(255,255,255,.43); }.scene-studio-edit .lj-mix-editor-hero__badge { position: absolute; z-index: 3; right: 27px; bottom: 42px; display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; color: #ee765f; background: rgba(255,255,255,.54); box-shadow: 0 6px 16px rgba(101,65,49,.14), inset 0 1px rgba(255,255,255,.75); font-size: 13px; font-style: normal; font-weight: 820; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.scene-studio-edit .lj-section.lj-studio-form--mix-reference { position: relative; z-index: 2; margin: 0; border: 1px solid rgba(237,225,213,.92); border-radius: 23px; padding: 15px 14px 14px; background: linear-gradient(180deg, rgba(255,255,255,.81), rgba(255,255,255,.94) 39%, #fff 64%); box-shadow: 0 9px 23px rgba(105,72,53,.08); backdrop-filter: blur(14px) saturate(.84); -webkit-backdrop-filter: blur(14px) saturate(.84); }.scene-studio-edit .lj-studio-form--mix-reference .lj-section__head { margin: 0 0 9px; color: #3d3730; font-size: 12px; font-weight: 730; }.scene-studio-edit .lj-studio-form--mix-reference .lj-choices { gap: 8px; }.scene-studio-edit .lj-studio-form--mix-reference .lj-choice { min-height: 56px; border: 1px solid #e2ddd6; border-radius: 14px; padding: 7px 8px; color: #4b443d; background: rgba(255,255,255,.91); box-shadow: none; font-size: 13px; font-weight: 760; }.scene-studio-edit .lj-studio-form--mix-reference .lj-choice.is-active { border-color: rgba(244,135,108,.67); color: #452d28; background: linear-gradient(106deg, #ffd277, #ff9e7d 49%, #ff7891); box-shadow: 0 5px 12px rgba(239,126,100,.18); }.scene-studio-edit .lj-studio-form--mix-reference .lj-input-card { min-height: 114px; margin-top: 12px; border: 0; border-bottom: 1px solid #e8e1d9; border-radius: 0; padding: 2px 3px 9px; background: transparent; box-shadow: none; }.scene-studio-edit .lj-studio-form--mix-reference .lj-input-card label { color: #28231e; font-size: 16px; font-weight: 790; }.scene-studio-edit .lj-studio-form--mix-reference .lj-textarea { height: 66px; min-height: 66px; padding: 12px 0 0; color: #2d2823; font-size: 13px; line-height: 1.5; }.scene-studio-edit .lj-studio-form--mix-reference .lj-textarea::placeholder { color: #91877c; }.scene-studio-edit .lj-studio-form--mix-reference .lj-upload-shell { margin-top: 11px; }.scene-studio-edit .lj-studio-form--mix-reference .lj-upload { min-height: 75px; border: 1px solid #e6ddd3; border-radius: 14px; padding: 11px 12px; background: #fffdfa; box-shadow: none; }.scene-studio-edit .lj-studio-form--mix-reference .lj-upload__mark { width: 42px; height: 42px; border: 0; border-radius: 11px; background: linear-gradient(140deg, #ffd181, #ff9a79 54%, #ef6683); }.scene-studio-edit .lj-studio-form--mix-reference .lj-upload__mark .lj-upload__arrow { color: #fff; }.scene-studio-edit .lj-studio-form--mix-reference .lj-upload strong { color: #28231e; font-size: 14px; }.scene-studio-edit .lj-studio-form--mix-reference .lj-upload__copy > span { color: #7f756c; font-size: 10px; }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger { position: relative; display: grid; min-height: 82px; grid-template-columns: minmax(0, 1fr) 29px; grid-template-rows: 28px 1fr; align-items: center; margin-top: 12px; border: 0; border-bottom: 1px solid #e8e1d9; border-radius: 0; padding: 1px 4px 11px; background: transparent; box-shadow: none; }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger > span { align-self: start; color: #28231e; font-size: 15px; font-weight: 790; }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger > strong { display: flex; grid-column: 1; gap: 7px; overflow: hidden; align-items: center; }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger > strong b { min-width: 0; overflow: hidden; border: 1px solid #dfd7ce; border-radius: 999px; padding: 6px 12px; color: #62584e; background: #fff; font-size: 12px; font-weight: 610; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger > strong b:first-child { border-color: transparent; color: #fff; background: linear-gradient(105deg, #ffca68, #ff8c78 55%, #ff6689); box-shadow: 0 4px 8px rgba(249,127,105,.17); }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger > i { position: static; grid-column: 2; grid-row: 1 / span 2; color: #50463f; font-size: 28px; line-height: 1; }.scene-studio-edit .lj-studio-form--mix-reference .lj-submit { margin-top: 16px; }.scene-studio-edit .lj-studio-form--mix-reference .lj-submit .lj-primary { min-height: 52px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(103deg, #ffca68 0%, #ff9c7b 42%, #ff6689 100%); box-shadow: 0 9px 17px rgba(248,130,104,.25); font-size: 18px; font-weight: 800; }.scene-studio-edit .lj-settings-sheet { border-color: #f0e4d8; background: #fffefb; }.scene-studio-edit .lj-settings-sheet header { border-bottom-color: #f0e7dc; background: #fffaf5; }.scene-studio-edit .lj-settings-sheet .lj-option-tile.is-active { border-color: #ef9c81; color: #b65d4f; background: #fff1ea; box-shadow: inset 0 0 0 1px rgba(239,156,129,.13); }.scene-studio-edit .lj-settings-sheet .lj-toggle input:checked + i { border-color: #ed9279; background: #ed9279; }

@media (max-width: 350px) {
  .scene-studio-video .lj-video-reference-hero,.scene-studio-edit .lj-mix-reference-hero,.scene-studio-edit .lj-mix-editor-hero { min-height: 204px; margin-bottom: 14px; border-radius: 0 0 21px 21px; }.scene-studio-video .lj-video-reference-hero__carousel,.scene-studio-edit .lj-mix-reference-hero__carousel { bottom: -86px; border-radius: 0 0 21px 21px; }.scene-studio-edit .lj-mix-editor-hero > img,.scene-studio-edit .lj-mix-editor-hero__veil { bottom: -78px; height: calc(100% + 78px); border-radius: 0 0 21px 21px; }.scene-studio-video .lj-video-reference-hero__copy,.scene-studio-edit .lj-mix-reference-hero__copy,.scene-studio-edit .lj-mix-editor-hero__copy { padding-top: 85px; padding-left: 27px; }.scene-studio-video .lj-video-reference-hero__copy h1,.scene-studio-edit .lj-mix-reference-hero__copy h1,.scene-studio-edit .lj-mix-editor-hero__copy h1 { font-size: 23px; }.scene-studio-video .lj-video-reference-hero__copy p,.scene-studio-edit .lj-mix-reference-hero__copy p,.scene-studio-edit .lj-mix-editor-hero__copy p { max-width: 194px; font-size: 11px; }.scene-studio-video .lj-video-reference-hero__soft-focus,.scene-studio-edit .lj-mix-reference-hero__soft-focus,.scene-studio-edit .lj-mix-editor-hero__veil::after { height: 112px; }.scene-studio-video .lj-video-reference-hero__dots,.scene-studio-edit .lj-mix-reference-hero__dots { right: 23px; bottom: 120px; }.scene-studio-video .lj-video-reference-hero__play,.scene-studio-edit .lj-mix-editor-hero__badge { right: 22px; bottom: 35px; width: 39px; height: 39px; }.scene-studio-video .lj-section.lj-studio-form--video-reference,.scene-studio-edit .lj-mix-reference-routes,.scene-studio-edit .lj-section.lj-studio-form--mix-reference { border-radius: 19px; padding: 12px; }.scene-studio-video .lj-studio-form--video-reference .lj-choice,.scene-studio-edit .lj-studio-form--mix-reference .lj-choice { min-height: 51px; font-size: 12px; }.scene-studio-video .lj-studio-form--video-reference .lj-input-card,.scene-studio-edit .lj-studio-form--mix-reference .lj-input-card { min-height: 105px; }.scene-studio-video .lj-studio-form--video-reference .lj-settings-trigger,.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger { min-height: 75px; }.scene-studio-video .lj-studio-form--video-reference .lj-submit .lj-primary,.scene-studio-edit .lj-studio-form--mix-reference .lj-submit .lj-primary { min-height: 48px; font-size: 16px; }.scene-studio-edit .lj-mix-reference-route { grid-template-columns: 44px minmax(0,1fr) 20px; min-height: 82px; gap: 9px; padding: 9px; }.scene-studio-edit .lj-mix-reference-route > i { width: 42px; height: 42px; }.scene-studio-edit .lj-mix-reference-route strong { font-size: 14px; }
}

/* The mixed-edit landing surface owns a real video, not the image carousel used by visual creation. */
.scene-studio-edit .lj-mix-reference-hero__video { position: absolute; z-index: 0; inset: 0 0 -98px; display: block; width: 100%; height: calc(100% + 98px); border-radius: 0 0 24px 24px; object-fit: cover; object-position: center; filter: saturate(.79) sepia(.08) brightness(1.06); background: #e9b89c; }
.scene-studio-edit .lj-mix-reference-hero::after { position: absolute; z-index: 1; inset: 0 0 -98px; border-radius: inherit; background: linear-gradient(90deg, rgba(255,250,236,.74) 0%, rgba(255,247,232,.25) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(181,84,68,.16), transparent 47%); content: ""; pointer-events: none; }
.scene-studio-edit .lj-mix-reference-hero__play { position: absolute; z-index: 5; right: 27px; bottom: 42px; display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: rgba(255,255,255,.54); box-shadow: 0 6px 16px rgba(101,65,49,.14), inset 0 1px rgba(255,255,255,.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }.scene-studio-edit .lj-mix-reference-hero__play::after { width: 0; height: 0; margin-left: 3px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #ee765f; content: ""; }
@media (max-width: 350px) {
  .scene-studio-edit .lj-mix-reference-hero__video { bottom: -86px; height: calc(100% + 86px); border-radius: 0 0 21px 21px; }.scene-studio-edit .lj-mix-reference-hero::after { bottom: -86px; border-radius: inherit; }.scene-studio-edit .lj-mix-reference-hero__play { right: 22px; bottom: 35px; width: 39px; height: 39px; }
}

/* lj-video-edit-top-safe-area-fix: WeChat owns the toolbar above this viewport. */
.scene-studio-video .lj-content,
.scene-studio-edit .lj-content { padding-top: 0; }

/* The talking-video editor keeps the video running behind the form, then softens it. */
.scene-studio-edit .lj-mix-editor-hero--talking { overflow: visible; }
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__video {
  position: absolute;
  z-index: 0;
  inset: 0 0 -98px;
  display: block;
  width: 100%;
  height: calc(100% + 98px);
  border-radius: 0 0 24px 24px;
  object-fit: cover;
  object-position: center 34%;
  background: #f1c1a4;
  filter: contrast(1.08) saturate(.88) sepia(.04) brightness(.91);
}
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__veil {
  inset: 0 0 -98px;
  background: linear-gradient(90deg, rgba(255,250,236,.5) 0%, rgba(255,247,232,.16) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(181,84,68,.12), transparent 47%);
}
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__veil::after {
  background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.14) 45%, rgba(255,240,226,.34));
  backdrop-filter: blur(10px) saturate(.88);
  -webkit-backdrop-filter: blur(10px) saturate(.88);
}

/* Match AI video media clarity: retain image detail and reserve the haze for the form transition. */
.scene-studio-human .lj-human-reference-hero__slide > img,
.scene-studio-human .lj-human-reference-hero__slide > video,
.scene-studio-commerce .lj-commerce-reference-hero__slide > video,
.scene-studio-replica .lj-replica-reference-hero__media img {
  filter: contrast(1.08) saturate(.88) sepia(.04) brightness(.91);
}
.scene-studio-human .lj-human-reference-hero__veil,
.scene-studio-commerce .lj-commerce-reference-hero__veil,
.scene-studio-replica .lj-replica-reference-hero__media::before {
  background: linear-gradient(90deg, rgba(255,250,236,.5) 0%, rgba(255,247,232,.16) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(181,84,68,.12), transparent 47%);
}
.scene-studio-human .lj-human-reference-hero__soft-focus,
.scene-studio-commerce .lj-commerce-reference-hero__soft-focus,
.scene-studio-replica .lj-replica-reference-hero__media i {
  background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.14) 45%, rgba(255,240,226,.34));
  backdrop-filter: blur(10px) saturate(.88);
  -webkit-backdrop-filter: blur(10px) saturate(.88);
}

/* The actual first frame stays visible while WeChat creates the video decoder. */
.lj-hero-video-poster {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.scene-studio-edit .lj-mix-reference-hero > .lj-hero-video-poster,
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-hero-video-poster {
  inset: 0 0 -98px;
  height: calc(100% + 98px);
  border-radius: 0 0 24px 24px;
  filter: contrast(1.08) saturate(.88) sepia(.04) brightness(.91);
}
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-hero-video-poster { object-position: center 34%; }
.scene-studio-edit .lj-mix-reference-hero__video,
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__video { opacity: 0; transition: opacity .2s ease; }
.scene-studio-edit .lj-mix-reference-hero__video.is-frame-ready,
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__video.is-frame-ready { opacity: 1; }
.scene-studio-replica .lj-replica-reference-hero__slide > .lj-hero-video-poster { object-position: center 32%; filter: contrast(1.05) saturate(1.03) brightness(.96); }
.scene-studio-replica .lj-replica-reference-hero__slide:nth-child(1) > .lj-hero-video-poster { object-position: center 55%; }
.scene-studio-replica .lj-replica-reference-hero__slide:nth-child(2) > .lj-hero-video-poster { object-position: center 45%; }
.scene-studio-replica .lj-replica-reference-hero__slide:nth-child(3) > .lj-hero-video-poster { object-position: center 42%; }
.scene-studio-commerce .lj-commerce-reference-hero__slide > .lj-hero-video-poster { filter: saturate(.82) sepia(.06) brightness(1.04); }
.scene-studio-commerce .lj-commerce-reference-hero__slide:nth-child(1) > .lj-hero-video-poster { object-position: 54% center; }
.scene-studio-commerce .lj-commerce-reference-hero__slide:nth-child(2) > .lj-hero-video-poster { object-position: 48% center; }
.scene-studio-video .lj-video-reference-hero__slide > .lj-hero-video-poster { filter: saturate(.79) sepia(.08) brightness(1.06); }
.scene-studio-video .lj-video-reference-hero__slide:nth-child(1) > .lj-hero-video-poster { object-position: 54% center; }
.scene-studio-human .lj-human-reference-hero__slide > .lj-hero-video-poster { object-position: center 20%; filter: contrast(1.08) saturate(.88) sepia(.04) brightness(.91); }
.scene-studio-human .lj-human-reference-hero__slide:nth-child(2) > .lj-hero-video-poster { object-position: 54% 44%; }
.scene-studio-edit .lj-mix-workbench-hero__slide > .lj-hero-video-poster { object-position: center; }

/* AI video replication: three supplied clips use the same direct, unblurred carousel treatment. */
.scene-studio-replica .lj-replica-reference-hero { touch-action: pan-y; }
.scene-studio-replica .lj-replica-reference-hero__carousel { position: absolute; z-index: 0; inset: 0 0 -98px; overflow: hidden; border-radius: 0 0 24px 24px; background: #20262a; touch-action: pan-y; }
.scene-studio-replica .lj-replica-reference-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }
.scene-studio-replica .lj-replica-reference-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; background: #20262a; }
.scene-studio-replica .lj-replica-reference-hero__slide > video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 32%; opacity: 0; background: #20262a; filter: contrast(1.05) saturate(1.03) brightness(.96); pointer-events: none; transition: opacity .2s ease; }
.scene-studio-replica .lj-replica-reference-hero__slide > video.is-frame-ready { opacity: 1; }
.scene-studio-replica .lj-replica-reference-hero__slide:nth-child(1) > video { object-position: center 55%; }
.scene-studio-replica .lj-replica-reference-hero__slide:nth-child(2) > video { object-position: center 45%; }
.scene-studio-replica .lj-replica-reference-hero__slide:nth-child(3) > video { object-position: center 42%; }
.scene-studio-replica .lj-replica-reference-hero__veil { position: absolute; z-index: 2; inset: 0 0 -98px; border-radius: inherit; background: linear-gradient(90deg, rgba(13,18,19,.5) 0%, rgba(13,18,19,.2) 38%, rgba(13,18,19,0) 69%); pointer-events: none; }
.scene-studio-replica .lj-replica-reference-hero__copy { z-index: 4; width: min(69%, 272px); padding-top: 84px; color: #fff; pointer-events: none; }
.scene-studio-replica .lj-replica-reference-hero__copy h1 { color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.46); }
.scene-studio-replica .lj-replica-reference-hero__copy p { color: rgba(255,255,255,.92); text-shadow: 0 1px 7px rgba(0,0,0,.5); }
.scene-studio-replica .lj-replica-reference-hero__dots { position: absolute; z-index: 5; right: 28px; bottom: 123px; display: flex; align-items: center; gap: 6px; }
.scene-studio-replica .lj-replica-reference-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.94); border-radius: 999px; padding: 0; background: rgba(17,23,24,.48); box-shadow: 0 1px 4px rgba(0,0,0,.34); cursor: pointer; transition: width .25s ease, background .25s ease; }
.scene-studio-replica .lj-replica-reference-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.96); }
@media (max-width: 350px) {
  .scene-studio-replica .lj-replica-reference-hero__carousel,.scene-studio-replica .lj-replica-reference-hero__veil { bottom: -86px; border-radius: 0 0 21px 21px; }
  .scene-studio-replica .lj-replica-reference-hero__copy { padding-top: 76px; }
  .scene-studio-replica .lj-replica-reference-hero__dots { right: 23px; bottom: 111px; }
}

/* Keep background media sharp until the form itself begins. */
.scene-studio-image .lj-image-reference-hero__soft-focus,
.scene-studio-video .lj-video-reference-hero__soft-focus,
.scene-studio-edit .lj-mix-reference-hero__soft-focus,
.scene-studio-edit .lj-mix-workbench-hero__soft-focus,
.scene-studio-human .lj-human-reference-hero__soft-focus,
.scene-studio-commerce .lj-commerce-reference-hero__soft-focus,
.scene-studio-replica .lj-replica-reference-hero__media i,
.scene-studio-commerce .lj-commerce-reference-hero__media i {
  display: none;
}
.scene-studio-edit .lj-mix-editor-hero__veil::after { display: none; }

/* Editing videos use their original contrast and saturation. */
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__video,
.scene-studio-edit .lj-mix-workbench-hero__slide > video {
  filter: none;
}
.scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__veil,
.scene-studio-edit .lj-mix-editor-hero--workbench > .lj-mix-editor-hero__veil {
  background: linear-gradient(90deg, rgba(255,250,236,.28) 0%, rgba(255,247,232,.09) 48%, rgba(255,255,255,0) 77%);
}

/* Smart mixing follows the talking-video surface: full-bleed clips behind the form. */
.scene-studio-edit .lj-mix-editor-hero--workbench { overflow: visible; touch-action: pan-y; }
.scene-studio-edit .lj-mix-editor-hero--workbench .lj-mix-workbench-hero__carousel {
  position: absolute;
  z-index: 0;
  inset: 0 0 -98px;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  background: #f1c1a4;
  touch-action: pan-y;
}
.scene-studio-edit .lj-mix-workbench-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }
.scene-studio-edit .lj-mix-workbench-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; background: #f1c1a4; }
.scene-studio-edit .lj-mix-workbench-hero__slide > video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; background: #f1c1a4; filter: contrast(1.08) saturate(.88) sepia(.04) brightness(.91); pointer-events: none; transition: opacity .2s ease; }
.scene-studio-edit .lj-mix-workbench-hero__slide > video.is-frame-ready { opacity: 1; }
.scene-studio-edit .lj-mix-editor-hero--workbench > .lj-mix-editor-hero__veil { inset: 0 0 -98px; background: linear-gradient(90deg, rgba(255,250,236,.5) 0%, rgba(255,247,232,.16) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(181,84,68,.12), transparent 47%); pointer-events: none; }
.scene-studio-edit .lj-mix-editor-hero--workbench > .lj-mix-editor-hero__veil::after { background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.14) 45%, rgba(255,240,226,.34)); backdrop-filter: blur(10px) saturate(.88); -webkit-backdrop-filter: blur(10px) saturate(.88); }
.scene-studio-edit .lj-mix-workbench-hero__soft-focus { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 126px; background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.14) 45%, rgba(255,240,226,.34)); backdrop-filter: blur(10px) saturate(.88); -webkit-backdrop-filter: blur(10px) saturate(.88); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); pointer-events: none; }
.scene-studio-edit .lj-mix-workbench-hero__dots { position: absolute; z-index: 4; right: 28px; bottom: 123px; display: flex; align-items: center; gap: 6px; }
.scene-studio-edit .lj-mix-workbench-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; padding: 0; background: rgba(107,70,57,.36); box-shadow: 0 1px 3px rgba(78,47,34,.13); cursor: pointer; transition: width .25s ease, background .25s ease; }
.scene-studio-edit .lj-mix-workbench-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.96); }
@media (max-width: 350px) {
  .scene-studio-edit .lj-mix-editor-hero--workbench .lj-mix-workbench-hero__carousel,
  .scene-studio-edit .lj-mix-editor-hero--workbench > .lj-mix-editor-hero__veil { bottom: -86px; border-radius: 0 0 21px 21px; }
  .scene-studio-edit .lj-mix-workbench-hero__soft-focus { height: 112px; }
  .scene-studio-edit .lj-mix-workbench-hero__dots { right: 23px; bottom: 111px; }
}
@media (max-width: 350px) {
  .scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__video { bottom: -86px; height: calc(100% + 86px); border-radius: 0 0 21px 21px; }
  .scene-studio-edit .lj-mix-editor-hero--talking > .lj-mix-editor-hero__veil { bottom: -86px; }
}

/* Digital human: image-led creation surface aligned to the editing palette. */
.scene-studio-human .lj-content { padding: 0 11px calc(104px + env(safe-area-inset-bottom)); background: #fcf9f3; color: #28231e; }
.scene-studio-human .lj-human-reference-hero { position: relative; z-index: 1; min-height: 222px; overflow: hidden; margin: 0 -11px; background: #f1c8ac; }
.scene-studio-human .lj-human-reference-hero > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.scene-studio-human .lj-human-reference-hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,250,240,.99) 0%, rgba(255,249,238,.97) 35%, rgba(255,248,235,.55) 53%, rgba(255,250,242,.08) 77%); }
.scene-studio-human .lj-human-reference-hero__copy { position: relative; z-index: 2; width: min(69%, 270px); padding: 85px 0 0 27px; }
.scene-studio-human .lj-human-reference-hero__copy > span { display: block; color: rgba(109,79,59,.72); font-size: 8px; font-weight: 760; letter-spacing: 1.12px; }
.scene-studio-human .lj-human-reference-hero__copy h1 { margin: 8px 0 0; color: #29231e; font-size: 28px; font-weight: 830; line-height: 1.15; text-shadow: 0 1px rgba(255,255,255,.58); }
.scene-studio-human .lj-human-reference-hero__copy p { margin: 8px 0 0; color: #5f5046; font-size: 12px; font-weight: 600; line-height: 1.45; }
.scene-studio-human .lj-section.lj-studio-form--human-reference { position: relative; z-index: 2; margin: -1px 0 0; border: 1px solid rgba(237,225,213,.94); border-radius: 25px 25px 20px 20px; padding: 15px 14px 15px; background: rgba(255,254,250,.96); box-shadow: 0 10px 24px rgba(105,72,53,.08); }
.scene-studio-human .lj-studio-form--human-reference .lj-human-workbench__uploads { gap: 10px; margin: 0; }
.scene-studio-human .lj-studio-form--human-reference .lj-upload-shell { margin-top: 0; }
.scene-studio-human .lj-studio-form--human-reference .lj-upload { min-height: 97px; border: 1px solid #e6ddd3; border-radius: 16px; padding: 12px 10px; background: #fffdfa; box-shadow: 0 5px 12px rgba(94,72,56,.06); }
.scene-studio-human .lj-studio-form--human-reference .lj-upload__mark { width: 43px; height: 43px; border: 0; border-radius: 12px; background: linear-gradient(140deg, #ffd181, #ff9a79 54%, #63c6c4); }
.scene-studio-human .lj-studio-form--human-reference .lj-upload__mark .lj-upload__arrow { color: #fff; }
.scene-studio-human .lj-studio-form--human-reference .lj-upload strong { color: #28231e; font-size: 13px; }.scene-studio-human .lj-studio-form--human-reference .lj-upload__copy > span { color: #7f756c; font-size: 9px; }
.scene-studio-human .lj-studio-form--human-reference .lj-selection-note { margin: 11px 0 0; border-color: #eadfce; border-radius: 13px; color: #78695e; background: #fffaf2; }
.scene-studio-human .lj-studio-form--human-reference .lj-input-card { border-color: #e8dfd4; border-radius: 14px; background: #fffdfa; }.scene-studio-human .lj-studio-form--human-reference .lj-textarea { color: #2d2823; }.scene-studio-human .lj-studio-form--human-reference .lj-textarea::placeholder { color: #91877c; }
.scene-studio-human .lj-studio-form--human-reference .lj-settings-trigger { position: relative; display: grid; min-height: 77px; grid-template-columns: minmax(0, 1fr) 27px; grid-template-rows: 27px 1fr; align-items: center; margin-top: 12px; border: 1px solid #e6ddd3; border-radius: 16px; padding: 10px 12px; color: #3d3730; background: #fffdfa; box-shadow: none; }
.scene-studio-human .lj-studio-form--human-reference .lj-settings-trigger > span { color: #322c26; font-size: 14px; font-weight: 780; }.scene-studio-human .lj-studio-form--human-reference .lj-settings-trigger > strong { overflow: hidden; color: #82776c; font-size: 11px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }.scene-studio-human .lj-studio-form--human-reference .lj-settings-trigger > i { grid-column: 2; grid-row: 1 / span 2; color: #56aaa9; font-size: 29px; line-height: 1; }
.scene-studio-human .lj-studio-form--human-reference .lj-submit { margin-top: 15px; }.scene-studio-human .lj-studio-form--human-reference .lj-submit .lj-primary { min-height: 52px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(102deg, #f4bd70, #eb9472 47%, #60c6c3); box-shadow: 0 9px 17px rgba(211,131,91,.23); font-size: 17px; font-weight: 800; }
.scene-studio-human .lj-settings-sheet { border-color: #f0e4d8; background: #fffefb; }.scene-studio-human .lj-settings-sheet .lj-option-tile.is-active { border-color: #ed9b7f; color: #a95c4e; background: #fff1e8; }.scene-studio-human .lj-settings-sheet .lj-toggle input:checked + i { border-color: #62b9b7; background: #62b9b7; }

/* Keep each inner workbench in the same color family as its creation card. */
.scene-studio-edit .lj-studio-form--mix-reference .lj-choice.is-active { border-color: rgba(83, 202, 184, .72); color: #1d5e58; background: linear-gradient(106deg, #c7f7ba, #8ce6c4 48%, #63d4df); box-shadow: 0 5px 12px rgba(67, 192, 177, .2); }
.scene-studio-edit .lj-studio-form--mix-reference .lj-upload__mark { background: linear-gradient(140deg, #c7f7ba, #8ce6c4 54%, #63d4df); }.scene-studio-edit .lj-studio-form--mix-reference .lj-settings-trigger > strong b:first-child { background: linear-gradient(105deg, #bff5ba, #78ddc2 55%, #55cadb); box-shadow: 0 4px 8px rgba(66, 191, 176, .17); }.scene-studio-edit .lj-studio-form--mix-reference .lj-submit .lj-primary { background: linear-gradient(103deg, #c4f6b8 0%, #7fdfc2 42%, #55cadb 100%); box-shadow: 0 9px 17px rgba(56, 184, 171, .25); }
.scene-studio-edit .lj-settings-sheet .lj-option-tile.is-active { border-color: #63cdbb; color: #28766e; background: #e8faf4; box-shadow: inset 0 0 0 1px rgba(99, 205, 187, .13); }.scene-studio-edit .lj-settings-sheet .lj-toggle input:checked + i { border-color: #57bfb3; background: #57bfb3; }
.scene-studio-human .lj-studio-form--human-reference .lj-upload__mark { background: linear-gradient(140deg, #c7a8f5, #f3b9d2 54%, #78dbe1); }.scene-studio-human .lj-studio-form--human-reference .lj-settings-trigger > i { color: #a780cf; }.scene-studio-human .lj-studio-form--human-reference .lj-submit .lj-primary { background: linear-gradient(102deg, #c5a4f1, #edb8d5 47%, #77d8df); box-shadow: 0 9px 17px rgba(154, 119, 189, .23); }
.scene-studio-human .lj-settings-sheet .lj-option-tile.is-active { border-color: #b38cd2; color: #78509c; background: #f4ebfb; box-shadow: inset 0 0 0 1px rgba(179, 140, 210, .13); }.scene-studio-human .lj-settings-sheet .lj-toggle input:checked + i { border-color: #a982cd; background: #a982cd; }

/* Keep a loaded-video transition in the digital-human palette, never orange. */
.scene-studio-human .lj-human-reference-hero { background: linear-gradient(135deg, #c9b6ef 0%, #f0bfd8 45%, #7fd7df 100%); box-shadow: 0 10px 24px rgba(119, 105, 176, .16); }
.scene-studio-human .lj-human-reference-hero__carousel { background: linear-gradient(135deg, #c9b6ef 0%, #f0bfd8 45%, #7fd7df 100%); }
.scene-studio-human .lj-human-reference-hero__slide > video { background: linear-gradient(135deg, #c9b6ef 0%, #f0bfd8 45%, #7fd7df 100%); }
.scene-studio-human .lj-human-reference-hero__veil { background: linear-gradient(90deg, rgba(250,247,255,.76) 0%, rgba(247,244,255,.35) 52%, rgba(255,255,255,.04) 84%), linear-gradient(0deg, rgba(126, 188, 207, .16), transparent 49%); }
.scene-studio-human .lj-human-reference-hero__soft-focus { background: linear-gradient(to bottom, rgba(250,248,255,0), rgba(238,242,255,.56)); }
.scene-studio-human .lj-human-reference-hero__slide > img { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }.scene-studio-human .lj-human-reference-hero__slide > video { position: absolute; z-index: 1; inset: 0; opacity: 0; transition: opacity .2s ease; }.scene-studio-human .lj-human-reference-hero__slide > video.is-frame-ready { opacity: 1; }

@media (max-width: 350px) {
  .scene-studio-human .lj-human-reference-hero { min-height: 204px; }.scene-studio-human .lj-human-reference-hero__copy { padding-top: 76px; padding-left: 22px; }.scene-studio-human .lj-human-reference-hero__copy h1 { font-size: 24px; }.scene-studio-human .lj-human-reference-hero__copy p { font-size: 10px; }.scene-studio-human .lj-section.lj-studio-form--human-reference { border-radius: 21px 21px 18px 18px; padding: 12px; }.scene-studio-human .lj-studio-form--human-reference .lj-human-workbench__uploads { gap: 7px; }.scene-studio-human .lj-studio-form--human-reference .lj-upload { min-height: 90px; padding: 10px 6px; }.scene-studio-human .lj-studio-form--human-reference .lj-upload strong { font-size: 11px; }
}

/* Digital human uses two full-bleed videos, following the editing-page media treatment. */
.scene-studio-human .lj-human-reference-hero { overflow: visible; margin: 0 -11px 16px; border-radius: 0 0 24px 24px; box-shadow: 0 10px 24px rgba(207,112,84,.16); touch-action: pan-y; }
.scene-studio-human .lj-human-reference-hero__carousel { position: absolute; z-index: 0; inset: 0 0 -88px; overflow: hidden; border-radius: 0 0 24px 24px; background: #dfb99e; touch-action: pan-y; }
.scene-studio-human .lj-human-reference-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }
.scene-studio-human .lj-human-reference-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; }
.scene-studio-human .lj-human-reference-hero__slide > video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; filter: saturate(.79) sepia(.08) brightness(1.06); background: #dfb99e; pointer-events: none; }
.scene-studio-human .lj-human-reference-hero__slide:nth-child(2) > video { object-position: 54% 44%; }
.scene-studio-human .lj-human-reference-hero__veil { z-index: 2; inset: 0 0 -88px; border-radius: inherit; background: linear-gradient(90deg, rgba(255,250,236,.78) 0%, rgba(255,247,232,.32) 52%, rgba(255,255,255,.04) 84%), linear-gradient(0deg, rgba(181,84,68,.16), transparent 49%); pointer-events: none; }
.scene-studio-human .lj-human-reference-hero__soft-focus { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; height: 126px; background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,242,228,.56)); backdrop-filter: blur(12px) saturate(.82); -webkit-backdrop-filter: blur(12px) saturate(.82); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); pointer-events: none; }
.scene-studio-human .lj-human-reference-hero__copy { z-index: 4; padding-top: 92px; }
.scene-studio-human .lj-human-reference-hero__dots { position: absolute; z-index: 5; right: 28px; bottom: 123px; display: flex; align-items: center; gap: 6px; }
.scene-studio-human .lj-human-reference-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.88); border-radius: 999px; padding: 0; background: rgba(125,79,57,.32); box-shadow: 0 1px 3px rgba(78,47,34,.13); cursor: pointer; transition: width .25s ease, background .25s ease; }
.scene-studio-human .lj-human-reference-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.96); }
.scene-studio-human .lj-section.lj-studio-form--human-reference { z-index: 2; margin: 0; }

@media (max-width: 350px) {
  .scene-studio-human .lj-human-reference-hero { margin-bottom: 14px; border-radius: 0 0 21px 21px; }.scene-studio-human .lj-human-reference-hero__carousel,.scene-studio-human .lj-human-reference-hero__veil { bottom: -78px; border-radius: 0 0 21px 21px; }.scene-studio-human .lj-human-reference-hero__copy { padding-top: 85px; padding-left: 27px; }.scene-studio-human .lj-human-reference-hero__soft-focus { height: 112px; }.scene-studio-human .lj-human-reference-hero__dots { right: 23px; bottom: 111px; }
}

/* AI acquisition uses the same warm, illuminated palette as the creation page. */
.lj-app.scene-acquisition { color: #202126; background: #fbfaf4; }
.lj-app.scene-acquisition::before,.lj-app.scene-acquisition::after { display: none; }
.scene-acquisition .lj-content { min-height: 100%; padding: max(9px, env(safe-area-inset-top)) 12px calc(114px + env(safe-area-inset-bottom)); background: radial-gradient(ellipse 68% 25% at 10% 28%, rgba(255, 218, 131, .33), transparent 76%), radial-gradient(ellipse 55% 28% at 93% 54%, rgba(115, 220, 223, .19), transparent 76%), #fbfaf4; }
.lj-acquisition-topbar { display: grid; min-height: 55px; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: center; padding: 0 3px 7px; }
.lj-acquisition-topbar > div { min-width: 0; text-align: center; }.lj-acquisition-topbar small { display: block; color: #928f8b; font-size: 8px; font-weight: 720; letter-spacing: 1.3px; line-height: 1; }.lj-acquisition-topbar strong { display: block; overflow: hidden; margin-top: 5px; color: #191a1e; font-size: 18px; font-weight: 800; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.scene-acquisition .lj-icon-btn { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(236, 227, 215, .92); border-radius: 12px; padding: 0; color: #403d39; background: rgba(255,255,255,.84); box-shadow: 0 4px 10px rgba(112, 89, 63, .06); font-size: 25px; line-height: 1; cursor: pointer; }.scene-acquisition .lj-icon-btn:last-child { justify-self: end; }.scene-acquisition .lj-icon-btn:last-child i { width: 15px; height: 15px; border: 1.5px solid currentColor; border-radius: 50%; }.scene-acquisition .lj-icon-btn:last-child i::after { display: block; width: 19px; height: 8px; margin: 3px 0 0 -3px; border: 1.5px solid currentColor; border-bottom: 0; border-radius: 13px 13px 0 0; content: ""; }
.lj-acquisition-hero { position: relative; min-height: 0; aspect-ratio: 777 / 471; overflow: hidden; border: 1px solid #1A1D23; border-radius: 24px; background: #0b1642; box-shadow: 0 13px 24px rgba(32, 42, 87, .16); }.lj-acquisition-hero > img.lj-acquisition-hero__banner { position: relative; z-index: 0; display: block; width: 100%; height: 100%; object-fit: contain; opacity: 1; mix-blend-mode: normal; transform: none; }
.lj-acquisition-hero__copy { position: relative; z-index: 3; width: 57%; padding: 39px 0 0 22px; }.lj-acquisition-hero__copy > span { display: block; color: #e08369; font-size: 8px; font-weight: 800; letter-spacing: 1.05px; }.lj-acquisition-hero__copy h1 { margin: 12px 0 0; color: #191a1e; font-size: 28px; font-weight: 830; line-height: 1.11; }.lj-acquisition-hero__copy p { margin: 12px 0 0; color: #585855; font-size: 12px; font-weight: 590; line-height: 1.58; }
.lj-acquisition-hero__art { position: absolute; z-index: 2; right: 1px; bottom: 38px; width: 57%; height: 162px; pointer-events: none; }.lj-acquisition-hero__art > i { position: absolute; display: block; box-shadow: 0 12px 21px rgba(181, 118, 80, .18), inset 0 1px rgba(255,255,255,.8); }
.lj-acquisition-hero__video { top: 10px; right: 13px; width: 143px; height: 84px; overflow: hidden; border: 7px solid rgba(255,255,250,.9); border-radius: 13px; background: linear-gradient(133deg, #314e55, #b98469 51%, #f4ca8d); transform: rotate(10deg); }.lj-acquisition-hero__video::before { position: absolute; right: 17px; bottom: 8px; left: 12px; height: 2px; border-radius: 2px; background: rgba(255,255,255,.72); content: ""; }.lj-acquisition-hero__video b { position: absolute; left: 17px; bottom: 18px; width: 22px; height: 22px; border: 2px solid rgba(255,255,255,.85); border-radius: 50%; }.lj-acquisition-hero__video em { position: absolute; top: 19px; right: 22px; width: 31px; height: 31px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(255,246,218,.22); }
.lj-acquisition-hero__inbox { right: 39px; bottom: 0; width: 145px; height: 89px; overflow: hidden; border: 5px solid rgba(255,255,250,.82); border-radius: 17px; background: linear-gradient(130deg, rgba(255,244,199,.95), rgba(255,194,131,.95) 52%, rgba(133,220,218,.9)); transform: rotate(-5deg); }.lj-acquisition-hero__inbox::before { position: absolute; top: 20px; right: 22px; width: 33px; height: 23px; border-radius: 7px; background: rgba(255,255,255,.73); box-shadow: -45px 23px 0 rgba(255,255,255,.66); content: ""; }.lj-acquisition-hero__inbox b { position: absolute; top: 19px; left: 17px; width: 34px; height: 34px; border-radius: 11px; background: linear-gradient(145deg, #ffbb73, #f58b71); }.lj-acquisition-hero__inbox b::after { position: absolute; top: 9px; left: 9px; width: 15px; height: 11px; border: 2px solid #fff7e9; border-top: 0; transform: rotate(-45deg); content: ""; }.lj-acquisition-hero__inbox em { position: absolute; right: 24px; bottom: 12px; width: 29px; height: 5px; border-radius: 5px; background: rgba(190,117,80,.5); box-shadow: -39px 0 0 rgba(190,117,80,.34); }
.lj-acquisition-hero__heart { right: -3px; bottom: 25px; width: 47px; height: 43px; border: 2px solid rgba(255,255,255,.8); border-radius: 13px; background: rgba(255,250,230,.64); transform: rotate(8deg); }.lj-acquisition-hero__heart::before { position: absolute; top: 13px; left: 14px; width: 16px; height: 16px; border-radius: 5px 5px 9px 9px; background: #f39284; transform: rotate(45deg); content: ""; }.lj-acquisition-hero__wave { position: absolute; z-index: 3; right: -7%; bottom: -28px; left: -8%; height: 81px; border-radius: 52% 47% 0 0 / 44% 50% 0 0; background: linear-gradient(102deg, rgba(255,211,119,.78), rgba(255,244,181,.74) 39%, rgba(111,219,217,.68)); box-shadow: 0 -10px 27px rgba(255,205,118,.27); transform: rotate(-3deg); }.lj-acquisition-hero__wave::after { position: absolute; top: 15px; right: 0; left: 0; height: 24px; border-top: 2px solid rgba(255,255,255,.7); border-radius: 50%; content: ""; }
.lj-acquisition-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin: 15px 0 0; }.lj-acquisition-card { position: relative; display: block; min-width: 0; overflow: hidden; border: 1px solid rgba(239,231,216,.92); border-radius: 18px; padding: 8px 8px 13px; color: #202126; text-align: left; background: rgba(255,255,255,.88); box-shadow: 0 8px 19px rgba(121, 93, 62, .1), inset 0 1px rgba(255,255,255,.85); cursor: pointer; }.lj-acquisition-card:active { transform: translateY(1px) scale(.992); }.lj-acquisition-card strong { display: block; overflow: hidden; margin-top: 10px; color: #212126; font-size: 13px; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }.lj-acquisition-card small { display: block; overflow: hidden; margin-top: 5px; color: #8a8580; font-size: 9px; font-weight: 560; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.lj-acquisition-card__arrow { position: absolute; right: 8px; bottom: 9px; color: #a7a09a; font-size: 12px; opacity: .7; }
.lj-acquisition-card__art { position: relative; display: grid; height: 152px; place-items: center; overflow: hidden; border-radius: 12px; background: #0a1642; }.lj-acquisition-card__art > img { display: block; width: 100%; height: 100%; object-fit: contain; }.lj-acquisition-card__art > i,.lj-acquisition-card__art > b,.lj-acquisition-card__art > em { display: none; }.lj-acquisition-card__art::before { content: none !important; }
.scene-acquisition .lj-acquisition-image { opacity: 0; transition: opacity .12s ease-out; }.scene-acquisition .lj-acquisition-image.is-ready { opacity: 1; }
.lj-acquisition-card--douyin .lj-acquisition-card__art { background: linear-gradient(156deg, #101218 0%, #24252c 55%, #fec67f 135%); }.lj-acquisition-card--douyin .lj-acquisition-card__art::before { position: absolute; z-index: 2; top: 17px; right: 12px; width: 8px; height: 8px; border: 2px solid #8ef3ec; border-radius: 50%; box-shadow: 2px 0 #fb8890; content: ""; }.lj-acquisition-card--douyin .lj-acquisition-card__art > i { z-index: 1; right: 10px; bottom: -4px; left: 10px; height: 85px; border-radius: 46% 46% 0 0; background: radial-gradient(circle at 47% 24%, #f2d2b8 0 15%, transparent 15.5%), radial-gradient(ellipse at 47% 49%, #4c2d2d 0 29%, transparent 29.5%), linear-gradient(145deg, transparent 36%, #e9e1d6 37% 100%); }.lj-acquisition-card--douyin .lj-acquisition-card__art > b { right: 10px; bottom: 10px; left: 10px; height: 28px; border-radius: 6px; background: rgba(7,7,9,.82); }.lj-acquisition-card--douyin .lj-acquisition-card__art > b::after { position: absolute; top: 8px; left: 7px; width: 50%; height: 3px; border-radius: 3px; background: rgba(255,255,255,.8); box-shadow: 0 7px 0 rgba(255,255,255,.45); content: ""; }
.lj-acquisition-card--xiaohongshu .lj-acquisition-card__art { background: linear-gradient(160deg, #fff5d7, #ffe5ad 51%, #f5f7ea); }.lj-acquisition-card--xiaohongshu .lj-acquisition-card__art > i { top: 11px; right: 8px; left: 8px; height: 14px; border-radius: 7px; background: rgba(255,255,255,.86); }.lj-acquisition-card--xiaohongshu .lj-acquisition-card__art > b { top: 37px; right: 9px; left: 9px; height: 61px; border-radius: 7px; background: rgba(255,255,255,.93); box-shadow: 0 4px 9px rgba(172,128,69,.1); }.lj-acquisition-card--xiaohongshu .lj-acquisition-card__art > b::before { position: absolute; top: 8px; left: 7px; width: 15px; height: 15px; border-radius: 50%; background: #e6ac84; content: ""; }.lj-acquisition-card--xiaohongshu .lj-acquisition-card__art > b::after { position: absolute; top: 11px; right: 7px; width: 37px; height: 3px; border-radius: 4px; background: #d9c4a3; box-shadow: 0 7px 0 #eadbc4, -8px 14px 0 #eadbc4, -2px 21px 0 #eadbc4; content: ""; }.lj-acquisition-card--xiaohongshu .lj-acquisition-card__art > em { right: 9px; bottom: 9px; left: 9px; height: 36px; border-radius: 6px; background: linear-gradient(135deg, #d98470, #f8c27b 46%, #8ed4cc 47%, #e8ecdb); }
.lj-acquisition-card--message .lj-acquisition-card__art { background: radial-gradient(circle at 82% 12%, rgba(255,255,255,.7), transparent 13%), linear-gradient(155deg, #ffc776 0%, #ffac79 50%, #8bdcd4 145%); }.lj-acquisition-card--message .lj-acquisition-card__art > i { top: 27px; right: 9px; left: 9px; height: 32px; border-radius: 8px 8px 8px 2px; background: rgba(255,255,255,.88); }.lj-acquisition-card--message .lj-acquisition-card__art > b { top: 69px; right: 9px; width: 55px; height: 27px; border-radius: 8px 8px 2px 8px; background: rgba(255,244,198,.86); }.lj-acquisition-card--message .lj-acquisition-card__art > em { right: 8px; bottom: 12px; left: 8px; height: 21px; border-radius: 8px; background: rgba(255,255,255,.88); }.lj-acquisition-card--message .lj-acquisition-card__art > em::after { position: absolute; top: 8px; right: 9px; left: 9px; height: 3px; border-radius: 3px; background: #e6af88; content: ""; }
.lj-acquisition-tool { position: relative; min-height: calc(100dvh - 174px); overflow: hidden; border: 1px solid rgba(255,255,255,.88); border-radius: 23px; background: linear-gradient(143deg, #fffdf5, #fff7dd 47%, #e7f6ef); box-shadow: 0 11px 25px rgba(162, 120, 75, .09); }.lj-acquisition-tool__canvas { position: absolute; inset: 0; overflow: hidden; }.lj-acquisition-tool__canvas::before,.lj-acquisition-tool__canvas::after { position: absolute; border-radius: 50%; content: ""; }.lj-acquisition-tool__canvas::before { top: -17%; right: -19%; width: 72%; height: 44%; background: rgba(110,220,216,.24); filter: blur(18px); }.lj-acquisition-tool__canvas::after { bottom: -13%; left: -12%; width: 72%; height: 31%; background: rgba(255,192,113,.3); filter: blur(19px); }.lj-acquisition-tool__canvas > i,.lj-acquisition-tool__canvas > b,.lj-acquisition-tool__canvas > em { position: absolute; display: block; border: 1px solid rgba(255,255,255,.86); background: rgba(255,255,255,.52); box-shadow: 0 12px 28px rgba(170, 126, 78, .09); }.lj-acquisition-tool__canvas > i { top: 17%; right: 10%; left: 10%; height: 18%; border-radius: 18px; }.lj-acquisition-tool__canvas > b { top: 39%; right: 16%; left: 16%; height: 14%; border-radius: 14px; }.lj-acquisition-tool__canvas > em { top: 59%; right: 10%; left: 10%; height: 20%; border-radius: 18px; }
@media (max-width: 350px) { .lj-acquisition-hero { min-height: 0; }.lj-acquisition-card__art { height: 131px; }.lj-acquisition-card strong { font-size: 11px; }.lj-acquisition-card small { font-size: 8px; } }

/* Works and profile keep their existing content, with the creation-page palette. */
.lj-app.scene-works,.lj-app.scene-profile { color: #292823; background: #fbfaf4; }.lj-app.scene-works::before,.lj-app.scene-profile::before,.lj-app.scene-works::after,.lj-app.scene-profile::after { display: none; }
.scene-works .lj-content,.scene-profile .lj-content { background: radial-gradient(ellipse 62% 23% at 13% 4%, rgba(255, 207, 123, .31), transparent 72%), radial-gradient(ellipse 51% 31% at 97% 45%, rgba(102, 214, 218, .17), transparent 76%), #fbfaf4; color: #292823; }
.scene-works .lj-topbar,.scene-profile .lj-topbar { border-bottom-color: rgba(229, 219, 206, .72); background: rgba(251,250,244,.78); }.scene-works .lj-topbar__title,.scene-profile .lj-topbar__title { color: #22221f; }.scene-works .lj-topbar .lj-icon-btn,.scene-profile .lj-topbar .lj-icon-btn { border-color: #eee5da; color: #645d56; background: rgba(255,255,255,.82); box-shadow: 0 4px 10px rgba(123,91,60,.05); }
.scene-works .lj-works-library { gap: 16px; padding: 10px 13px 12px; }.scene-works .lj-works-library__intro { gap: 5px; padding: 4px 4px 0; }.scene-works .lj-works-library__intro > span { color: #e6896c; }.scene-works .lj-works-library__intro > strong { color: #24231f; font-weight: 800; }.scene-works .lj-works-library__intro > small { color: #827a72; }
.scene-works .lj-works-categories { border-color: rgba(235,222,204,.9); border-radius: 14px; padding: 5px; background: rgba(255,255,255,.77); box-shadow: 0 6px 15px rgba(124,91,54,.06), inset 0 1px rgba(255,255,255,.82); }.scene-works .lj-works-category { border-radius: 10px; color: #857b72; }.scene-works .lj-works-category small { color: #b3a79a; }.scene-works .lj-works-category.is-active { color: #4a3830; background: linear-gradient(110deg, #ffda8c, #ffb583 52%, #8edbd6); box-shadow: 0 4px 10px rgba(237,143,100,.2); }.scene-works .lj-works-category.is-active small { color: rgba(83,61,49,.76); }
.scene-works .lj-works-section-head span { color: #322f2a; }.scene-works .lj-works-section-head small { color: #9d9185; }.scene-works .lj-work-tile { border-color: rgba(235,222,207,.94); border-radius: 11px; background: #fffaf1; box-shadow: 0 6px 14px rgba(115,83,54,.1); }.scene-works .lj-work-tile::after { background: linear-gradient(transparent 39%, rgba(34,29,25,.7)); }.scene-works .lj-work-tile__status { border-color: rgba(255,255,255,.78); color: #765442; background: rgba(255,244,213,.88); }.scene-works .lj-work-tile__meta { color: rgba(255,255,255,.9); }.scene-works .lj-works-empty { border-color: rgba(231,215,194,.88); border-radius: 13px; color: #95887b; background: rgba(255,255,255,.6); }.scene-works .lj-work-pending { border-color: rgba(235,222,207,.94); border-radius: 13px; background: rgba(255,255,255,.7); box-shadow: 0 6px 14px rgba(115,83,54,.05); }.scene-works .lj-work-pending strong { color: #37322e; }.scene-works .lj-work-pending small { color: #95887b; }.scene-works .lj-work-pending__status { color: #9e7657; background: #fff0d8; }.scene-works .lj-work-pending.is-selectable { border-color: rgba(109,205,195,.5); }
.scene-profile .lj-profile { border-color: rgba(255,255,255,.85); border-radius: 18px; padding: 18px; color: #2d2925; background: linear-gradient(117deg, rgba(255,253,247,.98), rgba(255,245,225,.91) 54%, rgba(226,247,238,.84)); box-shadow: 0 11px 22px rgba(151,111,68,.1), inset 0 1px rgba(255,255,255,.86); }.scene-profile .lj-profile__avatar { border-color: rgba(255,255,255,.88); color: #8c5e4d; background: linear-gradient(145deg, #ffda8b, #f7ae88 52%, #8bdad4); box-shadow: 0 5px 12px rgba(224,143,93,.17); }.scene-profile .lj-profile strong { color: #2c2824; }.scene-profile .lj-profile span { color: #82796f; }.scene-profile .lj-profile__quota { border-color: rgba(238,223,202,.92); border-radius: 12px; background: rgba(238,223,202,.86); }.scene-profile .lj-profile__quota div { background: rgba(255,255,255,.67); }.scene-profile .lj-profile__quota small { color: #93887d; }.scene-profile .lj-profile__quota b { color: #3c332d; }.scene-profile .lj-logout { border-color: rgba(239,156,133,.38); border-radius: 11px; color: #a15c51; background: rgba(255,240,230,.76); }
.scene-profile .lj-section { border-color: rgba(255,255,255,.82); border-radius: 18px; background: rgba(255,255,255,.71); box-shadow: 0 9px 20px rgba(141,104,65,.075), inset 0 1px rgba(255,255,255,.88); }.scene-profile .lj-section__head { border-bottom-color: rgba(237,225,209,.83); }.scene-profile .lj-section__head > span { color: #34302b; }.scene-profile .lj-section__head > small { color: #9b8e82; }
.scene-profile .lj-purchase-action { border-color: rgba(235,220,201,.88); border-radius: 13px; color: #3c332e; background: rgba(255,252,246,.86); box-shadow: 0 5px 11px rgba(134,100,63,.06); }.scene-profile .lj-purchase-action small { color: #94877a; }.scene-profile .lj-purchase-action.is-active { border-color: rgba(237,163,123,.65); background: linear-gradient(126deg, #ffebc6, #ffd19c 54%, #a5e2db); box-shadow: 0 6px 13px rgba(229,146,100,.14); }.scene-profile .lj-purchase-action.is-locked { border-color: rgba(223,215,205,.8); color: #a9a19a; background: rgba(246,244,239,.72); }.scene-profile .lj-purchase-action.is-locked small { color: #b5aea6; }
.scene-profile .lj-purchase-catalog__head,.scene-profile .lj-mobile-payment__head { border-color: rgba(235,220,201,.88); border-radius: 12px; color: #403832; background: rgba(255,252,246,.84); box-shadow: 0 5px 11px rgba(134,100,63,.05); }.scene-profile .lj-purchase-catalog__head button,.scene-profile .lj-mobile-payment__head button { color: #a46e5a; background: #fff0dd; }.scene-profile .lj-purchase-product { border-color: rgba(235,220,201,.88); border-radius: 13px; color: #3b322c; background: linear-gradient(122deg, rgba(255,253,247,.97), rgba(255,243,215,.86) 55%, rgba(225,246,237,.78)); box-shadow: 0 7px 15px rgba(137,100,62,.07); }.scene-profile .lj-purchase-product::before { background: linear-gradient(90deg, transparent, rgba(255,196,132,.65), transparent); }.scene-profile .lj-purchase-product__main strong { color: #3b322c; }.scene-profile .lj-purchase-product__main small { color: #95877b; }.scene-profile .lj-purchase-product__pay b { border-color: rgba(241,179,121,.52); color: #9a5e4f; background: rgba(255,239,204,.8); box-shadow: 0 4px 9px rgba(226,141,94,.1); }.scene-profile .lj-purchase-product__pay small,.scene-profile .lj-purchase-loading { color: #998578; }.scene-profile .lj-mobile-payment { border-color: rgba(235,220,201,.88); background: rgba(255,252,246,.9); box-shadow: 0 8px 17px rgba(137,100,62,.08); }
.scene-profile .lj-promotion-card,.scene-profile .lj-promotion-menu,.scene-profile .lj-promotion-locked { border-color: rgba(235,220,201,.88); border-radius: 14px; color: #38312c; background: rgba(255,252,246,.85); box-shadow: 0 6px 14px rgba(136,99,61,.055); }.scene-profile .lj-promotion-balance { border-color: rgba(238,223,202,.85); background: rgba(255,248,233,.68); }.scene-profile .lj-promotion-balance small,.scene-profile .lj-promotion-card small { color: #988a7e; }.scene-profile .lj-promotion-balance strong { color: #3d332c; }.scene-profile .lj-promotion-link { border-color: rgba(238,223,202,.86); background: rgba(255,255,255,.75); }.scene-profile .lj-promotion-link span { color: #74695f; }.scene-profile .lj-promotion-link button { color: #976151; background: #fff0d8; }.scene-profile .lj-promotion-menu__entry { color: #39322c; }.scene-profile .lj-promotion-menu__entry + .lj-promotion-menu__entry { border-top-color: rgba(237,225,209,.83); }.scene-profile .lj-promotion-menu__entry strong { color: #39322c; }.scene-profile .lj-promotion-menu__entry small { color: #998b7f; }.scene-profile .lj-promotion-menu__entry em,.scene-profile .lj-promotion-menu__entry i { color: #b37a62; }.scene-profile .lj-promotion-menu__entry:active { background: rgba(255,226,185,.4); }.scene-profile .lj-promotion-locked { background: linear-gradient(128deg, rgba(255,244,213,.9), rgba(224,245,237,.84)); }.scene-profile .lj-promotion-locked__mark { border-color: rgba(255,255,255,.82); border-radius: 11px; color: #9d634f; background: linear-gradient(145deg, #ffd68e, #f6ac87 52%, #8ddbd4); box-shadow: 0 5px 11px rgba(223,140,90,.13); }.scene-profile .lj-promotion-locked__copy strong { color: #3a322b; }.scene-profile .lj-promotion-locked__copy small,.scene-profile .lj-promotion-locked em { color: #938477; }.scene-profile .lj-promotion-locked em { border-color: rgba(225,203,182,.78); background: rgba(255,255,255,.54); }

/* Profile hierarchy is intentionally light; purchase remains the vivid green action. */
.scene-acquisition .lj-content { padding-top: max(2px, env(safe-area-inset-top)); }.scene-acquisition .lj-acquisition-hero { min-height: 249px; }.scene-acquisition .lj-acquisition-grid { margin-top: 12px; }
.scene-profile .lj-content { padding-top: max(5px, env(safe-area-inset-top)); }.scene-profile .lj-profile { border: 0; border-radius: 0; padding: 9px 5px 1px; background: transparent; box-shadow: none; }.scene-profile .lj-profile__row { gap: 12px; }.scene-profile .lj-profile__quota { gap: 0; margin-top: 15px; border: 0; border-radius: 0; background: transparent; }.scene-profile .lj-profile__quota div { padding: 10px 7px; background: transparent; }.scene-profile .lj-profile__quota div + div { border-left: 1px solid rgba(221,207,190,.78); }.scene-profile .lj-profile__quota b { font-size: 18px; }.scene-profile .lj-logout { min-height: 38px; margin-top: 8px; border: 0; border-radius: 9px; color: #a57465; background: rgba(255,237,225,.53); }
.scene-profile .lj-section { margin-top: 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.scene-profile .lj-section__head { margin-bottom: 9px; padding: 0 4px; border: 0; }.scene-profile .lj-purchase { gap: 9px; }.scene-profile .lj-promotion { gap: 8px; }
.scene-profile .lj-purchase-action { position: relative; min-height: 83px; border-color: rgba(226,222,210,.84); border-radius: 15px; padding: 13px; background: rgba(255,255,255,.7); box-shadow: none; }.scene-profile .lj-purchase-action.is-active { border-color: rgba(33,153,120,.8); color: #fff; background: linear-gradient(128deg, #087c66 0%, #159d82 57%, #76d8be 100%); box-shadow: 0 9px 18px rgba(18,132,104,.24), inset 0 1px rgba(255,255,255,.27); }.scene-profile .lj-purchase-action.is-active small { color: rgba(255,255,255,.8); }.scene-profile .lj-purchase-action.is-active::after { position: absolute; right: 12px; bottom: 10px; width: 19px; height: 10px; border-bottom: 2px solid rgba(255,255,255,.8); border-left: 2px solid rgba(255,255,255,.8); transform: rotate(-45deg); content: ""; }
.scene-profile .lj-purchase-catalog__head { min-height: 49px; border-color: rgba(121,204,178,.67); border-radius: 15px; color: #f4fffb; background: linear-gradient(112deg, #087b65, #159c82 60%, #6ed5b9); box-shadow: 0 8px 17px rgba(18,132,104,.17); }.scene-profile .lj-purchase-catalog__head button { color: #147a66; background: rgba(255,255,255,.87); }.scene-profile .lj-purchase-products { gap: 10px; margin-top: 10px; }.scene-profile .lj-purchase-product { min-height: 84px; border-color: rgba(189,225,212,.95); border-radius: 15px; background: linear-gradient(112deg, #fffefa, #f8fff9 57%, #e5f7ef); box-shadow: 0 6px 14px rgba(20,113,88,.08); }.scene-profile .lj-purchase-product::before { top: 0; bottom: 0; left: 0; width: 4px; height: auto; opacity: 1; background: linear-gradient(#42bc9d, #9ee0ca); }.scene-profile .lj-purchase-product__main strong { color: #2b3c36; font-size: 15px; }.scene-profile .lj-purchase-product__main small { color: #779087; font-size: 11px; }.scene-profile .lj-purchase-product__pay b { min-width: 82px; border-color: rgba(83,177,149,.65); color: #11745f; background: #e7fff5; box-shadow: inset 0 1px rgba(255,255,255,.9); font-size: 16px; }.scene-profile .lj-purchase-product__pay small { color: #6c9487; }.scene-profile .lj-purchase-product:active { border-color: #3bb897; background: linear-gradient(112deg, #edfff7, #d2f6e7); }
.scene-profile .lj-mobile-payment { border-color: rgba(38,165,129,.68); border-radius: 15px; background: linear-gradient(140deg, #087b65, #159d82 62%, #69d4b6); box-shadow: 0 11px 23px rgba(16,129,101,.2); }.scene-profile .lj-mobile-payment__head { color: #fff; background: transparent; box-shadow: none; }.scene-profile .lj-mobile-payment__head button { color: #147a66; background: rgba(255,255,255,.88); }.scene-profile .lj-mobile-payment__body p { color: rgba(255,255,255,.83); }.scene-profile .lj-payment-open { border-color: rgba(255,255,255,.75); color: #087360; background: #f2fff8; }
.scene-profile .lj-promotion-locked { border: 0; border-radius: 13px; padding: 11px 3px; background: transparent; box-shadow: none; }.scene-profile .lj-promotion-locked__mark { box-shadow: none; }.scene-profile .lj-promotion-card,.scene-profile .lj-promotion-menu { border-color: rgba(232,222,207,.82); border-radius: 14px; box-shadow: none; }

/* Restore the profile's original dense account layout, with a restrained emerald purchase system. */
.lj-app.scene-profile { color: #e8f4f1; background: #07131a; }.lj-app.scene-profile::before { display: block; background: radial-gradient(ellipse 70% 30% at 85% 0%, rgba(40,175,143,.22), transparent 74%), radial-gradient(ellipse 55% 32% at 6% 34%, rgba(37,99,134,.17), transparent 77%), #07131a; }.scene-profile .lj-content { padding-top: max(14px, env(safe-area-inset-top)); color: #e8f4f1; background: transparent; }
.scene-profile .lj-profile { border: 1px solid rgba(91,190,168,.3); border-radius: 17px; padding: 17px; color: #e8f4f1; background: linear-gradient(135deg, rgba(11,53,60,.94), rgba(8,30,42,.97) 62%, rgba(10,71,66,.82)); box-shadow: inset 0 1px rgba(255,255,255,.09), 0 13px 28px rgba(0,0,0,.2); }.scene-profile .lj-profile__avatar { border-color: rgba(133,235,208,.52); color: #d9fff2; background: linear-gradient(145deg, #0b8b75, #24b696 58%, #6bd4bc); box-shadow: 0 5px 13px rgba(21,173,137,.2); }.scene-profile .lj-profile strong { color: #f1fffb; }.scene-profile .lj-profile span { color: #9fc6bd; }.scene-profile .lj-profile__quota { gap: 1px; margin-top: 18px; overflow: hidden; border: 1px solid rgba(97,183,169,.27); border-radius: 10px; background: rgba(97,183,169,.22); }.scene-profile .lj-profile__quota div { padding: 13px; background: rgba(4,25,35,.55); }.scene-profile .lj-profile__quota div + div { border-left: 0; }.scene-profile .lj-profile__quota small { color: #9abfb8; }.scene-profile .lj-profile__quota b { color: #effff9; font-size: 15px; }.scene-profile .lj-logout { min-height: 42px; margin-top: 14px; border: 1px solid rgba(255,145,146,.35); border-radius: 10px; color: #ffc2bd; background: rgba(131,36,49,.2); }
.scene-profile .lj-section { margin-top: 17px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.scene-profile .lj-section__head { margin-bottom: 10px; padding: 0 2px; border: 0; }.scene-profile .lj-section__head > span { color: #effff9; }.scene-profile .lj-section__head > small { color: #9abfb8; }
.scene-profile .lj-purchase { gap: 10px; }.scene-profile .lj-purchase-action { min-height: 76px; border-color: rgba(103,180,170,.33); border-radius: 12px; color: #dcf4ed; background: rgba(8,37,48,.84); box-shadow: inset 0 1px rgba(255,255,255,.07); }.scene-profile .lj-purchase-action small { color: #9bbdb6; }.scene-profile .lj-purchase-action.is-active { border-color: rgba(108,235,197,.78); color: #f4fff9; background: linear-gradient(128deg, #087c67 0%, #159e82 58%, #58c9ad 100%); box-shadow: 0 9px 21px rgba(24,164,127,.24), inset 0 1px rgba(255,255,255,.2); }.scene-profile .lj-purchase-action.is-active small { color: rgba(244,255,249,.82); }.scene-profile .lj-purchase-action.is-active::after { display: none; }.scene-profile .lj-purchase-action.is-locked { border-color: rgba(102,127,133,.28); color: #82969a; background: rgba(8,22,31,.62); }.scene-profile .lj-purchase-action.is-locked small { color: #687d82; }
.scene-profile .lj-purchase-catalog__head,.scene-profile .lj-mobile-payment__head { min-height: 45px; border-color: rgba(92,226,187,.55); border-radius: 11px; color: #eafff7; background: linear-gradient(125deg, rgba(5,93,77,.95), rgba(10,131,106,.92)); box-shadow: inset 0 1px rgba(255,255,255,.14), 0 8px 18px rgba(0,0,0,.15); }.scene-profile .lj-purchase-catalog__head button,.scene-profile .lj-mobile-payment__head button { color: #137d69; background: #e5fff4; }.scene-profile .lj-purchase-products { gap: 9px; margin-top: 9px; }.scene-profile .lj-purchase-product { min-height: 78px; border-color: rgba(82,180,162,.42); border-radius: 12px; color: #eaf9f5; background: linear-gradient(125deg, rgba(9,45,54,.96), rgba(7,31,42,.95) 54%, rgba(8,67,62,.83)); box-shadow: inset 0 1px rgba(255,255,255,.09), 0 8px 18px rgba(0,0,0,.13); }.scene-profile .lj-purchase-product::before { top: 0; right: 12%; bottom: auto; left: 12%; width: auto; height: 1px; opacity: .72; background: linear-gradient(90deg, transparent, rgba(181,255,231,.75), transparent); }.scene-profile .lj-purchase-product__main strong { color: #effff9; font-size: 14px; }.scene-profile .lj-purchase-product__main small { color: #9abeb7; font-size: 10px; }.scene-profile .lj-purchase-product__pay b { min-width: 78px; border-color: rgba(111,233,194,.56); color: #a9ffe2; background: rgba(25,151,122,.18); box-shadow: inset 0 1px rgba(255,255,255,.14), 0 5px 12px rgba(18,161,124,.12); font-size: 15px; }.scene-profile .lj-purchase-product__pay small,.scene-profile .lj-purchase-loading { color: #94c8ba; }.scene-profile .lj-purchase-product:active { border-color: rgba(124,248,207,.86); background: linear-gradient(125deg, rgba(10,82,73,.98), rgba(7,48,54,.98)); }
.scene-profile .lj-mobile-payment { border-color: rgba(107,239,200,.55); border-radius: 12px; background: linear-gradient(145deg, #075546, #0b8d73); box-shadow: 0 10px 24px rgba(11,157,117,.16); }.scene-profile .lj-mobile-payment__head { color: #eafff7; }.scene-profile .lj-mobile-payment__body p { color: #b9ebdb; }.scene-profile .lj-payment-open { border-color: rgba(179,255,229,.6); color: #e9fff7; background: rgba(31,154,123,.5); }
.scene-profile .lj-promotion-locked { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; border: 1px solid rgba(90,184,166,.32); border-radius: 12px; padding: 12px; background: linear-gradient(135deg, rgba(10,57,61,.83), rgba(8,30,42,.88)); box-shadow: inset 0 1px rgba(255,255,255,.09); }.scene-profile .lj-promotion-locked__mark { border-color: rgba(129,238,208,.52); color: #bdffe9; background: linear-gradient(145deg, #0b8a73, #39b99d); }.scene-profile .lj-promotion-locked__copy strong { color: #effff9; }.scene-profile .lj-promotion-locked__copy small,.scene-profile .lj-promotion-locked em { color: #9dbfb8; }.scene-profile .lj-promotion-locked em { border-color: rgba(127,193,182,.3); background: rgba(23,103,94,.26); }.scene-profile .lj-promotion-card,.scene-profile .lj-promotion-menu { border-color: rgba(88,179,162,.3); border-radius: 12px; background: linear-gradient(135deg, rgba(10,48,58,.9), rgba(7,29,41,.94)); box-shadow: inset 0 1px rgba(255,255,255,.08); }.scene-profile .lj-promotion-balance { border-color: rgba(75,166,151,.25); background: rgba(5,30,40,.42); }.scene-profile .lj-promotion-balance strong { color: #ecfff8; }.scene-profile .lj-promotion-balance small,.scene-profile .lj-promotion-card small,.scene-profile .lj-promotion-menu__entry small { color: #98bdb6; }.scene-profile .lj-promotion-menu__entry strong { color: #ecfff8; }.scene-profile .lj-promotion-menu__entry + .lj-promotion-menu__entry { border-top-color: rgba(85,168,153,.22); }.scene-profile .lj-promotion-menu__entry em,.scene-profile .lj-promotion-menu__entry i { color: #a7e7d3; }

/* Warm profile redesign: full account detail, fewer competing frames, and a vivid green purchase path. */
.lj-app.scene-profile { color: #302c28; background: #fbf9f2; }.lj-app.scene-profile::before { display: block; background: linear-gradient(145deg, rgba(255,223,159,.34) 0%, transparent 35%), linear-gradient(326deg, rgba(119,214,198,.2) 0%, transparent 36%), #fbf9f2; }
.scene-profile .lj-content { min-height: 100%; padding: max(14px, env(safe-area-inset-top)) 14px calc(108px + env(safe-area-inset-bottom)); color: #302c28; background: transparent; }
.scene-profile .lj-profile { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.95); border-radius: 22px; padding: 18px; color: #302c28; background: linear-gradient(126deg, #fffefa 0%, #fff4e4 51%, #e5f6ee 100%); box-shadow: 0 13px 27px rgba(146,104,59,.1), inset 0 1px rgba(255,255,255,.92); }.scene-profile .lj-profile__row { gap: 14px; }.scene-profile .lj-profile__avatar { border: 3px solid rgba(255,255,255,.88); color: #734b40; background: linear-gradient(140deg, #ffdc92 0%, #f7ab85 48%, #70cdbd 100%); box-shadow: 0 5px 13px rgba(213,132,83,.17); }.scene-profile .lj-profile strong { color: #292622; font-size: 16px; }.scene-profile .lj-profile span { color: #82776e; }.scene-profile .lj-profile__quota { gap: 0; margin-top: 18px; border: 1px solid rgba(232,214,190,.76); border-radius: 14px; background: rgba(255,255,255,.54); }.scene-profile .lj-profile__quota div { padding: 12px 13px; background: transparent; }.scene-profile .lj-profile__quota div + div { border-left: 1px solid rgba(229,212,190,.78); }.scene-profile .lj-profile__quota small { color: #9a8b7c; }.scene-profile .lj-profile__quota b { margin-top: 6px; color: #403731; font-size: 17px; }.scene-profile .lj-logout { min-height: 40px; margin-top: 12px; border: 1px solid rgba(233,181,161,.55); border-radius: 12px; color: #a66457; background: rgba(255,247,237,.6); font-size: 12px; }
.scene-profile .lj-section { margin-top: 22px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.scene-profile .lj-section__head { margin-bottom: 11px; padding: 0 3px; border: 0; }.scene-profile .lj-section__head > span { color: #332d28; font-size: 16px; font-weight: 800; }.scene-profile .lj-section__head > small { color: #9c8d80; font-size: 11px; }
.scene-profile .lj-purchase { gap: 10px; }.scene-profile .lj-purchase-actions { gap: 10px; }.scene-profile .lj-purchase-action { min-height: 86px; border: 1px solid rgba(226,213,194,.86); border-radius: 16px; padding: 14px; color: #473d35; background: rgba(255,253,248,.8); box-shadow: 0 6px 15px rgba(137,101,66,.055), inset 0 1px rgba(255,255,255,.9); }.scene-profile .lj-purchase-action small { color: #9c8c7d; }.scene-profile .lj-purchase-action.is-active { border-color: rgba(41,165,124,.78); color: #f6fffa; background: linear-gradient(128deg, #0d8064 0%, #18a482 56%, #77d7bd 100%); box-shadow: 0 10px 19px rgba(18,137,103,.22), inset 0 1px rgba(255,255,255,.3); }.scene-profile .lj-purchase-action.is-active small { color: rgba(244,255,250,.83); }.scene-profile .lj-purchase-action.is-active::after { display: none; }.scene-profile .lj-purchase-action.is-locked { border-color: rgba(224,215,204,.82); color: #aaa19a; background: rgba(249,247,243,.73); }.scene-profile .lj-purchase-action.is-locked small { color: #b4aca4; }
.scene-profile .lj-purchase-catalog__head { min-height: 50px; border-color: rgba(64,176,139,.68); border-radius: 16px; color: #f5fffa; background: linear-gradient(117deg, #08775f, #15977a 59%, #64cdb1); box-shadow: 0 9px 18px rgba(17,133,100,.17), inset 0 1px rgba(255,255,255,.24); }.scene-profile .lj-purchase-catalog__head button { color: #157a65; background: rgba(255,255,255,.88); }.scene-profile .lj-purchase-products { gap: 10px; margin-top: 10px; }.scene-profile .lj-purchase-product { min-height: 85px; border-color: rgba(216,231,217,.94); border-radius: 16px; background: linear-gradient(112deg, #fffefa 0%, #fff7e9 52%, #e4f6ee 100%); box-shadow: 0 7px 16px rgba(126,99,61,.07), inset 0 1px rgba(255,255,255,.88); }.scene-profile .lj-purchase-product::before { top: 0; bottom: 0; left: 0; width: 4px; height: auto; opacity: 1; background: linear-gradient(#2ab494, #9ce0c9); }.scene-profile .lj-purchase-product__main strong { color: #372f29; font-size: 15px; }.scene-profile .lj-purchase-product__main small { color: #8a8177; font-size: 11px; }.scene-profile .lj-purchase-product__pay b { min-width: 82px; border-color: rgba(65,170,137,.56); border-radius: 9px; color: #14755f; background: #edfff6; box-shadow: inset 0 1px rgba(255,255,255,.9); font-size: 16px; }.scene-profile .lj-purchase-product__pay small,.scene-profile .lj-purchase-loading { color: #759387; }.scene-profile .lj-purchase-product:active { border-color: #4dbf9f; background: linear-gradient(112deg, #f5fff9, #ddf7eb); }
.scene-profile .lj-mobile-payment { border-color: rgba(48,168,130,.67); border-radius: 16px; background: linear-gradient(140deg, #087a63, #12977b 62%, #65cdb1); box-shadow: 0 11px 23px rgba(16,129,101,.19); }.scene-profile .lj-mobile-payment__head { color: #f5fffa; background: transparent; box-shadow: none; }.scene-profile .lj-mobile-payment__head button { color: #147a66; background: rgba(255,255,255,.9); }.scene-profile .lj-mobile-payment__body p { color: rgba(248,255,252,.86); }.scene-profile .lj-payment-open { border-color: rgba(255,255,255,.76); color: #08715d; background: #f1fff8; }
.scene-profile .lj-promotion { gap: 10px; }.scene-profile .lj-promotion-locked { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; border: 1px solid rgba(235,216,188,.86); border-radius: 17px; padding: 13px; color: #40362e; background: linear-gradient(124deg, rgba(255,245,214,.92), rgba(255,236,205,.76) 49%, rgba(222,246,237,.88)); box-shadow: 0 7px 16px rgba(139,103,61,.065), inset 0 1px rgba(255,255,255,.9); }.scene-profile .lj-promotion-locked__mark { width: 42px; height: 42px; border-color: rgba(255,255,255,.86); border-radius: 13px; color: #8e5c48; background: linear-gradient(145deg, #ffd68d, #f6ad87 52%, #82d4c6); box-shadow: 0 5px 11px rgba(220,139,88,.13); }.scene-profile .lj-promotion-locked__copy strong { color: #3a3029; }.scene-profile .lj-promotion-locked__copy small,.scene-profile .lj-promotion-locked em { color: #907f70; }.scene-profile .lj-promotion-locked em { border-color: rgba(223,200,177,.73); border-radius: 8px; background: rgba(255,255,255,.55); }
.scene-profile .lj-promotion-card,.scene-profile .lj-promotion-menu { border-color: rgba(233,219,200,.86); border-radius: 17px; color: #3b322c; background: rgba(255,253,248,.76); box-shadow: 0 7px 16px rgba(134,99,60,.055), inset 0 1px rgba(255,255,255,.88); }.scene-profile .lj-promotion-balance { gap: 0; overflow: hidden; border: 1px solid rgba(236,222,204,.82); border-radius: 13px; background: rgba(255,247,229,.62); }.scene-profile .lj-promotion-balance div { border: 0; border-radius: 0; padding: 12px; background: transparent; box-shadow: none; }.scene-profile .lj-promotion-balance div + div { border-left: 1px solid rgba(234,219,199,.78); }.scene-profile .lj-promotion-balance small,.scene-profile .lj-promotion-card small,.scene-profile .lj-promotion-menu__entry small { color: #998a7c; }.scene-profile .lj-promotion-balance strong,.scene-profile .lj-promotion-menu__entry strong { color: #3b322b; }.scene-profile .lj-promotion-link { border-top-color: rgba(233,219,200,.76); }.scene-profile .lj-promotion-link span { color: #776b60; }.scene-profile .lj-promotion-link button { color: #14775f; background: #eafff3; }.scene-profile .lj-promotion-menu__entry + .lj-promotion-menu__entry { border-top-color: rgba(234,221,204,.79); }.scene-profile .lj-promotion-menu__entry em,.scene-profile .lj-promotion-menu__entry i { color: #29957b; }.scene-profile .lj-promotion-menu__entry:active { background: rgba(255,226,185,.42); }

/* Rebalance the acquisition entry and keep purchase actions inside the warm palette. */
.scene-acquisition .lj-content { padding-top: max(22px, env(safe-area-inset-top)); }.scene-acquisition .lj-acquisition-hero { min-height: 0; }.scene-acquisition .lj-acquisition-grid { margin-top: 14px; }
.scene-profile .lj-purchase-action.is-active { border-color: rgba(211,126,96,.82); color: #fffaf5; background: linear-gradient(128deg, #b9614e 0%, #df8a64 56%, #f0bd83 100%); box-shadow: 0 10px 19px rgba(195,109,76,.2), inset 0 1px rgba(255,255,255,.3); }.scene-profile .lj-purchase-action.is-active small { color: rgba(255,250,245,.86); }
.scene-profile .lj-purchase-catalog__head { border-color: rgba(214,133,100,.7); color: #fffaf5; background: linear-gradient(117deg, #b85e4c, #db865f 60%, #efb67d); box-shadow: 0 9px 18px rgba(193,105,71,.18), inset 0 1px rgba(255,255,255,.25); }.scene-profile .lj-purchase-catalog__head button { color: #ae5d4c; background: rgba(255,251,246,.91); }
.scene-profile .lj-purchase-product { border-color: rgba(237,217,194,.94); background: linear-gradient(112deg, #fffefa 0%, #fff5e5 54%, #fff0dc 100%); box-shadow: 0 7px 16px rgba(141,98,59,.07), inset 0 1px rgba(255,255,255,.9); }.scene-profile .lj-purchase-product::before { background: linear-gradient(#df8a66, #f3c88c); }.scene-profile .lj-purchase-product__pay b { border-color: rgba(210,130,95,.58); color: #ad5d49; background: #fff4df; }.scene-profile .lj-purchase-product__pay small,.scene-profile .lj-purchase-loading { color: #a18573; }.scene-profile .lj-purchase-product:active { border-color: #e29b78; background: linear-gradient(112deg, #fffaf2, #ffe7cd); }
.scene-profile .lj-mobile-payment { border-color: rgba(213,131,97,.72); background: linear-gradient(140deg, #b55e4b, #dc8660 62%, #edb47c); box-shadow: 0 11px 23px rgba(190,102,69,.19); }.scene-profile .lj-mobile-payment__head { color: #fffaf5; }.scene-profile .lj-mobile-payment__head button { color: #ad5b49; background: rgba(255,251,246,.92); }.scene-profile .lj-mobile-payment__body p { color: rgba(255,250,245,.88); }.scene-profile .lj-payment-open { color: #a85845; background: #fffaf3; }

/* Creation chooser: dark linework keeps the pastel tool cards legible. */
.lj-create-menu__list > .lj-create-menu__item { border-color: rgba(22,22,19,.9); }.lj-create-menu__list > .lj-create-menu__item > .lj-create-menu__icon { border-color: #171714; box-shadow: inset 0 1px rgba(255,255,255,.74), 0 7px 15px rgba(47,45,40,.15); }.lj-create-menu__icon svg { stroke: #151513; filter: none; }

/* Keep the tool-card boundary dark, but let the icon linework float in white. */
.lj-create-menu__list > .lj-create-menu__item > .lj-create-menu__icon { border-color: rgba(255,255,255,.96); box-shadow: inset 0 1px rgba(255,255,255,.88), 0 7px 15px rgba(47,45,40,.15); }.lj-create-menu__icon svg { stroke: #fff; filter: drop-shadow(0 1px 1px rgba(89,61,53,.2)); }

/* Acquisition tools are gated by the existing formal-edition payment flow. */
.lj-acquisition-upgrade { position: absolute; z-index: 52; inset: 0; display: grid; place-items: center; padding: 22px 18px calc(112px + env(safe-area-inset-bottom)); }.lj-acquisition-upgrade__backdrop { position: absolute; inset: 0; border: 0; background: rgba(38,31,26,.31); backdrop-filter: blur(7px); }.lj-acquisition-upgrade__panel { position: relative; width: min(100%, 344px); overflow: hidden; border: 1px solid rgba(255,255,255,.94); border-radius: 20px; padding: 23px 21px 18px; color: #312a25; background: linear-gradient(137deg, #fffefa 0%, #fff1dc 54%, #e6f5ef 100%); box-shadow: 0 19px 42px rgba(66,43,29,.25), inset 0 1px rgba(255,255,255,.94); text-align: center; }.lj-acquisition-upgrade__panel > span { display: block; color: #c5765f; font-size: 9px; font-weight: 800; letter-spacing: 1.25px; }.lj-acquisition-upgrade__panel h2 { margin: 8px 0 0; color: #28231f; font-size: 22px; font-weight: 820; line-height: 1.2; }.lj-acquisition-upgrade__panel p { margin: 11px auto 0; color: #74685e; font-size: 13px; line-height: 1.6; }.lj-acquisition-upgrade__panel > strong { display: block; margin-top: 16px; color: #ad5d49; font-size: 36px; font-weight: 850; line-height: 1; }.lj-acquisition-upgrade__panel > strong small { margin-left: 6px; color: #998676; font-size: 14px; font-weight: 700; }.lj-acquisition-upgrade__panel > div { display: grid; grid-template-columns: 1fr 1.25fr; gap: 9px; margin-top: 20px; }.lj-acquisition-upgrade__panel > .lj-acquisition-upgrade__actions--single { display: block; }.lj-acquisition-upgrade__actions--single button { width: 100%; }.lj-acquisition-upgrade__panel button { min-height: 43px; border: 1px solid rgba(224,204,184,.9); border-radius: 12px; color: #837368; background: rgba(255,253,248,.76); font-size: 14px; font-weight: 720; cursor: pointer; }.lj-acquisition-upgrade__panel button:last-child { border-color: rgba(207,125,92,.68); color: #fffaf5; background: linear-gradient(112deg, #b75e4b, #dc8961 58%, #efba82); box-shadow: 0 7px 14px rgba(190,104,71,.19); }.lj-acquisition-upgrade__panel button:active { transform: translateY(1px); }

/* Content-only black keylines. Navigation layout and icons remain untouched. */
.scene-home .lj-home-stage,
.scene-home .lj-home-hero,
.scene-home .lj-feature,
.scene-acquisition .lj-acquisition-hero,
.scene-acquisition .lj-acquisition-card,
.scene-acquisition .lj-acquisition-tool__canvas,
.scene-works .lj-works-categories,
.scene-works .lj-work-tile,
.scene-works .lj-work-result,
.scene-works .lj-work-pending,
.scene-works .lj-works-empty,
.scene-profile .lj-profile,
.scene-profile .lj-purchase-action,
.scene-profile .lj-purchase-catalog__head,
.scene-profile .lj-purchase-product,
.scene-profile .lj-mobile-payment,
.scene-profile .lj-promotion-card,
.scene-profile .lj-promotion-menu,
.scene-profile .lj-promotion-locked,
.scene-promotion .lj-promotion-detail,
.scene-promotion .lj-promotion-rules,
.scene-promotion .lj-promotion-balance {
  border-color: #1A1D23 !important;
}
.scene-home .lj-feature-grid .lj-feature,
.scene-acquisition .lj-acquisition-card,
.scene-works .lj-work-tile,
.scene-works .lj-work-result,
.scene-profile .lj-purchase-action,
.scene-profile .lj-purchase-product,
.scene-profile .lj-promotion-card,
.scene-profile .lj-promotion-menu,
.scene-profile .lj-promotion-locked {
  border-width: 1px !important;
}

/* The compact account controls are content cards too; keep their keylines visible. */
.scene-profile .lj-profile__quota,
.scene-profile .lj-logout {
  border: 1px solid #1A1D23 !important;
}

/* The inner acquisition and promotion pages use the same black content keyline. */
.scene-acquisition .lj-acquisition-topbar + .lj-acquisition-tool,
.scene-acquisition .lj-acquisition-tool,
.scene-promotion .lj-promotion-detail,
.scene-promotion .lj-promotion-detail > .lj-card {
  border-color: #1A1D23 !important;
}

/* A restrained warm-glass treatment keeps the acquisition artwork prominent. */
.scene-acquisition .lj-acquisition-card { isolation: isolate; background: #FFF9F4; box-shadow: 0 9px 18px rgba(80, 54, 40, .12), inset 0 1px rgba(255,255,255,.88); }
.scene-acquisition .lj-acquisition-card::before { position: absolute; z-index: 0; inset: 0; border-radius: inherit; content: ""; pointer-events: none; }
.scene-acquisition .lj-acquisition-card > * { position: relative; z-index: 1; }.scene-acquisition .lj-acquisition-card > .lj-acquisition-card__arrow { position: absolute; }
.scene-acquisition .lj-acquisition-card > strong { color: #2D2723; }.scene-acquisition .lj-acquisition-card > small { color: #7D675B; }
.scene-acquisition .lj-acquisition-card__art { border: 1px solid rgba(255,255,255,.78); border-radius: 11px; box-shadow: 0 6px 13px rgba(55, 39, 39, .16), inset 0 1px rgba(255,255,255,.45); }
.scene-acquisition .lj-acquisition-card__arrow { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #6F5043; background: rgba(255,255,255,.55); font-size: 12px; opacity: 1; }
.scene-acquisition .lj-acquisition-card--douyin::before { background: radial-gradient(circle at 12% 4%, rgba(255, 190, 163, .78), transparent 48%), linear-gradient(145deg, #FFF7F1 0%, #FBE4D5 100%); }
.scene-acquisition .lj-acquisition-card--xiaohongshu::before { background: radial-gradient(circle at 88% 5%, rgba(246, 205, 120, .7), transparent 47%), linear-gradient(145deg, #FFFBEF 0%, #FBE8C9 100%); }
.scene-acquisition .lj-acquisition-card--message::before { background: radial-gradient(circle at 10% 2%, rgba(232, 185, 158, .7), transparent 49%), linear-gradient(145deg, #FFF8F2 0%, #F4DFD2 100%); }
.scene-acquisition .lj-acquisition-tool__canvas,
.scene-promotion .lj-promotion-detail > .lj-card,
.scene-promotion .lj-promotion-rules {
  border-width: 1px !important;
}

/* Inner creation/tool surfaces also receive the same black keyline. */
.scene-studio-image .lj-image-reference-hero,
.scene-studio-video .lj-video-reference-hero,
.scene-studio-edit .lj-mix-reference-hero,
.scene-studio-human .lj-human-workbench,
.scene-studio-human .lj-studio-talent-hero,
.scene-studio-human .lj-studio-talent-actions__item,
.scene-studio-human .lj-studio-talent-project,
.scene-studio-human .lj-studio-talent-quick,
.scene-studio-image .lj-studio-form,
.scene-studio-video .lj-studio-form,
.scene-studio-edit .lj-studio-form,
.scene-studio-human .lj-studio-form,
.scene-studio-image .lj-choice,
.scene-studio-video .lj-choice,
.scene-studio-edit .lj-choice,
.scene-studio-human .lj-choice,
.scene-studio-image .lj-input-card,
.scene-studio-video .lj-input-card,
.scene-studio-edit .lj-input-card,
.scene-studio-human .lj-input-card,
.scene-studio-image .lj-upload,
.scene-studio-video .lj-upload,
.scene-studio-edit .lj-upload,
.scene-studio-human .lj-upload,
.scene-studio-image .lj-settings-trigger,
.scene-studio-video .lj-settings-trigger,
.scene-studio-edit .lj-settings-trigger,
.scene-studio-human .lj-settings-trigger {
  border-color: #1A1D23 !important;
}

/* Primary generation actions keep the same keyline as their creation forms. */
.scene-studio-image .lj-submit .lj-primary,
.scene-studio-video .lj-submit .lj-primary,
.scene-studio-edit .lj-submit .lj-primary,
.scene-studio-human .lj-submit .lj-primary,
.scene-studio-edit .lj-mix-selection__submit {
  border: 1px solid #1A1D23 !important;
}

/* Candidate selection lives on the light works page: use opaque, high-contrast
   controls so every selectable version remains readable in WeChat. */
.scene-works .lj-work-pending .lj-status--action { min-height: 34px; border-color: #176f62; border-radius: 9px; padding: 6px 11px; color: #fff; background: #167f70; box-shadow: 0 4px 9px rgba(16, 103, 87, .18); font-size: 11px; font-weight: 800; }
.scene-works .lj-work-pending .lj-mix-selection { gap: 12px; margin: 12px 0 0; border-top-color: #d8d0c6; padding: 14px 0 0; }
.scene-works .lj-work-pending .lj-mix-selection__head { color: #242522; font-size: 13px; font-weight: 800; }
.scene-works .lj-work-pending .lj-mix-selection__head button,.scene-works .lj-work-pending .lj-mix-selection__retry { min-height: 32px; border: 1px solid #a99f92; border-radius: 8px; padding: 0 10px; color: #393733; background: #fffdf8; font-size: 11px; font-weight: 700; }
.scene-works .lj-work-pending .lj-mix-selection__loading,.scene-works .lj-work-pending .lj-mix-selection__error { color: #635d55; font-size: 11px; font-weight: 600; }
.scene-works .lj-work-pending .lj-mix-selection__error { color: #a13d39; }
.scene-works .lj-work-pending .lj-mix-draft-list { gap: 9px; }
.scene-works .lj-work-pending .lj-mix-draft { border-color: #54514c; border-radius: 10px; padding: 0; background: #fffdf8; box-shadow: 0 2px 7px rgba(65, 53, 42, .06); }
.scene-works .lj-work-pending .lj-mix-draft.is-selected { border-color: #117a69; background: #e7f8f2; box-shadow: 0 0 0 2px rgba(17, 122, 105, .14); }
.scene-works .lj-work-pending .lj-mix-draft.is-unavailable { opacity: 1; border-color: #aaa49a; background: #f0eeea; }
.scene-works .lj-work-pending .lj-mix-draft__select { min-height: 64px; padding: 12px 13px; color: #252624; }
.scene-works .lj-work-pending .lj-mix-draft__select strong { color: #252624; font-size: 13px; font-weight: 800; }
.scene-works .lj-work-pending .lj-mix-draft__select small { color: #645e56; font-size: 11px; font-weight: 650; }
.scene-works .lj-work-pending .lj-mix-draft__mark { width: 20px; height: 20px; flex-basis: 20px; border: 2px solid #5d5a54; }
.scene-works .lj-work-pending .lj-mix-draft.is-selected .lj-mix-draft__mark { border-color: #117a69; background: #117a69; box-shadow: none; }
.scene-works .lj-work-pending .lj-mix-draft.is-selected .lj-mix-draft__mark::after { border-color: #fff; }
.scene-works .lj-work-pending .lj-mix-selection__footer { gap: 10px; padding-top: 2px; }
.scene-works .lj-work-pending .lj-mix-selection__footer p { color: #514c45; font-size: 11px; font-weight: 600; }
.scene-works .lj-work-pending .lj-mix-selection__submit { min-height: 44px; border: 1px solid #176f62 !important; border-radius: 10px; color: #fff; background: #167f70; box-shadow: 0 5px 11px rgba(16, 103, 87, .18); font-size: 13px; font-weight: 800; }

/* Every control inside the shared "more settings" sheet uses the content keyline. */
.lj-settings-sheet,
.lj-settings-sheet header,
.lj-settings-sheet header button,
.lj-settings-sheet .lj-option-tile,
.lj-settings-sheet .lj-option-ratio,
.lj-settings-sheet .lj-setting-group--toggle,
.lj-settings-sheet .lj-setting-group--toggle .lj-toggle i,
.lj-settings-sheet .lj-saved-avatar,
.lj-settings-sheet .lj-saved-avatar__thumb,
.lj-settings-sheet .lj-saved-avatar__delete {
  border-color: #1A1D23 !important;
}

/* Saved human avatars sit on a light sheet, so their names need solid contrast. */
.lj-settings-sheet .lj-saved-avatar,
.lj-settings-sheet .lj-saved-avatar.is-active,
.lj-settings-sheet .lj-saved-avatar__select,
.lj-settings-sheet .lj-saved-avatar__placeholder {
  color: #1A1D23 !important;
}
.lj-settings-sheet .lj-saved-avatar__thumb {
  background: #e7e1ef;
}

/* Price is the purchase action: make it a clear, tactile control without changing its handler. */
.scene-profile .lj-purchase-product__pay {
  min-width: 108px;
  gap: 6px;
}
.scene-profile .lj-purchase-product__pay b {
  position: relative;
  display: flex;
  min-width: 108px;
  min-height: 49px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  border: 1.5px solid #1A1D23 !important;
  border-radius: 12px;
  padding: 5px 13px 4px;
  color: #fffaf3;
  background: linear-gradient(137deg, #28272b 0%, #46322f 57%, #8b594d 100%);
  box-shadow: 0 4px 0 rgba(26,29,35,.15), inset 0 1px rgba(255,255,255,.16);
  font-size: 22px;
  font-weight: 830;
  line-height: 1.05;
  text-align: right;
}
.scene-profile .lj-purchase-product__pay b::before {
  content: "立即购买";
  color: #f0d4ab;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.1;
}
.scene-profile .lj-purchase-product__pay small {
  width: 100%;
  padding-right: 3px;
  color: #5e4b44;
  font-size: 10px;
  font-weight: 700;
  text-align: right;
}
.scene-profile .lj-purchase-product:active .lj-purchase-product__pay b {
  box-shadow: 0 1px 0 rgba(26,29,35,.12), inset 0 1px rgba(255,255,255,.12);
  transform: translateY(2px);
}

/* Preserve the homepage's original label colours; inner screens use black labels. */
.lj-app:not(.scene-home) .lj-bottom-nav .lj-nav > span:last-child,
.lj-app:not(.scene-home) .lj-bottom-nav .lj-nav.is-active > span:last-child {
  color: #1A1D23 !important;
  text-shadow: none;
}

/* The navigation icons are CSS line drawings; currentColor controls every stroke. */
.lj-app:not(.scene-home) .lj-bottom-nav .lj-nav__glyph {
  color: #1A1D23 !important;
  text-shadow: none;
}

/* The creation overview uses all available canvas height: five equal launchers,
   with the dock pinned inside the mobile viewport. */
.scene-studio-overview .lj-content {
  overflow-y: hidden;
  padding-bottom: calc(104px + env(safe-area-inset-bottom));
}
.scene-studio-overview .lj-studio-startbar {
  min-height: 112px;
  padding: 15px 17px 21px;
}
.scene-studio-overview .lj-studio-start--reference {
  display: flex;
  height: calc(100% - 112px);
  min-height: 0;
  padding: 18px 10px 30px;
}
.scene-studio-overview .lj-studio-reference-list {
  display: grid;
  flex: 1 1 auto;
  grid-template-rows: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.scene-studio-overview .lj-studio-reference-card {
  min-height: 0;
  grid-template-columns: 34px minmax(0, 1fr) 50px;
  gap: 16px;
  border-radius: 19px;
  padding: 20px 22px 20px 20px;
}
.scene-studio-overview .lj-studio-reference-card__number {
  width: 30px;
  height: 30px;
  font-size: 13px;
}
.scene-studio-overview .lj-studio-reference-card__copy strong { font-size: 20px; }
.scene-studio-overview .lj-studio-reference-card__copy small {
  margin-top: 8px;
  font-size: 12px;
}
.scene-studio-overview .lj-studio-reference-card > i {
  width: 44px;
  height: 44px;
  font-size: 23px;
}
.scene-studio-overview .lj-studio-reference-card--visual > b { top: -27px; width: 116px; height: 103px; }
.scene-studio-overview .lj-studio-reference-card--edit > b { top: 9px; width: 110px; height: 110px; }
.scene-studio-overview .lj-studio-reference-card--human > b,
.scene-studio-overview .lj-studio-reference-card--more > b,
.scene-studio-overview .lj-studio-reference-card--sales > b { width: 112px; height: 112px; }
.scene-studio-overview .lj-studio-reference-card--more > b,
.scene-studio-overview .lj-studio-reference-card--sales > b {
  right: -1px;
  bottom: -21px;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
}

/* Keep each of the five equal creation frames visually balanced on phones. */
.scene-studio-overview .lj-studio-reference-card__copy {
  align-self: center;
  justify-self: start;
  display: flex;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  transform: translateY(0);
}
.scene-studio-overview .lj-studio-reference-card__copy strong { line-height: 1.12; }
.scene-studio-overview .lj-studio-reference-card__copy small {
  margin-top: 4px;
  line-height: 1.2;
  text-align: left;
}
.scene-studio-overview .lj-bottom-nav {
  bottom: max(12px, env(safe-area-inset-bottom));
}
@media (max-height: 700px) {
  .scene-studio-overview .lj-content { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
  .scene-studio-overview .lj-studio-startbar { min-height: 78px; padding: 9px 15px 12px; }
  .scene-studio-overview .lj-studio-startbar h1 { font-size: 22px; }
  .scene-studio-overview .lj-studio-startbar p { margin-top: 4px; font-size: 11px; }
  .scene-studio-overview .lj-studio-start--reference { height: calc(100% - 78px); padding: 6px 10px 4px; }
  .scene-studio-overview .lj-studio-reference-list { gap: 6px; }
  .scene-studio-overview .lj-studio-reference-card {
    min-height: 0;
    grid-template-columns: 29px minmax(0, 1fr) 40px;
    gap: 12px;
    border-radius: 14px;
    padding: 13px 15px;
  }
  .scene-studio-overview .lj-studio-reference-card__number { width: 26px; height: 26px; font-size: 11px; }
  .scene-studio-overview .lj-studio-reference-card__copy strong { font-size: 17px; }
  .scene-studio-overview .lj-studio-reference-card__copy small { margin-top: 5px; font-size: 10px; }
  .scene-studio-overview .lj-studio-reference-card > i { width: 36px; height: 36px; font-size: 19px; }
  .scene-studio-overview .lj-studio-reference-card--visual > b { top: -13px; width: 78px; height: 68px; }
  .scene-studio-overview .lj-studio-reference-card--edit > b,
  .scene-studio-overview .lj-studio-reference-card--human > b,
  .scene-studio-overview .lj-studio-reference-card--more > b,
  .scene-studio-overview .lj-studio-reference-card--sales > b { width: 72px; height: 72px; }
}

/* The numbered markers follow the left-aligned copy rather than the card center. */
.scene-studio-overview .lj-studio-reference-card__number {
  align-self: center;
  width: 38px;
  height: 38px;
  font-size: 16px;
  transform: translateY(0);
}

/* Keep the five creation choices at the same legible type scale on every phone height. */
.scene-studio-overview .lj-studio-reference-card__copy strong {
  font-size: 20px;
}
.scene-studio-overview .lj-studio-reference-card__copy small {
  margin-top: 4px;
  font-size: 12px;
}

/* Keep a clear marker gap without squeezing long creation titles into two lines. */
.scene-studio-overview .lj-studio-reference-card {
  column-gap: 18px;
}

/* AI video replication: an image-led, cool motion surface rather than the legacy dark form. */
.scene-studio-replica .lj-content { padding: 0 11px calc(104px + env(safe-area-inset-bottom)); color: #202a34; background: #f5fafb; }
.scene-studio-replica .lj-studio-toolbar { min-height: 58px; margin: 0 -11px; padding: 0 16px; color: #1e2d3a; background: rgba(246, 251, 252, .94); }
.scene-studio-replica .lj-studio-toolbar small { color: #5b8392; }.scene-studio-replica .lj-studio-toolbar strong { color: #1d2933; font-weight: 810; }
.scene-studio-replica .lj-replica-reference-hero { position: relative; min-height: 220px; overflow: visible; margin: 0 -11px 17px; border-radius: 0 0 24px 24px; background: linear-gradient(137deg, #c5f1ed 0%, #a9d9ed 47%, #a6b8e5 100%); box-shadow: 0 10px 24px rgba(74, 131, 158, .16); }
.scene-studio-replica .lj-replica-reference-hero::before { position: absolute; z-index: 0; top: -24px; right: -62px; width: 212px; height: 260px; border: 1px solid rgba(255,255,255,.72); border-radius: 52% 0 0 52%; background: linear-gradient(149deg, rgba(244,255,249,.9), rgba(188,237,244,.52) 48%, rgba(101,126,207,.48)); content: ""; transform: rotate(8deg); }
.scene-studio-replica .lj-replica-reference-hero::after { position: absolute; z-index: 1; right: -38px; bottom: -16px; width: 230px; height: 105px; border: 1px solid rgba(255,255,255,.52); border-radius: 58% 42% 0 0; background: rgba(255,255,255,.2); content: ""; transform: rotate(-9deg); }
.scene-studio-replica .lj-replica-reference-hero__copy { position: relative; z-index: 3; width: 68%; padding: 73px 0 0 27px; }.scene-studio-replica .lj-replica-reference-hero__copy span { color: rgba(45,94,110,.78); font-size: 9px; font-weight: 800; letter-spacing: 1.3px; }.scene-studio-replica .lj-replica-reference-hero__copy h1 { margin: 8px 0 0; color: #1c2933; font-size: 27px; font-weight: 840; line-height: 1.12; }.scene-studio-replica .lj-replica-reference-hero__copy p { max-width: 220px; margin: 9px 0 0; color: #3d5764; font-size: 12px; font-weight: 570; line-height: 1.48; }
.scene-studio-replica .lj-replica-reference-hero__motion { position: absolute; z-index: 2; top: 35px; right: 19px; width: 126px; height: 136px; }.scene-studio-replica .lj-replica-reference-hero__motion > i { position: absolute; top: 10px; right: 11px; width: 64px; height: 86px; border: 4px solid rgba(255,255,255,.9); border-radius: 19px; background: linear-gradient(150deg, #78b8cb 0 26%, #263c69 27% 53%, #f4efdc 54%); box-shadow: 0 8px 17px rgba(41,87,115,.2); transform: rotate(8deg); }.scene-studio-replica .lj-replica-reference-hero__motion > i::after { position: absolute; top: 19px; left: 17px; width: 24px; height: 24px; border: 3px solid #fff; border-radius: 50%; content: ""; }.scene-studio-replica .lj-replica-reference-hero__motion > b { position: absolute; right: 54px; bottom: 15px; width: 86px; height: 58px; border: 1px solid rgba(255,255,255,.8); border-radius: 44px 12px 32px 15px; background: rgba(78,171,191,.3); transform: rotate(-9deg); }.scene-studio-replica .lj-replica-reference-hero__motion > em { position: absolute; top: 20px; left: 0; width: 53px; height: 53px; border: 2px solid rgba(47,97,120,.48); border-radius: 50%; box-shadow: 18px 44px 0 -8px rgba(255,255,255,.82); }
.scene-studio-replica .lj-replica-reference-hero > strong { position: absolute; z-index: 4; right: 26px; bottom: 35px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.82); border-radius: 50%; color: #39758b; background: rgba(255,255,255,.6); box-shadow: 0 6px 14px rgba(44,92,113,.12); font-size: 13px; }
.scene-studio-replica .lj-section.lj-studio-form--replica-reference { position: relative; z-index: 3; margin: 0; border: 1px solid #dce8eb; border-radius: 23px; padding: 15px 14px 16px; background: rgba(255,255,255,.95); box-shadow: 0 9px 23px rgba(59,111,131,.09); }.scene-studio-replica .lj-studio-form--replica-reference .lj-studio-form__label,.scene-studio-replica .lj-studio-form--replica-reference .lj-section__head { color: #263b47; font-size: 13px; font-weight: 760; }.scene-studio-replica .lj-studio-form--replica-reference .lj-upload-shell { margin-top: 11px; }.scene-studio-replica .lj-studio-form--replica-reference .lj-upload { min-height: 76px; border: 1px solid #d3e1e5; border-radius: 14px; padding: 11px 12px; color: #304653; background: #fbfefe; box-shadow: none; }.scene-studio-replica .lj-studio-form--replica-reference .lj-upload strong { color: #263b47; font-size: 14px; }.scene-studio-replica .lj-studio-form--replica-reference .lj-upload__copy > span { color: #748995; font-size: 10px; }.scene-studio-replica .lj-studio-form--replica-reference .lj-upload__mark { width: 42px; height: 42px; border: 0; border-radius: 11px; background: linear-gradient(140deg, #9fe5d7, #73bddc 54%, #7788d8); }.scene-studio-replica .lj-studio-form--replica-reference .lj-upload__mark .lj-upload__arrow { color: #fff; }.scene-studio-replica .lj-studio-form--replica-reference .lj-choices { gap: 8px; }.scene-studio-replica .lj-studio-form--replica-reference .lj-choice { min-height: 56px; border: 1px solid #d8e4e8; border-radius: 14px; color: #526a75; background: #fbfefe; box-shadow: none; }.scene-studio-replica .lj-studio-form--replica-reference .lj-choice.is-active { border-color: #71b6d1; color: #183d51; background: linear-gradient(104deg, #b7eddf, #83cce3 48%, #7788d9); box-shadow: 0 5px 11px rgba(87,155,188,.2); }.scene-studio-replica .lj-studio-form--replica-reference .lj-submit .lj-primary { min-height: 52px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(103deg, #74c9be 0%, #669fd5 49%, #767bd2 100%); box-shadow: 0 9px 17px rgba(73,133,184,.25); font-size: 17px; font-weight: 800; }.scene-studio-replica .lj-studio-form--replica-reference .lj-inline-action { color: #397b94; }.scene-studio-replica .lj-studio-form--replica-reference .lj-empty-card,.scene-studio-replica .lj-studio-form--replica-reference .lj-replica-task { border: 1px solid #d9e6e9; border-radius: 14px; background: #fbfefe; box-shadow: none; }

/* Commerce video uses the same full-bleed hierarchy, with its own warm product palette. */
.scene-studio-commerce .lj-content { padding: 0 11px calc(104px + env(safe-area-inset-bottom)); color: #302725; background: #fff9f4; }.scene-studio-commerce .lj-studio-toolbar { min-height: 58px; margin: 0 -11px; padding: 0 16px; background: rgba(255,250,246,.95); }.scene-studio-commerce .lj-studio-toolbar small { color: #a36d55; }.scene-studio-commerce .lj-studio-toolbar strong { color: #302622; font-weight: 810; }
.scene-studio-commerce .lj-commerce-reference-hero { position: relative; min-height: 220px; overflow: visible; margin: 0 -11px 17px; border-radius: 0 0 24px 24px; background: linear-gradient(137deg, #ffe1aa 0%, #f7b990 47%, #dd8790 100%); box-shadow: 0 10px 24px rgba(195,107,94,.16); }.scene-studio-commerce .lj-commerce-reference-hero::before { position: absolute; top: -28px; right: -68px; width: 216px; height: 259px; border: 1px solid rgba(255,255,255,.75); border-radius: 55% 0 0 55%; background: linear-gradient(149deg, rgba(255,251,216,.9), rgba(255,210,178,.54) 48%, rgba(168,100,119,.42)); content: ""; transform: rotate(8deg); }.scene-studio-commerce .lj-commerce-reference-hero::after { position: absolute; right: -38px; bottom: -15px; width: 228px; height: 104px; border: 1px solid rgba(255,255,255,.55); border-radius: 58% 42% 0 0; background: rgba(255,255,255,.2); content: ""; transform: rotate(-9deg); }.scene-studio-commerce .lj-commerce-reference-hero__copy { position: relative; z-index: 3; width: 71%; padding: 66px 0 0 27px; }.scene-studio-commerce .lj-commerce-reference-hero__copy span { color: rgba(122,74,61,.76); font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }.scene-studio-commerce .lj-commerce-reference-hero__copy h1 { margin: 8px 0 0; color: #302522; font-size: 25px; font-weight: 840; line-height: 1.14; }.scene-studio-commerce .lj-commerce-reference-hero__copy p { max-width: 236px; margin: 9px 0 0; color: #694841; font-size: 12px; font-weight: 570; line-height: 1.48; }.scene-studio-commerce .lj-commerce-reference-hero__product { position: absolute; z-index: 2; top: 36px; right: 18px; width: 127px; height: 136px; }.scene-studio-commerce .lj-commerce-reference-hero__product > i { position: absolute; right: 13px; bottom: 13px; width: 70px; height: 92px; border: 4px solid rgba(255,255,255,.9); border-radius: 20px 20px 14px 14px; background: linear-gradient(145deg, #f7d686 0 26%, #d26f73 27% 57%, #6a434d 58%); box-shadow: 0 8px 17px rgba(133,67,73,.19); transform: rotate(8deg); }.scene-studio-commerce .lj-commerce-reference-hero__product > i::before { position: absolute; top: -16px; left: 20px; width: 23px; height: 18px; border: 4px solid rgba(255,255,255,.9); border-bottom: 0; border-radius: 13px 13px 0 0; content: ""; }.scene-studio-commerce .lj-commerce-reference-hero__product > b { position: absolute; top: 20px; left: 3px; width: 69px; height: 69px; border: 1px solid rgba(255,255,255,.76); border-radius: 22px 10px 20px 9px; background: rgba(255,243,206,.52); transform: rotate(-11deg); }.scene-studio-commerce .lj-commerce-reference-hero__product > em { position: absolute; right: 1px; top: 9px; width: 35px; height: 35px; border: 2px solid rgba(121,69,62,.52); border-radius: 50%; box-shadow: -45px 83px 0 -7px rgba(255,255,255,.84); }.scene-studio-commerce .lj-commerce-reference-hero > strong { position: absolute; z-index: 4; right: 26px; bottom: 35px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.82); border-radius: 50%; color: #a1585a; background: rgba(255,255,255,.6); box-shadow: 0 6px 14px rgba(134,71,70,.12); font-size: 13px; }
.scene-studio-commerce .lj-section.lj-studio-form--commerce-reference { position: relative; z-index: 3; margin: 0; border: 1px solid #f0ded4; border-radius: 23px; padding: 15px 14px 16px; background: rgba(255,255,255,.95); box-shadow: 0 9px 23px rgba(144,82,70,.09); }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-studio-form__label { color: #45342f; font-size: 13px; font-weight: 760; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload-shell { margin-top: 11px; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload { min-height: 76px; border: 1px solid #ebddd3; border-radius: 14px; padding: 11px 12px; background: #fffdfa; box-shadow: none; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload strong { color: #45332e; font-size: 14px; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload__copy > span { color: #927970; font-size: 10px; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload__mark { width: 42px; height: 42px; border: 0; border-radius: 11px; background: linear-gradient(140deg, #f3d278, #ef9a77 54%, #c8667e); }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload__mark .lj-upload__arrow { color: #fff; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-input-card { min-height: 113px; margin-top: 12px; border: 0; border-bottom: 1px solid #eee1d9; border-radius: 0; padding: 2px 3px 9px; background: transparent; box-shadow: none; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-input-card label { color: #372924; font-size: 16px; font-weight: 790; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-textarea { height: 66px; min-height: 66px; padding: 12px 0 0; color: #44332d; font-size: 13px; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-textarea::placeholder { color: #9a837a; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-submit .lj-primary { min-height: 52px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(103deg, #eac56e 0%, #ea9375 46%, #c45d7a 100%); box-shadow: 0 9px 17px rgba(200,106,102,.25); font-size: 17px; font-weight: 800; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-selection-note { border-left-color: #db9476; color: #845d52; background: #fff5ed; }.scene-studio-commerce .lj-studio-form--commerce-reference .lj-commerce-result { border: 1px solid #ead8cf; border-radius: 15px; }

@media (max-width: 350px) { .scene-studio-replica .lj-replica-reference-hero,.scene-studio-commerce .lj-commerce-reference-hero { min-height: 202px; margin-bottom: 14px; border-radius: 0 0 21px 21px; }.scene-studio-replica .lj-replica-reference-hero__copy,.scene-studio-commerce .lj-commerce-reference-hero__copy { padding-top: 60px; padding-left: 23px; }.scene-studio-replica .lj-replica-reference-hero__copy h1,.scene-studio-commerce .lj-commerce-reference-hero__copy h1 { font-size: 22px; }.scene-studio-replica .lj-replica-reference-hero__copy p,.scene-studio-commerce .lj-commerce-reference-hero__copy p { font-size: 10px; }.scene-studio-replica .lj-section.lj-studio-form--replica-reference,.scene-studio-commerce .lj-section.lj-studio-form--commerce-reference { border-radius: 19px; padding: 12px; } }

/* Match the established AI-image composition: full-bleed media, fixed copy and a continuous editor frame. */
.scene-studio-replica .lj-replica-reference-hero,
.scene-studio-commerce .lj-commerce-reference-hero { min-height: 222px; margin: 0 -11px 16px; overflow: visible; border: 0; border-radius: 0 0 24px 24px; background: #e8efeb; box-shadow: 0 10px 24px rgba(78,62,46,.08); }
.scene-studio-replica .lj-replica-reference-hero::before,
.scene-studio-replica .lj-replica-reference-hero::after,
.scene-studio-commerce .lj-commerce-reference-hero::before,
.scene-studio-commerce .lj-commerce-reference-hero::after { display: none; }
.scene-studio-replica .lj-replica-reference-hero__media,
.scene-studio-commerce .lj-commerce-reference-hero__media { position: absolute; z-index: 0; inset: 0 0 -98px; overflow: hidden; border-radius: 0 0 24px 24px; background: #e8efeb; }
.scene-studio-replica .lj-replica-reference-hero__media img,
.scene-studio-commerce .lj-commerce-reference-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.scene-studio-replica .lj-replica-reference-hero__media::before,
.scene-studio-commerce .lj-commerce-reference-hero__media::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(255,252,239,.76) 0%, rgba(255,250,239,.42) 46%, rgba(255,255,255,0) 77%); content: ""; pointer-events: none; }
.scene-studio-replica .lj-replica-reference-hero__media i,
.scene-studio-commerce .lj-commerce-reference-hero__media i { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 126px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.2) 45%, rgba(255,255,255,.52)); content: ""; backdrop-filter: blur(12px) saturate(.82); -webkit-backdrop-filter: blur(12px) saturate(.82); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); }
.scene-studio-replica .lj-replica-reference-hero__copy,
.scene-studio-commerce .lj-commerce-reference-hero__copy { position: relative; z-index: 4; width: 68%; padding: 92px 0 0 31px; }
.scene-studio-replica .lj-replica-reference-hero__copy span,
.scene-studio-commerce .lj-commerce-reference-hero__copy span { display: none; }
.scene-studio-replica .lj-replica-reference-hero__copy h1,
.scene-studio-commerce .lj-commerce-reference-hero__copy h1 { margin: 0; color: #1a1d23; font-size: 27px; font-weight: 830; line-height: 1.14; text-shadow: 0 1px rgba(255,255,255,.45); }
.scene-studio-replica .lj-replica-reference-hero__copy p,
.scene-studio-commerce .lj-commerce-reference-hero__copy p { max-width: 225px; margin: 10px 0 0; color: rgba(26,29,35,.88); font-size: 12px; font-weight: 570; line-height: 1.48; text-shadow: 0 1px rgba(255,255,255,.43); }
.scene-studio-replica .lj-section.lj-studio-form--replica-reference,
.scene-studio-commerce .lj-section.lj-studio-form--commerce-reference { position: relative; z-index: 2; margin: 0; border: 1px solid #1a1d23; border-radius: 23px; padding: 15px 14px 16px; background: linear-gradient(180deg, rgba(255,255,255,.81), rgba(255,255,255,.94) 39%, #fff 64%); box-shadow: 0 9px 23px rgba(78,62,46,.08); backdrop-filter: blur(14px) saturate(.84); -webkit-backdrop-filter: blur(14px) saturate(.84); }
.scene-studio-replica .lj-studio-form--replica-reference .lj-upload,
.scene-studio-commerce .lj-studio-form--commerce-reference .lj-upload,
.scene-studio-replica .lj-studio-form--replica-reference .lj-choice,
.scene-studio-commerce .lj-studio-form--commerce-reference .lj-choice,
.scene-studio-commerce .lj-studio-form--commerce-reference .lj-input-card,
.scene-studio-replica .lj-studio-form--replica-reference .lj-replica-task,
.scene-studio-replica .lj-studio-form--replica-reference .lj-empty-card { border-color: #1a1d23 !important; }
.scene-studio-replica .lj-studio-form--replica-reference .lj-submit .lj-primary,
.scene-studio-commerce .lj-studio-form--commerce-reference .lj-submit .lj-primary { border: 1px solid #1a1d23 !important; }
@media (max-width: 350px) { .scene-studio-replica .lj-replica-reference-hero,.scene-studio-commerce .lj-commerce-reference-hero { min-height: 202px; margin-bottom: 14px; border-radius: 0 0 21px 21px; }.scene-studio-replica .lj-replica-reference-hero__media,.scene-studio-commerce .lj-commerce-reference-hero__media { bottom: -86px; border-radius: 0 0 21px 21px; }.scene-studio-replica .lj-replica-reference-hero__media i,.scene-studio-commerce .lj-commerce-reference-hero__media i { height: 112px; }.scene-studio-replica .lj-replica-reference-hero__copy,.scene-studio-commerce .lj-commerce-reference-hero__copy { padding-top: 82px; padding-left: 25px; }.scene-studio-replica .lj-section.lj-studio-form--replica-reference,.scene-studio-commerce .lj-section.lj-studio-form--commerce-reference { border-radius: 19px; padding: 12px; } }

/* TikTok commerce is a gated three-step workflow, matching the desktop task order. */
.scene-studio-commerce .lj-commerce-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 0 0 16px; }
.scene-studio-commerce .lj-commerce-steps__item { display: grid; min-height: 69px; align-content: center; justify-items: start; gap: 5px; border: 1px solid #1a1d23; border-radius: 13px; padding: 8px 8px 8px 9px; color: #6b625d; text-align: left; background: rgba(255,255,255,.72); box-shadow: none; cursor: pointer; }
.scene-studio-commerce .lj-commerce-steps__item i { display: grid; width: 19px; height: 19px; place-items: center; border: 1px solid currentColor; border-radius: 50%; color: inherit; font-size: 10px; font-style: normal; font-weight: 800; }
.scene-studio-commerce .lj-commerce-steps__item span { color: inherit; font-size: 10px; font-weight: 760; line-height: 1.28; }
.scene-studio-commerce .lj-commerce-steps__item.is-active { color: #1a1d23; background: linear-gradient(135deg, rgba(255,222,170,.92), rgba(244,177,151,.86) 53%, rgba(213,126,142,.81)); box-shadow: 0 5px 12px rgba(180,102,90,.16); }
.scene-studio-commerce .lj-commerce-steps__item.is-complete { color: #513e39; background: rgba(255,239,218,.84); }
.scene-studio-commerce .lj-commerce-steps__item:disabled { opacity: .48; cursor: not-allowed; }
.scene-studio-commerce .lj-commerce-stage { display: grid; gap: 12px; }
.scene-studio-commerce .lj-commerce-stage > header { display: grid; gap: 4px; }
.scene-studio-commerce .lj-commerce-stage > header > span { color: #a55759; font-size: 10px; font-weight: 820; letter-spacing: .7px; }
.scene-studio-commerce .lj-commerce-stage > header > strong { color: #1a1d23; font-size: 18px; font-weight: 830; line-height: 1.2; }
.scene-studio-commerce .lj-commerce-stage > header > small { color: #625a55; font-size: 12px; line-height: 1.48; }
.scene-studio-commerce .lj-commerce-stage .lj-upload-shell { margin-top: 0; }
.scene-studio-commerce .lj-commerce-stage .lj-input-card { margin-top: 0; border: 1px solid #1a1d23; border-radius: 14px; padding: 11px 12px; background: rgba(255,255,255,.78); }
.scene-studio-commerce .lj-commerce-stage .lj-input-card label { color: #1a1d23; font-size: 14px; }
.scene-studio-commerce .lj-commerce-stage .lj-textarea { height: 96px; min-height: 96px; padding: 10px 0 0; }
.scene-studio-commerce .lj-commerce-stage__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr); gap: 9px; margin-top: 2px; }
.scene-studio-commerce .lj-commerce-stage__actions .lj-primary:only-child { grid-column: 1 / -1; }
.scene-studio-commerce .lj-commerce-stage__actions .lj-primary,.scene-studio-commerce .lj-commerce-stage__actions .lj-secondary { min-height: 48px; border: 1px solid #1a1d23; border-radius: 999px; padding: 0 12px; font-size: 14px; font-weight: 800; }
.scene-studio-commerce .lj-commerce-stage__actions .lj-primary { color: #fff; background: linear-gradient(103deg, #e2ad67, #da866f 48%, #b65d7c); box-shadow: 0 7px 14px rgba(190,105,100,.2); }
.scene-studio-commerce .lj-commerce-stage__actions .lj-secondary { color: #332925; background: rgba(255,255,255,.85); }
.scene-studio-commerce .lj-commerce-selected { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid #1a1d23; border-radius: 13px; background: rgba(255,255,255,.73); }
.scene-studio-commerce .lj-commerce-selected > span { display: grid; gap: 4px; min-height: 54px; align-content: center; padding: 7px 9px; }
.scene-studio-commerce .lj-commerce-selected > span + span { border-left: 1px solid #1a1d23; }
.scene-studio-commerce .lj-commerce-selected b { color: #5c4a44; font-size: 10px; font-weight: 720; }
.scene-studio-commerce .lj-commerce-selected em { color: #1a1d23; font-size: 12px; font-style: normal; font-weight: 800; }
.scene-studio-commerce .lj-commerce-stage .lj-selection-note { margin: 0; border: 1px solid #1a1d23; border-left-width: 4px; }
.scene-studio-commerce .lj-commerce-stage .lj-commerce-result { margin-top: 2px; border-color: #1a1d23; }
@media (max-width: 350px) { .scene-studio-commerce .lj-commerce-steps { gap: 5px; }.scene-studio-commerce .lj-commerce-steps__item { min-height: 63px; padding: 7px; }.scene-studio-commerce .lj-commerce-steps__item span { font-size: 9px; }.scene-studio-commerce .lj-commerce-stage > header > strong { font-size: 17px; }.scene-studio-commerce .lj-commerce-stage__actions .lj-primary,.scene-studio-commerce .lj-commerce-stage__actions .lj-secondary { padding: 0 8px; font-size: 12px; } }

/* Account quick entry points: compact, recognisable actions without adding a new content block. */
.scene-profile .lj-profile__identity { min-width: 0; flex: 1 1 auto; }
.scene-profile .lj-profile__quick-actions { display: flex; flex: 0 0 auto; gap: 7px; margin-left: auto; }
.scene-profile .lj-profile__quick-actions button { display: grid; width: 59px; height: 51px; place-content: center; justify-items: center; gap: 4px; border: 1px solid #1A1D23; border-radius: 11px; padding: 4px 3px; color: #453833; background: rgba(255,253,248,.78); box-shadow: inset 0 1px rgba(255,255,255,.92); cursor: pointer; }
.scene-profile .lj-profile__quick-actions button:active { transform: translateY(1px); background: rgba(255,239,219,.94); }
.scene-profile .lj-profile__quick-actions b { display: block; color: inherit; font-size: 10px; font-weight: 780; line-height: 1; white-space: nowrap; }
.scene-profile .lj-profile__quick-icon { position: relative; display: block; width: 17px; height: 17px; }
.scene-profile .lj-profile__quick-icon--credits { border: 1.5px solid currentColor; border-radius: 50%; }
.scene-profile .lj-profile__quick-icon--credits::before { position: absolute; top: 3px; right: 3px; left: 3px; height: 3px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; }
.scene-profile .lj-profile__quick-icon--credits::after { position: absolute; top: 8px; left: 5px; width: 5px; border-top: 1.5px solid currentColor; content: ""; }
.scene-profile .lj-profile__quick-icon--home { width: 16px; height: 13px; margin-top: 3px; border: 1.5px solid currentColor; border-radius: 2px; }
.scene-profile .lj-profile__quick-icon--home::before { position: absolute; top: -7px; left: 1px; width: 10px; height: 10px; border-top: 1.5px solid currentColor; border-left: 1.5px solid currentColor; content: ""; transform: rotate(45deg); }
.scene-profile .lj-profile__quick-icon--home::after { position: absolute; bottom: -1.5px; left: 5px; width: 4px; height: 6px; border: 1.5px solid currentColor; border-bottom: 0; content: ""; }
.scene-profile .lj-promotion-detail { margin-top: 4px; border: 0; background: transparent; box-shadow: none; }
.scene-profile .lj-promotion-detail__intro { margin: 4px 3px 13px; color: #817267; font-size: 12px; }
.scene-profile .lj-credit-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #1A1D23; border-radius: 16px; background: linear-gradient(118deg, rgba(255,254,250,.96), rgba(255,247,233,.9) 54%, rgba(225,245,238,.84)); box-shadow: 0 8px 18px rgba(112,81,48,.07), inset 0 1px rgba(255,255,255,.9); }
.scene-profile .lj-credit-summary > div { min-height: 94px; display: grid; align-content: center; gap: 7px; padding: 12px 10px; }
.scene-profile .lj-credit-summary > div + div { border-left: 1px solid #1A1D23; }
.scene-profile .lj-credit-summary small { color: #766a60; font-size: 11px; }
.scene-profile .lj-credit-summary strong { color: #1A1D23; font-size: 20px; font-weight: 820; }

/* Two supplied commerce clips, matching the digital-human full-bleed carousel treatment. */
.scene-studio-commerce .lj-commerce-reference-hero { touch-action: pan-y; }
.scene-studio-commerce .lj-commerce-reference-hero__carousel { position: absolute; z-index: 0; inset: 0 0 -98px; overflow: hidden; border-radius: 0 0 24px 24px; background: #e8efeb; touch-action: pan-y; }
.scene-studio-commerce .lj-commerce-reference-hero__track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.2,.76,.24,1); will-change: transform; }
.scene-studio-commerce .lj-commerce-reference-hero__slide { position: relative; flex: 0 0 100%; height: 100%; margin: 0; overflow: hidden; background: #e8efeb; }
.scene-studio-commerce .lj-commerce-reference-hero__slide > video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; background: #e8efeb; filter: saturate(.82) sepia(.06) brightness(1.04); pointer-events: none; transition: opacity .2s ease; }
.scene-studio-commerce .lj-commerce-reference-hero__slide > video.is-frame-ready { opacity: 1; }
.scene-studio-commerce .lj-commerce-reference-hero__slide:nth-child(1) > video { object-position: 54% center; }.scene-studio-commerce .lj-commerce-reference-hero__slide:nth-child(2) > video { object-position: 48% center; }
.scene-studio-commerce .lj-commerce-reference-hero__veil { position: absolute; z-index: 2; inset: 0 0 -98px; border-radius: inherit; background: linear-gradient(90deg, rgba(255,252,239,.76) 0%, rgba(255,250,239,.42) 46%, rgba(255,255,255,0) 77%); pointer-events: none; }
.scene-studio-commerce .lj-commerce-reference-hero__soft-focus { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; height: 126px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.2) 45%, rgba(255,255,255,.52)); backdrop-filter: blur(12px) saturate(.82); -webkit-backdrop-filter: blur(12px) saturate(.82); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); mask-image: linear-gradient(to bottom, transparent 0%, #000 42%, #000); pointer-events: none; }
.scene-studio-commerce .lj-commerce-reference-hero__copy { z-index: 4; }
.scene-studio-commerce .lj-commerce-reference-hero__dots { position: absolute; z-index: 5; right: 28px; bottom: 123px; display: flex; align-items: center; gap: 6px; }
.scene-studio-commerce .lj-commerce-reference-hero__dots button { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; padding: 0; background: rgba(107,70,57,.36); box-shadow: 0 1px 3px rgba(78,47,34,.13); cursor: pointer; transition: width .25s ease, background .25s ease; }
.scene-studio-commerce .lj-commerce-reference-hero__dots button[aria-current="true"] { width: 21px; background: rgba(255,255,255,.96); }
@media (max-width: 350px) { .scene-studio-commerce .lj-commerce-reference-hero__carousel,.scene-studio-commerce .lj-commerce-reference-hero__veil { bottom: -86px; border-radius: 0 0 21px 21px; }.scene-studio-commerce .lj-commerce-reference-hero__soft-focus { height: 112px; }.scene-studio-commerce .lj-commerce-reference-hero__dots { right: 23px; bottom: 111px; } }

/* Video creation uses the supplied clips in the same autoplaying carousel treatment as commerce. */
.scene-studio-video .lj-video-reference-hero__slide { background: #e9b89c; }
.scene-studio-video .lj-video-reference-hero__slide > video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; background: #e9b89c; filter: saturate(.79) sepia(.08) brightness(1.06); pointer-events: none; transition: opacity .2s ease; }
.scene-studio-video .lj-video-reference-hero__slide > video.is-frame-ready { opacity: 1; }
.scene-studio-video .lj-video-reference-hero__slide:nth-child(1) > video { object-position: 54% center; }.scene-studio-video .lj-video-reference-hero__slide:nth-child(2) > video { object-position: 50% center; }.scene-studio-video .lj-video-reference-hero__slide:nth-child(3) > video { object-position: 50% center; }

/* Final media clarity alignment for digital human, replica, and commerce pages. */
.scene-studio-edit .lj-mix-editor-hero--talking .lj-mix-editor-hero__badge { display: none !important; }
.scene-studio-human .lj-human-reference-hero__slide > img,
.scene-studio-human .lj-human-reference-hero__slide > video,
.scene-studio-commerce .lj-commerce-reference-hero__slide > video,
.scene-studio-replica .lj-replica-reference-hero__media img {
  filter: contrast(1.08) saturate(.88) sepia(.04) brightness(.91);
}
.scene-studio-human .lj-human-reference-hero__veil,
.scene-studio-commerce .lj-commerce-reference-hero__veil,
.scene-studio-replica .lj-replica-reference-hero__media::before {
  background: linear-gradient(90deg, rgba(255,250,236,.5) 0%, rgba(255,247,232,.16) 48%, rgba(255,255,255,0) 77%), linear-gradient(0deg, rgba(181,84,68,.12), transparent 47%);
}
.scene-studio-human .lj-human-reference-hero__soft-focus,
.scene-studio-commerce .lj-commerce-reference-hero__soft-focus,
.scene-studio-replica .lj-replica-reference-hero__media i {
  background: linear-gradient(to bottom, rgba(255,252,245,0), rgba(255,246,237,.14) 45%, rgba(255,240,226,.34));
  backdrop-filter: blur(10px) saturate(.88);
  -webkit-backdrop-filter: blur(10px) saturate(.88);
}
.lj-work-pending .lj-status--dismiss { border: 1px solid rgba(124, 234, 212, .42); border-radius: 9px; padding: 6px 11px; color: #bcfff0; background: rgba(38, 149, 130, .24); cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; }
.lj-work-pending .lj-status--dismiss:active { background: rgba(38, 149, 130, .42); }