:root{--tech-sidebar-width:228px;--tech-bg:#07101d;--tech-panel:rgba(13,27,48,.78);--tech-panel-2:rgba(16,35,62,.86);--tech-cyan:#54e9ff;--tech-blue:#7b8cff;--tech-purple:#bd7bff;--tech-text:#edf7ff;--tech-muted:#91a8bf;--tech-line:rgba(112,193,255,.2);--tech-shadow:0 20px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}
body{background:radial-gradient(circle at 72% -10%,rgba(75,105,255,.24),transparent 34%),radial-gradient(circle at 12% 28%,rgba(0,232,255,.1),transparent 25%),var(--tech-bg);color:var(--tech-text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(130,190,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(130,190,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.shell{background:transparent}.sidebar{background:rgba(5,16,31,.82);border-right:1px solid var(--tech-line);backdrop-filter:blur(24px)}.brand{color:#fff}.brand-mark,.avatar{background:linear-gradient(135deg,var(--tech-cyan),var(--tech-blue) 55%,var(--tech-purple));box-shadow:0 0 30px rgba(75,229,255,.24)}.nav-item{color:#8fa8c0}.nav-item.active,.nav-item:hover{background:linear-gradient(90deg,rgba(63,222,255,.15),rgba(137,118,255,.12));color:#fff;border-color:rgba(84,233,255,.26)}
.main{background:transparent}.topbar{background:rgba(7,16,29,.62);border-bottom:1px solid var(--tech-line);backdrop-filter:blur(20px)}.crumb,.live-label,.eyebrow{letter-spacing:.12em}.live-label{color:var(--tech-cyan)}.status-dot{box-shadow:0 0 12px var(--tech-cyan)}
.hero{position:relative;overflow:hidden;border:1px solid rgba(108,190,255,.24);background:linear-gradient(135deg,rgba(16,42,73,.88),rgba(15,20,52,.78));box-shadow:var(--tech-shadow);min-height:300px}.hero:after{content:"";position:absolute;inset:auto -10% -65% 30%;height:280px;background:radial-gradient(ellipse,rgba(70,232,255,.18),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero h1{font-weight:700;letter-spacing:-.04em;text-shadow:0 0 28px rgba(101,198,255,.18)}.hero p{color:#b2c9df}.hero-tags span,.chip{border-color:rgba(88,221,255,.3);background:rgba(64,155,221,.1);color:#bceeff}.chip.active,.chip:hover{background:linear-gradient(90deg,#39dff4,#7386ff);color:#06111d;border-color:transparent;box-shadow:0 0 24px rgba(75,228,255,.22)}
.hero-orbit{position:absolute;right:8%;top:28px;width:250px;height:250px;opacity:.9}.orbit-ring{border-color:rgba(88,228,255,.34)}.ring-a{box-shadow:0 0 28px rgba(91,224,255,.18)}.ring-b{border-color:rgba(190,123,255,.34)}.orbit-core{background:radial-gradient(circle,#1e6184,#10263f 68%);border-color:rgba(117,236,255,.8);box-shadow:0 0 50px rgba(69,228,255,.32),inset 0 0 30px rgba(116,131,255,.3)}
.search-wrap{border-color:rgba(112,193,255,.3);background:rgba(4,14,27,.7);box-shadow:0 10px 30px rgba(0,0,0,.18)}.search-wrap span{color:var(--tech-cyan)}.search{color:#fff}.search::placeholder{color:#6e8ba5}
.metrics{gap:12px}.metrics>div{border:1px solid var(--tech-line);background:linear-gradient(135deg,rgba(18,48,78,.68),rgba(11,24,47,.74));box-shadow:0 12px 36px rgba(0,0,0,.18)}.metrics strong{color:#fff;text-shadow:0 0 16px rgba(84,233,255,.32)}.metrics span,.result-count{color:var(--tech-muted)}
.section-heading h2{color:#fff}.card{position:relative;overflow:hidden;border:1px solid rgba(103,180,255,.2);background:linear-gradient(155deg,rgba(18,40,68,.86),rgba(10,21,40,.9));box-shadow:0 18px 50px rgba(0,0,0,.22);transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-6px);border-color:rgba(84,233,255,.64);box-shadow:0 22px 60px rgba(12,109,157,.26)}.card-glow{background:radial-gradient(circle at 20% 0%,rgba(84,233,255,.25),transparent 42%)}.avatar-image{overflow:hidden;position:relative;border:1px solid rgba(164,223,255,.3)}.avatar-image img{width:100%;height:100%;display:block;object-fit:cover}.card .avatar-image{width:58px;height:58px;border-radius:18px}.card .avatar-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(91,235,255,.24))}.tag{background:rgba(82,212,255,.1);color:#9ceaff;border-color:rgba(82,212,255,.25)}.card h3{color:#f5fbff}.card p,.card-theme{color:#9eb6cc}.card-theme{border-left-color:var(--tech-cyan);background:rgba(63,174,232,.06)}.card-footer{color:#7eabc7;border-top-color:rgba(112,193,255,.14)}
.chat{background:transparent}.agent-head{border-color:var(--tech-line);background:linear-gradient(135deg,rgba(18,45,74,.76),rgba(12,25,49,.86));box-shadow:var(--tech-shadow)}.agent-avatar{width:78px;height:78px;border-radius:24px}.agent-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.agent-kicker{color:var(--tech-cyan);letter-spacing:.08em}.agent-head h2{color:#fff}.agent-head p{color:#9eb6cc}.agent-state{color:#6cf0b0}.agent-banner,.workflow{border-color:var(--tech-line);background:rgba(11,28,50,.72);box-shadow:0 15px 45px rgba(0,0,0,.2)}.agent-banner h3{color:#dceeff}.protocol-badge{color:var(--tech-cyan);border-color:rgba(84,233,255,.42);background:rgba(84,233,255,.08)}.workflow-title span{color:#fff}.workflow-title small{color:var(--tech-muted)}label{color:#a9c0d5}textarea{background:rgba(3,13,27,.78);border-color:rgba(112,193,255,.24);color:#eaf7ff}textarea:focus{border-color:var(--tech-cyan);box-shadow:0 0 0 3px rgba(84,233,255,.1)}button.primary,.send{background:linear-gradient(100deg,#40dff0,#7685ff);color:#06111d;box-shadow:0 0 26px rgba(84,233,255,.2)}.quick button{background:rgba(37,82,124,.2);border-color:rgba(104,196,255,.28);color:#bfefff}.quick button:hover{background:rgba(84,233,255,.16);border-color:var(--tech-cyan)}.message{background:rgba(17,39,66,.74);border-color:rgba(112,193,255,.16);color:#d8ecfb}.message.user{background:linear-gradient(135deg,rgba(62,128,211,.54),rgba(118,89,208,.58));border-color:rgba(145,169,255,.3)}
.bubble.ai{background:linear-gradient(135deg,rgba(17,43,72,.96),rgba(16,29,58,.96));border-color:rgba(112,193,255,.28);color:#e7f6ff}.bubble.notice{display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,rgba(102,70,20,.96),rgba(75,39,18,.96));border:1px solid rgba(255,205,96,.72);color:#fff4ce;box-shadow:0 0 28px rgba(255,180,55,.16)}.bubble.notice strong{color:#ffd66d;font-size:14px}.bubble.notice span{color:#fff8df}
.login{background:radial-gradient(circle at 50% 20%,rgba(62,112,255,.2),transparent 42%),var(--tech-bg)}.login-card{background:rgba(10,26,47,.82);border-color:var(--tech-line);box-shadow:0 30px 100px rgba(0,0,0,.4);backdrop-filter:blur(24px)}.login-card h1{color:#fff}.login-card p{color:var(--tech-muted)}.login-card input{background:rgba(3,13,27,.78);border-color:rgba(112,193,255,.24);color:#fff}.login-card button{background:linear-gradient(100deg,#40dff0,#7685ff);color:#06111d}
.back,.profile{color:#9bc4df;border-color:rgba(112,193,255,.22);background:rgba(26,65,100,.2)}.back:hover,.profile:hover{border-color:var(--tech-cyan);color:#fff}
@media(max-width:900px){.hero-orbit{right:-20px;opacity:.5}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero{min-height:350px}.hero-orbit{top:88px;right:-55px;transform:scale(.78)}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.agent-head{align-items:flex-start}.agent-state{display:none}}
.admin-page{padding:34px 42px 80px;max-width:1500px;margin:0 auto}.admin-hero{display:flex;justify-content:space-between;align-items:center;padding:30px;border:1px solid var(--tech-line);border-radius:24px;background:linear-gradient(135deg,rgba(20,53,85,.82),rgba(18,26,61,.8));box-shadow:var(--tech-shadow)}.admin-hero h1{margin:8px 0;color:#fff}.admin-hero p{margin:0;color:var(--tech-muted)}.admin-badge{padding:8px 12px;border:1px solid rgba(84,233,255,.28);border-radius:999px;color:#a9eaff;background:rgba(84,233,255,.08)}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.admin-card{border:1px solid rgba(103,180,255,.2);border-radius:22px;padding:20px;background:linear-gradient(155deg,rgba(18,40,68,.9),rgba(10,21,40,.94));box-shadow:0 18px 50px rgba(0,0,0,.22)}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-title{display:flex;align-items:center;gap:12px;min-width:0}.admin-title img{width:54px;height:54px;object-fit:cover;border-radius:16px;border:1px solid rgba(144,219,255,.28)}.admin-title h2{font-size:17px;margin:4px 0 0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:370px}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#9db6cc}.admin-fields .wide{grid-column:1/-1}.admin-fields input,.admin-fields textarea{width:100%;padding:10px 12px;border-radius:10px;font-size:13px}.admin-fields textarea{min-height:66px;resize:vertical}.admin-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(112,193,255,.14)}.config-state{color:#83b6cf;font-size:12px}.admin-save{white-space:nowrap}.switch{position:relative;width:42px;height:24px;display:block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#263c56;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#9bb5cb;transition:.2s}.switch input:checked+span{background:linear-gradient(90deg,#35dcec,#6f7eff)}.switch input:checked+span:before{transform:translateX(18px);background:#fff}
@media(max-width:1050px){.admin-grid{grid-template-columns:1fr}.admin-page{padding:24px 22px 60px}}
@media(max-width:620px){.admin-page{padding:18px 16px 50px}.admin-hero{padding:20px;align-items:flex-start}.admin-badge{display:none}.admin-fields{grid-template-columns:1fr}.admin-fields .wide{grid-column:auto}.admin-card-foot{align-items:flex-start;flex-direction:column}.admin-save{width:100%}}
.billing-panel{display:grid;grid-template-columns:1.2fr 2fr;gap:20px;align-items:end;margin-top:18px;padding:22px;border:1px solid rgba(84,233,255,.25);border-radius:20px;background:linear-gradient(135deg,rgba(14,61,80,.65),rgba(23,31,70,.72))}.billing-panel h2{margin:5px 0 8px;color:#fff}.billing-panel p{margin:0;color:#a7c1d4;font-size:13px;line-height:1.7}.billing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billing-fields label{display:flex;flex-direction:column;gap:6px;color:#a9c2d7;font-size:12px}.billing-fields input{min-width:0;padding:10px 12px;border:1px solid rgba(112,193,255,.24);border-radius:10px;background:rgba(3,13,27,.7);color:#fff}.billing-fields button{grid-column:1/-1;justify-self:start}
@media(max-width:800px){.billing-panel{grid-template-columns:1fr}.billing-fields{grid-template-columns:1fr}}
.admin-fields select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(112,193,255,.24);background:rgba(3,13,27,.78);color:#fff}.admin-card-head .switch:after{content:"";display:block}
.story-card{margin:14px 0;padding:18px;border:1px solid rgba(84,233,255,.24);border-radius:18px;background:linear-gradient(135deg,rgba(17,48,76,.82),rgba(20,28,61,.82));box-shadow:0 14px 35px rgba(0,0,0,.2)}.story-card-head{display:flex;align-items:center;gap:12px}.story-card-head h3{margin:4px 0;color:#f0f9ff}.story-index{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#06111d;background:linear-gradient(135deg,var(--tech-cyan),var(--tech-blue));font-weight:800}.story-card p{margin:14px 0;color:#c3d9e9;line-height:1.75}.story-actions{display:flex;gap:10px;flex-wrap:wrap}.story-actions button{padding:9px 14px;border-radius:10px;border:1px solid rgba(84,233,255,.3);background:rgba(84,233,255,.08);color:#bcefff;cursor:pointer}.story-actions button:first-child{background:linear-gradient(100deg,#40dff0,#7685ff);border:0;color:#06111d;font-weight:700}.story-actions button:hover{border-color:var(--tech-cyan)}
.billing-fields select{padding:10px 12px;border:1px solid rgba(112,193,255,.24);border-radius:10px;background:rgba(3,13,27,.7);color:#fff}.billing-fields .secondary{padding:10px 18px;border:1px solid rgba(84,233,255,.35);border-radius:10px;background:rgba(84,233,255,.1);color:#bfefff;cursor:pointer}
.project-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.project-bar label{display:flex;align-items:center;gap:10px;color:#8eabc1;font-size:12px}.project-bar input{min-width:280px;padding:10px 12px;border:1px solid rgba(112,193,255,.24);border-radius:10px;background:rgba(3,13,27,.7);color:#fff}.process-rail{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;border:1px solid rgba(84,233,255,.2);border-radius:14px;background:rgba(10,30,53,.68);transition:.25s}.process-rail.is-running{border-color:rgba(84,233,255,.55);box-shadow:0 0 28px rgba(84,233,255,.1)}.process-rail strong{display:block;color:#e8fbff;font-size:13px}.process-rail small{display:block;margin-top:3px;color:#85a8c1}.process-rail em{margin-left:auto;color:#79eaff;font-size:10px;letter-spacing:.12em;font-style:normal}.process-pulse{width:10px;height:10px;border-radius:50%;background:#6cf0b0;box-shadow:0 0 0 5px rgba(108,240,176,.1)}.is-running .process-pulse{background:var(--tech-cyan);animation:processPulse 1.1s infinite}.secondary{padding:10px 16px;border:1px solid rgba(84,233,255,.3);border-radius:10px;background:rgba(84,233,255,.08);color:#bcefff;cursor:pointer}.secondary:hover{border-color:var(--tech-cyan);background:rgba(84,233,255,.15)}@keyframes processPulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.25);opacity:1}}@media(max-width:620px){.project-bar{align-items:stretch;flex-direction:column}.project-bar input{min-width:0;width:100%}.project-bar button{width:100%}.process-rail{align-items:flex-start}.process-rail em{font-size:9px}}
.account-page{padding:34px 42px 80px;max-width:1200px;margin:0 auto}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.account-stat strong{display:block;margin:16px 0 8px;color:#fff;font-size:28px;letter-spacing:-.03em}.account-stat p,.account-card p{color:var(--tech-muted);line-height:1.7}.account-card h2{margin:10px 0 6px;color:#fff}.account-recharge{display:flex;gap:10px;margin-top:18px}.account-recharge input{flex:1;min-width:0;padding:11px 12px;border:1px solid rgba(112,193,255,.24);border-radius:10px;background:rgba(3,13,27,.7);color:#fff}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:620px){.account-page{padding:18px 16px 50px}.account-grid{grid-template-columns:1fr}.account-recharge{align-items:stretch;flex-direction:column}.account-recharge button{width:100%}}
.project-history{grid-column:1/-1}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.project-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:1px solid rgba(84,233,255,.22);border-radius:11px;background:rgba(3,13,27,.42);color:#d8efff;text-align:left;cursor:pointer}.project-item:hover{border-color:var(--tech-cyan);background:rgba(84,233,255,.1)}.project-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item small{color:var(--tech-muted)}@media(max-width:620px){.project-list{grid-template-columns:1fr}}
.chat{max-width:1080px;margin:22px auto;padding:0 30px 34px;gap:14px}.agent-head{padding:18px 20px;border-radius:18px;gap:16px}.agent-banner{padding:18px 20px;border-radius:16px}.workflow{padding:16px 18px;border-radius:16px}.workflow-title{margin-bottom:12px}.messages{display:flex;flex-direction:column;gap:12px;min-height:240px;padding:20px 4px 24px;overflow:auto}.bubble{max-width:min(820px,88%);margin:0;padding:12px 15px;border-radius:14px;line-height:1.75;word-break:break-word}.bubble.me{align-self:flex-end}.bubble.ai,.bubble.notice{align-self:flex-start}.story-card{max-width:860px;margin:0;padding:16px;border-radius:16px}.story-card p{margin:10px 0;line-height:1.65}.code-bubble{max-width:100%;width:100%}.code-bubble pre{max-height:480px;overflow:auto;white-space:pre-wrap;word-break:break-word}.composer{position:sticky;bottom:16px;z-index:4;padding:10px 12px;border-radius:15px;background:rgba(8,19,35,.94);border-color:rgba(112,193,255,.34);backdrop-filter:blur(18px)}.composer textarea{min-height:42px;max-height:130px}.quick{display:flex;flex-wrap:wrap;gap:8px}.quick button{padding:8px 12px;border-radius:10px}@media(max-width:620px){.chat{margin:12px auto;padding:0 14px 24px}.agent-head{padding:14px}.agent-banner,.workflow{padding:14px}.bubble{max-width:96%}.composer{bottom:8px}.code-bubble pre{max-height:360px}}
.side-caption{padding:0 13px 16px;color:#5f85a7;font-size:10px;letter-spacing:.16em}.side-footer{margin:28px 10px 0;padding-top:16px;border-top:1px solid rgba(112,193,255,.14);color:#6f9ab6;font-size:11px}.side-footer .status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#6cf0b0}.hero{min-height:236px;padding:30px 34px;align-items:center}.hero-copy{max-width:650px}.hero h1{font-size:36px;line-height:1.15}.hero-orbit{right:5%;top:18px;transform:scale(.82);transform-origin:top right}.search-wrap{position:absolute;right:34px;bottom:30px;width:330px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics>div{padding:14px 16px;border-radius:14px}.metrics strong,.metrics span{display:block}.metrics strong{font-size:21px}.metrics span{margin-top:4px;font-size:11px}.section-heading{margin-top:30px}.grid{gap:20px}.card{min-height:210px;border-radius:20px;padding:20px}.sidebar{width:220px;padding:22px 12px}.nav-title{margin-top:22px;padding-top:14px;border-top:1px solid rgba(112,193,255,.12)}@media(max-width:900px){.hero{padding:24px;min-height:260px}.hero h1{font-size:30px}.search-wrap{right:24px;bottom:24px;width:300px}}@media(max-width:620px){.sidebar{width:100%;display:none}.hero{min-height:330px;padding:22px}.hero h1{font-size:28px}.hero-orbit{right:-50px;top:18px}.search-wrap{left:22px;right:22px;bottom:22px;width:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.agent-banner,.workflow{display:none}.process-rail{display:flex}.quick{margin-top:8px}.chat .messages:empty{display:none}.theme-toggle{color:#9ed9ef!important}.theme-toggle:hover{color:#fff!important}.progress-bubble{display:flex;align-items:center;gap:11px;max-width:430px;background:rgba(18,43,70,.96);border:1px solid rgba(84,233,255,.46);color:#e8fbff;box-shadow:0 0 24px rgba(84,233,255,.1)}.progress-bubble strong,.progress-bubble small{display:block}.progress-bubble small{margin-top:3px;color:#9bc4dc}.progress-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--tech-cyan);box-shadow:0 0 0 5px rgba(84,233,255,.1),0 0 16px var(--tech-cyan);animation:processPulse 1.1s infinite}[data-theme="light"] .progress-bubble{background:#eaf7fb;border-color:#8ed0df;color:#16445a;box-shadow:0 8px 24px rgba(40,117,139,.12)}[data-theme="light"] .progress-bubble small{color:#547687}
.quick-clear{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,149,149,.3);background:rgba(255,108,108,.08);color:#ffc0c0;cursor:pointer}.quick-clear:hover{border-color:#ff9c9c;background:rgba(255,108,108,.16)}.quick-clear:disabled,.composer button:disabled{opacity:.5;cursor:not-allowed}.composer.is-busy{border-color:rgba(84,233,255,.58);box-shadow:0 0 26px rgba(84,233,255,.12)}[data-theme="light"] .quick-clear{color:#a45151;border-color:#edb7b7;background:#fff3f3}
.card-audit{margin-top:18px}.card-audit h2{margin:8px 0;color:#fff}.card-audit p{color:var(--tech-muted);font-size:13px}.card-audit-table{margin-top:14px;overflow:auto}.audit-head,.audit-row{display:grid;grid-template-columns:1.25fr .8fr 1.1fr 1.4fr;gap:12px;align-items:center;min-width:720px;padding:11px 12px;border-bottom:1px solid rgba(112,193,255,.12);font-size:12px}.audit-head{color:#86bad3;background:rgba(84,233,255,.06);border-radius:9px}.audit-row{color:#d3e8f5}.audit-row code{color:#bdf2ff}.audit-row small{display:block;margin-top:3px;color:#7898ac}.audit-row .used{color:#ffcc83}.audit-row .unused{color:#79eab0}[data-theme="light"] .card-audit h2{color:#172238}[data-theme="light"] .audit-head{color:#52758b;background:#eef8fb}[data-theme="light"] .audit-row{color:#334b5e;border-color:#dce8ee}[data-theme="light"] .audit-row code{color:#17647e}
.usage-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.usage-summary span{padding:7px 10px;border:1px solid rgba(112,193,255,.18);border-radius:999px;background:rgba(84,233,255,.06);color:#bce5f4;font-size:12px}[data-theme="light"] .usage-summary span{border-color:#c6e0e8;background:#f0fafc;color:#356579}
[data-theme="light"] body{background:#f4f7fb;color:#172238}[data-theme="light"] .sidebar,[data-theme="light"] .topbar{background:rgba(255,255,255,.9);border-color:#dfe7f1}[data-theme="light"] .main{background:#f4f7fb}[data-theme="light"] .nav-item,[data-theme="light"] .recent{color:#53657b}[data-theme="light"] .nav-item.active,[data-theme="light"] .nav-item:hover,[data-theme="light"] .recent:hover{background:#e8f5fb;color:#12617c}[data-theme="light"] .side-caption,[data-theme="light"] .side-footer{color:#68839a}[data-theme="light"] .hero{background:linear-gradient(135deg,#fff,#eaf6fb);border-color:#cfe4ee;box-shadow:0 18px 50px rgba(31,76,104,.1)}[data-theme="light"] .hero h1,[data-theme="light"] .section-heading h2{color:#172238;text-shadow:none}[data-theme="light"] .hero p{color:#53657b}[data-theme="light"] .search-wrap{background:#fff;border-color:#cfe0ea}[data-theme="light"] .search{color:#172238}[data-theme="light"] .metrics>div,[data-theme="light"] .card{background:#fff;border-color:#d8e4ee;box-shadow:0 12px 30px rgba(41,78,105,.08)}[data-theme="light"] .metrics strong,[data-theme="light"] .card h3{color:#172238;text-shadow:none}[data-theme="light"] .metrics span,[data-theme="light"] .card p,[data-theme="light"] .card-theme{color:#60758a}[data-theme="light"] .bubble.ai{background:#fff;border-color:#d8e4ee;color:#25364a}[data-theme="light"] .composer{background:rgba(255,255,255,.94);border-color:#cddfea}[data-theme="light"] .composer textarea{background:#fff;color:#25364a}[data-theme="light"] .agent-head{background:#fff;border-color:#d8e4ee}[data-theme="light"] .agent-head h2,[data-theme="light"] .agent-banner h3{color:#172238}
[data-theme="light"] .nebula-placeholder{color:#172238}

/* 2026 Nebula workspace polish: quiet structure first, signal glow second. */

/* Main station home: Chinese-first workbench, independent from app logic. */
.station-shell{min-height:100vh;background:radial-gradient(circle at 78% -8%,rgba(116,103,255,.22),transparent 32%),linear-gradient(145deg,#07111f 0%,#0a1628 52%,#0b1022 100%);color:#edf8ff}
.station-side-wrap{flex:0 0 238px}.station-side-wrap .sidebar{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:100vh;min-height:100vh;background:rgba(5,15,29,.82);border-right:1px solid rgba(112,193,255,.16)}.station-main{margin-left:0!important;min-width:0;min-height:100vh}.station-topbar{background:rgba(7,16,31,.72)!important;border-bottom:1px solid rgba(112,193,255,.14)!important}.station-channel{display:flex;align-items:center;gap:9px;color:#e9faff;font-weight:800}.station-channel small{margin-left:5px;color:#7fa9be;font-size:11px;font-weight:500}.station-channel-dot{width:8px;height:8px;border-radius:50%;background:#6cf0b0;box-shadow:0 0 16px rgba(108,240,176,.85)}
.station-side-wrap .side-logo:after{content:"在线 / 24 个智能体"}
.station-content{max-width:1460px;margin:0 auto;padding:32px 42px 80px}.station-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:20px;min-height:390px;padding:45px 48px;overflow:hidden;border:1px solid rgba(112,193,255,.24);border-radius:28px;background:linear-gradient(135deg,rgba(16,49,78,.9),rgba(26,25,69,.88));box-shadow:0 24px 76px rgba(0,0,0,.25)}.station-hero-noise{position:absolute;inset:0;background:radial-gradient(circle at 82% 35%,rgba(83,234,255,.22),transparent 22%),radial-gradient(circle at 58% 100%,rgba(187,123,255,.2),transparent 28%);pointer-events:none}.station-hero-copy,.station-hero-visual{position:relative;z-index:1}.station-kicker{color:#94edff;font-size:11px;letter-spacing:.13em}.station-hero h1{max-width:640px;margin:22px 0 14px;color:#f4fbff;font-size:clamp(42px,5.3vw,76px);line-height:1.03;letter-spacing:-.055em}.station-hero h1 em{color:#87ecff;font-style:normal}.station-hero-copy>p{max-width:560px;margin:0;color:#a9c7d8;font-size:16px;line-height:1.75}.station-hero-actions{display:flex;align-items:center;gap:15px;margin-top:28px;flex-wrap:wrap}.station-hero-actions>span{color:#8baec0;font-size:11px}.station-primary{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:999px;background:linear-gradient(105deg,#62ddec,#8f82ff);color:#071827;text-decoration:none;font-weight:800;box-shadow:0 12px 26px rgba(84,233,255,.18)}
.station-hero-visual{min-height:285px;margin:18px 5px 0}.station-hero-core{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:210px;transform:translate(-50%,-50%) rotate(-4deg);border:1px solid rgba(151,239,255,.58);border-radius:30px;background:linear-gradient(145deg,rgba(84,233,255,.24),rgba(137,114,255,.31));box-shadow:0 24px 50px rgba(0,0,0,.28),inset 0 0 28px rgba(255,255,255,.08)}.station-hero-core span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#061827;color:#9af2ff;font-size:26px}.station-hero-core strong{margin-top:14px;color:#f3fdff;font-size:18px}.station-hero-core small{margin-top:5px;color:#a8cadd;font-size:10px}.station-hero-chip{position:absolute;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(145,235,255,.32);border-radius:15px;background:rgba(8,26,46,.82);box-shadow:0 14px 28px rgba(0,0,0,.18);color:#9fc5d6}.station-hero-chip small{font-size:10px}.station-hero-chip strong{color:#effcff;font-size:24px;line-height:1}.station-hero-chip b{color:#80ecff;font-size:10px}.station-hero-chip-one{left:0;top:14px}.station-hero-chip-two{right:2px;top:0}.station-hero-chip-three{right:8px;bottom:8px}.station-hero-chip-three strong{font-size:14px;color:#ffcf79}
.station-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:20px 0 30px}.station-stats>div{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid rgba(112,193,255,.16);border-radius:15px;background:rgba(9,27,48,.64)}.station-stats small{color:#7fa9be;font-size:10px}.station-stats strong{color:#effcff;font-size:18px}.station-stats strong em{margin-left:3px;color:#83e9fb;font-size:10px;font-style:normal}.station-stats span{color:#8faec0;font-size:10px}
.station-commerce{margin-bottom:34px}.station-section-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#8edff0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.12em}.station-section-label small{color:#7193a7}.station-commerce-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:115px;padding:23px 27px;overflow:hidden;border:1px solid rgba(255,131,135,.55);border-radius:20px;background:radial-gradient(circle at 86% 20%,rgba(255,128,128,.28),transparent 28%),linear-gradient(125deg,#651729,#bc3850 48%,#4d1b41);cursor:pointer;box-shadow:0 20px 56px rgba(116,18,48,.28);transition:transform .18s,box-shadow .18s}.station-commerce-card:hover{transform:translateY(-3px);box-shadow:0 25px 70px rgba(164,24,61,.42)}.station-commerce-card>div:not(.station-commerce-glow){position:relative;z-index:1}.station-commerce-card span{color:#ffc3c3;font-size:11px;letter-spacing:.1em}.station-commerce-card h2{margin:8px 0 4px;color:#fff;font-size:33px;letter-spacing:.08em}.station-commerce-card p{margin:0;color:#ffdfe0;font-size:13px}.station-commerce-card>b{position:relative;z-index:1;color:#ffe9e9;font-size:13px;white-space:nowrap}.station-commerce-glow{position:absolute;inset:-60%;background:radial-gradient(circle at 25% 45%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 85% 45%,rgba(255,200,153,.2),transparent 23%);pointer-events:none}
.station-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:16px}.station-section-label-text{color:#88e7fa;font-size:11px;letter-spacing:.15em}.station-section-head h2{margin:7px 0 5px;color:#f3fbff;font-size:32px;letter-spacing:-.04em}.station-section-head p{margin:0;color:#8eafc0;font-size:13px}.station-search{display:flex;align-items:center;gap:8px;min-width:270px;padding:0 13px;border:1px solid rgba(112,193,255,.22);border-radius:999px;background:rgba(6,19,37,.75)}.station-search span{color:#89ecff;font-size:20px}.station-search .search{width:100%;padding:12px 2px;border:0;outline:0;background:transparent;color:#edfbff}.station-search .search::placeholder{color:#7899ad}.station-filters{margin-bottom:20px}.station-filters .chip{border-color:rgba(112,193,255,.22);background:rgba(13,34,57,.62);color:#a9c8d8}.station-filters .chip.active{border-color:#8d8df6;background:linear-gradient(105deg,#63ddec,#8c82f5);color:#061827}
.station-agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.station-agent-card{position:relative;display:flex;flex-direction:column;min-height:300px;overflow:hidden;border:1px solid rgba(112,193,255,.2);border-radius:18px;background:linear-gradient(155deg,rgba(19,46,76,.9),rgba(7,20,39,.92));cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.16);transition:transform .18s,border-color .18s,box-shadow .18s}.station-agent-card:hover{transform:translateY(-4px);border-color:rgba(130,238,255,.68);box-shadow:0 22px 50px rgba(0,0,0,.26),0 0 28px rgba(84,233,255,.08)}.station-agent-card:focus-visible,.station-commerce-card:focus-visible{outline:3px solid rgba(84,233,255,.55);outline-offset:3px}.station-agent-cover{position:relative;height:148px;overflow:hidden;background:linear-gradient(135deg,#142c49,#28235a)}.station-agent-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,14,28,.72))}.station-agent-cover img{width:100%;height:100%;object-fit:cover;opacity:.86}.station-agent-index{position:absolute;right:12px;top:10px;z-index:1;color:#a2edfb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.12em}.station-agent-body{display:flex;flex:1;flex-direction:column;padding:17px}.station-agent-tag{color:#89e9fb;font-size:10px;letter-spacing:.1em}.station-agent-body h3{margin:8px 0 5px;color:#f2fbff;font-size:21px}.station-agent-body p{margin:0;color:#9bb8c8;font-size:12px;line-height:1.6}.station-agent-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(112,193,255,.13);color:#718fa1;font-size:10px}.station-agent-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-agent-foot b{color:#9cefff;white-space:nowrap}.station-empty{display:grid;place-items:center;min-height:190px;gap:7px;padding:28px;border:1px dashed rgba(112,193,255,.28);border-radius:18px;color:#8eafc0;text-align:center}.station-empty strong{color:#e8f8ff;font-size:17px}
@media(max-width:1000px){.station-hero{grid-template-columns:1fr}.station-hero-visual{min-height:250px;margin-top:0}.station-content{padding:25px}.station-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.station-section-head{align-items:stretch;flex-direction:column}.station-search{min-width:0;width:100%}}@media(max-width:760px){.station-side-wrap{display:none}.station-content{padding:18px 15px 55px}.station-hero{min-height:590px;padding:30px 23px 22px;border-radius:22px}.station-hero h1{font-size:44px}.station-commerce-card{align-items:flex-start;flex-direction:column;padding:21px}.station-commerce-card>b{align-self:flex-end}.station-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.station-topbar{padding-inline:15px}.station-channel small{display:none}.station-hero h1{font-size:39px}.station-hero-copy>p{font-size:14px}.station-hero-visual{min-height:230px}.station-hero-core{width:145px;height:185px}.station-hero-chip{transform:scale(.88)}.station-stats{grid-template-columns:1fr 1fr}.station-stats>div{padding:12px}.station-stats strong{font-size:16px}.station-commerce-card h2{font-size:28px}.station-commerce-card p{font-size:11px;line-height:1.5}.station-section-head h2{font-size:27px}.station-agent-grid{grid-template-columns:1fr}.station-agent-cover{height:170px}}
body{--tech-radius:18px;--tech-surface:rgba(14,29,51,.72);--tech-surface-strong:rgba(17,36,62,.9);letter-spacing:.005em}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 86% 72%,rgba(123,140,255,.1),transparent 28%),radial-gradient(circle at 4% 88%,rgba(84,233,255,.08),transparent 24%);mix-blend-mode:screen;opacity:.8;z-index:-1}
.topbar{height:76px;padding:0 34px;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.topbar .crumb{font-size:13px;color:#9eb5cb}.top-actions{gap:14px}.live-label{font-size:11px;font-weight:700;letter-spacing:.18em}.profile{border:1px solid rgba(112,193,255,.2);padding:10px 16px}
.content{max-width:2040px;width:100%;margin:0 auto;padding:30px 38px 64px}
.hero{min-height:286px;margin-bottom:18px;padding:38px 40px;border-radius:26px;background:linear-gradient(120deg,rgba(18,45,76,.92) 0%,rgba(14,27,57,.88) 54%,rgba(25,31,77,.82) 100%);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(84,233,255,.08),transparent 42%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(131,201,255,.035) 80px 81px);pointer-events:none;z-index:-1}
.hero-copy{max-width:700px}.hero h1{font-size:42px;line-height:1.08;margin:10px 0 14px}.hero p{font-size:15px;line-height:1.8;max-width:600px}.hero-tags{gap:8px;margin-top:20px}.hero-tags span{padding:7px 11px;border-radius:999px;font-size:11px;letter-spacing:.04em}
.search-wrap{right:40px;bottom:34px;width:360px;border-radius:14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:6px}.metrics>div{min-height:78px;display:flex;flex-direction:column;justify-content:center;border-radius:16px}.metrics strong{font-size:24px;line-height:1}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-top:34px;margin-bottom:14px}.section-heading h2{margin-top:8px;font-size:25px;letter-spacing:-.03em}.filters{margin-bottom:20px;gap:8px}.chip{padding:8px 13px;font-size:12px}
.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.card{min-height:238px;padding:21px;border-radius:20px}.card:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,233,255,.55),transparent);opacity:.5}.card h3{font-size:17px;letter-spacing:-.02em}.card p{font-size:13px;line-height:1.7}.card-footer{display:flex;justify-content:space-between;align-items:center}
.sidebar{width:var(--tech-sidebar-width);padding:24px 14px}.side-logo{font-size:24px;padding-bottom:22px}.nav-item,.recent{border:1px solid transparent}.nav-title{margin-top:18px}.side-footer{margin-top:32px}
.chat{max-width:980px;padding:0 34px 40px;margin-top:24px}.messages{padding:22px 6px 28px;gap:14px}.bubble{border-radius:17px;padding:13px 16px;line-height:1.8;box-shadow:0 8px 24px rgba(0,0,0,.1)}.bubble.me{box-shadow:0 10px 26px rgba(76,91,221,.2)}.composer{border-radius:18px;padding:11px 12px;box-shadow:0 16px 40px rgba(0,0,0,.2)}.quick{padding:0 4px;gap:7px}.quick button{font-size:12px}
.markdown-bubble{max-width:100%;width:100%;white-space:pre-wrap}
.markdown-response{max-width:100%;width:100%;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.md-prose{padding:2px 2px 6px;white-space:pre-wrap;word-break:break-word;line-height:1.82;color:#e7f6ff}
.md-prose p{margin:4px 0 12px}.md-prose h1,.md-prose h2,.md-prose h3,.md-prose h4,.md-prose h5,.md-prose h6{margin:8px 0 12px;color:#f3fbff;line-height:1.35}.md-prose h3{font-size:18px}.md-prose h4{font-size:16px}.md-prose ul{margin:6px 0 14px;padding-left:24px}.md-prose li{margin:4px 0}.md-prose hr{margin:14px 0;border:0;border-top:1px solid rgba(112,193,255,.22)}.md-prose code{padding:2px 5px;border-radius:5px;background:rgba(84,233,255,.1);color:#bcefff;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.md-code-block{width:100%;margin:12px 0 16px;border:1px solid rgba(112,193,255,.3);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(24,49,83,.98),rgba(15,29,58,.98));box-shadow:0 12px 28px rgba(0,0,0,.16)}
.md-code-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:7px 10px 7px 14px;border-bottom:1px solid rgba(112,193,255,.18);background:rgba(11,26,49,.72)}
.md-code-lang{min-width:20px;color:#9ed9ef;font:12px/1.4 Inter,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.04em}
.md-code-copy{padding:5px 10px;border:1px solid rgba(112,193,255,.32);border-radius:8px;background:rgba(84,233,255,.08);color:#c5f2ff;cursor:pointer;font:12px/1.4 Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.md-code-copy:hover{border-color:var(--tech-cyan);background:rgba(84,233,255,.16)}
.md-code-block pre{max-height:560px;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#edf8ff;font:13px/1.9 Inter,"PingFang SC","Microsoft YaHei",sans-serif}
[data-theme="light"] .markdown-response{background:transparent;border-color:transparent;box-shadow:none}
[data-theme="light"] .md-prose{color:#25364a}
[data-theme="light"] .md-prose h1,[data-theme="light"] .md-prose h2,[data-theme="light"] .md-prose h3,[data-theme="light"] .md-prose h4,[data-theme="light"] .md-prose h5,[data-theme="light"] .md-prose h6{color:#172238}[data-theme="light"] .md-prose hr{border-top-color:#cbdfe6}[data-theme="light"] .md-prose code{background:#e8f6f8;color:#185a70}
[data-theme="light"] .md-code-block{border-color:#c2dce5;background:#f7fbfd;box-shadow:0 10px 24px rgba(41,78,105,.09)}
[data-theme="light"] .md-code-toolbar{border-color:#d7e7ec;background:#eaf6f9}
[data-theme="light"] .md-code-lang{color:#35677d}
[data-theme="light"] .md-code-copy{border-color:#9fcad7;background:#f4fcfd;color:#185a70}
[data-theme="light"] .md-code-block pre{color:#243f50}
@media(max-width:900px){.content{padding:24px 24px 56px}.hero h1{font-size:34px}.search-wrap{right:24px}.topbar{padding:0 24px}}
@media(max-width:620px){.content{padding:18px 16px 42px}.hero{padding:24px 22px;border-radius:20px}.hero h1{font-size:30px}.hero p{font-size:14px}.section-heading{display:block}.result-count{display:block;margin-top:8px}.chat{padding:0 14px 28px}.topbar{height:64px;padding:0 16px}.live-label{display:none}}

/* Contrast pass: every secondary label must remain readable in both skins. */
::placeholder{color:#7893a8;opacity:1}
.nav-item,.recent{color:#a9c0d3}.side-caption{color:#82a4bd}.nav-title{color:#91acc1}.side-footer{color:#87a9c0}
.crumb{color:#b5c9d9}.result-count,.metrics span{color:#abc1d2}.card p,.card-theme{color:#b4cad8}.card-footer{color:#9eb9cb}.tag{color:#b8edff}.hero p{color:#c3d8e5}.search::placeholder{color:#86a2b7}.search-wrap span{color:#77e9fa}
.agent-head p,.project-bar label,.workflow-title small{color:#b1c8d8}.agent-kicker{color:#78ebfa}.agent-state{color:#83f2b5}.quick button,.secondary{color:#d2f5ff}.quick button{border-color:rgba(104,196,255,.42)}
.admin-fields label,.billing-fields label,label{color:#b9cfdd}.config-state{color:#a1c5d9}.admin-card p,.billing-panel p,.account-stat p,.account-card p{color:#b2c9d8}.audit-head{color:#a8d1e3}.audit-row{color:#e0eff6}
.composer textarea::placeholder,.project-bar input::placeholder,.account-recharge input::placeholder{color:#7f9aac}
[data-theme="light"] .crumb{color:#36566b}[data-theme="light"] .live-label{color:#08748a}[data-theme="light"] .eyebrow{color:#3e6378}
[data-theme="light"] .nav-title{color:#5e7283}[data-theme="light"] .nav-item,[data-theme="light"] .recent{color:#40596b}[data-theme="light"] .side-caption{color:#52758b}[data-theme="light"] .side-footer{color:#52758b}
[data-theme="light"] .hero p{color:#3e596b}[data-theme="light"] .hero-tags span,[data-theme="light"] .chip{color:#24566c;background:#edf8fb;border-color:#a6d4df}[data-theme="light"] .chip.active,[data-theme="light"] .chip:hover{color:#092d3e;background:linear-gradient(90deg,#6fd9e8,#8d99f5);border-color:transparent}
[data-theme="light"] .metrics span,[data-theme="light"] .result-count{color:#4c687b}[data-theme="light"] .card p{color:#476172}[data-theme="light"] .card-theme{color:#466477;background:#f1f8fb}[data-theme="light"] .card-footer{color:#4d6a7b}[data-theme="light"] .tag{color:#1b5b71;background:#eaf7fb;border-color:#b3dbe4}
[data-theme="light"] .search::placeholder,[data-theme="light"] ::placeholder{color:#5f7889}[data-theme="light"] .search-wrap span{color:#08748a}[data-theme="light"] .back,[data-theme="light"] .profile{color:#185f78;border-color:#b9d4df;background:#f2f9fb}[data-theme="light"] .back:hover,[data-theme="light"] .profile:hover{color:#0a3b4d;border-color:#4aaec1}
[data-theme="light"] .agent-kicker{color:#08748a}[data-theme="light"] .agent-head p{color:#456477}[data-theme="light"] .agent-state{color:#16804f}[data-theme="light"] .quick button,[data-theme="light"] .secondary{color:#185c73;border-color:#a7d1dc;background:#f0f9fb}[data-theme="light"] .quick button:hover,[data-theme="light"] .secondary:hover{color:#0a3b4d;background:#e0f4f8;border-color:#4aaec1}
[data-theme="light"] .admin-fields label,[data-theme="light"] .billing-fields label,[data-theme="light"] label{color:#4b6677}[data-theme="light"] .config-state,[data-theme="light"] .admin-card p,[data-theme="light"] .billing-panel p,[data-theme="light"] .account-stat p,[data-theme="light"] .account-card p{color:#4b6879}[data-theme="light"] .audit-head{color:#416a7d}[data-theme="light"] .audit-row{color:#29495c}

/* AI agent landing visual: remove the copy-heavy hero and keep the signal visual lightweight. */
.ai-agent-hero{min-height:218px;height:218px;margin-bottom:28px;padding:0;border-color:rgba(93,206,255,.24);background:radial-gradient(circle at 50% 48%,rgba(57,191,239,.16),transparent 27%),linear-gradient(135deg,rgba(13,44,73,.96),rgba(10,22,46,.94) 56%,rgba(29,25,67,.92));isolation:isolate}
.ai-agent-hero:before{background:linear-gradient(90deg,rgba(84,233,255,.07),transparent 46%,rgba(132,115,255,.08)),repeating-linear-gradient(90deg,transparent 0 72px,rgba(131,201,255,.035) 72px 73px);opacity:.9}
.ai-agent-hero:after{inset:20% 20%;width:auto;height:auto;border-radius:50%;background:radial-gradient(circle,rgba(86,232,255,.16),transparent 62%);filter:blur(8px)}
.ai-signal-visual{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.ai-signal-ring{position:absolute;border:1px solid rgba(106,228,255,.34);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 28px rgba(84,233,255,.1);animation:aiSignalSpin 18s linear infinite}
.signal-ring-one{width:176px;height:176px;border-left-color:rgba(189,123,255,.65);border-right-color:transparent}
.signal-ring-two{width:282px;height:92px;border-color:rgba(139,182,255,.22);transform:rotate(24deg);animation-direction:reverse;animation-duration:24s}
.ai-signal-line{position:absolute;width:31%;height:1px;background:linear-gradient(90deg,transparent,rgba(84,233,255,.7),transparent);transform-origin:center;animation:aiSignalLine 4s ease-in-out infinite}
.signal-line-one{transform:rotate(28deg) translateX(-42px)}.signal-line-two{transform:rotate(-28deg) translateX(42px);animation-delay:-1.7s}
.ai-signal-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#76efff;box-shadow:0 0 0 5px rgba(84,233,255,.1),0 0 22px rgba(84,233,255,.86);animation:aiSignalBlink 2.7s ease-in-out infinite}
.signal-node-one{margin: -72px 0 0 -178px}.signal-node-two{margin:74px 0 0 166px;animation-delay:-.9s}.signal-node-three{margin:-20px 0 0 210px;animation-delay:-1.8s;background:#b78bff;box-shadow:0 0 0 5px rgba(189,123,255,.12),0 0 22px rgba(189,123,255,.8)}
.ai-signal-core{position:relative;z-index:2;display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(132,238,255,.82);border-radius:26px;background:radial-gradient(circle at 35% 28%,#247d9d,#172e51 68%,#131b3b);color:#dcfbff;font-size:34px;box-shadow:0 0 46px rgba(84,233,255,.3),inset 0 0 30px rgba(126,136,255,.32);animation:aiSignalCore 3s ease-in-out infinite}
.ai-signal-core:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(84,233,255,.16);border-radius:31px;transform:rotate(45deg)}
.ai-signal-corner{position:absolute;width:34px;height:34px;border-color:rgba(116,230,255,.45);z-index:3}.corner-tl{left:22px;top:22px;border-left:1px solid;border-top:1px solid}.corner-br{right:22px;bottom:22px;border-right:1px solid;border-bottom:1px solid}
.ai-signal-scan{position:absolute;left:9%;right:9%;height:1px;top:18%;background:linear-gradient(90deg,transparent,rgba(113,239,255,.6),transparent);box-shadow:0 0 14px rgba(84,233,255,.5);animation:aiSignalScan 5.5s ease-in-out infinite}
.ai-heading-mark{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid rgba(84,233,255,.45);border-radius:7px;background:rgba(84,233,255,.1);color:#c8faff!important;letter-spacing:0}
.ai-search{position:relative;right:auto;bottom:auto;width:220px;height:42px;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px}.ai-search input{min-width:0}
.section-heading .ai-search{flex:none}
@keyframes aiSignalSpin{to{transform:rotate(336deg)}}
@keyframes aiSignalLine{0%,100%{opacity:.2;transform:scaleX(.6) rotate(28deg)}50%{opacity:1;transform:scaleX(1) rotate(28deg)}}
@keyframes aiSignalBlink{0%,100%{opacity:.48;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes aiSignalCore{0%,100%{transform:translateY(0);box-shadow:0 0 46px rgba(84,233,255,.3),inset 0 0 30px rgba(126,136,255,.32)}50%{transform:translateY(-4px);box-shadow:0 0 62px rgba(84,233,255,.46),inset 0 0 30px rgba(126,136,255,.4)}}
@keyframes aiSignalScan{0%,100%{transform:translateY(-12px);opacity:.15}50%{transform:translateY(150px);opacity:.8}}

/* Spacious login/register screen. The background is CSS-only so it stays crisp and fast. */
.ai-auth-page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:42px 24px;background:radial-gradient(circle at 16% 18%,rgba(84,233,255,.16),transparent 30%),radial-gradient(circle at 86% 78%,rgba(123,140,255,.2),transparent 32%),#07101d}
.auth-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background-image:linear-gradient(rgba(130,190,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(130,190,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.auth-orbit{position:absolute;border:1px solid rgba(84,233,255,.13);border-radius:50%;transform:rotate(-24deg);animation:authOrbit 26s linear infinite}.auth-orbit-one{width:680px;height:260px;left:-170px;top:-80px}.auth-orbit-two{width:720px;height:280px;right:-190px;bottom:-70px;border-color:rgba(189,123,255,.13);animation-direction:reverse;animation-duration:34s}
.auth-pulse{position:absolute;width:230px;height:230px;border-radius:50%;filter:blur(22px);opacity:.28;animation:authPulse 7s ease-in-out infinite}.auth-pulse-one{left:12%;top:19%;background:#18c9ed}.auth-pulse-two{right:8%;bottom:17%;background:#7b69ff;animation-delay:-3.5s}
.auth-grid{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(84,233,255,.04) 34.2%,transparent 34.5%)}
.auth-shell{width:min(1040px,100%);min-height:610px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:stretch;border:1px solid rgba(112,193,255,.22);border-radius:30px;overflow:hidden;background:rgba(8,22,41,.55);box-shadow:0 28px 100px rgba(0,0,0,.32);backdrop-filter:blur(16px)}
.auth-visual{position:relative;display:flex;align-items:flex-end;min-height:610px;padding:54px 54px;overflow:hidden;background:radial-gradient(circle at 51% 40%,rgba(84,233,255,.13),transparent 25%),linear-gradient(145deg,rgba(14,59,81,.62),rgba(15,23,57,.72));border-right:1px solid rgba(112,193,255,.16)}
.auth-mark{position:absolute;left:50%;top:37%;z-index:2;display:grid;place-items:center;width:104px;height:104px;margin:-52px 0 0 -52px;border:1px solid rgba(132,238,255,.75);border-radius:32px;background:radial-gradient(circle at 35% 28%,#247d9d,#172e51 68%,#131b3b);color:#dcfbff;font-size:46px;box-shadow:0 0 70px rgba(84,233,255,.3),inset 0 0 35px rgba(126,136,255,.3);animation:aiSignalCore 4s ease-in-out infinite}
.auth-line{position:absolute;left:50%;top:37%;width:390px;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(84,233,255,.7),transparent);opacity:.7}.auth-line-one{transform:rotate(27deg)}.auth-line-two{transform:rotate(-27deg);background:linear-gradient(90deg,rgba(189,123,255,.7),transparent)}
.auth-node{position:absolute;left:50%;top:37%;width:10px;height:10px;border-radius:50%;background:#77efff;box-shadow:0 0 0 6px rgba(84,233,255,.1),0 0 24px rgba(84,233,255,.9);animation:aiSignalBlink 2.8s ease-in-out infinite}.auth-node-one{transform:translate(-160px,-79px)}.auth-node-two{transform:translate(152px,-70px);animation-delay:-1s;background:#b890ff;box-shadow:0 0 0 6px rgba(189,123,255,.1),0 0 24px rgba(189,123,255,.9)}.auth-node-three{transform:translate(173px,78px);animation-delay:-1.8s}
.auth-visual-copy{position:relative;z-index:3;max-width:360px}.auth-visual-copy h2{margin:10px 0 12px;color:#f2fcff;font-size:42px;letter-spacing:-.06em}.auth-visual-copy p{margin:0;color:#a9c9d8;line-height:1.8;font-size:14px}
.auth-card{align-self:stretch;width:auto;max-width:none;margin:0;padding:52px 42px;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;background:rgba(8,20,39,.7);box-shadow:none;backdrop-filter:none}.auth-card .logo{margin-bottom:42px}.auth-kicker{color:#79eaff;font-size:12px;letter-spacing:.14em}.auth-card h1{margin:12px 0 10px;font-size:30px;letter-spacing:-.04em}.auth-card .sub{margin:0 0 30px;color:#9eb8ca;line-height:1.7}.auth-fields{display:grid;gap:17px}.auth-card .field{display:grid;gap:8px;color:#a9c5d5;font-size:12px}.auth-card .field input{width:100%;min-height:48px;padding:13px 14px;border:1px solid rgba(112,193,255,.22);border-radius:12px;background:rgba(3,13,27,.62);color:#effbff;outline:0}.auth-card .field input:focus{border-color:#54e9ff;box-shadow:0 0 0 3px rgba(84,233,255,.1)}.auth-card .agree{display:flex;align-items:flex-start;gap:9px;margin:20px 0;color:#8faabd;font-size:12px;line-height:1.6}.auth-card .agree input{width:16px;height:16px;margin:1px 0;accent-color:#54e9ff}.auth-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-size:15px;font-weight:700}.auth-submit span{font-size:18px}.auth-switch{width:100%;margin-top:12px;min-height:44px}.auth-msg{margin:20px 0 0;text-align:center;color:#7592a7;font-size:11px}
[data-theme="light"] .ai-agent-hero{background:radial-gradient(circle at 50% 48%,rgba(39,180,209,.14),transparent 28%),linear-gradient(135deg,#f5fdff,#eaf5ff 58%,#f2efff);border-color:#bfdee8}.ai-agent-hero:before{background:linear-gradient(90deg,rgba(37,174,205,.08),transparent 46%,rgba(121,115,230,.08)),repeating-linear-gradient(90deg,transparent 0 72px,rgba(74,134,178,.06) 72px 73px)}[data-theme="light"] .ai-signal-ring{border-color:rgba(30,139,170,.36)}[data-theme="light"] .ai-signal-core{background:radial-gradient(circle at 35% 28%,#77d9e7,#6682d9 68%,#465187);color:#fff;box-shadow:0 0 46px rgba(62,183,211,.26),inset 0 0 30px rgba(255,255,255,.2)}[data-theme="light"] .ai-heading-mark{color:#17657b!important;background:#e9f9fc;border-color:#9fcfda}[data-theme="light"] .ai-auth-page{background:radial-gradient(circle at 16% 18%,rgba(84,205,225,.2),transparent 32%),radial-gradient(circle at 86% 78%,rgba(139,143,243,.16),transparent 32%),#f3f8fc}[data-theme="light"] .auth-shell{border-color:#c8dfe8;background:rgba(255,255,255,.68);box-shadow:0 28px 90px rgba(41,78,105,.14)}[data-theme="light"] .auth-visual{background:radial-gradient(circle at 51% 40%,rgba(84,205,225,.14),transparent 25%),linear-gradient(145deg,#effbfc,#f0f1ff);border-color:#d4e6eb}[data-theme="light"] .auth-visual-copy h2{color:#172238}[data-theme="light"] .auth-visual-copy p{color:#4e6a79}[data-theme="light"] .auth-card{background:rgba(255,255,255,.72)}[data-theme="light"] .auth-card h1{color:#172238}[data-theme="light"] .auth-card .sub,[data-theme="light"] .auth-card .agree{color:#5b7180}[data-theme="light"] .auth-card .field{color:#4b6677}[data-theme="light"] .auth-card .field input{background:#fff;border-color:#cfe0e7;color:#243f50}[data-theme="light"] .auth-msg{color:#668091}
@keyframes authOrbit{to{transform:rotate(336deg)}}@keyframes authPulse{0%,100%{transform:scale(.86);opacity:.16}50%{transform:scale(1.12);opacity:.34}}
@media(max-width:760px){.ai-agent-hero{min-height:180px;height:180px;margin-bottom:22px}.signal-ring-two{width:230px}.signal-node-one{margin-left:-128px}.signal-node-two{margin-left:125px}.signal-node-three{margin-left:145px}.ai-search{width:180px}.auth-shell{grid-template-columns:1fr;max-width:480px}.auth-visual{min-height:220px;padding:28px 30px;align-items:flex-end;border-right:0;border-bottom:1px solid rgba(112,193,255,.16)}.auth-mark{top:40%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:23px;font-size:32px}.auth-line{top:40%;width:240px}.auth-visual-copy{max-width:260px}.auth-visual-copy h2{font-size:28px;margin:6px 0}.auth-visual-copy p{font-size:12px;line-height:1.5}.auth-card{padding:34px 28px 38px}.auth-card .logo{margin-bottom:27px}.auth-backdrop{background-size:40px 40px}}
@media(max-width:480px){.section-heading{display:flex;align-items:center;gap:10px}.section-heading>div{min-width:0}.section-heading h2{font-size:22px}.ai-search{width:42px;padding:0;justify-content:center;border-radius:12px}.ai-search input{position:absolute;inset:0;width:100%;opacity:0;cursor:text}.ai-search:focus-within{width:150px;padding:0 10px;justify-content:flex-start}.ai-search:focus-within input{position:static;opacity:1}.ai-search:focus-within span{flex:none}.auth-shell{border-radius:22px}.ai-auth-page{padding:20px 14px}.auth-visual{min-height:190px;padding:22px}.auth-card{padding:29px 22px 32px}.auth-card h1{font-size:26px}.auth-card .sub{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.ai-signal-ring,.ai-signal-line,.ai-signal-node,.ai-signal-core,.ai-signal-scan,.auth-orbit,.auth-pulse,.auth-mark,.auth-node{animation:none}}

/* AI commerce studio — phase one of the e-commerce source integration. */
.commerce-page{max-width:1460px;width:100%;margin:0 auto;padding:34px 46px 72px}.commerce-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:210px;padding:34px 38px;border:1px solid rgba(120,194,255,.27);border-radius:26px;background:radial-gradient(circle at 86% 18%,rgba(84,233,255,.18),transparent 24%),linear-gradient(125deg,rgba(13,57,78,.9),rgba(22,26,68,.92));box-shadow:var(--tech-shadow)}.commerce-hero h1{margin:10px 0 10px;color:#fff;font-size:38px;letter-spacing:-.04em}.commerce-hero p{max-width:660px;margin:0;color:#bdd3e1;line-height:1.8}.commerce-status{min-width:184px;padding:14px 16px;border:1px solid rgba(109,235,255,.32);border-radius:15px;background:rgba(7,24,45,.42);color:#8df4cf}.commerce-status span,.commerce-status small{display:block}.commerce-status small{margin-top:6px;color:#a7c5d8;font-size:12px}.commerce-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);gap:18px;margin-top:18px}.commerce-form,.commerce-output{min-height:540px;border:1px solid rgba(112,193,255,.22);border-radius:22px;background:linear-gradient(155deg,rgba(15,35,60,.88),rgba(8,20,39,.94));box-shadow:0 18px 50px rgba(0,0,0,.18)}.commerce-form{padding:24px}.commerce-form-head,.commerce-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.commerce-form-head h2{margin:8px 0 0;color:#fff;font-size:22px}.commerce-form-head>span{padding-top:5px;color:#8fb7cb;font-size:12px}.commerce-form label{display:flex;flex-direction:column;gap:8px;margin-top:17px;font-size:12px}.commerce-form input,.commerce-form textarea,.commerce-form select{width:100%;border:1px solid rgba(112,193,255,.28);border-radius:12px;background:rgba(3,13,27,.72);color:#effbff;padding:12px 13px;outline:0}.commerce-form textarea{min-height:112px;resize:vertical}.commerce-form input:focus,.commerce-form textarea:focus,.commerce-form select:focus{border-color:var(--tech-cyan);box-shadow:0 0 0 3px rgba(84,233,255,.1)}.commerce-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.commerce-submit{margin-top:20px}.commerce-note{margin:13px 0 0;color:#8faabd;font-size:12px;line-height:1.65}.commerce-output{padding:24px;display:flex;flex-direction:column}.commerce-empty{height:100%;display:grid;place-content:center;text-align:center;max-width:490px;margin:auto}.commerce-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border:1px solid rgba(84,233,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(84,233,255,.22),rgba(123,140,255,.24));color:#d7f9ff;font-size:25px;box-shadow:0 0 30px rgba(84,233,255,.12)}.commerce-empty h2{margin:0;color:#f2fbff;font-size:24px}.commerce-empty p{margin:12px 0 22px;color:#a9c3d2;line-height:1.8}.commerce-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.commerce-steps span{padding:8px 10px;border:1px solid rgba(112,193,255,.2);border-radius:999px;color:#9ed8ea;font-size:11px}.commerce-thinking{display:flex;align-items:center;gap:12px;margin:auto;padding:18px;border:1px solid rgba(84,233,255,.32);border-radius:16px;background:rgba(15,49,71,.62);color:#e9fbff}.commerce-thinking strong,.commerce-thinking small{display:block}.commerce-thinking small{margin-top:5px;color:#a7c8da}.commerce-result{width:100%}.commerce-result pre{max-height:620px;margin:18px 0 0;padding:18px;border:1px solid rgba(112,193,255,.19);border-radius:16px;background:rgba(3,13,27,.45);color:#d9eef7;white-space:pre-wrap;word-break:break-word;overflow:auto;font:13px/1.9 Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.commerce-output .commerce-empty{height:auto;min-height:300px;flex:1}.commerce-history{width:100%;margin-top:18px;padding-top:18px;border-top:1px solid rgba(112,193,255,.18)}.commerce-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.commerce-history h2{margin:7px 0 0;color:#edfaff;font-size:18px}.commerce-history>p{margin:9px 0 13px;color:#94b5c7;font-size:12px;line-height:1.6}.commerce-history-list{display:grid;gap:8px}.commerce-history-item{width:100%;padding:12px 13px;border:1px solid rgba(112,193,255,.18);border-radius:12px;background:rgba(4,18,34,.38);color:#d8edf7;text-align:left;cursor:pointer;transition:.18s ease}.commerce-history-item:hover,.commerce-history-item.active{border-color:rgba(84,233,255,.5);background:rgba(28,79,104,.42)}.commerce-history-item strong,.commerce-history-item small{display:block}.commerce-history-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.commerce-history-item small{margin-top:5px;color:#94b9ca;font-size:11px}
[data-theme="light"] .commerce-hero{border-color:#bedce6;background:radial-gradient(circle at 86% 18%,rgba(51,193,215,.16),transparent 24%),linear-gradient(125deg,#eefbfc,#f0f2ff);box-shadow:0 18px 50px rgba(31,76,104,.1)}[data-theme="light"] .commerce-hero h1{color:#172238}[data-theme="light"] .commerce-hero p{color:#3e5e70}[data-theme="light"] .commerce-status{background:#f8ffff;border-color:#a7d6df;color:#0d755c}[data-theme="light"] .commerce-status small{color:#4f7081}[data-theme="light"] .commerce-form,[data-theme="light"] .commerce-output{background:#fff;border-color:#d6e4eb;box-shadow:0 12px 30px rgba(41,78,105,.08)}[data-theme="light"] .commerce-form-head h2,[data-theme="light"] .commerce-empty h2{color:#172238}[data-theme="light"] .commerce-form-head>span,[data-theme="light"] .commerce-note,[data-theme="light"] .commerce-empty p{color:#4c6a7c}[data-theme="light"] .commerce-form input,[data-theme="light"] .commerce-form textarea,[data-theme="light"] .commerce-form select{background:#fbfdff;border-color:#c5dbe5;color:#1e3748}[data-theme="light"] .commerce-steps span{border-color:#b8d9e3;color:#35677d}[data-theme="light"] .commerce-thinking{background:#edf9fb;border-color:#a7d6df;color:#1b5366}[data-theme="light"] .commerce-thinking small{color:#4e7282}[data-theme="light"] .commerce-result pre{background:#f5fafc;border-color:#d7e5eb;color:#29485a}
[data-theme="light"] .commerce-history{border-color:#d8e5ea}[data-theme="light"] .commerce-history h2{color:#1d3543}[data-theme="light"] .commerce-history>p,[data-theme="light"] .commerce-history-item small{color:#547487}[data-theme="light"] .commerce-history-item{border-color:#d4e3e9;background:#f8fcfd;color:#203d4d}[data-theme="light"] .commerce-history-item:hover,[data-theme="light"] .commerce-history-item.active{border-color:#72c7d8;background:#edfafd}

/* Chat-style project history in the sidebar. */
.sidebar-create{width:100%;margin:0 0 16px;padding:11px 13px;border:1px solid rgba(84,233,255,.32);border-radius:11px;background:linear-gradient(100deg,rgba(64,223,240,.15),rgba(118,133,255,.17));color:#d9f9ff;text-align:left;font-weight:700;cursor:pointer}.sidebar-create:hover{border-color:var(--tech-cyan);background:linear-gradient(100deg,rgba(64,223,240,.25),rgba(118,133,255,.25))}.history-title{display:flex;align-items:center;justify-content:space-between}.sidebar-history{display:flex;flex-direction:column;gap:3px;max-height:360px;overflow:auto;padding-right:2px}.history-project{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#d4e8f2;text-align:left;cursor:pointer}.history-project:hover,.history-project.active{border-color:rgba(84,233,255,.24);background:rgba(84,233,255,.1)}.history-project strong,.history-project small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-project strong{font-size:12px;font-weight:600}.history-project small{margin-top:4px;color:#82a6bb;font-size:10px}.history-empty{padding:8px 10px;color:#7694a8;font-size:11px;line-height:1.5}.recent-title{margin-top:14px}.sidebar-history::-webkit-scrollbar{width:5px}.sidebar-history::-webkit-scrollbar-thumb{background:rgba(112,193,255,.24);border-radius:99px}[data-theme="light"] .sidebar-create{border-color:#acd8e2;background:linear-gradient(100deg,#edfafd,#f0f1ff);color:#185a70}[data-theme="light"] .sidebar-create:hover{border-color:#4aaec1;background:#e0f4f8}[data-theme="light"] .history-project{color:#29495c}[data-theme="light"] .history-project:hover,[data-theme="light"] .history-project.active{border-color:#b5dce5;background:#edfafd}[data-theme="light"] .history-project small{color:#5b7c8d}[data-theme="light"] .history-empty{color:#6a8392}
@media(max-width:980px){.commerce-page{padding:24px 24px 56px}.commerce-workspace{grid-template-columns:1fr}.commerce-form,.commerce-output{min-height:unset}.commerce-output{min-height:340px}}
@media(max-width:620px){.commerce-page{padding:18px 16px 42px}.commerce-hero{align-items:flex-start;flex-direction:column;padding:24px 22px;border-radius:20px}.commerce-hero h1{font-size:30px}.commerce-workspace{margin-top:14px}.commerce-form,.commerce-output{border-radius:18px;padding:18px}.commerce-fields{grid-template-columns:1fr}.commerce-form-head{display:block}.commerce-form-head>span{display:block;margin-top:8px}.commerce-result-head{align-items:center}.commerce-result pre{padding:14px;font-size:12px}}
.mobile-menu{display:none;border:1px solid rgba(112,193,255,.28);border-radius:10px;background:rgba(84,233,255,.08);color:var(--tech-cyan);padding:8px 11px;cursor:pointer;font-size:18px;line-height:1}.mobile-menu:hover{background:rgba(84,233,255,.16)}
@media(max-width:620px){.mobile-menu{display:inline-flex;align-items:center;justify-content:center;margin-right:10px}.topbar{justify-content:flex-start}.topbar .top-actions{margin-left:auto}.sidebar.is-open{display:flex;position:fixed;inset:0 auto 0 0;width:min(82vw,290px);z-index:30;box-shadow:16px 0 42px rgba(0,0,0,.28)}.sidebar.is-open~.main{filter:brightness(.74)}[data-theme="light"] .mobile-menu{background:#edfafd;border-color:#acd8e2;color:#185a70}}
.sidebar-close{display:none;position:absolute;top:15px;right:14px;width:32px;height:32px;padding:0;border:1px solid rgba(112,193,255,.3);border-radius:10px;background:rgba(84,233,255,.08);color:var(--tech-cyan);font-size:24px;line-height:28px;cursor:pointer;z-index:2}.sidebar-close:hover{background:rgba(84,233,255,.18);border-color:var(--tech-cyan)}.sidebar-backdrop{display:none}
.sidebar-open{overflow:hidden}
@media(max-width:620px){.sidebar-close{display:flex;align-items:center;justify-content:center}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:29;border:0;background:rgba(1,8,18,.54);backdrop-filter:blur(2px);cursor:pointer}[data-theme="light"] .sidebar-close{background:#edfafd;border-color:#acd8e2;color:#185a70}[data-theme="light"] .sidebar-backdrop{background:rgba(16,39,53,.28)}}
.story-toggle{display:none}
@media(max-width:620px){.story-card p{max-height:5.1em;overflow:hidden;position:relative}.story-card:not(.expanded) p{mask-image:linear-gradient(to bottom,#000 72%,transparent)}.story-card.expanded p{max-height:none;mask-image:none}.story-toggle{display:inline-flex;margin:4px 0 10px;padding:6px 9px;border:1px solid rgba(84,233,255,.25);border-radius:8px;background:rgba(84,233,255,.08);color:#9deeff;cursor:pointer;font-size:12px}[data-theme="light"] .story-toggle{border-color:#acd8e2;background:#edfafd;color:#185a70}}

/* Short-drama entry actions use one consistent primary treatment. */
.story-actions button[data-drama-entry]{background:linear-gradient(100deg,#40dff0,#7685ff);border:0;color:#06111d;font-weight:700}
.story-actions button[data-drama-entry]:hover{border-color:transparent;filter:brightness(1.08)}
.drama-guidance{width:min(860px,92%);max-width:min(860px,92%);padding:18px 22px}
.drama-guidance pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:17px;line-height:2;color:#d8e8f5}
[data-theme="light"] .drama-guidance pre{color:#29485a}
@media(max-width:620px){.drama-guidance{width:100%;max-width:100%;padding:15px 16px}.drama-guidance pre{font-size:16px;line-height:1.9}}

/* Light-skin message contrast: keep generated cards readable even when a browser inherits legacy colors. */
[data-theme="light"] .story-card{background:linear-gradient(135deg,#ffffff,#eef8fb);border-color:#b9dce5;box-shadow:0 12px 28px rgba(41,78,105,.1)}
[data-theme="light"] .story-card-head h3{color:#172238}
[data-theme="light"] .story-card p{color:#29485a}
[data-theme="light"] .story-actions button{background:#edfafd;border-color:#9fcfda;color:#18566d}
[data-theme="light"] .story-actions button:first-child{background:linear-gradient(100deg,#6fd9e8,#8d99f5);color:#092d3e}
[data-theme="light"] .code-bubble{background:#ffffff;border-color:#cbdfe8;color:#253f50}
[data-theme="light"] .code-title{color:#1c5267}
[data-theme="light"] .code-title button{color:#185f78;border-color:#a7d1dc;background:#edfafd}
[data-theme="light"] .code-bubble pre{background:#f4fafc;border:1px solid #d5e5eb;color:#243f50}
[data-theme="light"] .bubble.notice{background:linear-gradient(135deg,#fff7df,#fff0c5);border-color:#e6bd5d;color:#5d4615;box-shadow:0 8px 24px rgba(178,132,34,.12)}
[data-theme="light"] .bubble.notice strong{color:#815b0d}
[data-theme="light"] .bubble.notice span{color:#5d4615}
[data-theme="light"] .message{background:#ffffff;border-color:#d8e4ee;color:#253f50}

/* History previews keep the sidebar readable without opening a project. */
.history-project .history-preview{display:block;max-width:100%;margin-top:4px;overflow:hidden;color:#a4c5d3;font-size:10px;line-height:1.35;opacity:.82;text-overflow:ellipsis;white-space:nowrap}
[data-theme="light"] .history-project .history-preview{color:#648392}

/* Accessibility and small-screen finish: keep controls discoverable without forcing motion. */
:where(button, a, input, textarea, select):focus-visible{outline:3px solid rgba(84,233,255,.72);outline-offset:3px}
[data-theme="light"] :where(button, a, input, textarea, select):focus-visible{outline-color:#218da3}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:620px){.composer{bottom:max(8px,env(safe-area-inset-bottom));margin-bottom:env(safe-area-inset-bottom);}.messages{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}
.composer textarea{max-height:180px;overflow-y:auto}
[data-theme="light"] .history-delete{color:#6a8392}
.history-project-row{display:flex;align-items:stretch;gap:2px;min-width:0}
.history-project-row .history-project{flex:1;min-width:0}
.history-delete{width:27px;flex:none;border:1px solid transparent;border-radius:8px;background:transparent;color:#7899ad;opacity:0;cursor:pointer;font-size:16px;line-height:1;transition:opacity .18s,border-color .18s,background .18s,color .18s}

/* Commerce phase two: account-isolated assets and one-job-at-a-time image tasks. */
.commerce-media-panel{margin-top:18px;padding:18px;border:1px solid rgba(112,193,255,.2);border-radius:18px;background:rgba(4,18,34,.38)}
.commerce-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.commerce-media-head h3{margin:7px 0 0;color:#edfaff;font-size:17px}.commerce-media-head>span{color:#8fb7cb;font-size:12px}.commerce-media-panel>p{margin:10px 0 14px;color:#94b5c7;font-size:12px;line-height:1.65}
.commerce-analyze{width:auto;margin:10px 0 0;padding:9px 12px}
.commerce-upload{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px dashed rgba(84,233,255,.45);border-radius:12px;background:rgba(84,233,255,.06);color:#bfeeff;cursor:pointer}.commerce-upload input{max-width:210px;color:#9bc4d7;font-size:11px}.commerce-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.commerce-asset{min-width:0;margin:0}.commerce-asset img{display:block;width:100%;aspect-ratio:1;border:1px solid rgba(112,193,255,.2);border-radius:10px;object-fit:cover;background:#07182b}.commerce-asset figcaption{margin-top:4px;overflow:hidden;color:#8fb3c5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.commerce-media-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.commerce-media-actions button{width:auto;padding:9px 11px;font-size:12px}.commerce-media-note{margin:12px 0 0!important;color:#ffd18c!important}.commerce-task-list{display:grid;gap:9px;margin-top:16px}.commerce-task{padding:11px;border:1px solid rgba(112,193,255,.16);border-radius:12px;background:rgba(3,13,27,.3)}.commerce-task-head{display:flex;justify-content:space-between;gap:12px;color:#d9eff7;font-size:12px}.commerce-task-head small{color:#8fd9ed}.commerce-job{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:#91afbd;font-size:11px}.commerce-job img{width:32px;height:32px;border-radius:7px;object-fit:cover}.commerce-task-actions{display:flex;gap:8px;margin-top:9px}.commerce-task-actions button{width:auto;padding:7px 9px;font-size:11px}.commerce-media-empty{display:block;padding:15px 4px;color:#7898a9;font-size:11px}
[data-theme="light"] .commerce-media-panel{border-color:#d1e3e9;background:#f7fcfd} [data-theme="light"] .commerce-media-head h3{color:#1d3543} [data-theme="light"] .commerce-media-head>span,[data-theme="light"] .commerce-media-panel>p{color:#547487} [data-theme="light"] .commerce-upload{border-color:#8fcbd7;background:#edfafd;color:#185a70} [data-theme="light"] .commerce-upload input{color:#547487} [data-theme="light"] .commerce-asset img{border-color:#d2e3e8;background:#fff} [data-theme="light"] .commerce-asset figcaption{color:#547487} [data-theme="light"] .commerce-task{border-color:#d7e5ea;background:#fff} [data-theme="light"] .commerce-task-head{color:#29495c} [data-theme="light"] .commerce-task-head small{color:#2b7e91} [data-theme="light"] .commerce-job{color:#547487} [data-theme="light"] .commerce-media-empty{color:#6a8392}
@media(max-width:620px){.commerce-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-upload{align-items:flex-start;flex-direction:column}.commerce-upload input{max-width:100%}}
.commerce-image-admin{margin-top:18px}.commerce-image-admin h2{margin:7px 0;color:#edfaff}.commerce-image-admin p{margin:8px 0 0;color:#94b5c7;font-size:12px}.commerce-image-fields{margin-top:14px}.commerce-image-admin .admin-card-foot{margin-top:14px}
[data-theme="light"] .commerce-image-admin h2{color:#1d3543}[data-theme="light"] .commerce-image-admin p{color:#547487}
.commerce-local-tools{margin-top:14px;padding:16px;border:1px solid rgba(84,233,255,.2);border-radius:16px;background:rgba(8,27,47,.32)}.commerce-local-tools h3{margin:7px 0 0;color:#edfaff;font-size:16px}.commerce-local-tools>p{margin:9px 0 12px;color:#94b5c7;font-size:12px;line-height:1.65}.commerce-local-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);gap:12px}.commerce-local-fields label,.commerce-local-options label{display:flex;flex-direction:column;gap:7px;color:#a9c5d4;font-size:11px}.commerce-local-fields textarea,.commerce-local-fields input,.commerce-local-fields select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid rgba(112,193,255,.25);border-radius:10px;background:rgba(3,13,27,.7);color:#eafaff;outline:0}.commerce-local-fields textarea{min-height:82px;resize:vertical}.commerce-local-fields textarea:focus,.commerce-local-fields input:focus,.commerce-local-fields select:focus{border-color:var(--tech-cyan);box-shadow:0 0 0 3px rgba(84,233,255,.1)}.commerce-local-options{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px}.commerce-local-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.commerce-local-actions button{width:auto;padding:9px 11px;font-size:12px}.commerce-local-busy{margin-top:10px;color:#8ce7f2;font-size:11px}.commerce-local-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.commerce-local-result{min-width:0;margin:0}.commerce-local-result img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(112,193,255,.22);border-radius:10px;background:#07182b}.commerce-local-result figcaption{margin-top:4px;overflow:hidden;color:#8fb3c5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
[data-theme="light"] .commerce-local-tools{border-color:#d1e3e9;background:#f7fcfd}[data-theme="light"] .commerce-local-tools h3{color:#1d3543}[data-theme="light"] .commerce-local-tools>p,[data-theme="light"] .commerce-local-fields label{color:#547487}[data-theme="light"] .commerce-local-fields textarea,[data-theme="light"] .commerce-local-fields input,[data-theme="light"] .commerce-local-fields select{background:#fff;border-color:#c5dbe5;color:#1e3748}[data-theme="light"] .commerce-local-busy{color:#2b7e91}[data-theme="light"] .commerce-local-result img{border-color:#d2e3e8;background:#fff}[data-theme="light"] .commerce-local-result figcaption{color:#547487}
@media(max-width:620px){.commerce-local-fields{grid-template-columns:1fr}.commerce-local-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
.history-project-row:hover .history-delete,.history-project-row:focus-within .history-delete,.history-delete:hover{opacity:1}
.history-delete:hover{border-color:rgba(255,130,130,.38);background:rgba(255,100,100,.12);color:#ffb6b6}
[data-theme="light"] .history-delete:hover{border-color:#edb7b7;background:#fff3f3;color:#a45151}

/* Keep the project title control readable in the light skin. */
[data-theme="light"] .project-bar label{color:#4b6677}
[data-theme="light"] .project-bar input{background:#ffffff;border-color:#c5dbe5;color:#1e3748}
[data-theme="light"] .project-bar input::placeholder{color:#5f7889}

/* Keep mobile chat actions compact without hiding any workflow action. */
@media(max-width:620px){.quick{flex-wrap:nowrap;overflow-x:auto;padding:0 2px 5px;scrollbar-width:thin}.quick button{flex:none;white-space:nowrap}.quick::-webkit-scrollbar{height:4px}.quick::-webkit-scrollbar-thumb{background:rgba(112,193,255,.28);border-radius:99px}}

/* Keep the login fields visually continuous in both skins. */
.login-card .field{background:rgba(3,13,27,.78);border:1px solid rgba(112,193,255,.24);border-radius:12px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s}
.login-card .field:focus-within{background:rgba(4,18,34,.94);border-color:var(--tech-cyan);box-shadow:0 0 0 3px rgba(84,233,255,.1)}
.login-card .field input{background:transparent;border:0;border-radius:0;outline:0;color:#f3fbff}
.login-card .field input::placeholder{color:#7f9aac}
[data-theme="light"] .login-card .field{background:#fbfdff;border-color:#c5dbe5}
[data-theme="light"] .login-card .field:focus-within{background:#fff;border-color:#4aaec1;box-shadow:0 0 0 3px rgba(74,174,193,.12)}
[data-theme="light"] .login-card .field input{color:#1e3748}
[data-theme="light"] .login-card .field input::placeholder{color:#5f7889}
[data-theme="light"] .process-rail{background:#eef8fb;border-color:#b8dbe4;color:#1b4b5e;box-shadow:0 8px 24px rgba(40,117,139,.1)}[data-theme="light"] .process-rail strong{color:#174359}[data-theme="light"] .process-rail small{color:#547687}[data-theme="light"] .process-rail em{color:#287b8d}
[data-theme="dark"] .commerce-history-actions,[data-theme="light"] .commerce-history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,#40dff0,#7685ff 55%,#bd7bff);color:#06111d;font-weight:800;font-size:1.35em;box-shadow:inset 0 0 24px rgba(255,255,255,.18),0 0 22px rgba(84,233,255,.18)}
.admin-title .avatar-fallback{width:54px;height:54px;flex:none;border-radius:16px;font-size:18px}
[data-theme="light"] .avatar-fallback{background:linear-gradient(135deg,#8de3ed,#9ba8f7 55%,#c6a0f3);color:#123a4a;box-shadow:inset 0 0 20px rgba(255,255,255,.5),0 8px 20px rgba(41,78,105,.12)}
.process-rail{display:none!important}

/* Second-stage handoff: make the external reference-image step and the local storyboard step unmistakable. */
.code-title-copy{display:grid;min-width:0;gap:2px}.code-step{display:inline-flex;width:max-content;max-width:100%;padding:2px 7px;border-radius:999px;font-size:10px;line-height:1.35;letter-spacing:.02em}.code-step-one{background:rgba(84,233,255,.14);color:#9deeff}.code-step-two{background:rgba(133,126,255,.18);color:#c8c4ff}.code-title-copy>span:last-child{overflow-wrap:anywhere}
[data-theme="light"] .code-step-one{background:#e2f8fb;color:#1d7386}[data-theme="light"] .code-step-two{background:#ece9ff;color:#554fa2}

/* Keep the chat actions and composer docked at the viewport bottom while only the transcript scrolls. */
.main{min-height:0}
.chat{flex:1;min-height:0;overflow:hidden}
.quick{flex:none;position:relative;z-index:5;margin-top:8px;padding:10px 4px 7px;background:linear-gradient(180deg,rgba(8,19,35,.18),rgba(8,19,35,.96) 42%);border-top:1px solid rgba(112,193,255,.12)}
.messages{min-height:0;overscroll-behavior:contain;padding-bottom:24px}
.composer{position:relative;inset:auto;flex:none;margin-bottom:max(0px,env(safe-area-inset-bottom));}
[data-theme="light"] .quick{background:linear-gradient(180deg,rgba(244,247,251,.2),rgba(244,247,251,.97) 42%);border-top-color:rgba(112,193,255,.18)}
@media(max-width:620px){.chat{padding-bottom:8px}.quick{margin-top:4px;padding:8px 2px 6px}.composer{margin-bottom:env(safe-area-inset-bottom);padding:9px 10px}.messages{padding-bottom:18px}}

/* Multi-select story cards: keep the bulk action close to the cards without crowding the composer. */
.story-select{display:inline-flex;align-items:center;gap:6px;margin-left:0;padding:8px 11px;border:1px solid rgba(112,193,255,.28);border-radius:10px;background:rgba(5,18,34,.36);color:#bfefff;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap}
.story-select input{width:15px;height:15px;margin:0;accent-color:#6f8cff}
.story-actions .story-select{flex:0 0 auto}
.story-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:8px 10px;border:1px solid rgba(84,233,255,.22);border-radius:12px;background:linear-gradient(110deg,rgba(18,47,73,.72),rgba(27,31,68,.72));box-shadow:0 5px 14px rgba(0,0,0,.1)}
.story-selection-meta{display:flex;align-items:baseline;gap:8px;min-width:0}.story-selection-meta strong{color:#eefaff;font-size:13px;white-space:nowrap}.story-selection-meta span{overflow:hidden;color:#91b4c9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.story-selection-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end}.story-selection-actions button{padding:7px 10px;white-space:nowrap}.story-selection-actions button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}
[data-theme="light"] .story-select{border-color:#afd6df;background:#f4fbfd;color:#24566c}[data-theme="light"] .story-selection-toolbar{border-color:#b6dce3;background:linear-gradient(110deg,#f4fbfd,#eef4ff);box-shadow:0 8px 20px rgba(41,78,105,.1)}[data-theme="light"] .story-selection-meta strong{color:#18394b}[data-theme="light"] .story-selection-meta span{color:#557383}
@media(max-width:620px){.story-selection-toolbar{align-items:center;gap:8px;margin:0 0 8px;padding:7px 8px}.story-selection-meta{gap:6px;flex:1}.story-selection-meta strong{font-size:12px}.story-selection-meta span{font-size:10px}.story-selection-actions{gap:5px}.story-selection-actions button{padding:6px 8px;font-size:12px}.story-select{padding:8px 10px}.story-actions .story-select{flex-basis:100%;width:max-content}.story-card-head{align-items:flex-start;flex-wrap:wrap}.story-card-head>div{min-width:0;flex:1}}

/* Mobile chat input stays in the viewport; transcript and story cards scroll behind it. */
@media(max-width:620px){
  .main{min-height:100vh}
  .chat{height:calc(100vh - 64px);min-height:calc(100vh - 64px);padding-bottom:0;overflow:hidden}
  .messages{padding-bottom:calc(190px + env(safe-area-inset-bottom));overscroll-behavior:contain}
  .composer{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;border-radius:18px 18px 0 0;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:rgba(8,19,35,.97);box-shadow:0 -12px 32px rgba(0,0,0,.28);backdrop-filter:blur(20px)}
  .composer textarea{max-height:96px}
  .code-title{align-items:flex-start;gap:8px}.code-title-copy{flex:1;min-width:0}.code-step{font-size:9px}.code-bubble pre{font-size:12px;line-height:1.8}
  [data-theme="light"] .composer{background:rgba(255,255,255,.97);box-shadow:0 -12px 32px rgba(41,78,105,.16)}
}

/* Chat workspace: keep the story canvas clean and dock every creation control together. */
.chat .project-bar{display:none!important}
.chat .agent-head{max-height:520px;overflow:hidden;transition:max-height .24s ease,opacity .2s ease,transform .24s ease,padding .24s ease,margin .24s ease,border-color .24s ease}
.chat .agent-head.is-scrolled{max-height:0;opacity:0;transform:translateY(-18px);padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border-color:transparent;pointer-events:none}

.agent-guide{margin-left:auto;max-width:430px;padding:12px 14px;border:1px solid rgba(84,233,255,.24);border-radius:14px;background:linear-gradient(135deg,rgba(21,59,88,.42),rgba(16,28,54,.7));box-shadow:0 10px 28px rgba(0,0,0,.14);color:#d7effa}.agent-guide-title{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#83efff;font-size:12px;letter-spacing:.12em}.agent-guide-orbit{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:linear-gradient(135deg,#45d8ef,#7886ff);color:#071525;font-size:12px}.agent-guide ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0;padding:0;list-style:none;counter-reset:guide}.agent-guide li{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:5px;align-items:start;counter-increment:guide;font-size:11px;line-height:1.45}.agent-guide li::before{content:counter(guide);display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(84,233,255,.42);border-radius:50%;color:#83efff;font-size:10px}.agent-guide li strong{display:block;color:#f0fbff;font-weight:600}.agent-guide li span{display:block;color:#9db9cd;font-size:10px}.agent-guide li strong,.agent-guide li span{grid-column:2}.agent-guide li::before{grid-row:1 / span 2}
[data-theme="light"] .agent-guide{border-color:#b8dce5;background:linear-gradient(135deg,#eefbfe,#f7fbff);box-shadow:0 8px 22px rgba(42,96,117,.1);color:#24495d}[data-theme="light"] .agent-guide-title{color:#08748a}[data-theme="light"] .agent-guide li strong{color:#173c50}[data-theme="light"] .agent-guide li span{color:#55758a}[data-theme="light"] .agent-guide li::before{border-color:#7dbdca;color:#08748a}
@media(max-width:860px){.agent-guide{max-width:360px}.agent-guide ol{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.agent-guide{width:100%;max-width:none;margin:10px 0 0;padding:10px 12px}.agent-guide-title{margin-bottom:6px}.agent-guide li{font-size:10px}.agent-guide li span{font-size:9px}.agent-guide li strong{white-space:normal}.agent-head{flex-wrap:wrap}.agent-head>div:nth-child(2){min-width:0;flex:1}.agent-guide{order:4}}
.chat{padding-bottom:112px}
.chat-bottom-dock{position:fixed;left:var(--tech-sidebar-width);right:0;bottom:0;z-index:40;display:flex;align-items:stretch;gap:8px;padding:8px 30px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,14,27,.72),rgba(5,14,27,.98) 28%);border-top:1px solid rgba(112,193,255,.2);box-shadow:0 -16px 42px rgba(0,0,0,.22);backdrop-filter:blur(20px)}
.chat-bottom-dock>.quick,.chat-bottom-dock>.story-selection-toolbar{margin:0}
.chat-bottom-dock>.quick{position:static;display:flex;flex:0 1 auto;flex-wrap:nowrap;align-items:center;gap:8px;width:max-content;max-width:330px;padding:0 4px;overflow-x:auto;background:none;border-top:0;scrollbar-width:thin}
.chat-bottom-dock>.quick button{flex:none;white-space:nowrap}
.chat-bottom-dock>.quick::-webkit-scrollbar{height:4px}.chat-bottom-dock>.quick::-webkit-scrollbar-thumb{background:rgba(112,193,255,.28);border-radius:99px}
.chat-bottom-dock>.story-selection-toolbar{width:auto;max-width:none;margin:0;flex:0 0 auto}
.chat-bottom-dock>.animal-reference-copy{display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0}
.animal-reference-copy button{padding:9px 13px;white-space:nowrap}
.chat-bottom-dock>.chat-product-upload{position:relative;display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:190px;max-width:250px;padding:7px 10px;border:1px solid rgba(112,193,255,.22);border-radius:12px;background:rgba(15,36,62,.72);color:#d9eff7}
.chat-product-upload-head{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.chat-product-upload-head>div{min-width:0}.chat-product-upload-head strong{display:block;font-size:12px;white-space:nowrap}.chat-product-upload-head small{display:block;max-width:138px;margin-top:2px;color:#8fb3c5;font-size:10px;line-height:1.35}
.chat-product-picker{display:grid;place-items:center;min-width:82px;padding:8px 9px;border:1px dashed rgba(84,233,255,.48);border-radius:9px;color:#9defff;font-size:11px;white-space:nowrap;cursor:pointer;background:rgba(84,233,255,.07)}
.chat-product-picker:hover{background:rgba(84,233,255,.14);border-color:rgba(84,233,255,.8)}.chat-product-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.chat-product-preview{display:flex;align-items:center;gap:5px;min-width:0;max-width:78px;color:#a9cfde;font-size:10px}.chat-product-preview img{width:28px;height:28px;border-radius:6px;object-fit:cover;border:1px solid rgba(112,193,255,.3)}.chat-product-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-product-preview-grid{display:flex;align-items:center;gap:5px;min-width:0;max-width:145px;overflow:hidden}.store-product-upload{min-width:300px;max-width:390px}.store-product-upload .chat-product-preview-grid{max-width:160px;flex-wrap:wrap;max-height:38px}.store-preview{max-width:46px;position:relative}.store-preview span{display:none}.store-preview .chat-product-remove{position:absolute;right:-4px;top:-8px;padding:0;width:14px;height:14px;border-radius:50%;background:rgba(8,19,34,.9);font-size:12px;line-height:12px}.chat-product-remove{padding:2px 5px;border:0;background:none;color:#ffb3b3;font-size:11px;cursor:pointer;white-space:nowrap}.chat-product-upload-note{position:absolute;bottom:100%;left:0;margin:0 0 5px;padding:5px 8px;border-radius:7px;background:rgba(74,35,19,.95);color:#ffd18c;font-size:10px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.chat-bottom-dock>.composer{position:static!important;inset:auto!important;width:auto;max-width:none;min-width:280px;flex:1 1 520px;margin:0!important}
.chat-bottom-dock .composer textarea{min-width:0}
.chat .messages{padding-bottom:150px}
[data-theme="light"] .chat-bottom-dock{background:linear-gradient(180deg,rgba(244,247,251,.78),rgba(244,247,251,.98) 28%);border-top-color:rgba(112,193,255,.24);box-shadow:0 -16px 42px rgba(41,78,105,.14)}
@media(max-width:620px){
  .chat{padding-bottom:190px}
  .chat-bottom-dock{left:0;right:0;display:flex;flex-direction:column;gap:7px;padding:7px 14px max(8px,env(safe-area-inset-bottom))}
  .chat-bottom-dock>.quick{gap:6px;padding:0 2px}
  .chat-bottom-dock>.quick,.chat-bottom-dock>.story-selection-toolbar,.chat-bottom-dock>.animal-reference-copy,.chat-bottom-dock>.chat-product-upload,.chat-bottom-dock>.composer{width:100%;max-width:none}
  .chat-bottom-dock>.chat-product-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0;padding:7px 9px}.chat-product-upload-head small{max-width:none}.chat-product-picker{min-width:100px}.chat-product-preview{max-width:130px}.store-product-upload .chat-product-preview-grid{max-width:100%;grid-column:1/-1}.chat-product-upload-note{left:9px;right:9px;overflow:hidden;text-overflow:ellipsis}
  .chat-bottom-dock>.animal-reference-copy button{width:100%;padding:8px 12px}
  .chat-bottom-dock>.story-selection-toolbar{padding:6px 8px}
  .chat-bottom-dock>.composer{border-radius:15px;flex:0 0 auto;min-width:0;min-height:0;height:auto;align-items:center}
  .chat-bottom-dock>.composer textarea{height:auto;min-height:42px;max-height:96px;align-self:center}
  .chat-bottom-dock>.composer .send{height:48px;align-self:center}
  .chat .messages{padding-bottom:calc(300px + env(safe-area-inset-bottom))}
}

.rich-result{width:min(100%,860px);max-width:860px!important;margin:0!important;background:linear-gradient(145deg,rgba(18,43,70,.9),rgba(12,27,50,.92));border:1px solid rgba(112,193,255,.24);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.rich-result pre{margin:14px 0 0;white-space:pre-wrap;word-break:break-word;color:#d9eef7;font:inherit;line-height:1.8}
[data-theme="light"] .rich-result{background:#fff;border-color:#d5e5ec;box-shadow:0 10px 28px rgba(41,78,105,.1)}
[data-theme="light"] .rich-result pre{color:#29485a}

/* 固定左侧导航：主内容独立滚动，侧栏不再随长页面无限向下延伸。 */
@media(min-width:621px){
  .shell{min-height:100vh}
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--tech-sidebar-width);height:100vh;overflow:hidden;z-index:20}
  .main{margin-left:var(--tech-sidebar-width);min-height:100vh;min-width:0}
  .sidebar-history{max-height:min(360px,42vh);overflow-y:auto}
}
.retry-bubble{align-items:flex-start!important}
.retry-bubble .secondary{align-self:flex-start;margin-top:2px;padding:7px 13px}
[data-theme="light"] .retry-bubble .secondary{color:#24566c;background:#eefafd;border-color:#8fcbd8}

/* Registration v2: a quieter form rhythm with a crisp, CSS-only AI light field. */
.ai-auth-page{display:grid;place-items:center;min-height:100svh;padding:clamp(18px,4vw,46px) clamp(14px,4vw,42px)}
.ai-auth-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(84,233,255,.08),transparent 20%),radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(84,233,255,.06) 24.2%,transparent 24.6%,transparent 44%,rgba(189,123,255,.045) 44.2%,transparent 44.6%);animation:authBreath 9s ease-in-out infinite}
.auth-backdrop{background-image:linear-gradient(rgba(130,190,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(130,190,255,.055) 1px,transparent 1px),radial-gradient(circle,rgba(135,230,255,.8) 0 1px,transparent 1.6px);background-size:52px 52px,52px 52px,150px 150px;background-position:0 0,0 0,18px 27px;mask-image:linear-gradient(to bottom,#000 0 85%,transparent 100%)}
.auth-scan{position:absolute;left:0;right:0;top:-12%;height:24%;background:linear-gradient(180deg,transparent,rgba(84,233,255,.1),transparent);filter:blur(8px);animation:authScan 8s ease-in-out infinite}
.auth-stars{position:absolute;inset:0;opacity:.28;background:radial-gradient(circle at 22% 28%,#8cf5ff 0 1px,transparent 2px),radial-gradient(circle at 78% 22%,#c6a6ff 0 1px,transparent 2px),radial-gradient(circle at 71% 72%,#8cf5ff 0 1px,transparent 2px),radial-gradient(circle at 31% 82%,#c6a6ff 0 1px,transparent 2px);animation:authStars 12s ease-in-out infinite}
.auth-shell{min-height:0;max-height:calc(100svh - 36px)}
.auth-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.auth-form-head .logo{margin:0}.auth-form-head .auth-kicker{white-space:nowrap}
.auth-register .auth-card{padding-top:42px;padding-bottom:42px}.auth-register .auth-card .sub{margin-bottom:24px}.auth-register .auth-fields{gap:14px}
.auth-optional{border:1px solid rgba(112,193,255,.18);border-radius:12px;background:rgba(3,13,27,.25);padding:0 12px}.auth-optional summary{padding:11px 0;color:#9fc1d1;font-size:12px;cursor:pointer;list-style:none}.auth-optional summary::-webkit-details-marker{display:none}.auth-optional summary:after{content:"＋";float:right;color:#6feaff;font-size:16px;line-height:12px}.auth-optional[open] summary{padding-bottom:8px}.auth-optional[open] summary:after{content:"－"}.auth-optional .field{padding-bottom:12px}.auth-optional input{min-height:44px!important}
[data-theme="light"] .auth-optional{border-color:#cfe0e7;background:#f8fcfd}[data-theme="light"] .auth-optional summary{color:#4b7180}[data-theme="light"] .auth-optional summary:after{color:#287b8d}
@keyframes authBreath{0%,100%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes authScan{0%,100%{transform:translateY(0);opacity:0}25%,72%{opacity:1}50%{transform:translateY(460%);opacity:.7}}@keyframes authStars{0%,100%{transform:translate3d(0,0,0);opacity:.2}50%{transform:translate3d(0,-8px,0);opacity:.46}}
@media(max-width:760px){.ai-auth-page{align-items:start;padding-top:18px;padding-bottom:24px}.auth-shell{max-height:none}.auth-visual{min-height:184px;padding:22px}.auth-mark{top:38%;width:68px;height:68px;margin:-34px 0 0 -34px;font-size:30px}.auth-line{top:38%;width:220px}.auth-register .auth-card{padding-top:26px;padding-bottom:28px}.auth-form-head{margin-bottom:20px}.auth-form-head .auth-kicker{font-size:10px}.auth-card h1{margin-top:8px}.auth-card .auth-msg{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.ai-auth-page:before,.auth-scan,.auth-stars{animation:none}}

/* Admin account overview: compact operational visibility before the long agent settings list. */
.admin-user-overview{margin-top:18px}.admin-user-overview .admin-card-head{margin-bottom:14px}.admin-user-overview .admin-card-head p{margin:7px 0 0;color:#8faabd;font-size:12px;line-height:1.6}.admin-user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.admin-user-stats span{display:flex;flex-direction:column;gap:5px;padding:12px 13px;border:1px solid rgba(112,193,255,.18);border-radius:12px;background:rgba(3,13,27,.28);color:#8faabd;font-size:11px}.admin-user-stats strong{color:#effaff;font-size:20px;line-height:1}.admin-user-table{overflow:auto;border:1px solid rgba(112,193,255,.14);border-radius:12px}.admin-user-head,.admin-user-row{display:grid;grid-template-columns:1.25fr .7fr .9fr .9fr 1fr;gap:12px;align-items:center;min-width:700px;padding:10px 12px;font-size:12px}.admin-user-head{color:#86bad3;background:rgba(84,233,255,.06);border-bottom:1px solid rgba(112,193,255,.14)}.admin-user-row{color:#d3e8f5;border-bottom:1px solid rgba(112,193,255,.1)}.admin-user-row:last-child{border-bottom:0}.admin-user-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-row span:nth-child(2){color:#9ed8ea}.admin-user-empty{padding:18px;color:#8faabd;text-align:center}
[data-theme="light"] .admin-user-overview .admin-card-head p{color:#547487}[data-theme="light"] .admin-user-stats span{border-color:#d7e7ec;background:#f8fcfd;color:#557383}[data-theme="light"] .admin-user-stats strong{color:#18394b}[data-theme="light"] .admin-user-table{border-color:#d7e7ec}[data-theme="light"] .admin-user-head{color:#52758b;background:#eef8fb;border-color:#d7e7ec}[data-theme="light"] .admin-user-row{color:#334b5e;border-color:#e2edf1}[data-theme="light"] .admin-user-row span:nth-child(2){color:#2b7187}[data-theme="light"] .admin-user-empty{color:#547487}

/* Keep the fixed chat composer compact across browsers with different flex defaults. */
.composer{align-items:center;min-height:0}
.composer textarea{width:100%;height:auto;line-height:1.5;overflow-y:auto}
.composer .send{flex:0 0 auto;height:48px;min-height:48px;align-self:center}

/* Fixed stage-one guidance cards: the text is the action, so secondary story
   controls stay out of the way and the required input format is prominent. */
.fixed-guidance-card{width:min(100%,860px)!important;max-width:860px!important;padding:24px 28px!important;border:1px solid rgba(84,233,255,.46)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(25,64,94,.96),rgba(19,31,62,.98))!important;box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 0 1px rgba(84,233,255,.08) inset!important}
.fixed-guidance-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fixed-guidance-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#55e5f5,#7e82ff);color:#071525;font-size:19px;box-shadow:0 0 20px rgba(84,233,255,.28)}.fixed-guidance-head strong{display:block;color:#f4fdff;font-size:20px;line-height:1.3;letter-spacing:.02em}.fixed-guidance-head small{display:block;margin-top:3px;color:#8fe8f4;font-size:12px;letter-spacing:.08em}.fixed-guidance-card pre{margin:0!important;color:#f1f8ff!important;font-size:17px!important;line-height:2!important;white-space:pre-wrap!important;word-break:break-word!important;font-family:inherit!important}.fixed-guidance-card .story-actions,.fixed-guidance-card button{display:none!important}
[data-theme="light"] .fixed-guidance-card{border-color:#69becd!important;background:linear-gradient(145deg,#effcff,#f5f7ff)!important;box-shadow:0 14px 34px rgba(41,78,105,.14)!important}.fixed-guidance-card pre{color:#19394e!important}.fixed-guidance-head strong{color:#17394c}.fixed-guidance-head small{color:#17778b}

.video-reverse-chat .agent-head{max-width:1120px}.video-reverse-guide{display:flex;align-items:flex-start;gap:13px;width:min(100%,1060px);margin:18px auto 0;padding:18px 22px;border:1px solid rgba(84,233,255,.38);border-radius:18px;background:linear-gradient(135deg,rgba(28,71,103,.74),rgba(16,28,55,.92));box-shadow:0 12px 32px rgba(0,0,0,.18)}.video-guide-orbit{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#5de8f5,#8187ff);color:#08162a;font-size:18px;box-shadow:0 0 22px rgba(84,233,255,.28)}.video-reverse-guide strong{display:block;color:#f4fdff;font-size:18px;line-height:1.45}.video-reverse-guide small{display:block;margin-top:6px;color:#a8c8d8;font-size:12px;line-height:1.65}.video-reverse-upload-card{width:min(100%,1060px);margin:18px auto 0;padding:22px;border:1px solid rgba(112,193,255,.3);border-radius:20px;background:linear-gradient(145deg,rgba(18,43,70,.94),rgba(12,27,50,.96));box-shadow:0 14px 38px rgba(0,0,0,.2)}.video-reverse-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.video-reverse-card-head h3{margin:4px 0 0;color:#f1fbff;font-size:21px}.video-reverse-card-head p{margin:8px 0 0;color:#a8c4d4;font-size:13px;line-height:1.6}.video-reverse-count{color:#89efff;font-size:11px;letter-spacing:.13em}.video-reverse-drop{display:grid;place-items:center;gap:8px;min-height:140px;margin:18px 0 12px;border:1px dashed rgba(84,233,255,.45);border-radius:16px;background:rgba(84,233,255,.05);color:#d9f5fb}.video-reverse-drop span{font-size:28px;color:#86efff}.video-reverse-drop small{color:#8eafc0;font-size:11px}.video-reverse-file{display:flex;align-items:center;gap:10px;margin:18px 0 12px;padding:12px 14px;border:1px solid rgba(84,233,255,.24);border-radius:13px;background:rgba(3,13,27,.3)}.video-file-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#6fddec;color:#092033;font-size:12px}.video-reverse-file>div{min-width:0;flex:1}.video-reverse-file strong,.video-reverse-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-reverse-file strong{color:#edfaff;font-size:13px}.video-reverse-file small{margin-top:3px;color:#8eafc0;font-size:11px}.video-reverse-preview{display:block;width:100%;max-height:360px;margin:12px 0;border-radius:14px;background:#040c18;object-fit:contain}.video-reverse-picker{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px dashed rgba(84,233,255,.56);border-radius:11px;color:#a9f2ff;background:rgba(84,233,255,.07);cursor:pointer;font-size:13px}.video-reverse-picker:hover{background:rgba(84,233,255,.14)}.video-reverse-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.video-reverse-status{display:inline-block;margin:0 0 0 10px;color:#9ab7c8;font-size:12px}.video-reverse-success{margin:14px 0 0;padding:11px 14px;border:1px solid rgba(122,242,177,.4);border-radius:12px;background:rgba(54,187,122,.12);color:#b9ffd5;font-size:13px;line-height:1.6}.video-reverse-analyze{display:block;width:100%;margin-top:14px;padding:13px 18px;font-size:16px}.video-reverse-result{width:min(100%,1060px)!important;max-width:1060px!important}.video-reverse-chat .messages{padding-bottom:90px}.video-reverse-chat .process-rail,.video-reverse-chat .project-bar,.video-reverse-chat .workflow,.video-reverse-chat .quick,.video-reverse-chat .composer{display:none!important}
[data-theme="light"] .video-reverse-guide,[data-theme="light"] .video-reverse-upload-card{border-color:#acd9e1;background:linear-gradient(145deg,#f3fcff,#f6f8ff);box-shadow:0 12px 30px rgba(41,78,105,.1)}[data-theme="light"] .video-reverse-guide strong,[data-theme="light"] .video-reverse-card-head h3,[data-theme="light"] .video-reverse-file strong{color:#17394c}[data-theme="light"] .video-reverse-guide small,[data-theme="light"] .video-reverse-card-head p,[data-theme="light"] .video-reverse-file small,[data-theme="light"] .video-reverse-status{color:#547487}[data-theme="light"] .video-reverse-file{border-color:#d7e7ec;background:#f8fcfd}
@media(max-width:620px){.fixed-guidance-card{padding:18px 16px!important;border-radius:16px!important}.fixed-guidance-head strong{font-size:16px}.fixed-guidance-card pre{font-size:15px!important;line-height:1.85!important}.video-reverse-guide{margin-top:12px;padding:15px 14px}.video-reverse-guide strong{font-size:15px}.video-reverse-upload-card{margin-top:12px;padding:16px}.video-reverse-card-head h3{font-size:18px}.video-reverse-file{flex-wrap:wrap}.video-reverse-file .secondary{margin-left:40px}.video-reverse-status{display:block;margin:9px 0 0}.video-reverse-analyze{font-size:15px}}
@media(max-width:620px){.admin-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-stats strong{font-size:18px}.admin-user-overview .admin-card-head{align-items:flex-start;flex-direction:column;gap:6px}}
.story-card-code{margin:14px 0;color:#c3d9e9;line-height:1.75;white-space:pre-wrap;word-break:break-word;font:inherit;max-height:520px;overflow:auto}
[data-theme="light"] .story-card-code{color:#29485a}
.progress-bubble{position:relative;overflow:hidden;contain:paint}
.progress-scene{position:relative;display:block;flex:none;width:60px;height:42px;max-width:60px;border:1px solid rgba(84,233,255,.25);border-radius:12px;background:linear-gradient(145deg,rgba(42,100,133,.55),rgba(37,48,96,.8));overflow:hidden;box-shadow:inset 0 0 14px rgba(84,233,255,.12)}
.progress-actor{position:absolute;bottom:7px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#071525;font-size:11px;font-weight:800;line-height:1;box-shadow:0 3px 8px rgba(0,0,0,.22)}
.progress-writer{left:7px;background:linear-gradient(135deg,#62e2ef,#85a0ff);animation:progressWriter 1.2s ease-in-out infinite}
.progress-director{right:7px;background:linear-gradient(135deg,#a6f1c0,#6d96ff);animation:progressDirector 1.55s ease-in-out infinite .16s}
.progress-paper{position:absolute;left:25px;top:8px;color:#effdff;font-size:15px;transform:rotate(-12deg);animation:progressPaper 1.4s ease-in-out infinite}
.progress-spark{position:absolute;left:27px;top:22px;color:#ffe58a;font-size:10px;animation:progressSpark 1.1s ease-in-out infinite .25s}
@keyframes progressWriter{0%,100%{transform:translateY(2px) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}
@keyframes progressDirector{0%,100%{transform:translateY(1px) rotate(5deg)}50%{transform:translateY(-4px) rotate(-5deg)}}
@keyframes progressPaper{0%,100%{transform:translate(0,2px) rotate(-12deg);opacity:.72}50%{transform:translate(5px,-4px) rotate(8deg);opacity:1}}
@keyframes progressSpark{0%,100%{transform:scale(.7) rotate(0);opacity:.35}50%{transform:scale(1.25) rotate(90deg);opacity:1}}
[data-theme="light"] .progress-scene{border-color:#a9dce5;background:linear-gradient(145deg,#e5f8fb,#eef0ff);box-shadow:inset 0 0 14px rgba(48,139,158,.1)}
@media (prefers-reduced-motion:reduce){.progress-actor,.progress-paper,.progress-spark{animation:none}}
.progress-scene{width:76px;height:46px;max-width:76px;border-radius:13px}
.progress-person{position:absolute;display:block;font-size:17px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));transform-origin:50% 90%}
.progress-writer{left:4px;bottom:4px;animation:progressWriterFunny .78s ease-in-out infinite}
.progress-director{left:27px;bottom:4px;font-size:18px;animation:progressDirectorFunny 1.05s ease-in-out infinite .15s}
.progress-supervisor{right:3px;bottom:4px;font-size:17px;animation:progressSupervisorFunny .92s ease-in-out infinite .3s}
.progress-whip{position:absolute;left:43px;top:3px;color:#ffe79a;font-size:17px;font-weight:800;transform-origin:left bottom;animation:progressWhip .64s ease-in-out infinite}
.progress-shout{position:absolute;left:16px;top:1px;padding:1px 3px;border-radius:5px;background:#ff7388;color:#fff8ec;font-size:8px;font-weight:800;white-space:nowrap;animation:progressShout .9s steps(2,end) infinite}
.progress-paper{left:26px;top:24px;font-size:12px;animation:progressPaperFunny .78s ease-in-out infinite}
@keyframes progressWriterFunny{0%,100%{transform:translate(0,2px) rotate(-8deg)}25%{transform:translate(2px,-1px) rotate(8deg)}50%{transform:translate(0,-3px) rotate(-5deg)}75%{transform:translate(-1px,0) rotate(10deg)}}
@keyframes progressDirectorFunny{0%,100%{transform:translateY(1px) rotate(5deg)}35%{transform:translateY(-3px) rotate(-8deg)}70%{transform:translateY(0) rotate(8deg)}}
@keyframes progressSupervisorFunny{0%,100%{transform:translateY(1px) rotate(8deg)}45%{transform:translateY(-3px) rotate(-12deg)}70%{transform:translateY(0) rotate(4deg)}}
@keyframes progressWhip{0%,100%{transform:rotate(-20deg) scaleX(.75);opacity:.55}50%{transform:rotate(28deg) scaleX(1);opacity:1}}
@keyframes progressShout{0%,100%{transform:translateY(1px) scale(.85);opacity:.45}50%{transform:translateY(-1px) scale(1);opacity:1}}
@keyframes progressPaperFunny{0%,100%{transform:translate(0,1px) rotate(-8deg)}50%{transform:translate(4px,-2px) rotate(12deg)}}
[data-theme="light"] .progress-shout{background:#e7677b;color:#fff}
@media (prefers-reduced-motion:reduce){.progress-person,.progress-whip,.progress-shout,.progress-paper{animation:none}}

/* 人生副本：卡片里的编号主题是用户真正要看的主信息。 */
.story-card.life-story-card .story-card-code{
  margin:16px 0 18px;
  padding:14px 16px;
  border-left:4px solid var(--tech-cyan);
  border-radius:10px;
  background:rgba(84,233,255,.08);
  color:#f4fbff;
  font-family:inherit;
  font-size:clamp(20px,2.1vw,28px);
  font-weight:800;
  line-height:1.55;
  letter-spacing:.02em;
  max-height:none;
  overflow:visible;
}
[data-theme="light"] .story-card.life-story-card .story-card-code{
  background:#eaf9fc;
  border-left-color:#159fbb;
  color:#102a40;
}
@media(max-width:620px){
  .story-card.life-story-card .story-card-code{
    padding:12px 13px;
    font-size:20px;
    line-height:1.5;
  }
}
/* Small, non-blocking feedback for copy actions. */
.ux-toast-host{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.ux-toast{padding:11px 15px;border:1px solid rgba(108,240,176,.45);border-radius:12px;background:rgba(10,40,48,.94);box-shadow:0 14px 30px rgba(0,0,0,.25);color:#dfffea;font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.ux-toast.is-visible{opacity:1;transform:none}.ux-toast.is-error{border-color:rgba(255,151,151,.5);background:rgba(65,28,37,.95);color:#ffe9e9}[data-theme="light"] .ux-toast{border-color:#9edfc0;background:#f3fff8;color:#155c3e;box-shadow:0 14px 30px rgba(36,91,112,.16)}[data-theme="light"] .ux-toast.is-error{border-color:#e9aeb4;background:#fff5f5;color:#9a3b46}@media(max-width:620px){.ux-toast-host{right:14px;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));align-items:stretch}.ux-toast{text-align:center}}
/* Admin workspace ergonomics */
.admin-toolbar{position:sticky;top:10px;z-index:5;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(220px,1.5fr) minmax(150px,.8fr) auto auto;align-items:end;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid rgba(84,233,255,.22);border-radius:16px;background:rgba(7,20,39,.88);box-shadow:0 14px 34px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.admin-toolbar-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.admin-toolbar-copy strong{color:#ecfbff;font-size:14px}.admin-toolbar-copy small{color:#8eafc3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-toolbar-search,.admin-toolbar-filter{display:flex;align-items:center;gap:7px;min-width:0;color:#8fb3c8;font-size:11px}.admin-toolbar-search{padding:0 11px;border:1px solid rgba(112,193,255,.24);border-radius:10px;background:rgba(3,13,27,.7)}.admin-toolbar-search span{font-size:19px;color:#70e9ff}.admin-toolbar-search input,.admin-toolbar-filter select{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:#effaff;font-size:13px}.admin-toolbar-filter{padding:0 10px;border:1px solid rgba(112,193,255,.24);border-radius:10px;background:rgba(3,13,27,.7)}.admin-toolbar-filter span{white-space:nowrap}.admin-toolbar-filter select{padding:10px 0}.admin-toolbar-filter option{background:#122744;color:#effaff}.admin-toolbar-actions{display:flex;gap:7px}.admin-toolbar-actions button{white-space:nowrap;padding:10px 12px;font-size:12px}.admin-visible-count{justify-self:end;color:#78e6f8;font-size:11px;white-space:nowrap;padding-bottom:10px}.admin-card[hidden]{display:none}.admin-card.is-collapsed .admin-fields,.admin-card.is-collapsed .admin-card-foot{display:none}.admin-card.is-collapsed{padding-bottom:16px}.admin-card.is-dirty{border-color:rgba(255,207,91,.62);box-shadow:0 0 0 1px rgba(255,207,91,.12),0 18px 50px rgba(0,0,0,.22)}.admin-card-toggle{margin-left:auto;padding:7px 10px;font-size:11px;white-space:nowrap}.admin-card-head .admin-title{flex:1;min-width:0}.admin-card-head .switch{flex:none}
[data-theme="light"] .admin-toolbar{background:rgba(248,253,255,.94);border-color:#c9e3ea;box-shadow:0 14px 34px rgba(36,91,112,.12)}[data-theme="light"] .admin-toolbar-copy strong{color:#173c50}[data-theme="light"] .admin-toolbar-copy small,[data-theme="light"] .admin-toolbar-search,[data-theme="light"] .admin-toolbar-filter{color:#567587}[data-theme="light"] .admin-toolbar-search,[data-theme="light"] .admin-toolbar-filter{background:#f2fbfd;border-color:#c9e3ea}[data-theme="light"] .admin-toolbar-search input,[data-theme="light"] .admin-toolbar-filter select{color:#183f52}[data-theme="light"] .admin-toolbar-filter option{background:#fff;color:#183f52}[data-theme="light"] .admin-visible-count{color:#177d95}[data-theme="light"] .admin-card.is-dirty{border-color:#d39b2e;box-shadow:0 0 0 1px rgba(211,155,46,.16),0 18px 50px rgba(36,91,112,.12)}
@media(max-width:1100px){.admin-toolbar{grid-template-columns:1fr 1.5fr 1fr}.admin-toolbar-actions{grid-column:2/4}.admin-visible-count{grid-column:1;grid-row:2;justify-self:start;padding:0}}
@media(max-width:620px){.admin-toolbar{position:static;grid-template-columns:1fr;padding:13px}.admin-toolbar-actions{grid-column:auto}.admin-toolbar-actions button{flex:1}.admin-visible-count{grid-column:auto;grid-row:auto;padding:0}.admin-toolbar-copy small{white-space:normal}.admin-card-toggle{order:5}.admin-card-head{flex-wrap:wrap}.admin-card-head .admin-title{flex-basis:calc(100% - 16px)}.admin-card-head .switch{margin-top:2px}}
.sidebar-history-tools{display:flex;align-items:center;gap:6px;margin:0 8px 9px;padding:7px 9px;border:1px solid rgba(112,193,255,.18);border-radius:9px;background:rgba(3,13,27,.34);color:#6e9eb7}.sidebar-history-tools span{font-size:15px}.sidebar-history-tools input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dff6ff;font-size:11px}.sidebar-history-tools input::placeholder{color:#6f91a7}.sidebar-history-tools small{flex:none;color:#6f9ab6;font-size:10px;white-space:nowrap}.sidebar-history .history-project-row[hidden]{display:none}[data-theme="light"] .sidebar-history-tools{border-color:#cfe2e8;background:#f4fbfd;color:#548096}[data-theme="light"] .sidebar-history-tools input{color:#214b5e}[data-theme="light"] .sidebar-history-tools input::placeholder{color:#7894a1}
.account-usage-card{grid-column:1/-1}.account-usage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.account-usage-head h2{margin:8px 0 4px;color:#fff}.account-usage-head p{margin:0;color:#9db9ca;font-size:12px;line-height:1.6}.account-usage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.account-usage-summary span{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid rgba(112,193,255,.16);border-radius:12px;background:rgba(3,13,27,.28);color:#8faabd;font-size:11px}.account-usage-summary strong{color:#effaff;font-size:19px;line-height:1}.account-usage-list{border:1px solid rgba(112,193,255,.14);border-radius:12px;overflow:hidden}.account-usage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid rgba(112,193,255,.1);color:#d3e8f5;font-size:12px}.account-usage-row:last-child{border-bottom:0}.account-usage-row strong,.account-usage-row small{display:block}.account-usage-row small{margin-top:3px;color:#7899ad;font-size:10px}.account-usage-row .usage-points{color:#ffcf79;text-align:right;white-space:nowrap}.account-usage-row .usage-points strong{color:#ffcf79;font-size:15px}.account-usage-empty{padding:18px;color:#8faabd;text-align:center;font-size:12px}[data-theme="light"] .account-usage-head h2{color:#17394c}[data-theme="light"] .account-usage-head p,[data-theme="light"] .account-usage-summary span,[data-theme="light"] .account-usage-empty{color:#547487}[data-theme="light"] .account-usage-summary span{border-color:#d7e7ec;background:#f8fcfd}[data-theme="light"] .account-usage-summary strong{color:#18394b}[data-theme="light"] .account-usage-list{border-color:#d7e7ec}[data-theme="light"] .account-usage-row{color:#334b5e;border-color:#e2edf1}[data-theme="light"] .account-usage-row small{color:#718e9e}[data-theme="light"] .account-usage-row .usage-points,[data-theme="light"] .account-usage-row .usage-points strong{color:#a66a00}
@media(max-width:620px){.account-usage-card{grid-column:auto}.account-usage-head{flex-direction:column}.account-usage-summary{grid-template-columns:1fr 1fr}.account-usage-summary span:last-child{grid-column:1/-1}.account-usage-row{grid-template-columns:minmax(0,1fr) auto;gap:5px}.account-usage-row .usage-points{grid-column:auto;grid-row:auto}.sidebar-history-tools{margin-left:4px;margin-right:4px}}
.send-spinner{display:inline-block;width:11px;height:11px;margin-left:4px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:sendSpin .7s linear infinite}
@keyframes sendSpin{to{transform:rotate(360deg)}}
.empty-search-state{display:grid;place-items:center;gap:8px;min-height:220px;padding:28px;border:1px dashed rgba(112,193,255,.3);border-radius:20px;background:linear-gradient(145deg,rgba(18,43,70,.5),rgba(12,27,50,.62));text-align:center;color:#d9eef7}
.empty-search-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(84,233,255,.35);border-radius:15px;background:rgba(84,233,255,.1);color:#8cefff;font-size:26px}
.empty-search-state strong{font-size:18px;color:#f3fbff}.empty-search-state small{max-width:420px;color:#91b1c2;line-height:1.6}.empty-search-state button{margin-top:5px}
[data-theme="light"] .empty-search-state{border-color:#afd6df;background:linear-gradient(145deg,#f3fcff,#f7f9ff);color:#29485a}[data-theme="light"] .empty-search-state strong{color:#17394c}[data-theme="light"] .empty-search-state small{color:#557383}
@media(max-width:620px){.empty-search-state{min-height:180px;padding:22px 16px}.empty-search-state strong{font-size:16px}}

/* Visual system v3: lightweight, CSS-only intelligence layer. */
body{background:radial-gradient(circle at 76% -12%,rgba(105,110,255,.24),transparent 30%),radial-gradient(circle at 8% 40%,rgba(0,231,255,.08),transparent 24%),linear-gradient(145deg,#06101d 0%,#081426 48%,#0a1023 100%);}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(84,233,255,.12),transparent 28%),linear-gradient(115deg,transparent 0 46%,rgba(84,233,255,.035) 50%,transparent 54%);opacity:.8;animation:techAmbientDrift 18s ease-in-out infinite alternate}
@keyframes techAmbientDrift{0%{transform:translate3d(-1%,0,0);opacity:.48}100%{transform:translate3d(1%,1%,0);opacity:.86}}
.topbar{position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(84,233,255,.8),rgba(189,123,255,.72),transparent);transform:translateX(-45%);animation:techBarScan 9s ease-in-out infinite;opacity:.7}
@keyframes techBarScan{0%,15%{transform:translateX(-45%)}65%,100%{transform:translateX(45%)}}
.sidebar{isolation:isolate}.sidebar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(84,233,255,.07),transparent 24%,transparent 74%,rgba(189,123,255,.06));}.sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:120px;background:linear-gradient(180deg,var(--tech-cyan),transparent);opacity:.72}
.side-logo{position:relative;letter-spacing:.02em}.side-logo:after{content:"ONLINE / 24 NODES";position:absolute;left:14px;bottom:9px;color:#6b98b0;font-size:8px;letter-spacing:.14em;font-weight:600}.side-logo span{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:4px;border:1px solid rgba(84,233,255,.35);border-radius:9px;background:rgba(84,233,255,.1);color:var(--tech-cyan);box-shadow:0 0 20px rgba(84,233,255,.16)}
.side-caption{color:#5f879e!important;letter-spacing:.18em!important}.nav-item,.recent{position:relative}.nav-item.active:before,.recent:hover:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--tech-cyan);box-shadow:0 0 12px var(--tech-cyan)}
.hero.ai-agent-hero{min-height:260px;border-radius:26px;background:radial-gradient(circle at 78% 50%,rgba(84,233,255,.12),transparent 23%),linear-gradient(135deg,rgba(15,43,73,.9),rgba(16,22,55,.82));box-shadow:0 25px 90px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025)}.hero.ai-agent-hero:before{content:"AI CREATION HUB";position:absolute;left:28px;top:24px;color:rgba(164,223,255,.55);font-size:10px;letter-spacing:.24em;font-weight:700}.hero.ai-agent-hero:after{right:-2%;bottom:-72%;height:340px;background:radial-gradient(ellipse,rgba(84,233,255,.2),transparent 64%)}
.ai-signal-visual{filter:drop-shadow(0 0 22px rgba(84,233,255,.2))}.ai-signal-core{box-shadow:0 0 0 1px rgba(84,233,255,.46),0 0 38px rgba(84,233,255,.4),inset 0 0 26px rgba(189,123,255,.34)!important}.ai-signal-scan{opacity:.6!important;animation:techSignalScan 4.5s ease-in-out infinite!important}@keyframes techSignalScan{0%,100%{transform:translateY(-34%);opacity:.05}48%,56%{transform:translateY(24%);opacity:.8}}
.section-heading{position:relative}.section-heading:before{content:"// SELECT YOUR NODE";display:block;margin-bottom:6px;color:#5d91ac;font-size:9px;letter-spacing:.2em;font-weight:700}.section-heading h2{letter-spacing:.01em}.search-wrap:focus-within{border-color:rgba(84,233,255,.8);box-shadow:0 0 0 3px rgba(84,233,255,.08),0 10px 30px rgba(0,0,0,.18)}
.card{background:linear-gradient(155deg,rgba(19,45,75,.9),rgba(8,20,39,.94));}.card:before{content:"";position:absolute;right:0;top:0;width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--tech-cyan));opacity:.75}.card:after{content:"";position:absolute;top:-30%;left:-20%;width:20%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);transform:rotate(18deg) translateX(-260%);transition:transform .7s ease;pointer-events:none}.card:hover:after{transform:rotate(18deg) translateX(700%)}.card-footer span:last-child{color:#9befff;font-weight:700;letter-spacing:.06em}
.metrics>div{position:relative;overflow:hidden}.metrics>div:after{content:"";position:absolute;inset:auto 12px 0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-cyan),transparent);opacity:.4}.metrics strong{font-variant-numeric:tabular-nums}
.agent-head,.agent-banner,.workflow,.commerce-hero,.commerce-form,.commerce-output,.admin-hero{box-shadow:0 20px 65px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
.agent-head{position:relative;overflow:hidden}.agent-head:after{content:"";position:absolute;top:0;right:8%;width:22%;height:1px;background:linear-gradient(90deg,transparent,var(--tech-cyan),transparent);opacity:.55}.agent-state{letter-spacing:.1em;font-size:11px;text-shadow:0 0 12px rgba(108,240,176,.55)}
.bubble.me{box-shadow:0 8px 26px rgba(78,117,255,.18),inset 0 1px 0 rgba(255,255,255,.12)}.bubble.ai{box-shadow:0 12px 34px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035)}
.quick button,.secondary,.profile,.back{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.quick button:hover,.secondary:hover,.profile:hover,.back:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(84,233,255,.1)}
.composer{box-shadow:0 18px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}.composer:focus-within{border-color:rgba(84,233,255,.55);box-shadow:0 0 0 3px rgba(84,233,255,.08),0 18px 56px rgba(0,0,0,.28)}
.code-title{border-bottom-color:rgba(84,233,255,.16)!important}.md-code-block,.code-bubble,.rich-result{box-shadow:0 18px 46px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03)}
@media(max-width:620px){.hero.ai-agent-hero{min-height:235px;border-radius:20px}.hero.ai-agent-hero:before{left:18px;top:18px}.side-logo:after{left:13px}.section-heading:before{font-size:8px}.card:hover:after{display:none}.topbar:after{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){body:after,.topbar:after,.ai-signal-scan{animation:none!important}.card:after{transition:none}}

/* Keep large agent/history lists responsive without changing their visual layout. */
.grid>.card,.sidebar-history .history-project-row,.account-usage-row,.commerce-history-item{content-visibility:auto;contain-intrinsic-size:220px 180px}
@media(max-width:620px){.sidebar,.topbar,.composer,.chat-bottom-dock{backdrop-filter:blur(12px)}.grid>.card{contain-intrinsic-size:180px 220px}}

.video-wait-stage{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px 13px;border:1px solid rgba(84,233,255,.24);border-radius:14px;background:linear-gradient(135deg,rgba(19,61,83,.55),rgba(29,34,74,.58));overflow:hidden}.video-wait-scene{position:relative;flex:none;width:82px;height:44px;border:1px solid rgba(84,233,255,.24);border-radius:11px;background:linear-gradient(160deg,rgba(84,233,255,.12),rgba(126,117,255,.16));box-shadow:inset 0 0 16px rgba(84,233,255,.1)}.video-wait-person{position:absolute;bottom:7px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;font-size:12px;line-height:1;background:linear-gradient(135deg,#62e2ef,#8496ff);color:#071525;filter:drop-shadow(0 2px 2px rgba(0,0,0,.24))}.video-wait-editor{left:7px;animation:videoWaitEditor .78s ease-in-out infinite}.video-wait-director{left:31px;background:linear-gradient(135deg,#a6f1c0,#6e9bff);animation:videoWaitDirector 1.04s ease-in-out infinite .12s}.video-wait-reviewer{right:7px;background:linear-gradient(135deg,#ffd87a,#ff8fa7);animation:videoWaitReviewer .9s ease-in-out infinite .2s}.video-wait-shout{position:absolute;left:23px;top:2px;padding:1px 3px;border-radius:4px;background:#ff7189;color:#fff;font-size:8px;font-weight:800;line-height:1.1;animation:videoWaitShout .8s steps(2,end) infinite}.video-wait-copy{min-width:0}.video-wait-copy strong{display:block;color:#ecfbff;font-size:13px}.video-wait-lines{position:relative;height:18px;margin-top:3px;color:#9fc2d3;font-size:11px;line-height:18px;white-space:nowrap}.video-wait-lines span{position:absolute;inset:0;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:videoWaitLine 6s infinite}.video-wait-lines span:nth-child(2){animation-delay:2s}.video-wait-lines span:nth-child(3){animation-delay:4s}@keyframes videoWaitEditor{0%,100%{transform:translateY(1px) rotate(-8deg)}50%{transform:translateY(-4px) rotate(12deg)}}@keyframes videoWaitDirector{0%,100%{transform:translateY(1px) rotate(7deg)}45%{transform:translateY(-4px) rotate(-10deg)}}@keyframes videoWaitReviewer{0%,100%{transform:translateY(1px) rotate(8deg)}50%{transform:translateY(-3px) rotate(-13deg)}}@keyframes videoWaitShout{0%,100%{transform:scale(.84);opacity:.55}50%{transform:scale(1);opacity:1}}@keyframes videoWaitLine{0%,30%{opacity:0;transform:translateY(4px)}38%,62%{opacity:1;transform:translateY(0)}70%,100%{opacity:0;transform:translateY(-4px)}}[data-theme="light"] .video-wait-stage{border-color:#acd9e1;background:linear-gradient(135deg,#effcff,#f5f1ff)}[data-theme="light"] .video-wait-copy strong{color:#17394c}[data-theme="light"] .video-wait-lines{color:#547487}@media(max-width:620px){.video-wait-stage{padding:10px}.video-wait-scene{width:74px}.video-wait-copy strong{font-size:12px}.video-wait-lines{font-size:10px}}
@media(prefers-reduced-motion:reduce){.video-wait-person,.video-wait-shout,.video-wait-lines span{animation:none}.video-wait-lines span:first-child{opacity:1}}
.video-reverse-preview{display:none!important}
.sidebar-spark{margin:18px 8px 0;padding:14px 13px;border:1px solid rgba(84,233,255,.24);border-radius:14px;background:linear-gradient(145deg,rgba(24,65,92,.72),rgba(18,28,58,.72));box-shadow:0 12px 26px rgba(0,0,0,.14)}.sidebar-spark-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9af2ff;font-size:11px;letter-spacing:.04em}.sidebar-spark-head small{color:#7fa6ba;font-size:9px}.sidebar-spark>strong{display:block;margin-top:12px;color:#f0fbff;font-size:13px}.sidebar-spark p{min-height:48px;margin:7px 0 12px;color:#a8c6d7;font-size:11px;line-height:1.65}.sidebar-spark-actions{display:flex;gap:7px}.sidebar-spark-actions button{flex:1;padding:7px 5px;border:1px solid rgba(112,193,255,.3);border-radius:8px;background:rgba(84,233,255,.07);color:#bceefa;font-size:10px;cursor:pointer}.sidebar-spark-actions button:hover{border-color:rgba(84,233,255,.66);background:rgba(84,233,255,.15);color:#fff}[data-theme="light"] .sidebar-spark{border-color:#b8dce5;background:linear-gradient(145deg,#eefafd,#f1f1ff);box-shadow:0 10px 22px rgba(41,78,105,.08)}[data-theme="light"] .sidebar-spark-head{color:#17627a}[data-theme="light"] .sidebar-spark-head small{color:#5d8190}[data-theme="light"] .sidebar-spark>strong{color:#163b4c}[data-theme="light"] .sidebar-spark p{color:#4f6c7c}[data-theme="light"] .sidebar-spark-actions button{border-color:#abd2dc;background:#f7fcfd;color:#185c73}
.video-reverse-drop{cursor:pointer;position:relative}.video-reverse-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-reverse-drop:focus-within{border-color:rgba(126,238,255,.9);box-shadow:0 0 0 3px rgba(84,233,255,.15)}
.video-reverse-result .code-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.video-reverse-result .code-title-copy{flex:1;min-width:0}.video-reverse-copy-button{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex:none;width:auto!important;min-height:42px;padding:9px 16px!important;border:1px solid rgba(84,233,255,.5)!important;border-radius:11px!important;background:linear-gradient(105deg,#33c7db,#7c7df4)!important;color:#06172a!important;font-size:14px!important;font-weight:800!important;white-space:nowrap;cursor:pointer}.video-reverse-copy-button:hover{filter:brightness(1.08)}[data-theme="light"] .video-reverse-copy-button{border-color:#75c7d6!important;background:linear-gradient(105deg,#74dce7,#9194fa)!important;color:#0b2c3e!important}
@media(max-width:620px){.video-reverse-result .code-title{align-items:stretch!important;flex-direction:column!important;gap:10px!important}.video-reverse-copy-button{width:100%!important;min-height:46px;font-size:15px!important}.video-reverse-result .code-title-copy small{display:block;margin-top:3px;color:#9fb9ca;font-size:11px}[data-theme="light"] .video-reverse-result .code-title-copy small{color:#5c7c8b}}
.video-reverse-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.video-reverse-actions .video-reverse-analyze{flex:1;margin-top:0}.video-reverse-clear-results{flex:0 0 auto;white-space:nowrap}@media(max-width:620px){.video-reverse-actions{gap:8px}.video-reverse-clear-results{padding:11px 12px;font-size:13px}}
[data-theme="dark"] .commerce-hub{margin:0 0 26px;padding:22px;border:1px solid rgba(84,233,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(14,43,68,.82),rgba(9,21,40,.9));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.commerce-hub{margin:0 0 26px;padding:22px;border:1px solid rgba(84,233,255,.28);border-radius:22px;background:linear-gradient(145deg,rgba(18,48,73,.9),rgba(8,23,42,.94));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.commerce-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.commerce-hub-head h2{margin:6px 0;color:#f5fbff;font-size:24px}.commerce-hub-head p{margin:0;color:#a8c4d7;font-size:13px}.commerce-hub-badge{padding:7px 10px;border:1px solid rgba(112,226,255,.3);border-radius:999px;color:#a8efff;font-size:11px;white-space:nowrap}.commerce-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.commerce-tile{display:flex;align-items:center;gap:11px;min-height:86px;padding:14px;border:1px solid rgba(112,193,255,.2);border-radius:16px;background:rgba(9,27,48,.72);cursor:pointer;transition:.18s}.commerce-tile:hover{transform:translateY(-3px);border-color:rgba(84,233,255,.7);box-shadow:0 14px 32px rgba(8,166,207,.15)}.commerce-tile-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#5de8ff,#8c83ff);color:#071a2a;font-weight:800}.commerce-tile h3{margin:0 0 5px;color:#f5fbff;font-size:14px}.commerce-tile p{margin:0;color:#9eb6cc;font-size:11px;line-height:1.5}.commerce-tile>span{margin-left:auto;color:#9befff;font-size:11px;white-space:nowrap}@media(max-width:900px){.commerce-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.commerce-hub{padding:17px}.commerce-hub-head{display:block}.commerce-hub-badge{display:inline-block;margin-top:12px}.commerce-hub-grid{grid-template-columns:1fr}}
.commerce-module-entry{margin:0 0 24px}.commerce-module-card{display:flex;align-items:center;gap:16px;width:100%;min-height:112px;padding:22px 24px;border:1px solid rgba(84,233,255,.35);border-radius:22px;background:linear-gradient(135deg,rgba(20,67,92,.94),rgba(39,37,91,.94));color:#f5fbff;text-align:left;cursor:pointer;box-shadow:0 18px 44px rgba(0,0,0,.18);transition:transform .18s,border-color .18s,box-shadow .18s}.commerce-module-card:hover{transform:translateY(-3px);border-color:rgba(132,240,255,.8);box-shadow:0 22px 52px rgba(8,166,207,.2)}.commerce-module-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#5de8ff,#8c83ff);color:#061b2a;font-size:25px;font-weight:800}.commerce-module-copy{display:flex;flex-direction:column;min-width:0}.commerce-module-copy .eyebrow{margin-bottom:5px;color:#9befff}.commerce-module-copy strong{font-size:25px;line-height:1.2}.commerce-module-copy small{margin-top:7px;color:#aac5d8;font-size:13px}.commerce-module-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;color:#a8f3ff;white-space:nowrap}.commerce-module-meta b{font-size:12px;font-weight:600}.commerce-module-meta span{font-size:13px}.commerce-apps-page{padding-bottom:36px}.commerce-apps-hero{margin-bottom:22px;padding:28px 30px;border:1px solid rgba(84,233,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(17,47,72,.82),rgba(13,24,47,.88))}.commerce-apps-hero h1{margin:8px 0;color:#f5fbff;font-size:34px}.commerce-apps-hero p{margin:0;color:#a8c4d7;font-size:14px}.commerce-apps-panel{margin-bottom:0}.commerce-apps-panel .commerce-tile{min-height:112px}.commerce-apps-panel .commerce-tile h3{font-size:16px}.commerce-apps-panel .commerce-tile p{font-size:12px}.commerce-apps-panel .commerce-tile-icon{width:44px;height:44px;flex-basis:44px;font-size:18px}[data-theme="light"] .commerce-module-card{border-color:#b7dce6;background:linear-gradient(135deg,#effcff,#f1efff);box-shadow:0 14px 34px rgba(40,85,105,.1);color:#17394c}[data-theme="light"] .commerce-module-copy small{color:#587487}[data-theme="light"] .commerce-module-meta{color:#17627a}[data-theme="light"] .commerce-apps-hero{border-color:#c4e1e7;background:linear-gradient(145deg,#f3fcff,#f3f2ff)}[data-theme="light"] .commerce-apps-hero h1{color:#17394c}[data-theme="light"] .commerce-apps-hero p{color:#587487}[data-theme="light"] .commerce-hub{border-color:#c4e1e7;background:linear-gradient(145deg,#f5fdff,#f4f3ff)}[data-theme="light"] .commerce-hub-head h2{color:#17394c}[data-theme="light"] .commerce-hub-head p{color:#587487}[data-theme="light"] .commerce-tile{border-color:#c5e1e7;background:rgba(255,255,255,.72)}[data-theme="light"] .commerce-tile h3{color:#17394c}[data-theme="light"] .commerce-tile p{color:#587487}[data-theme="light"] .commerce-tile>span{color:#17627a}@media(max-width:620px){.commerce-module-card{align-items:flex-start;padding:18px;gap:12px}.commerce-module-icon{flex-basis:44px;width:44px;height:44px;font-size:21px}.commerce-module-copy strong{font-size:21px}.commerce-module-copy small{font-size:11px}.commerce-module-meta{display:none}.commerce-apps-hero{padding:22px 20px}.commerce-apps-hero h1{font-size:28px}}
.commerce-module-card{position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;min-height:132px;padding:25px 28px!important;border:1px solid rgba(84,233,255,.42)!important;background:linear-gradient(135deg,rgba(19,67,94,.96),rgba(44,36,102,.96))!important}.commerce-module-card .card-glow{position:absolute;inset:-45%;background:radial-gradient(circle at 20% 15%,rgba(84,233,255,.3),transparent 32%),radial-gradient(circle at 85% 80%,rgba(147,114,255,.28),transparent 34%);pointer-events:none}.commerce-module-orbit{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;margin-right:18px;border:1px solid rgba(151,239,255,.5);border-radius:19px;background:linear-gradient(135deg,#5de8ff,#8c83ff);color:#071a2a;font-size:28px;font-weight:800;box-shadow:0 0 28px rgba(84,233,255,.25)}.commerce-module-copy,.commerce-module-meta{position:relative;z-index:1}.commerce-module-copy strong{display:block;color:#f5fbff;font-size:28px}.commerce-module-copy small{display:block}.commerce-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.commerce-app-card{min-height:228px!important;cursor:pointer}.commerce-app-card .commerce-app-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#5de8ff,#8c83ff);color:#071a2a;font-size:25px;font-weight:800;box-shadow:0 0 24px rgba(84,233,255,.22)}.commerce-app-card h3{margin-top:18px!important}.commerce-app-card .card-footer{display:flex;justify-content:space-between;align-items:center}.commerce-app-card .card-footer span:last-child{color:#9befff;font-weight:700}@media(max-width:1100px){.commerce-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme="light"] .commerce-module-card{background:linear-gradient(135deg,#dff9ff,#e7e3ff)!important;border-color:#9ed9e4!important}.commerce-module-card:focus-visible,.commerce-app-card:focus-visible{outline:3px solid rgba(84,233,255,.55);outline-offset:3px}@media(max-width:620px){.commerce-module-card{min-height:112px;padding:20px!important}.commerce-module-orbit{flex-basis:46px;width:46px;height:46px;margin-right:12px;font-size:22px}.commerce-module-copy strong{font-size:22px}.commerce-module-copy small{font-size:11px}.commerce-module-meta{display:none}.commerce-app-grid{grid-template-columns:1fr}}
.commerce-only-home{padding-top:42px}.commerce-only-hero{display:flex;align-items:center;gap:18px;max-width:980px;margin:0 auto 24px;padding:24px 28px;border:1px solid rgba(255,117,117,.38);border-radius:22px;background:linear-gradient(135deg,rgba(74,17,31,.78),rgba(38,19,47,.86));box-shadow:0 18px 50px rgba(0,0,0,.22)}.commerce-only-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:1px solid rgba(255,165,165,.6);border-radius:17px;background:linear-gradient(135deg,#ff5a62,#b82e67);color:#fff1f1;font-size:27px;font-weight:800;box-shadow:0 0 28px rgba(255,68,93,.3)}.commerce-only-hero h1{margin:5px 0;color:#fff;font-size:32px}.commerce-only-hero p{margin:0;color:#f2b8bf;font-size:13px}.commerce-only-home .commerce-module-entry{max-width:980px;margin:0 auto}.commerce-only-home .commerce-module-card{min-height:180px!important;padding:34px 38px!important;border-color:rgba(255,139,139,.72)!important;background:radial-gradient(circle at 82% 18%,rgba(255,122,122,.28),transparent 30%),linear-gradient(135deg,#7c182b 0%,#bd2e4d 45%,#591934 100%)!important;box-shadow:0 22px 70px rgba(130,12,42,.35),inset 0 1px 0 rgba(255,255,255,.16)!important}.commerce-only-home .commerce-module-card:hover{border-color:#ffb5b5!important;box-shadow:0 28px 82px rgba(177,16,49,.48),inset 0 1px 0 rgba(255,255,255,.2)!important}.commerce-only-home .commerce-module-orbit{background:linear-gradient(135deg,#ffb1a7,#ff4d67);border-color:rgba(255,235,235,.7);box-shadow:0 0 30px rgba(255,100,112,.5)}.commerce-only-home .commerce-module-copy strong{font-size:32px;text-shadow:0 3px 18px rgba(75,0,12,.38)}.commerce-only-home .commerce-module-copy small{color:#ffd8d8}.commerce-only-home .commerce-module-copy .eyebrow{color:#ffc0c4}.commerce-only-home .commerce-module-meta{color:#ffe3e3}.commerce-only-home .commerce-module-meta span{font-size:14px}@media(max-width:620px){.commerce-only-home{padding-top:22px}.commerce-only-hero{padding:20px}.commerce-only-hero h1{font-size:26px}.commerce-only-home .commerce-module-card{min-height:140px!important;padding:25px 20px!important}.commerce-only-home .commerce-module-copy strong{font-size:25px}}
.commerce-only-home .commerce-module-card-simple{justify-content:center;min-height:150px!important;text-align:center}.commerce-only-home .commerce-module-card-simple strong{position:relative;z-index:1;color:#fff;font-size:36px;letter-spacing:.08em;text-shadow:0 4px 22px rgba(73,0,12,.45)}@media(max-width:620px){.commerce-only-home .commerce-module-card-simple{min-height:118px!important}.commerce-only-home .commerce-module-card-simple strong{font-size:28px}}
.commerce-module-card-simple{min-height:112px!important;padding:18px 24px!important}.commerce-only-home .commerce-module-card-simple{min-height:112px!important}.commerce-module-card-simple strong{font-size:34px!important}@media(max-width:620px){.commerce-module-card-simple{min-height:92px!important;padding:15px 18px!important}.commerce-module-card-simple strong{font-size:29px!important}}
.plenrik-shell{min-height:100vh;background:#fafaf7;color:#171717}.plenrik-side-wrap{flex:0 0 220px}.plenrik-side-wrap .sidebar{width:100%;min-height:100vh;background:#11110f;border-right:1px solid #2a2925}.plenrik-side-wrap .side-logo{color:#fff}.plenrik-side-wrap .side-logo span{color:#f3d567}.plenrik-side-wrap .nav-item,.plenrik-side-wrap .recent{color:#c7c4bb}.plenrik-side-wrap .nav-item:hover,.plenrik-side-wrap .nav-item.active,.plenrik-side-wrap .recent:hover{background:#2a2925;color:#f3d567}.plenrik-side-wrap .side-caption,.plenrik-side-wrap .nav-title,.plenrik-side-wrap .side-footer{color:#928f84}.plenrik-main{background:#fafaf7}.plenrik-topbar{background:rgba(250,250,247,.92)!important;border-bottom:1px solid #e8e4dc!important;color:#171717}.plenrik-topbar .crumb{color:#6e6a62}.plenrik-topbar .status-dot{background:#e05b55}.plenrik-topbar .live-label{color:#8b6a18}.plenrik-topbar .profile{background:#171717;color:#fff}.plenrik-content{padding:30px 42px 76px;max-width:1440px;margin:0 auto}.plenrik-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:22px;min-height:420px;padding:48px 48px 28px;overflow:hidden;border:1px solid #e9dfd1;border-radius:28px;background:#f0e9df;box-shadow:0 18px 45px rgba(73,57,38,.08)}.plenrik-hero-grad{position:absolute;inset:-25%;background:radial-gradient(circle at 72% 34%,rgba(253,215,123,.52),transparent 23%),radial-gradient(circle at 86% 68%,rgba(197,232,204,.7),transparent 27%),radial-gradient(circle at 24% 20%,rgba(229,220,250,.76),transparent 28%);filter:blur(8px);pointer-events:none}.plenrik-hero-copy,.plenrik-stage{position:relative;z-index:1}.plenrik-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);color:#6c675f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.04em}.plenrik-pill .dot{width:7px;height:7px;border-radius:50%;background:#dc6559}.plenrik-hero h1{max-width:630px;margin:24px 0 16px;color:#141414;font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.055em}.plenrik-hero h1 em{color:#db5b4f;font-style:italic}.plenrik-hero-copy>p{max-width:560px;margin:0;color:#6e685f;font-size:16px;line-height:1.7}.plenrik-hero-actions{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}.plenrik-btn{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700}.plenrik-btn-ink{background:#151515;color:#fff}.plenrik-hero-note{color:#817a70;font-size:11px}.plenrik-stage{min-height:290px;margin:26px 8px 0}.plenrik-core{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:164px;height:214px;transform:translate(-50%,-50%) rotate(-3deg);border:8px solid #181817;border-radius:28px;background:linear-gradient(145deg,#fbc8d5,#e5dcfa 58%,#c5e8cc);box-shadow:0 24px 42px rgba(32,26,19,.2)}.plenrik-core-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#171717;color:#f3d567;font-size:26px}.plenrik-core strong{margin-top:13px;color:#171717;font-size:18px}.plenrik-core small{margin-top:5px;color:#564f46;font-size:10px}.plenrik-float{position:absolute;display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:15px;color:#171717;box-shadow:0 13px 24px rgba(62,49,33,.12);font-size:10px}.plenrik-float small,.plenrik-float span{color:#5f5a53;font-size:10px}.plenrik-float strong{font-size:24px;line-height:1}.plenrik-float em{font-size:11px;font-style:normal}.plenrik-float b{position:absolute;right:12px;bottom:12px;color:#47a566}.plenrik-float-one{left:0;top:16px;background:#f3d567}.plenrik-float-two{right:0;top:4px;background:#c5e8cc}.plenrik-float-three{right:12px;bottom:7px;background:#e5dcfa}.plenrik-float-three strong{font-size:14px}.plenrik-topic{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;align-items:stretch;margin:24px 0 34px}.plenrik-topic-label{display:flex;flex-direction:column;justify-content:center;padding:16px 14px;border:1px solid #ead7d1;border-radius:16px;background:#fff2ef;color:#bc514c}.plenrik-topic-label span{font-size:14px;font-weight:700}.plenrik-topic-label small{margin-top:6px;color:#9b7770;font-size:10px}.plenrik-topic-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:92px;overflow:hidden;border:1px solid #f18a80;border-radius:18px;background:linear-gradient(115deg,#bf3e4e,#e86b5c 55%,#8a2f4e);color:#fff;cursor:pointer;box-shadow:0 13px 30px rgba(187,51,62,.2);transition:transform .18s,box-shadow .18s}.plenrik-topic-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(187,51,62,.3)}.plenrik-topic-card strong{position:relative;z-index:1;font-size:38px;letter-spacing:.1em;text-shadow:0 3px 14px rgba(78,0,10,.32)}.plenrik-topic-arrow{position:absolute;right:23px;z-index:1;font-size:25px}.plenrik-topic-glow{position:absolute;inset:-80%;background:radial-gradient(circle at 20% 40%,rgba(255,255,255,.2),transparent 22%),radial-gradient(circle at 80% 55%,rgba(255,188,146,.25),transparent 23%)}.plenrik-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 18px}.plenrik-section-eyebrow{color:#bf5148;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.1em}.plenrik-heading h2{margin:6px 0 5px;color:#171717;font-size:30px;letter-spacing:-.04em}.plenrik-heading p{margin:0;color:#817b72;font-size:13px}.plenrik-search{display:flex;align-items:center;gap:8px;min-width:260px;padding:0 13px;border:1px solid #e4ddd4;border-radius:999px;background:#fff}.plenrik-search span{color:#c35b53;font-size:20px}.plenrik-search .search{width:100%;padding:12px 2px;border:0;background:transparent;color:#171717}.plenrik-search .search::placeholder{color:#a49e95}.plenrik-filters{margin-bottom:22px}.plenrik-filters .chip{border-color:#ded7ce;background:#fff;color:#706a62}.plenrik-filters .chip.active{border-color:#171717;background:#171717;color:#fff}.plenrik-agent-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.plenrik-agent-card{min-height:238px!important;border:1px solid #e6e0d8!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 22px rgba(58,45,32,.05)!important;cursor:pointer}.plenrik-agent-card:hover{border-color:#d7b36b!important;box-shadow:0 16px 32px rgba(58,45,32,.12)!important}.plenrik-agent-card .card-glow{background:radial-gradient(circle at 16% 0,rgba(243,213,103,.3),transparent 38%)}.plenrik-agent-card h3{color:#171717!important}.plenrik-agent-card p,.plenrik-agent-card .card-theme{color:#777067!important}.plenrik-agent-card .tag{border:0;background:#f5eee4;color:#a46c34}.plenrik-agent-card .card-footer{border-top-color:#eee7de;color:#9b9389}.plenrik-agent-card .card-footer span:last-child{color:#c35b53}.plenrik-shell .empty-search-state strong{color:#171717}.plenrik-shell .empty-search-state small{color:#777067}@media(max-width:1000px){.plenrik-hero{grid-template-columns:1fr}.plenrik-stage{min-height:250px;margin-top:0}.plenrik-content{padding:24px}.plenrik-topic{grid-template-columns:1fr}.plenrik-topic-label{flex-direction:row;align-items:center;justify-content:space-between}.plenrik-topic-label small{margin:0}.plenrik-heading{align-items:stretch;flex-direction:column}.plenrik-search{width:100%}}@media(max-width:620px){.plenrik-side-wrap{display:none}.plenrik-content{padding:15px}.plenrik-hero{min-height:620px;padding:27px 21px 18px;border-radius:22px}.plenrik-hero h1{font-size:42px}.plenrik-stage{min-height:250px}.plenrik-core{width:145px;height:190px}.plenrik-float{transform:scale(.88)}.plenrik-float-one{left:-5px}.plenrik-float-two{right:-5px}.plenrik-topic-card strong{font-size:29px}.plenrik-topic-arrow{right:15px}.plenrik-heading h2{font-size:26px}}
/* Ecommerce APP covers: a visual "raw image -> commercial result" workflow. */
.commerce-app-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important;min-height:390px!important}
.commerce-app-cover{display:block;width:100%;height:220px;flex:0 0 220px;object-fit:cover;object-position:center;border:0;border-bottom:1px solid rgba(112,193,255,.22);background:#0b1830}
.commerce-app-card .card-top{padding:15px 18px 0}
.commerce-app-card>h3{margin:13px 18px 0!important}
.commerce-app-card>p{margin:8px 18px 0!important;min-height:38px}
.commerce-app-card>.card-footer{margin: auto 18px 0;padding:16px 0 18px}
.commerce-app-card .commerce-app-icon{width:42px;height:42px;border-radius:13px;font-size:18px}
.commerce-app-card:hover .commerce-app-cover{filter:saturate(1.08) brightness(1.08);transform:scale(1.018)}
.commerce-app-cover{transition:filter .25s ease,transform .35s ease}
@media(max-width:1100px){.commerce-app-cover{height:200px;flex-basis:200px}}
@media(max-width:620px){.commerce-app-card{min-height:380px!important}.commerce-app-cover{height:210px;flex-basis:210px}.commerce-app-card .card-top{padding-top:14px}}
.commerce-apps-hero-visual{position:relative;width:min(1320px,96%);height:340px;min-height:0;margin:0 auto 24px;padding:8px!important;overflow:hidden;line-height:0;border:1px solid rgba(112,193,255,.28);border-radius:22px;background:radial-gradient(circle at 82% 18%,rgba(129,121,255,.24),transparent 30%),linear-gradient(135deg,rgba(18,47,76,.96),rgba(27,27,67,.96));box-shadow:0 22px 56px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}
.commerce-apps-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;border-radius:17px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.commerce-workflow-intro{position:relative;width:min(1320px,96%);margin:0 auto 30px;padding:28px 30px 26px;overflow:hidden;border:1px solid rgba(132,228,255,.3);border-radius:24px;background:linear-gradient(135deg,rgba(16,47,74,.82),rgba(30,29,73,.78));box-shadow:0 18px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);text-align:center}
.commerce-workflow-intro:before{content:"";position:absolute;inset:-80px 20% auto;height:150px;background:radial-gradient(circle,rgba(91,225,255,.2),transparent 68%);pointer-events:none}
.commerce-workflow-intro-kicker{position:relative;margin-bottom:8px;color:#9befff;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.commerce-workflow-intro h2{position:relative;margin:0;color:#f5fbff;font-size:30px;line-height:1.25;letter-spacing:.02em}.commerce-workflow-intro h2 em{color:#8be9ff;font-style:normal}
.commerce-workflow-intro p{position:relative;max-width:720px;margin:10px auto 18px;color:#b8cfe0;font-size:14px;line-height:1.7}
.commerce-workflow-intro-flow{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:#dffaff;font-size:12px}.commerce-workflow-intro-flow span{padding:7px 12px;border:1px solid rgba(122,226,255,.28);border-radius:999px;background:rgba(7,24,45,.44)}.commerce-workflow-intro-flow i{color:#8be9ff;font-style:normal;font-size:18px}
[data-theme="light"] .commerce-workflow-intro{border-color:#b8dce5;background:linear-gradient(135deg,#f2fcff,#f3f1ff);box-shadow:0 14px 34px rgba(40,85,105,.1)}[data-theme="light"] .commerce-workflow-intro h2{color:#17394c}[data-theme="light"] .commerce-workflow-intro p{color:#587487}[data-theme="light"] .commerce-workflow-intro-flow{color:#17627a}[data-theme="light"] .commerce-workflow-intro-flow span{border-color:#b8dce5;background:rgba(255,255,255,.6)}
.commerce-workflow-hotspots{position:absolute;inset:8px;z-index:2;pointer-events:none}
.commerce-workflow-hotspot{position:absolute;width:17%;height:78%;padding:0;border:1px solid transparent;border-radius:18px;background:transparent;color:#f1fdff;cursor:pointer;pointer-events:auto;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.commerce-workflow-hotspot:before{display:none}
.hotspot-raw:before{content:"↑"}.hotspot-main:before{content:"✦"}.hotspot-white:before{content:"□"}.hotspot-detail:before{content:"≡"}.hotspot-buyer:before{content:"♧"}
.commerce-workflow-hotspot:after{content:attr(data-workflow-label);position:absolute;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:190px;padding:8px 11px;border:1px solid rgba(124,235,255,.45);border-radius:10px;background:rgba(5,16,34,.94);box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 20px rgba(84,233,255,.16);color:#ebfbff;font-size:12px;line-height:1.35;white-space:nowrap;opacity:0;transform:translate(-50%,6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.commerce-workflow-hotspot:hover,.commerce-workflow-hotspot:focus-visible{border-color:rgba(156,242,255,.9);background:rgba(84,233,255,.08);box-shadow:0 0 0 5px rgba(84,233,255,.1),0 0 28px rgba(84,233,255,.34);transform:translate(-50%,-50%) translateY(-4px) scale(1.015);outline:none}
.commerce-workflow-hotspot:hover:after,.commerce-workflow-hotspot:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.hotspot-raw{left:10.6%;top:50%;transform:translate(-50%,-50%)}.hotspot-main{left:31%;top:50%;transform:translate(-50%,-50%)}.hotspot-white{left:50.1%;top:50%;transform:translate(-50%,-50%)}.hotspot-detail{left:69%;top:50%;transform:translate(-50%,-50%)}.hotspot-buyer{left:89.2%;top:50%;transform:translate(-50%,-50%)}
@keyframes commerceHotspotPulse{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.08);opacity:1}}
@media(max-width:900px){.commerce-apps-hero-visual{width:92%;height:230px}}
@media(max-width:620px){.commerce-workflow-intro{width:92%;margin-bottom:22px;padding:22px 18px 20px;border-radius:20px}.commerce-workflow-intro h2{font-size:23px}.commerce-workflow-intro p{margin:9px auto 15px;font-size:12px}.commerce-workflow-intro-flow{gap:6px;font-size:10px}.commerce-workflow-intro-flow span{padding:6px 9px}.commerce-workflow-intro-flow i{font-size:15px}.commerce-apps-hero-visual{width:92%;height:185px;padding:6px!important;border-radius:18px}.commerce-apps-hero-visual img{border-radius:12px;object-position:center 50%}.commerce-workflow-hotspots{inset:6px}.commerce-workflow-hotspot{width:17%;height:78%;border-radius:12px}.commerce-workflow-hotspot:after{font-size:10px;max-width:140px;white-space:normal}}

/* Keep the APP cards and their behavior unchanged; only compact their cover images into square thumbnails. */
.commerce-app-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-items:start;gap:0 14px;min-height:156px!important;padding:16px!important}
.commerce-app-card .card-glow{grid-column:1/-1;grid-row:1/-1}
.commerce-app-card .commerce-app-cover{grid-column:1;grid-row:1 / span 3;width:96px;height:96px;flex:none;border:1px solid rgba(164,223,255,.3);border-radius:14px;object-fit:cover;object-position:center}
.commerce-app-card .card-top{grid-column:2;grid-row:1;min-width:0;padding:0}
.commerce-app-card .commerce-app-icon{display:none}
.commerce-app-card>h3{grid-column:2;grid-row:2;margin:8px 0 0!important}
.commerce-app-card>p{grid-column:2;grid-row:3;min-height:0;margin:6px 0 0!important}
.commerce-app-card>.card-footer{grid-column:1/-1;grid-row:4;margin:12px 0 0;padding:10px 0 0}

/* Hide only the requested sidebar entries; their routes and underlying state remain intact. */
.sidebar #commerceEntry,.sidebar .theme-toggle,.sidebar .sidebar-spark{display:none!important}
@media(max-width:620px){.commerce-app-card{grid-template-columns:82px minmax(0,1fr);min-height:142px!important;padding:13px!important;gap:0 12px}.commerce-app-card .commerce-app-cover{width:82px;height:82px}}

/* Apply the same compact thumbnail treatment to the two general APP-card layouts. */
.station-agent-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:0 14px;min-height:156px!important;padding:16px!important}
.station-agent-card .station-agent-cover{grid-column:1;grid-row:1;width:96px;height:96px;border-radius:14px}
.station-agent-card .station-agent-body{grid-column:2;grid-row:1;min-width:0;padding:0}
.station-agent-card .station-agent-body h3{margin:8px 0 5px;font-size:18px}
.station-agent-card .station-agent-foot{margin-top:12px;padding-top:10px}
.plenrik-agent-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;align-items:start;gap:0 14px;min-height:156px!important;padding:16px!important}
.plenrik-agent-card .card-glow{grid-column:1/-1;grid-row:1/-1}
.plenrik-agent-card .card-top{display:contents}
.plenrik-agent-card .avatar-image{grid-column:1;grid-row:1 / span 4;width:96px;height:96px;border-radius:14px}
.plenrik-agent-card .tag{grid-column:2;grid-row:1;justify-self:start}
.plenrik-agent-card>h3{grid-column:2;grid-row:2;margin:8px 0 0!important;font-size:18px}
.plenrik-agent-card>p{grid-column:2;grid-row:3;min-height:0;margin:6px 0 0!important}
.plenrik-agent-card>.card-theme{grid-column:2;grid-row:4;min-height:0;margin-top:6px}
.plenrik-agent-card>.card-footer{grid-column:1/-1;grid-row:5;margin:12px 0 0;padding:10px 0 0}
@media(max-width:620px){.station-agent-card{grid-template-columns:82px minmax(0,1fr);min-height:142px!important;padding:13px!important;gap:0 12px}.station-agent-card .station-agent-cover{width:82px;height:82px}.plenrik-agent-card{grid-template-columns:82px minmax(0,1fr);min-height:142px!important;padding:13px!important;gap:0 12px}.plenrik-agent-card .avatar-image{width:82px;height:82px}}

/* Desktop APP cards: three wider cards per row; keep the compact thumbnail content unchanged. */
.commerce-app-grid,.station-agent-grid,.plenrik-agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:1100px){.commerce-app-grid,.station-agent-grid,.plenrik-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.commerce-app-grid,.station-agent-grid,.plenrik-agent-grid{grid-template-columns:1fr!important}}

/* Keep the locked station navigation from being enlarged by flex sizing. */
@media(min-width:621px){
  .shell>.sidebar{flex:0 0 var(--tech-sidebar-width);width:var(--tech-sidebar-width);max-width:var(--tech-sidebar-width);min-width:var(--tech-sidebar-width)}
  .shell>.station-side-wrap{flex:0 0 238px;width:238px;max-width:238px;min-width:238px}
  .shell>.station-side-wrap>.sidebar{width:238px;max-width:238px;min-width:238px}
  .shell>.main{min-width:0}
}

/* Restore strong contrast for every chat message variant, including rich/markdown descendants. */
.chat .bubble.ai,.chat .bubble.ai *,.chat .message,.chat .message *,.chat .markdown-response,.chat .markdown-response *{color:#e7f6ff}
.chat .bubble.ai pre,.chat .bubble.ai code,.chat .message pre,.chat .message code{color:#edf8ff}
.chat .bubble.me,.chat .bubble.me *{color:#fff}
[data-theme="light"] .chat .bubble.ai,[data-theme="light"] .chat .bubble.ai *,[data-theme="light"] .chat .message,[data-theme="light"] .chat .message *,[data-theme="light"] .chat .markdown-response,[data-theme="light"] .chat .markdown-response *{color:#25364a}

/* Lightweight station thumbnails: keep the card layout, reduce visual weight and bandwidth. */
.station-agent-card .station-agent-cover{width:72px!important;height:72px!important}
.station-agent-card{grid-template-columns:72px minmax(0,1fr)!important}
@media(max-width:620px){.station-agent-card{grid-template-columns:64px minmax(0,1fr)!important;gap:0 10px}.station-agent-card .station-agent-cover{width:64px!important;height:64px!important}}

/* Keep the station shell in two explicit columns so logged-in content cannot sit behind the fixed sidebar. */
@media(min-width:621px){
  .station-shell{display:grid!important;grid-template-columns:238px minmax(0,1fr);align-items:start}
  .station-shell>.station-side-wrap{grid-column:1;grid-row:1;min-height:100vh}
  .station-shell>.station-main{grid-column:2;grid-row:1;min-width:0;width:100%}
}