/* Q-toon low-load visual system */
:root{
  --q-ink:#3b3553;--q-sub:#706987;--q-pink:#ff91bb;--q-pink-soft:#ffe0ec;
  --q-green:#8fd49a;--q-green-soft:#e1f6d9;--q-blue:#83cce9;--q-blue-soft:#ddf4ff;
  --q-yellow:#ffd978;--q-purple:#ad98df;--q-paper:rgba(255,255,255,.84);
  --q-line:rgba(76,65,106,.17);--q-shadow:0 13px 0 rgba(88,74,123,.09),0 22px 48px rgba(75,91,128,.16);
}
html,body{min-height:100%;background:#eaf7ff;color:var(--q-ink)}
body{font-family:"DM Sans","Noto Sans SC",sans-serif}
button,input,textarea,select{font-family:inherit}
button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
button:hover{filter:saturate(1.08)}button:active{transform:translateY(2px) scale(.98)!important}
.grain{display:none}

/* Navigation */
.topbar{height:76px;border:0;border-bottom:2px solid rgba(255,255,255,.75);background:#fffafc;box-shadow:0 8px 24px rgba(93,76,131,.11);backdrop-filter:none}
.brand{color:var(--q-ink);letter-spacing:-.03em}.brand b{color:#e95e93}.brand-mark{background:linear-gradient(145deg,#665e91,#3c3759);border:3px solid #fff;box-shadow:0 4px 0 #d7cce6}.brand-mark i{background:#dfff74}
.credit,.task-log-btn,.ghost-btn{border:2px solid rgba(104,91,135,.13);background:rgba(255,255,255,.78);box-shadow:0 4px 0 rgba(95,77,126,.11);color:var(--q-ink)}
.avatar{border:3px solid #fff;background:linear-gradient(145deg,#ff8eb6,#b99beb);box-shadow:0 5px 0 #d5c4df;color:white}

/* Static seasonal world: keep the illustration without continuous full-screen compositing. */
.landing{position:relative;isolation:isolate;max-width:none;padding:8.5vh max(4vw,calc((100vw - 1320px)/2)) 64px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.13),rgba(248,252,255,.38))}
.landing>*:not(.season-world){position:relative;z-index:2}
.season-world,.season-bg,.season-glow{position:absolute;inset:0;pointer-events:none}
/* The scene stays continuous when the document scrolls past the relative nav. */
.season-world{position:fixed;top:0;z-index:-1;overflow:hidden;background:#dff4ff}
.season-bg{background-position:center;background-size:cover}
.season-spring{background-image:url("assets/qtoon/home-spring.png")}
.season-summer,.season-particles{display:none}
.season-glow{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 48%,rgba(247,252,255,.5))}

/* Home hero and Agent launcher */
.eyebrow{display:inline-flex;left:50%;transform:translateX(-50%);padding:8px 15px;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:rgba(255,255,255,.66);box-shadow:0 5px 0 rgba(108,88,140,.1);color:#675c7e}.eyebrow span{background:var(--q-pink)}
.landing>h1{margin-top:24px;color:#463f62;text-shadow:0 3px 0 #fff,0 8px 24px rgba(93,70,126,.16)}.landing>h1 em{color:#e95f96;font-family:"Noto Sans SC",sans-serif;font-style:normal;white-space:nowrap;-webkit-text-stroke:1px rgba(255,255,255,.65)}

/* Interactive creation companion */
.hero-title-with-cat{position:relative;isolation:isolate}.hero-cat{--cat-fur:#f6ae73;--cat-cream:#fff2d7;--cat-ink:#65445b;--look-x:0px;--look-y:0px;position:absolute;z-index:3;top:-61px;left:calc(50% + min(31vw,295px));width:158px;height:86px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 7px 4px rgba(82,62,102,.16));transform:translateX(-42%);transform-origin:50% 80%;text-shadow:none;-webkit-tap-highlight-color:transparent}.hero-cat:hover{filter:drop-shadow(0 9px 5px rgba(82,62,102,.19)) saturate(1.06)}.hero-cat:focus-visible{outline:3px solid #fff;outline-offset:8px;border-radius:45%}.cat-body{position:absolute;z-index:1;left:48px;top:30px;width:92px;height:44px;border:3px solid var(--cat-ink);border-radius:54% 48% 44% 48%;background:linear-gradient(155deg,#ffc58c 0 48%,var(--cat-fur) 49%);box-shadow:inset -8px -7px 0 rgba(174,91,84,.1);transform-origin:20% 70%;transition:transform .35s ease}.cat-body:after{content:"";position:absolute;right:22px;top:2px;width:10px;height:33px;border-radius:50%;border-right:5px solid rgba(143,75,77,.25);transform:rotate(-14deg)}.cat-head{position:absolute;z-index:4;left:22px;top:19px;width:58px;height:53px;border:3px solid var(--cat-ink);border-radius:46% 48% 52% 50%;background:linear-gradient(145deg,#ffc48a,var(--cat-fur));transform-origin:58% 76%;transition:transform .3s ease}.cat-ear{position:absolute;z-index:-1;top:-13px;width:24px;height:27px;border:3px solid var(--cat-ink);background:linear-gradient(135deg,var(--cat-fur) 48%,#f28ead 49% 65%,#ffc48a 66%);clip-path:polygon(50% 0,100% 100%,0 100%)}.cat-ear-left{left:2px;transform:rotate(-13deg)}.cat-ear-right{right:1px;transform:rotate(13deg) scaleX(-1)}.cat-face{position:absolute;inset:0}.cat-eye{position:absolute;top:18px;width:14px;height:12px;border:2px solid var(--cat-ink);border-radius:50%;background:#fff;overflow:hidden;transform-origin:center;animation:catBlink 5.7s infinite}.cat-eye-left{left:11px}.cat-eye-right{right:10px;animation-delay:.08s}.cat-eye b{position:absolute;left:2px;top:2px;width:6px;height:6px;border-radius:50%;background:#5c4367;transform:translate(var(--look-x),var(--look-y));transition:transform .08s linear}.cat-eye b:after{content:"";position:absolute;left:1px;top:1px;width:2px;height:2px;border-radius:50%;background:#fff}.cat-nose{position:absolute;left:26px;top:31px;width:7px;height:5px;border-radius:50% 50% 65% 65%;background:#e36e8d}.cat-mouth{position:absolute;left:25px;top:36px;width:10px;height:6px;border-bottom:2px solid var(--cat-ink);border-radius:0 0 50% 50%;transition:.2s}.cat-whiskers:before,.cat-whiskers:after{content:"";position:absolute;top:36px;width:19px;height:8px;border-top:2px solid var(--cat-ink);border-bottom:2px solid var(--cat-ink);opacity:.72}.cat-whiskers:before{left:-10px;transform:rotate(8deg)}.cat-whiskers:after{right:-10px;transform:rotate(-8deg)}.cat-front-paw,.cat-back-paw{position:absolute;z-index:5;top:61px;width:27px;height:18px;border:3px solid var(--cat-ink);border-radius:8px 8px 15px 15px;background:#ffc28b;transition:transform .3s ease}.cat-front-paw:after,.cat-back-paw:after{content:"";position:absolute;left:7px;bottom:1px;width:6px;height:5px;border-left:1px solid #b97672;border-right:1px solid #b97672}.paw-left{left:38px;transform:rotate(5deg)}.paw-right{left:67px;transform:rotate(-4deg)}.cat-back-paw{z-index:3;left:116px;top:59px;width:25px}.cat-tail{position:absolute;z-index:0;right:-2px;top:25px;width:47px;height:42px;border:9px solid var(--cat-ink);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-14deg);transform-origin:5% 85%;animation:catTail 3.4s ease-in-out infinite}.cat-tail:after{content:"";position:absolute;right:-8px;top:-8px;width:30px;height:30px;border:6px solid var(--cat-fur);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}.cat-mood{position:absolute;left:18px;bottom:88px;width:max-content;max-width:190px;padding:7px 11px;border:2px solid #fff;border-radius:14px 14px 14px 4px;background:#5c5378;color:#fff;font-size:11px;font-weight:600;letter-spacing:0;line-height:1.25;box-shadow:0 5px 0 rgba(75,62,100,.14);opacity:0;transform:translateY(6px) scale(.92);pointer-events:none;transition:.22s}.cat-mood:after{content:"";position:absolute;left:10px;bottom:-7px;width:9px;height:9px;background:#5c5378;transform:rotate(45deg)}.hero-cat:hover .cat-mood,.hero-cat:focus-visible .cat-mood,.hero-cat.is-active .cat-mood{opacity:1;transform:translateY(0) scale(1)}.cat-sparkles i{position:absolute;z-index:8;color:#f0649a;font:700 14px/1 sans-serif;opacity:0;pointer-events:none}.cat-sparkles i:nth-child(1){left:12px;top:13px}.cat-sparkles i:nth-child(2){left:80px;top:2px;color:#ffd04d}.cat-sparkles i:nth-child(3){right:8px;top:18px}.hero-cat.is-petted .cat-head{transform:translateY(5px) rotate(-4deg) scale(1.06,.9)}.hero-cat.is-petted .cat-sparkles i{animation:catSparkle .9s ease-out}.hero-cat.is-petted .cat-sparkles i:nth-child(2){animation-delay:.1s}.hero-cat.is-petted .cat-sparkles i:nth-child(3){animation-delay:.2s}.hero-cat.is-dizzy{animation:catDizzyBody .16s linear 8}.hero-cat.is-dizzy .cat-head{animation:catDizzyHead .23s linear infinite}.hero-cat.is-dizzy .cat-eye{animation:none;background:#fff0f4}.hero-cat.is-dizzy .cat-eye b{left:0;top:0;width:10px;height:10px;border:2px solid #8f5d79;border-left-color:transparent;background:transparent;animation:catSpiral .25s linear infinite}.hero-cat.is-dizzy .cat-eye b:after{display:none}.hero-cat.is-yawning .cat-eye{height:3px;top:23px;border-width:2px 0 0;border-radius:50%;background:transparent;animation:none}.hero-cat.is-yawning .cat-eye b{display:none}.hero-cat.is-yawning .cat-mouth{left:24px;top:32px;width:13px;height:15px;border:2px solid var(--cat-ink);border-radius:50%;background:#b76078}.hero-cat.is-yawning .cat-head{animation:catYawn 2.5s ease-in-out}.hero-cat.is-stretching .cat-body{transform:translateX(5px) scaleX(1.15) rotate(-3deg)}.hero-cat.is-stretching .cat-head{transform:translate(-10px,5px) rotate(-9deg)}.hero-cat.is-stretching .cat-front-paw{transform:translate(-15px,7px) rotate(12deg)}.hero-cat.is-stretching .cat-tail{animation-duration:.65s}.hero-cat.is-napping .cat-eye{height:3px;top:23px;border-width:2px 0 0;border-radius:50%;background:transparent;animation:none}.hero-cat.is-napping .cat-eye b{display:none}.hero-cat.is-napping .cat-head{transform:translateY(4px) rotate(3deg)}
@keyframes catBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes catTail{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(8deg)}}@keyframes catSparkle{0%{opacity:0;transform:translateY(5px) scale(.5)}35%{opacity:1}100%{opacity:0;transform:translateY(-18px) scale(1.3) rotate(18deg)}}@keyframes catDizzyBody{0%,100%{transform:translateX(-42%) rotate(-1deg)}50%{transform:translateX(-42%) rotate(1deg)}}@keyframes catDizzyHead{0%,100%{transform:translateX(-2px) rotate(-5deg)}50%{transform:translateX(2px) rotate(5deg)}}@keyframes catSpiral{to{transform:rotate(360deg)}}@keyframes catYawn{0%,100%{transform:none}35%,70%{transform:translateY(3px) rotate(-3deg)}}
.hero-copy{display:table;margin:0 auto;padding:10px 20px;border-radius:22px;background:#fff;color:#635c76;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.home-agent{margin-top:30px}.home-agent-badge{width:max-content;margin:0 auto 10px;padding:8px 14px;border-radius:18px;background:rgba(255,255,255,.83);box-shadow:0 5px 0 rgba(96,77,131,.12)}
.home-agent-composer{border:3px solid rgba(255,255,255,.95);border-radius:30px;background:#fff;box-shadow:0 9px 0 rgba(105,82,138,.12),0 24px 50px rgba(82,104,139,.2)}
.home-agent-composer:focus-within{border-color:#ffd0e2;box-shadow:0 9px 0 #e8bdd0,0 24px 55px rgba(82,104,139,.22)}
.home-agent-mode-tabs{display:flex;gap:7px;padding:12px 14px 0}.home-agent-mode-tabs button{display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:13px;padding:8px 12px;background:transparent;color:#7a728b;font-size:11px;cursor:pointer}.home-agent-mode-tabs button span{font-size:14px}.home-agent-mode-tabs button:hover{background:#fff8fb}.home-agent-mode-tabs button.active{border-color:#f0d9e5;background:linear-gradient(145deg,#fff4f8,#f0ebff);box-shadow:0 3px 0 #e4d5e3;color:#554b71;font-weight:700}.home-agent-upload{display:inline-flex;align-items:center;gap:5px;border:0!important;padding:4px 7px!important;background:transparent!important;box-shadow:none!important;color:#655c78!important;font-size:10px!important;cursor:pointer}.home-agent-upload span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #d9ccdf;border-radius:7px;background:#fff;color:#e05f91;font-size:15px}.home-agent-actions>button{border:3px solid white;background:linear-gradient(145deg,#ff92b8,#ad91dc);box-shadow:0 5px 0 #816f9e;color:white}.home-agent-attachment-tray{display:flex;gap:7px;overflow:auto;padding:0 16px 9px}.home-agent-attachment-chip{display:flex;align-items:center;gap:6px;max-width:170px;border:1px solid #eadde8;border-radius:10px;padding:5px 7px;background:#fff9fc;color:#675d77;font-size:9px}.home-agent-attachment-chip img{width:28px;height:28px;border-radius:7px;object-fit:cover}.home-agent-attachment-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-agent-attachment-chip button{border:0;background:transparent;color:#b66a87;cursor:pointer}.home-agent-parameter-bar{display:flex;align-items:center;gap:0;margin-top:2px;border-top:1px solid rgba(103,87,129,.11);padding:10px 14px 12px;background:linear-gradient(90deg,rgba(246,241,255,.72),rgba(255,244,249,.72));border-radius:0 0 27px 27px}.home-agent-parameter-bar label{display:flex;align-items:center;gap:5px;padding:0 10px;border-right:1px solid #ded5e3;color:#766d84;font-size:9px;white-space:nowrap}.home-agent-parameter-bar label:first-child{padding-left:2px}.home-agent-parameter-bar label:last-child{min-width:0;flex:1;border-right:0}.home-agent-parameter-bar select{width:auto;max-width:130px;border:0!important;padding:5px 18px 5px 5px;background-color:transparent;color:#4f4665;font-size:10px;font-weight:600;box-shadow:none;cursor:pointer}.home-agent-model-param select{max-width:none;width:100%}.home-agent-suggestions button{border:2px solid white;border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 4px 0 rgba(98,81,126,.1);color:#635a78}
.home-agent-history-row{display:flex;justify-content:center;margin-top:14px}.home-agent-history-row button{display:flex;align-items:center;gap:7px;border:2px solid rgba(255,255,255,.9);border-radius:999px;padding:9px 15px;background:#473e63;box-shadow:0 5px 0 rgba(66,54,91,.18);color:#fff;font-size:10px;cursor:pointer}.home-agent-history-row button span{color:#eaff81;font-size:15px}.home-agent-history-row button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eaff81;color:#4d4568;font-size:8px}

/* Homepage short-drama market radar */
.landing>.drama-radar{position:absolute;z-index:7;left:18px;top:152px;width:286px;letter-spacing:0;color:#403951}
.drama-radar button,.drama-analysis-dialog button{letter-spacing:0}
.drama-radar-launcher{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:58px;min-height:128px;border:2px solid #fff;border-radius:16px;padding:10px 6px;background:rgba(255,255,255,.92);box-shadow:0 7px 0 rgba(86,68,116,.12),0 18px 38px rgba(68,75,110,.17);color:#4b425d;cursor:pointer}.drama-radar-launcher>span:nth-child(2){display:flex;align-items:center;flex-direction:column}.drama-radar-launcher b{font-size:10px;writing-mode:vertical-rl}.drama-radar-launcher small{display:none}.drama-radar-launcher em{font-size:0;font-style:normal}.drama-radar-launcher em:after{content:"TOP 3";color:#91899a;font-size:7px}
.drama-radar-panel{display:none;width:286px;overflow:hidden;border:2px solid rgba(255,255,255,.95);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 0 rgba(86,68,116,.12),0 22px 54px rgba(68,75,110,.18);backdrop-filter:blur(18px)}.drama-radar.is-open{z-index:12}.drama-radar.is-open .drama-radar-launcher{display:none}.drama-radar.is-open .drama-radar-panel{display:block;animation:dramaRadarOpen .18s ease-out}.drama-radar-collapse{display:grid!important}@keyframes dramaRadarOpen{from{opacity:0;transform:translateX(-10px) scale(.98)}to{opacity:1;transform:none}}
.drama-radar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 11px}
.drama-radar-head>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.drama-radar-head>div:first-child>span:last-child{min-width:0}.drama-radar-head small,.drama-radar-head b{display:block;letter-spacing:0}.drama-radar-head small{color:#8b8497;font-size:7px;font-weight:800}.drama-radar-head b{margin-top:2px;color:#403951;font-size:15px}
.drama-radar-mark,.drama-radar-launcher-icon{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:34px;height:34px;flex:0 0 34px;padding:8px;border-radius:10px;background:#443d5c}.drama-radar-mark i,.drama-radar-launcher-icon i{display:block;width:4px;border-radius:3px 3px 0 0}.drama-radar-mark i:nth-child(1),.drama-radar-launcher-icon i:nth-child(1){height:9px;background:#80cde8}.drama-radar-mark i:nth-child(2),.drama-radar-launcher-icon i:nth-child(2){height:16px;background:#ff88b3}.drama-radar-mark i:nth-child(3),.drama-radar-launcher-icon i:nth-child(3){height:12px;background:#d9fa6d}
.drama-radar-tools{display:flex;align-items:center;gap:4px}.drama-source-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:8px;background:#e9f5dc;color:#567047;font-size:7px;font-weight:800;white-space:nowrap}.drama-source-badge[data-mode="demo"]{background:#fff0c9;color:#81611d}.drama-source-badge[data-mode="partial"]{background:#dff2fb;color:#386c83}.drama-source-badge[data-mode="empty"],.drama-source-badge[data-mode="error"]{background:#f5e4e4;color:#945e63}.drama-radar-tools button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;background:#f3eff6;color:#625973;font-size:15px;cursor:pointer}.drama-radar-tools button:disabled{opacity:.45;cursor:wait}.drama-radar-tools button.is-refreshing{animation:dramaRefreshSpin .8s linear infinite}@keyframes dramaRefreshSpin{to{transform:rotate(360deg)}}
.drama-platform-tabs{display:flex;gap:4px;padding:0 12px 11px;overflow-x:auto;scrollbar-width:none}.drama-platform-tabs::-webkit-scrollbar{display:none}.drama-platform-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1;border:1px solid #e4dce7;border-radius:8px;padding:6px 5px;background:#fff;color:#776f82;font-size:8px;white-space:nowrap;cursor:pointer}.drama-platform-tabs button i{display:grid;place-items:center;width:15px;height:15px;border-radius:5px;background:#f0edf3;color:#685e76;font-size:7px;font-style:normal}.drama-platform-tabs button.active{border-color:#f1b7cc;background:#fff1f6;color:#4d435f;font-weight:800}.drama-platform-tabs button.active i{background:#ed76a2;color:#fff}
.drama-radar-insight{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 14px;background:#f0f7df}.drama-radar-insight span{color:#728057;font-size:7px}.drama-radar-insight b{overflow:hidden;color:#445032;font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.drama-ranking-list{margin:0;padding:0 14px;list-style:none}.drama-ranking-list>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;min-height:96px;padding:12px 0;border-bottom:1px solid #ece7ef}.drama-ranking-list>li:last-child{border-bottom:0}.drama-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8e4ec;color:#655d70;font-size:10px}.drama-rank.rank-1{background:#ffd867;color:#6f5012}.drama-rank.rank-2{background:#dcebf3;color:#4c6471}.drama-rank.rank-3{background:#ffd9c9;color:#875844}.drama-rank-main{min-width:0}.drama-rank-main>div:first-child{display:flex;align-items:center;gap:5px;min-width:0}.drama-rank-main>div:first-child>a,.drama-rank-main>div:first-child>span{min-width:0;overflow:hidden;color:#443c54;font-size:10px;font-weight:800;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.drama-rank-main>div:first-child>a:hover{color:#dd5f8f}.drama-rank-main>small{display:block;margin-top:4px;overflow:hidden;color:#928a9a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.drama-rank-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.drama-rank-metrics>span{min-width:0}.drama-rank-metrics small,.drama-rank-metrics b{display:block}.drama-rank-metrics small{color:#9c96a2;font-size:6px}.drama-rank-metrics b{margin-top:1px;color:#554c65;font-size:9px}.drama-trend{flex:0 0 auto;font-size:7px;font-weight:800}.drama-trend.up{color:#4d965e}.drama-trend.down{color:#c96d72}.drama-trend.new{padding:2px 4px;border-radius:4px;background:#e7f6c7;color:#5c7a31}.drama-trend.steady{color:#aaa3af}
.drama-ranking-list.is-loading>li{display:block;min-height:92px;margin:0;background:linear-gradient(90deg,transparent,#f2eef4 50%,transparent) 0 50%/200% 42px no-repeat;animation:dramaSkeleton 1.3s ease-in-out infinite}.drama-ranking-list.is-loading>li:nth-child(2){animation-delay:.12s}.drama-ranking-list.is-loading>li:nth-child(3){animation-delay:.24s}@keyframes dramaSkeleton{50%{background-position:100% 50%}}
.drama-ranking-list>li.drama-ranking-empty{display:flex;min-height:258px;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.drama-ranking-empty b,.drama-ranking-empty span{display:block}.drama-ranking-empty b{font-size:11px}.drama-ranking-empty span{max-width:190px;margin-top:7px;color:#918a98;font-size:8px;line-height:1.6}
.drama-radar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid #ece7ef;background:#faf8fb}.drama-radar-foot>span{overflow:hidden;color:#9992a0;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.drama-radar-foot button{flex:0 0 auto;border:0;background:transparent;color:#d95c8d;font-size:8px;font-weight:800;cursor:pointer}.drama-radar-foot button i{font-style:normal}

.drama-analysis-dialog::backdrop{background:rgba(41,35,53,.5);backdrop-filter:blur(8px)}.drama-analysis-dialog-card{width:min(960px,calc(100vw - 32px));max-height:88vh;overflow:auto;border:2px solid #fff;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(53,43,69,.35);color:#403951}.drama-analysis-head{margin-bottom:16px}.drama-analysis-head small{color:#dc5e8f}.drama-analysis-head h2{color:#403951}.drama-analysis-tabs{padding:0 0 16px}.drama-analysis-tabs button{flex:0 1 112px;min-height:34px}.drama-analysis-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e8e3ea;border-bottom:1px solid #e8e3ea;background:#f4f8e9}.drama-analysis-summary>span{padding:14px 18px;border-right:1px solid #dde6ca}.drama-analysis-summary>span:last-child{border-right:0}.drama-analysis-summary small,.drama-analysis-summary b{display:block}.drama-analysis-summary small{color:#7f8970;font-size:8px}.drama-analysis-summary b{margin-top:4px;color:#425033;font-size:13px}.drama-analysis-table-wrap{overflow-x:auto}.drama-analysis-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}.drama-analysis-table th,.drama-analysis-table td{padding:13px 10px;border-bottom:1px solid #eee9f0;text-align:left}.drama-analysis-table th{color:#928a99;font-size:8px;font-weight:700}.drama-analysis-table td{color:#51485e;font-size:10px}.drama-analysis-table th:first-child,.drama-analysis-table td:first-child{width:58px}.drama-analysis-table th:nth-child(2),.drama-analysis-table td:nth-child(2){width:34%}.drama-analysis-table td:nth-child(n+3){font-variant-numeric:tabular-nums}.drama-analysis-table td>a,.drama-analysis-table td>b{display:block;overflow:hidden;color:#403951;font-size:11px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.drama-analysis-table td>a:hover{color:#dd5f8f}.drama-analysis-table td>small{display:block;margin-top:4px;color:#9991a0;font-size:8px}.drama-analysis-table .drama-rank{width:30px;height:30px}.drama-analysis-empty{height:160px;text-align:center!important;color:#928a99!important}.drama-analysis-note{margin-top:15px;padding:11px 13px;border-left:3px solid #e67da4;background:#fff5f8;color:#807582;font-size:9px;line-height:1.6}

@media(max-width:1899px){.landing>.drama-radar{left:18px;top:178px;width:286px}.drama-radar-launcher{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:58px;min-height:128px;border:2px solid #fff;border-radius:16px;padding:10px 6px;background:rgba(255,255,255,.92);box-shadow:0 7px 0 rgba(86,68,116,.12),0 18px 38px rgba(68,75,110,.17);color:#4b425d;cursor:pointer}.drama-radar-launcher>span:nth-child(2){display:flex;align-items:center;flex-direction:column}.drama-radar-launcher b{font-size:10px;writing-mode:vertical-rl}.drama-radar-launcher small{display:none}.drama-radar-launcher em{font-size:0;font-style:normal}.drama-radar-launcher em:after{content:"TOP 3";color:#91899a;font-size:7px}.drama-radar-panel{display:none}.drama-radar.is-open{z-index:12}.drama-radar.is-open .drama-radar-launcher{display:none}.drama-radar.is-open .drama-radar-panel{display:block}.drama-radar-collapse{display:grid!important}}
@media(max-width:650px){.landing>.drama-radar{position:relative;left:auto;top:auto;width:100%;margin:18px auto 0}.drama-radar-launcher{width:100%;min-height:54px;flex-direction:row;justify-content:flex-start;gap:10px;border-radius:16px;padding:8px 12px}.drama-radar-launcher-icon{width:34px;height:34px}.drama-radar-launcher>span:nth-child(2){align-items:flex-start;flex-direction:column}.drama-radar-launcher b{font-size:11px;writing-mode:horizontal-tb}.drama-radar-launcher small{display:block;margin-top:2px;color:#91899a;font-size:7px}.drama-radar-launcher em{display:block;margin-left:auto;padding:5px 7px;border-radius:7px;background:#f1f6e4;color:#617148;font-size:8px;font-style:normal}.drama-radar-launcher em:after{display:none}.drama-radar.is-open .drama-radar-launcher{display:flex}.drama-radar.is-open .drama-radar-panel{display:none}.drama-analysis-dialog-card{width:calc(100vw - 20px);max-height:90vh;padding:18px;border-radius:18px}.drama-analysis-head h2{font-size:20px}.drama-analysis-head p{max-width:230px;line-height:1.5}.drama-analysis-tabs button{flex:0 0 auto;min-width:78px}.drama-analysis-summary{grid-template-columns:1fr}.drama-analysis-summary>span{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-right:0;border-bottom:1px solid #dde6ca}.drama-analysis-summary>span:last-child{border-bottom:0}.drama-analysis-summary b{margin-top:0;font-size:11px}.drama-analysis-table{min-width:0;table-layout:auto}.drama-analysis-table thead{display:none}.drama-analysis-table tbody{display:block}.drama-analysis-table tr{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 8px;padding:12px 4px;border-bottom:1px solid #eee9f0}.drama-analysis-table td{display:block;padding:2px 0;border-bottom:0}.drama-analysis-table td:first-child{grid-row:1/5;width:auto}.drama-analysis-table td:nth-child(2){width:auto;padding:0 50px 6px 0}.drama-analysis-table td:nth-child(n+3):nth-child(-n+5){grid-column:2;display:flex;align-items:center;justify-content:space-between;color:#544b62;font-size:9px}.drama-analysis-table td:nth-child(n+3):nth-child(-n+5):before{content:attr(data-label);color:#9b93a0;font-size:8px}.drama-analysis-table td:nth-child(6){position:absolute;right:4px;top:14px}.drama-analysis-table .drama-analysis-empty{display:grid;grid-column:1/-1;place-items:center;width:100%;height:130px}.drama-analysis-table-wrap{overflow-x:hidden}}

/* Project library and creation cards */
.project-library{padding:24px;border:3px solid rgba(255,255,255,.84);border-radius:32px;background:#fff;box-shadow:var(--q-shadow);content-visibility:auto;contain-intrinsic-size:auto 420px}
.library-head span,.create-label span{color:#e85d94}.library-head h2,.create-label b{color:var(--q-ink)}
.library-tools input,.library-tools button,.folder-tab{border:2px solid rgba(102,87,132,.14)!important;border-radius:15px!important;background:rgba(255,255,255,.82)!important;color:var(--q-ink)!important;box-shadow:0 4px 0 rgba(91,75,120,.1)}
.project-grid{gap:16px}.project-card{border:3px solid white;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(244,240,255,.88));box-shadow:0 7px 0 rgba(89,75,119,.11),0 14px 30px rgba(83,86,129,.13);overflow:hidden}.project-card:hover{transform:translateY(-4px) rotate(-.25deg)}.project-card-info b{color:var(--q-ink);font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.65)}.project-card-info div{color:#786f86}
.create-label{margin-top:48px}.create-label i{background:rgba(92,78,120,.18)}
.type-grid{gap:22px;margin-top:28px;content-visibility:auto;contain-intrinsic-size:auto 370px}.type-card{border:4px solid rgba(255,255,255,.95);border-radius:28px;background:#fff;box-shadow:0 9px 0 rgba(91,76,122,.13),0 20px 40px rgba(76,88,124,.16)}.type-card:hover{transform:translateY(-8px) rotate(-.4deg);border-color:#fff;box-shadow:0 12px 0 rgba(91,76,122,.13),0 28px 50px rgba(76,88,124,.2)}
.type-card .card-art{height:235px}.type-card .card-body{background:rgba(255,255,255,.96)}.type-card .arrow{border:0;background:var(--q-pink-soft);color:#d9578c}.type-card:hover .arrow{background:#ff8fb7;color:white}.drama .card-art{background:linear-gradient(145deg,#bce9ff,#8fc9e8)}.comic .card-art{background:linear-gradient(145deg,#ffe58c,#ffb996)}.film .card-art{background:linear-gradient(#a7a1e8 0 52%,#ff9b9b 78%,#5c557b)}

/* Studio */
.studio{min-height:calc(100vh - 76px);background:linear-gradient(135deg,#edf9ff,#fff1f6 52%,#effbe9)}
.sidebar{border-right:3px solid white;background:linear-gradient(180deg,#f6efff,#e7f6ff);box-shadow:8px 0 25px rgba(79,72,118,.1)}
.back-link{color:#d85d91}.project-title,.auto-card{border:2px solid white;border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 5px 0 rgba(83,69,113,.09)}
.step{border-radius:16px;color:#736b88}.step:hover{background:rgba(255,255,255,.58)}.step.active{background:white;box-shadow:0 5px 0 rgba(93,75,125,.1);color:var(--q-ink)}.step.active>span{background:linear-gradient(145deg,#ff96bb,#a591dc);color:white}
.workspace{background:transparent}.workspace-head{border-bottom-color:rgba(105,91,134,.12)}.status-pill{border:2px solid white;border-radius:999px;background:#eaf8d9;box-shadow:0 4px 0 #c6ddb2;color:#5f7950}
.stage-panel>*,.script-card,.settings-card,.assets-main,.assets-side,.storyboard-main,.video-main,.qa-card,.run-banner,.automation-section{border-radius:22px!important;border-color:white!important;box-shadow:0 7px 0 rgba(93,76,124,.08),0 16px 32px rgba(80,90,127,.1);overflow:hidden}
.script-module-tools,.script-toolbar,.settings-title{background:rgba(255,255,255,.7)}
textarea,input,select{border-radius:12px!important;border-color:rgba(91,77,122,.18)!important}.save-btn,.ai-write-btn,.next-btn,.primary-btn{border-radius:14px!important;background:linear-gradient(145deg,#ff91b7,#a58cdb)!important;box-shadow:0 5px 0 #7d6d9c!important;color:white!important}

/* Agent workbench */
.agent-workbench{background:linear-gradient(135deg,#eef9ff,#fff0f5)}.agent-history-sidebar{border-right:3px solid white;background:linear-gradient(180deg,#655c87,#3e395b);box-shadow:7px 0 24px rgba(59,50,83,.16)}
.agent-new-chat{border:2px solid #ffffff55;border-radius:15px;background:#ffffff18;color:#ecff9b;box-shadow:0 4px 0 #2b2742}.agent-history-item{border-radius:12px}.agent-history-item:hover,.agent-history-item.active{border-left-color:#ecff9b;background:#ffffff16}
.agent-workbench-head{border-bottom:3px solid white;background:rgba(255,255,255,.7);backdrop-filter:blur(16px)}
.agent-chat-shell .agent-messages{background:linear-gradient(rgba(255,255,255,.48),rgba(244,252,255,.68))}.agent-message{border:2px solid white!important;border-radius:18px!important;box-shadow:0 4px 0 rgba(83,69,113,.08)}.agent-message.user{background:linear-gradient(145deg,#8b7eb7,#554e78);border-color:white!important}.agent-message.tool{background:#eef8d9}
.agent-chat-shell .agent-compose-shell{display:block;padding:0 max(24px,8vw) 18px;border-top:3px solid white;background:rgba(245,240,251,.94);box-shadow:0 -12px 30px rgba(82,67,112,.07)}.agent-compose-shell>.agent-compose-mode-tabs{display:flex;flex-direction:row;align-items:center;gap:7px;padding:12px 0 8px}.agent-compose-mode-tabs button{min-width:0;border:1px solid transparent;border-radius:12px;padding:7px 11px;background:transparent;color:#766d84;font-size:10px}.agent-compose-mode-tabs button span{font-size:13px}.agent-compose-mode-tabs button:hover{background:#fff8fb}.agent-compose-mode-tabs button.active{border-color:#ead6e2;background:linear-gradient(145deg,#fff4f8,#f0ebff);box-shadow:0 3px 0 #e1d2e1;color:#554b71;font-weight:700}.agent-chat-shell .agent-compose-shell .agent-input-wrap{display:block}.agent-chat-shell .agent-compose-shell textarea{min-height:64px;padding:11px 13px;border:2px solid white!important;border-radius:17px;box-shadow:inset 0 0 0 1px #d8cfdf;background:white;font-size:10px}.agent-compose-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;padding:7px 2px}.agent-compose-actions>div{display:flex;align-items:center;gap:6px}.agent-compose-actions .agent-compose-tool{display:inline-flex;align-items:center;gap:5px;min-width:0;border:0;background:transparent;padding:5px 6px;color:#655c78;box-shadow:none;font-size:9px}.agent-compose-actions .agent-compose-tool span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d9ccdf;border-radius:7px;background:#fff;color:#e05f91;font-size:15px}.agent-compose-actions .agent-compose-tool b{color:#dd6794}.agent-compose-actions .subtle{color:#93899f}.agent-compose-toggle{display:flex;align-items:center;gap:4px;color:#655c78;font-size:9px;white-space:nowrap}.agent-compose-actions #agentStop{min-width:52px;border:0;background:transparent;color:#8b8098;box-shadow:none}.agent-compose-actions #agentSend{display:grid;place-items:center;min-width:38px;width:38px;height:38px;padding:0;border:3px solid white;border-radius:50%;background:linear-gradient(145deg,#ff91b7,#a58cdb);box-shadow:0 4px 0 #78688f;color:white;font-size:21px}.agent-compose-shell>.agent-compose-parameter-bar{display:flex;flex-direction:row;align-items:center;gap:0;border-top:1px solid rgba(103,87,129,.11);padding:8px 0 0}.agent-compose-parameter-bar label{display:flex;align-items:center;gap:4px;min-width:0;padding:0 9px;border-right:1px solid #ded5e3;color:#766d84;font-size:9px;white-space:nowrap}.agent-compose-parameter-bar label:first-child{padding-left:2px}.agent-compose-parameter-bar label:last-child{border-right:0}.agent-compose-parameter-bar select{width:auto;max-width:120px;border:0;padding:5px 17px 5px 4px;background:transparent;color:#4f4665;font-size:9px;font-weight:600;box-shadow:none}.agent-compose-parameter-bar .agent-compose-model-param{flex:1}.agent-compose-parameter-bar .agent-compose-model-param select{width:100%;max-width:none}.agent-compose-shell .agent-skill-panel{margin-top:9px;border:1px solid #e1d7e5;border-radius:14px;background:#fff9fc}

/* Dialogs, menus and auth */
dialog{border:0;border-radius:26px;background:transparent}.dialog-card,.auth-card,.account-menu{border:3px solid white!important;border-radius:24px!important;background:rgba(255,251,253,.95)!important;box-shadow:0 12px 0 rgba(76,62,106,.13),0 30px 80px rgba(49,50,83,.25)!important}.dialog-head{border-bottom:2px dashed #e4d9e7}.dialog-head small{color:#e45d91}.dialog-head .close{border-radius:50%;background:#f4eafa}.auth-gate{background:radial-gradient(circle at 20% 20%,#ffcde0aa,transparent 34%),radial-gradient(circle at 80% 78%,#bceebbaa,transparent 32%),linear-gradient(145deg,#7770a2,#4a4568)}
.toast{border:3px solid white;border-radius:16px;background:#5c547d;color:white;box-shadow:0 7px 0 #3d3855}

@media(max-width:900px){.landing{padding-left:22px;padding-right:22px}.type-grid{grid-template-columns:1fr}.type-card .card-art{height:210px}.project-library{border-radius:24px}.season-bg{background-position:center}}
@media(max-width:650px){.topbar{height:64px;gap:10px;overflow:hidden}.topbar .brand{flex:0 0 auto}.top-actions{min-width:0;flex:1;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.top-actions>*{flex:0 0 auto}.landing{padding-top:54px}.landing>h1{font-size:44px;margin-top:44px}.hero-cat{top:-68px;left:calc(50% + 116px);transform:translateX(-42%) scale(.76)}.home-agent-composer{border-radius:22px}.home-agent-mode-tabs,.agent-compose-mode-tabs{overflow:auto}.home-agent-mode-tabs button,.agent-compose-mode-tabs button{flex:0 0 auto}.home-agent-parameter-bar,.agent-compose-parameter-bar{overflow:auto}.home-agent-parameter-bar{border-radius:0 0 19px 19px}.home-agent-parameter-bar label,.agent-compose-parameter-bar label{flex:0 0 auto!important}.home-agent-model-param select,.agent-compose-model-param select{max-width:150px}.home-agent-actions>div>span{display:none}.agent-chat-shell .agent-compose-shell{padding-left:12px;padding-right:12px}.agent-compose-actions .subtle{display:none}.project-library{padding:16px}.type-card{border-radius:22px}.agent-workbench-head{border-radius:0}}
/* Pause the remaining small companion animations while the app is inactive. */
.qtoon-paused .hero-cat,.qtoon-paused .hero-cat *{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.hero-cat,.hero-cat *{animation:none!important;transition:none!important}.type-card:hover,.project-card:hover{transform:none}}
.short-video-launch{position:relative;z-index:2;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;margin:26px 0 8px;padding:20px 24px;border:3px solid rgba(255,255,255,.96);border-radius:24px;background:linear-gradient(115deg,rgba(236,255,243,.96),rgba(255,247,222,.96));box-shadow:0 8px 0 rgba(78,117,97,.11),0 18px 38px rgba(75,99,112,.12);color:#2e4f40;text-decoration:none;transition:.25s ease;content-visibility:auto;contain-intrinsic-size:auto 110px}.short-video-launch:hover{transform:translateY(-4px);box-shadow:0 11px 0 rgba(78,117,97,.11),0 24px 44px rgba(75,99,112,.16)}.short-video-launch-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:#438a6c;color:#fff;font-size:21px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.16)}.short-video-launch small,.short-video-launch b,.short-video-launch em{display:block}.short-video-launch small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#4e9176}.short-video-launch b{margin:3px 0;font-size:22px}.short-video-launch em{font-style:normal;font-size:12px;color:#6f8178}.short-video-launch>i{font-style:normal;font-size:13px;font-weight:800;color:#38775d}.short-video-launch:hover>i{transform:translateX(3px)}
@media(max-width:650px){.short-video-launch{grid-template-columns:50px 1fr;padding:16px;gap:12px}.short-video-launch-icon{width:48px;height:48px;border-radius:16px}.short-video-launch>i{grid-column:2}.short-video-launch em{line-height:1.55}}
.home-agent-actions #homeAgentSend{border:3px solid white;background:linear-gradient(145deg,#ff92b8,#ad91dc);box-shadow:0 5px 0 #816f9e;color:white}