:root {
    --brand: #2563eb;
    --brand-dark: #1d4ed8;
    --ink: #172033;
    --text: #334155;
    --muted: #64748b;
    --line: #e2e8f0;
    --line-strong: #cbd5e1;
    --surface: #f7f8fa;
    --white: #ffffff;
    --success: #15803d;
    --success-bg: #f0fdf4;
    --warning: #b45309;
    --warning-bg: #fffbeb;
    --danger: #b91c1c;
    --danger-bg: #fef2f2;
    --info: #0369a1;
    --info-bg: #f0f9ff;
    --shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    --sidebar: 248px;
}

/* Unified AI creation workspace */
.creative-content-area,.chat-content-area{padding:0!important;height:calc(100vh - 68px);min-height:680px;overflow:hidden;background:#f8fafc}
.creative-tabs{height:58px;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 18px;background:#fff;border-bottom:1px solid #e5eaf2;overflow-x:auto;scrollbar-width:none}
.creative-tabs::-webkit-scrollbar{display:none}.creative-tabs a{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:#334155;font-size:14px;font-weight:600;white-space:nowrap;border-radius:6px;border-right:1px solid #e5eaf2}.creative-tabs a:last-child{border-right:0}.creative-tabs a:hover{color:var(--brand);background:#f8fafc}.creative-tabs a.is-active{color:var(--brand);background:#eaf2ff}.creative-tabs svg{width:18px;height:18px}
.creative-studio{height:calc(100% - 58px);display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff}.creative-history{min-height:0;padding:16px;border-right:1px solid #e5eaf2;overflow-y:auto}.creative-new{width:100%;height:42px;justify-content:center}.creative-search{height:40px;margin:14px 0 24px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dbe3ef;border-radius:6px;color:#64748b}.creative-search input{min-width:0;width:100%;border:0;outline:0;background:transparent}.creative-search svg{width:16px}.creative-history-label{margin:0 0 8px;color:#64748b;font-size:12px}.creative-history-items{display:grid;gap:6px}.creative-history-item{width:100%;min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:7px;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;color:#334155}.creative-history-item:hover,.creative-history-item.is-active{background:#edf4ff;border-color:#d7e7ff;color:#165dff}.creative-history-item>span:nth-child(2){min-width:0}.creative-history-item strong,.creative-history-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-history-item strong{font-size:13px}.creative-history-item small{margin-top:5px;color:#8492a6;font-size:11px}.creative-history-item>svg{width:15px}.creative-history-thumb{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:5px}.creative-history-thumb svg{width:20px}.creative-history-record{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center}.creative-history-record .creative-history-item{grid-template-columns:44px minmax(0,1fr);padding-right:4px}.creative-history-record form{margin:0}.creative-history-record form button{width:28px;height:28px;display:grid;place-items:center;color:#94a3b8;background:transparent;border:0;border-radius:5px;cursor:pointer}.creative-history-record form button:hover{color:#dc2626;background:#fee2e2}.creative-history-record form svg{width:14px;height:14px}
.creative-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}.creative-stage-head{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e5eaf2}.creative-stage-head>div{display:flex;align-items:center;gap:14px}.creative-stage-head strong{font-size:15px}.creative-stage-head span{display:flex;align-items:center;gap:7px;color:#64748b;font-size:12px}.creative-stage-head span i{width:7px;height:7px;border-radius:50%;background:#10b981}.creative-conversation{flex:1;min-height:0;padding:24px 34px 190px;overflow-y:auto;background:linear-gradient(180deg,#fff 0,#fbfdff 100%)}.creative-user-bubble{width:min(630px,70%);margin-left:auto;padding:14px 16px;background:#edf5ff;border:1px solid #d7e7ff;border-radius:8px}.creative-user-bubble p{margin:12px 0 0;line-height:1.65}.creative-attachments{display:flex;gap:10px}.creative-attachments span{min-width:170px;display:grid;grid-template-columns:34px 1fr;column-gap:8px;padding:8px;background:#fff;border:1px solid #dbe3ef;border-radius:6px}.creative-attachments svg{grid-row:1/3;width:25px;height:25px;align-self:center;color:#64748b}.creative-attachments b{font-size:12px}.creative-attachments small{font-size:10px;color:#4d7cff}.creative-assistant-row{width:min(820px,85%);display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin-top:24px}.creative-ai-avatar{width:38px;height:38px;display:grid;place-items:center;color:#2563eb;font-weight:800;background:#edf4ff;border:1px solid #d6e5ff;border-radius:50%}.creative-result{padding:16px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 3px 12px rgba(15,23,42,.04)}.creative-result>p{margin:0 0 10px}.creative-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.creative-tags span{padding:5px 10px;color:#07998f;font-size:11px;background:#e5f8f5;border-radius:12px}
.creative-composer{position:absolute;z-index:5;left:calc(var(--sidebar) + 260px + 24px);right:24px;bottom:18px;padding:14px 18px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 8px 26px rgba(15,23,42,.1)}.creative-composer form,.creative-display-composer{display:grid;grid-template-columns:1fr}.creative-composer textarea{width:100%;height:46px;padding:5px 8px;resize:none;border:0;outline:0;font:inherit}.creative-upload-row,.creative-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.creative-upload-row{margin:6px 0 10px}.creative-upload-row button,.creative-upload-row span,.creative-controls label,.creative-controls>span,.creative-controls select{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#fff;border:1px solid #dbe3ef;border-radius:6px;color:#475569;font-size:12px}.creative-upload-row button{width:40px;justify-content:center;border-style:dashed}.creative-upload-row svg,.creative-controls svg{width:15px}.creative-controls label{color:#165dff;border-color:#b9d1ff;background:#f3f7ff}.creative-controls select{outline:0}.creative-submit{margin-left:auto;width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#1769ff;border:0;border-radius:50%}.creative-submit svg{width:20px}.creative-model-empty{display:flex;align-items:center;gap:8px;padding:18px;color:#92400e;background:#fffbeb;border-radius:6px}
.demo-photo{display:block;position:relative;overflow:hidden;background-image:url('/assets/images/aigc-workspace-hero.webp');background-size:780px auto;background-repeat:no-repeat;border-radius:5px}.demo-media-grid{display:grid;gap:10px}.demo-media-grid.three{grid-template-columns:repeat(3,1fr)}.demo-media-grid figure{margin:0;padding:7px;border:1px solid #dbe3ef;border-radius:6px}.demo-media-grid .demo-photo{height:150px}.demo-media-grid figcaption{padding-top:7px;text-align:center;font-size:11px;color:#475569}.portrait{background-position:34% 31%;background-size:620px}.portrait.side{background-position:45% 31%}.portrait.back{background-position:56% 31%}.scene-one{background-position:12% 71%}.scene-two{background-position:88% 70%}.triptych{height:100px;background-position:40% 30%}.demo-video{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px}.city-video{height:240px;background-position:center 68%;background-size:900px}.demo-video .demo-photo>svg,.demo-avatar .demo-photo>svg,.demo-motion .demo-photo>svg{position:absolute;left:50%;top:50%;width:48px;height:48px;padding:12px;transform:translate(-50%,-50%);color:#fff;background:rgba(15,23,42,.72);border-radius:50%}.demo-photo>small{position:absolute;right:8px;bottom:8px;padding:3px 7px;color:#fff;background:rgba(15,23,42,.75);border-radius:3px}.demo-video>div{display:grid;align-content:start;gap:8px}.demo-video button{height:34px;background:#fff;border:1px solid #dbe3ef;border-radius:5px}.demo-pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0 16px}.demo-pipeline span{position:relative;font-size:10px;color:#64748b}.demo-pipeline b{width:23px;height:23px;display:grid;place-items:center;margin-bottom:5px;border:1px solid #cbd5e1;border-radius:50%}.demo-pipeline small{display:block;margin-top:3px}.demo-pipeline .is-done{color:#059669}.demo-pipeline .is-done b{border-color:#10b981}.demo-audio-list{display:grid;gap:8px}.demo-audio-list>div{height:74px;display:grid;grid-template-columns:64px 38px 130px 1fr 45px;align-items:center;gap:10px;border:1px solid #dbe3ef;border-radius:6px;overflow:hidden}.demo-audio-list>div.is-selected{border-color:#1769ff}.demo-cover{height:100%;background:#123b79}.demo-cover.alt{background:#b9793c}.demo-audio-list button,.demo-voice>button{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:#1769ff;border:0;border-radius:50%}.demo-wave{height:26px;display:block;background:repeating-linear-gradient(90deg,#2774ff 0 2px,transparent 2px 5px);mask-image:linear-gradient(180deg,transparent 10%,#000 45%,#000 55%,transparent 90%)}.demo-voice{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:12px;border:1px solid #bad2ff;border-radius:6px}.demo-voice>button{width:48px;height:48px}.demo-voice>div{display:grid;grid-template-columns:1fr 80px;gap:5px}.demo-voice .demo-wave{grid-column:1/3}.demo-transcript{display:grid;grid-template-columns:105px 1fr;margin-top:9px;border:1px solid #dbe3ef;border-radius:6px}.demo-transcript span,.demo-transcript p{margin:0;padding:8px;border-bottom:1px solid #e5eaf2;font-size:11px}.demo-avatar{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px}.avatar-person{height:260px;background-position:32% 33%;background-size:700px}.demo-timeline{padding:8px;border:1px solid #dbe3ef;border-radius:6px}.demo-timeline>span{height:45px;display:grid;grid-template-columns:55px 1fr;align-items:center;border-top:1px solid #eef2f7}.demo-timeline em{font-style:normal;font-size:11px}.demo-timeline i{height:16px;background:repeating-linear-gradient(90deg,#5aa1ff 0 12px,#dbeafe 12px 16px)}.demo-motion{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px}.demo-motion figure{margin:0}.demo-motion .demo-photo{height:205px}.demo-motion figcaption{text-align:center;padding:6px;font-size:11px}.motion-ref{background-position:52% 35%;background-size:650px}.motion-result{background-position:center 69%;background-size:850px}.demo-canvas{min-height:260px;display:flex;align-items:center;justify-content:center;gap:18px;background-image:radial-gradient(#dbe3ef 1px,transparent 1px);background-size:16px 16px}.canvas-node{min-width:130px;padding:12px;background:#fff;border:1px solid #9dbfff;border-radius:6px;box-shadow:0 4px 12px rgba(37,99,235,.08)}.canvas-node small,.canvas-node b{display:block;margin-top:6px;font-size:10px}.canvas-node.image .demo-photo{height:100px}.canvas-node.result .demo-photo{width:170px}.demo-canvas>i{width:38px;height:2px;background:#3b82f6}
@media(max-width:1180px){.creative-tabs{justify-content:flex-start}.creative-tabs a{padding:0 12px}.creative-studio{grid-template-columns:230px minmax(0,1fr)}.creative-composer{left:calc(var(--sidebar) + 230px + 16px);right:16px}.creative-conversation{padding-left:20px;padding-right:20px}.creative-user-bubble,.creative-assistant-row{width:90%;max-width:none}.demo-pipeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px) and (min-width:901px){.creative-composer{left:246px}}
@media(max-width:900px){.creative-content-area,.chat-content-area{height:auto;min-height:calc(100vh - 62px);overflow:visible}.creative-studio{height:auto;min-height:calc(100vh - 120px);grid-template-columns:1fr}.creative-history{display:none}.creative-stage{min-height:720px}.creative-composer{position:fixed;left:12px;right:12px;bottom:12px}.creative-conversation{padding-bottom:210px}.creative-tabs{height:54px;padding:7px 10px}.creative-tabs a{height:38px;padding:0 10px}.creative-tabs a span{display:none}.creative-tabs a.is-active span{display:inline}.creative-user-bubble,.creative-assistant-row{width:100%}.demo-media-grid.three{grid-template-columns:1fr 1fr}.demo-motion{grid-template-columns:1fr 1fr}.demo-motion .result{grid-column:1/3}.demo-avatar{grid-template-columns:130px 1fr}.app-main{min-width:0}}
@media(max-width:560px){.creative-stage-head{padding:0 12px}.creative-conversation{padding:16px 12px 250px}.creative-attachments{display:grid}.creative-user-bubble{padding:10px}.creative-assistant-row{grid-template-columns:30px 1fr;gap:7px}.creative-ai-avatar{width:30px;height:30px;font-size:11px}.creative-result{padding:10px}.creative-composer{padding:10px}.creative-controls{flex-wrap:nowrap;overflow-x:auto}.creative-controls>*{flex:none}.demo-media-grid.three{grid-template-columns:1fr}.demo-video{grid-template-columns:1fr}.demo-video>div{display:flex}.demo-pipeline{grid-template-columns:repeat(2,1fr)}.demo-audio-list>div{grid-template-columns:45px 34px 1fr 35px}.demo-audio-list .demo-wave{display:none}.demo-avatar{grid-template-columns:1fr}.avatar-person{height:220px}.demo-motion{grid-template-columns:1fr}.demo-motion .result{grid-column:auto}.demo-canvas{overflow-x:auto;justify-content:flex-start}.creative-upload-row span:nth-of-type(2){display:none}}

/* Video creation keeps the conversation central and places history on the right. */
.creative-studio.is-video-studio{grid-template-columns:minmax(0,1fr) 300px}.creative-studio.is-video-studio .creative-stage{position:relative;grid-column:1;grid-row:1}.creative-studio.is-video-studio .creative-history{grid-column:2;grid-row:1;border-right:0;border-left:1px solid #e5eaf2;background:#fbfcfe}.creative-studio.is-video-studio .creative-conversation{padding-right:max(28px,calc((100% - 1040px)/2));padding-bottom:28px;padding-left:max(28px,calc((100% - 1040px)/2))}.creative-studio.is-video-studio .creative-composer{position:relative;right:auto;bottom:auto;left:auto;flex:none;margin:0 24px 18px}
@media(max-width:1180px) and (min-width:901px){.creative-studio.is-video-studio{grid-template-columns:minmax(0,1fr) 260px}.creative-studio.is-video-studio .creative-conversation{padding-right:20px;padding-left:20px}.creative-studio.is-video-studio .creative-composer{right:auto;left:auto;margin-right:16px;margin-left:16px}}
@media(max-width:900px){.creative-studio.is-video-studio{grid-template-columns:1fr}.creative-studio.is-video-studio .creative-stage{grid-column:1}.creative-studio.is-video-studio .creative-conversation{padding-right:20px;padding-bottom:24px;padding-left:20px}.creative-studio.is-video-studio .creative-composer{position:sticky;right:auto;bottom:12px;left:auto;margin:0 12px 12px}}
@media(max-width:560px){.creative-studio.is-video-studio .creative-conversation{padding-right:12px;padding-left:12px}}

/* Platform operations dashboard */
.admin-dashboard-page .topbar{min-height:52px;height:52px;justify-content:flex-end}.admin-dashboard-page .topbar-left{display:none}.admin-dashboard-page .brand-copy{font-size:15px;white-space:nowrap}.content-area.dashboard-content{padding:14px 24px 30px;background:#f7f9fc}.ops-dashboard{display:grid;gap:14px;color:#263750}.ops-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ops-heading p{margin:0 0 7px;color:#64748b;font-size:12px}.ops-heading p span{color:#2878f0}.ops-heading p i{margin:0 8px;color:#a6b1c1;font-style:normal}.ops-heading h2{margin:0;color:#17243a;font-size:25px;line-height:1.15}.ops-heading small{display:block;margin-top:7px;color:#64748b;font-size:12px}.ops-heading-actions{display:flex;align-items:center;gap:10px;padding-top:10px}.ops-updated{color:#64748b;font-size:11px}.ops-icon-btn{width:36px;height:36px;display:grid;place-items:center;color:#52637b;background:#fff;border:1px solid #dce4ef;border-radius:6px}.ops-icon-btn svg{width:17px}.ops-range-menu{position:relative}.ops-range-menu summary{width:118px;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border:1px solid #dce4ef;border-radius:6px;cursor:pointer;font-size:12px;list-style:none}.ops-range-menu summary::-webkit-details-marker{display:none}.ops-range-menu summary svg{width:14px}.ops-range-menu>div{position:absolute;z-index:8;top:42px;left:0;width:118px;padding:5px;background:#fff;border:1px solid #dce4ef;border-radius:6px;box-shadow:0 10px 24px rgba(29,49,80,.12)}.ops-range-menu a{display:block;padding:8px;border-radius:4px;font-size:12px}.ops-range-menu a:hover,.ops-range-menu a.is-active{color:#1769ff;background:#edf4ff}.ops-heading-actions .button{height:38px;min-width:108px;font-size:12px}
.ops-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ops-metrics article{position:relative;min-width:0;height:138px;display:grid;grid-template-columns:46px minmax(0,1fr);align-content:start;gap:11px;padding:16px 14px;overflow:hidden;background:#fff;border:1px solid #dfe6f0;border-radius:7px;box-shadow:0 2px 6px rgba(40,58,83,.03)}.ops-metric-icon{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#2878f0;border-radius:50%;box-shadow:0 5px 12px rgba(40,120,240,.18)}.ops-metric-icon svg{width:22px}.ops-metrics article>div:nth-child(2){min-width:0}.ops-metrics small{display:block;color:#64748b;font-size:11px;white-space:nowrap}.ops-metrics strong{display:block;margin-top:3px;color:#20314c;font-size:20px;white-space:nowrap}.ops-metrics span{display:flex;align-items:center;gap:5px;margin-top:13px;color:#64748b;font-size:10px;white-space:nowrap}.ops-metrics span.positive{color:#0a9b68}.ops-metrics span svg{width:13px}.ops-metrics span em{color:#94a3b8;font-style:normal}.ops-metrics .dot{width:7px;height:7px;background:currentColor;border-radius:50%}.ops-metrics article>svg{position:absolute;left:12px;right:12px;bottom:9px;width:calc(100% - 24px);height:29px;overflow:visible}.ops-metrics polyline{fill:none;stroke:#2878f0;stroke-width:1.6;vector-effect:non-scaling-stroke}.ops-metrics .tone-violet .ops-metric-icon{background:#6747d9}.ops-metrics .tone-violet polyline{stroke:#6747d9}.ops-metrics .tone-green .ops-metric-icon{background:#119d7d}.ops-metrics .tone-green polyline{stroke:#119d7d}.ops-metrics .tone-orange .ops-metric-icon{background:#f5790b}.ops-metrics .tone-orange polyline{stroke:#f5790b}
.ops-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.ops-quick a{height:40px;display:flex;align-items:center;justify-content:center;gap:10px;color:#30415d;font-size:12px;font-weight:650;background:#fff;border:1px solid #dbe3ee;border-radius:6px}.ops-quick a:hover{color:#1769ff;border-color:#a9c8ff;background:#f8fbff}.ops-quick svg{width:18px;color:#1769ff}
.ops-panel{min-width:0;background:#fff;border:1px solid #dfe6ef;border-radius:7px;overflow:hidden}.ops-panel>header{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.ops-panel h3{margin:0;color:#1e2e47;font-size:14px}.ops-panel>header>a{color:#2878f0;font-size:11px}.ops-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(390px,.95fr);gap:14px}.ops-trend-panel{height:258px}.ops-trend-panel>header{height:58px;align-items:flex-start;padding-top:12px}.ops-trend-panel header p{display:flex;align-items:center;gap:7px;margin:5px 0 0;color:#64748b;font-size:10px}.legend{width:15px;height:4px;border-radius:2px}.legend.blue{background:#2878f0}.legend.cyan{margin-left:12px;background:#27b9cf}.trend-totals{display:flex;gap:35px;margin-left:auto;margin-right:22px}.trend-totals span{color:#64748b;font-size:10px}.trend-totals strong{display:block;margin-top:3px;color:#2475e8;font-size:18px}.trend-totals span+span strong{color:#20afc5}.segment-control{display:flex;border:1px solid #d9e2ee;border-radius:5px;overflow:hidden}.segment-control a{height:30px;display:grid;place-items:center;padding:0 13px;color:#43536a;font-size:10px;border-right:1px solid #d9e2ee}.segment-control a:last-child{border:0}.segment-control a.is-active{color:#fff;background:#1769ff}.ops-chart{position:relative;height:185px;margin:0 22px 0 14px;padding-left:35px}.chart-grid{position:absolute;inset:4px 0 23px 35px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid span{position:relative;color:#8190a5;font-size:9px;transform:translateX(-35px)}.chart-grid span:after{content:"";position:absolute;left:35px;right:0;top:50%;width:calc(100% + 35px);border-top:1px dashed #e5eaf1}.ops-chart>svg{position:absolute;z-index:2;left:35px;right:0;top:2px;width:calc(100% - 35px);height:160px;overflow:visible}.ops-chart polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.revenue-line{stroke:#2878f0}.task-line{stroke:#27b9cf}.chart-labels{position:absolute;z-index:3;left:35px;right:0;bottom:8px;height:14px}.chart-labels span{position:absolute;color:#718198;font-size:9px;transform:translateX(-50%);white-space:nowrap}.ops-distribution{height:258px}.ops-distribution>header{height:45px}.distribution-body{height:200px;display:grid;grid-template-columns:190px 1fr;align-items:center;padding:0 18px}.donut{width:150px;height:150px;display:grid;place-items:center;margin:auto;background:var(--donut);border-radius:50%}.donut:before{content:"";grid-area:1/1;width:82px;height:82px;background:#fff;border-radius:50%}.donut span{z-index:1;grid-area:1/1;color:#53647b;font-size:11px;text-align:center}.donut strong{display:block;margin-top:3px;color:#25354e;font-size:16px}.distribution-body ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.distribution-body li{display:grid;grid-template-columns:10px 1fr 42px 60px;align-items:center;gap:8px;color:#53647b;font-size:10px}.distribution-body li i{width:9px;height:9px;border-radius:2px}.distribution-body li b{color:#34445c}.distribution-body li em{text-align:right;color:#76859a;font-style:normal}
.ops-info-grid{display:grid;grid-template-columns:1.05fr 1fr 1.35fr;gap:14px}.ops-info-grid>.ops-panel{height:157px}.ops-attention h3 b{margin-left:5px;padding:1px 5px;color:#fff;background:#eb4d4b;border-radius:10px;font-size:9px}.ops-attention>div{padding:0 14px}.ops-attention a{height:25px;display:grid;grid-template-columns:15px 1fr 28px 65px;align-items:center;gap:7px;border-top:1px solid #edf0f5;font-size:10px}.ops-attention a>svg{width:13px}.ops-attention a strong{text-align:center}.ops-attention a em{color:#2878f0;font-style:normal;text-align:right}.attention-icon.blue{color:#2878f0}.attention-icon.orange,.attention-icon.amber{color:#ee9000}.attention-icon.red{color:#e5484d}.ops-health header span{color:#64748b;font-size:10px}.ops-health>div{position:relative;padding:0 14px 28px}.ops-health div>a:not(.panel-link){height:26px;display:grid;grid-template-columns:1fr 75px 60px;align-items:center;border-top:1px solid #edf0f5;color:#40516a;font-size:10px}.ops-health div>a>em{text-align:right;color:#42536b;font-style:normal}.health-state{display:flex;align-items:center;gap:5px}.health-state i,.status-dot i{width:6px;height:6px;background:#1eb980;border-radius:50%}.health-state.degraded i{background:#f59e0b}.health-state.unhealthy i{background:#e5484d}.health-state.unknown i{background:#94a3b8}.panel-link{position:absolute;left:0;right:0;bottom:0;height:27px;display:grid;place-items:center;color:#2878f0!important;font-size:10px;border-top:1px solid #edf0f5}.ops-funds{position:relative}.fund-values{display:grid;grid-template-columns:repeat(4,1fr);padding:0 14px}.fund-values span{color:#76869a;font-size:9px;text-align:center}.fund-values strong{display:block;margin-top:7px;color:#30415c;font-size:15px}.fund-bar{height:8px;display:flex;margin:15px 18px 0;overflow:hidden;background:#d8e0ec;border-radius:5px}.fund-bar i:nth-child(1){background:#2878f0}.fund-bar i:nth-child(2){background:#27b9cf}.fund-bar i:nth-child(3){background:#f59e0b}
.ops-tables-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.ops-table{height:204px}.ops-table header{height:37px;min-height:37px;border-bottom:1px solid #e8edf3}.ops-table h3{font-size:12px}.ops-table table{width:100%;border-collapse:collapse;white-space:nowrap}.ops-table th,.ops-table td{height:31px;padding:3px 10px;color:#3f5068;font-size:9px;text-align:left;border-bottom:1px solid #edf0f4}.ops-table th{height:27px;color:#5c6d83;font-weight:600;background:#fbfcfe}.tenant-cell,.status-dot{display:flex;align-items:center;gap:6px}.tenant-cell>i{width:20px;height:20px;display:grid;place-items:center;color:#fff;background:#2878f0;border-radius:50%;font-size:9px;font-style:normal}.status-dot.suspended i,.status-dot.closed i{background:#e5484d}.task-id{font-weight:700}.task-badge{padding:3px 6px;border-radius:3px}.task-badge.success{color:#078653;background:#dcfce7}.task-badge.processing{color:#1769ff;background:#e4efff}.task-badge.danger{color:#d83a41;background:#fee2e2}.task-badge.warning{color:#b76808;background:#fff1dc}.task-badge.muted{color:#64748b;background:#eef2f7}
@media(max-width:1450px){.ops-metrics{grid-template-columns:repeat(3,1fr)}.ops-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr)}.ops-info-grid{grid-template-columns:1fr 1fr}.ops-funds{grid-column:1/3}.ops-tables-grid{grid-template-columns:1fr}.ops-table{height:auto;min-height:204px}}
@media(max-width:1050px){.admin-dashboard-page .topbar{justify-content:space-between}.admin-dashboard-page .topbar-left{display:flex}.admin-dashboard-page .topbar-left>div{display:none}.ops-heading{display:grid}.ops-heading-actions{flex-wrap:wrap;padding-top:0}.ops-main-grid{grid-template-columns:1fr}.ops-distribution{height:auto}.ops-quick{grid-template-columns:1fr 1fr}.ops-info-grid{grid-template-columns:1fr}.ops-info-grid>.ops-panel{height:auto;min-height:157px}.ops-funds{grid-column:auto}.ops-tables-grid{grid-template-columns:1fr}.distribution-body{grid-template-columns:180px 1fr}}
@media(max-width:700px){.content-area.dashboard-content{padding:14px 10px}.ops-metrics{grid-template-columns:1fr 1fr}.ops-metrics article{height:132px}.ops-heading-actions .ops-updated{width:100%}.ops-quick{gap:8px}.ops-trend-panel{height:290px}.ops-trend-panel>header{height:92px;flex-wrap:wrap}.trend-totals{order:3;width:100%;margin:0}.segment-control{position:absolute;right:12px}.ops-chart{height:190px}.distribution-body{grid-template-columns:1fr;padding-bottom:18px}.distribution-body ul{width:100%}.ops-distribution{min-height:390px}.fund-values{grid-template-columns:1fr 1fr;gap:15px}.ops-funds{padding-bottom:30px}}
@media(max-width:460px){.ops-metrics{grid-template-columns:1fr}.ops-quick{grid-template-columns:1fr}.ops-heading-actions .button{min-width:0;flex:1}.ops-range-menu summary{width:90px}.ops-range-menu>div{width:90px}.ops-updated{display:none}}

/* Real image/video generation thread */
.media-thread{display:flex;flex-direction:column;align-items:stretch}.media-thread-empty{width:min(760px,100%);display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;margin:28px auto;color:#475569}.media-thread-empty>div{padding:18px;background:#fff;border:1px solid #dbe3ef;border-radius:8px}.media-thread-empty strong{display:block;margin-bottom:6px;color:#0f172a}.media-thread-empty p{margin:0;line-height:1.65}.media-user-message{overflow-wrap:anywhere}.media-user-message>p{margin:0;white-space:pre-wrap}.media-message-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.media-message-meta span{padding:4px 8px;color:#3b5f8f;font-size:11px;background:rgba(255,255,255,.78);border:1px solid #d6e5ff;border-radius:4px}.media-assistant-message{width:min(880px,92%)}.media-result-card{min-width:0;overflow:hidden}.media-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.media-result-head>div{display:flex;align-items:center;gap:10px}.media-result-head strong{font-size:14px}.media-result-head>span{color:#64748b;font-size:12px}.media-status{padding:4px 8px;color:#9a6700;font-size:11px;background:#fff3c4;border-radius:4px}.media-progress{height:5px;overflow:hidden;margin-bottom:14px;background:#e8edf5;border-radius:5px}.media-progress span{display:block;height:100%;background:#2878ff;border-radius:inherit;transition:width .25s ease}.generated-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generated-image-grid.count-1{grid-template-columns:minmax(0,680px)}.generated-image-grid figure{min-width:0;margin:0;overflow:hidden;background:#f4f6f9;border:1px solid #e1e7f0;border-radius:6px}.generated-image-grid img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#f3f4f6}.generated-image-grid figcaption{padding:7px 10px;color:#64748b;font-size:11px}.generated-video-frame{width:100%;overflow:hidden;background:#0b0f19;border-radius:6px;aspect-ratio:16/9}.generated-video-frame video{display:block;width:100%;height:100%;object-fit:contain}.media-result-empty{height:100%;min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:#64748b;background:#f6f8fb}.media-result-empty svg{width:34px;height:34px}.media-generating,.media-error{min-height:130px;display:flex;align-items:center;justify-content:center;gap:13px;padding:18px;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px}.media-generating svg{width:28px;height:28px;color:#2878ff;animation:media-spin 1s linear infinite}.media-generating strong,.media-error strong{display:block;margin-bottom:4px;color:#0f172a}.media-generating p,.media-error p{margin:0}.media-error{justify-content:flex-start;color:#991b1b;background:#fff7f7;border-color:#fecaca}.media-error svg{flex:none;width:28px;height:28px}.media-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #e6ebf2}.media-result-actions a{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#475569;font-size:12px;border-radius:4px}.media-result-actions a:hover{color:#1769ff;background:#eef4ff}.media-result-actions svg{width:15px;height:15px}@keyframes media-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.media-assistant-message{width:100%}.generated-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.media-thread-empty{grid-template-columns:30px minmax(0,1fr)}.media-message-meta{gap:4px}.media-assistant-message{width:100%}.generated-image-grid,.generated-image-grid.count-1{grid-template-columns:1fr}.generated-image-grid img{max-height:none}.generated-video-frame{aspect-ratio:16/9}.media-result-actions{overflow-x:auto;flex-wrap:nowrap}.media-result-actions a{flex:none}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--text);
    background: var(--white);
    font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { width: 18px; height: 18px; flex: 0 0 auto; stroke-width: 1.8; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { color: var(--ink); line-height: 1.2; letter-spacing: 0; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 18px; }
p { color: var(--muted); }
:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.28); outline-offset: 2px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.full-width { width: 100%; }
.muted { color: var(--muted); }
.text-danger { color: var(--danger); }
.text-success { color: var(--success); }

.button,
button.button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 15px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.button:hover { transform: translateY(-1px); }
.button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.button-primary { color: #fff; background: var(--brand); border-color: var(--brand); }
.button-primary:hover { background: var(--brand-dark); border-color: var(--brand-dark); }
.button-secondary { color: var(--ink); background: #fff; border-color: var(--line-strong); }
.button-secondary:hover { color: var(--brand); border-color: var(--brand); background: #f8fbff; }
.button-ghost { color: var(--text); background: transparent; border-color: transparent; }
.button-ghost:hover { background: var(--surface); }
.button-danger { color: #fff; background: var(--danger); border-color: var(--danger); }
.button-small { min-height: 34px; padding: 6px 11px; font-size: 13px; }
.button-large { min-height: 48px; padding: 12px 20px; }
.icon-button {
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    color: var(--text);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 7px;
    cursor: pointer;
}
.icon-button:hover { color: var(--brand); border-color: #bfdbfe; background: #eff6ff; }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--brand); font-weight: 650; }
.text-link svg { width: 16px; height: 16px; }

.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-weight: 760; font-size: 17px; white-space: nowrap; }
.brand img { width: 34px; height: 34px; object-fit: contain; }
.brand-mark {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: var(--brand);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
}
.eyebrow { margin-bottom: 8px; color: var(--brand); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.site-header { position: sticky; top: 0; z-index: 40; height: 68px; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(226,232,240,.85); backdrop-filter: blur(12px); }
.site-header__inner { width: min(1200px, calc(100% - 40px)); height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 30px; }
.site-nav { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.site-nav a { padding: 9px 12px; border-radius: 6px; color: var(--text); font-weight: 560; }
.site-nav a:hover, .site-nav a.is-active { color: var(--brand); background: #eff6ff; }
.site-actions { display: flex; align-items: center; gap: 8px; }
.mobile-nav-toggle { display: none; margin-left: auto; }
.announcement-bar { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 7px 20px; color: #075985; background: #f0f9ff; border-bottom: 1px solid #bae6fd; font-size: 13px; }
.announcement-bar span { color: #0369a1; }

.hero { position: relative; isolation: isolate; min-height: clamp(560px, calc(100svh - 150px), 700px); overflow: hidden; background: var(--surface); border-bottom: 1px solid var(--line); }
.hero::before { content: ""; position: absolute; inset: 0 auto 0 0; z-index: 1; width: 49.5%; background: var(--surface); }
.hero-media { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-inner { position: relative; z-index: 2; width: min(1200px, calc(100% - 40px)); min-height: inherit; margin: 0 auto; display: flex; align-items: center; padding: 48px 0 62px; }
.hero-content { width: min(540px, 44%); min-width: 0; }
.hero h1 { margin-bottom: 18px; font-size: 48px; overflow-wrap: anywhere; }
.hero-copy { margin-bottom: 26px; color: #475569; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 22px; margin: 28px 0 0; padding: 0; list-style: none; color: #475569; font-size: 13px; }
.hero-trust li { display: flex; align-items: center; gap: 7px; }
.hero-trust svg { color: var(--success); }

.section { padding: 84px 0; }
.section-muted { background: var(--surface); }
.section-inner { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 34px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading > p { max-width: 520px; margin-bottom: 2px; }
.capability-grid, .product-grid, .pricing-grid, .stat-grid { display: grid; gap: 16px; }
.capability-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.capability-card, .product-card, .price-card, .stat-card {
    min-width: 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(15,23,42,.035);
}
.capability-card { position: relative; min-height: 250px; padding: 24px; border-top: 3px solid var(--brand); }
.capability-card:hover { border-color: #93c5fd; box-shadow: var(--shadow); }
.capability-card p { min-height: 72px; }
.capability-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 22px; color: var(--brand); background: #eff6ff; border-radius: 8px; }
.capability-icon svg { width: 23px; height: 23px; }
.accent-green { border-top-color: #16a34a; }.accent-green .capability-icon { color: #15803d; background: #f0fdf4; }
.accent-amber { border-top-color: #d97706; }.accent-amber .capability-icon { color: #b45309; background: #fffbeb; }
.accent-red { border-top-color: #dc2626; }.accent-red .capability-icon { color: #b91c1c; background: #fef2f2; }
.workflow-band { padding-top: 8px; }
.workflow-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.workflow-list li { min-width: 0; padding: 28px 24px 0 0; display: flex; gap: 14px; }
.workflow-list li > span { color: var(--brand); font-weight: 800; font-size: 13px; }
.workflow-list h3 { margin-bottom: 8px; font-size: 16px; }
.workflow-list p { margin-bottom: 0; font-size: 14px; }
.product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-card { padding: 20px; }
.product-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 24px; }
.product-type { color: var(--brand); font-size: 11px; font-weight: 800; }
.product-card p { min-height: 48px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; }
.tag-row span { padding: 3px 8px; color: #475569; background: var(--surface); border-radius: 4px; font-size: 12px; }
.pricing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.price-card { padding: 24px; }
.price { margin: 24px 0 10px; color: var(--ink); font-size: 34px; font-weight: 800; }
.price small { margin-right: 2px; font-size: 15px; }
.faq-layout { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); gap: 76px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 0; color: var(--ink); font-weight: 650; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list details[open] summary svg { transform: rotate(45deg); }
.faq-list details p { padding-right: 36px; }
.cta-band { width: min(1200px, calc(100% - 40px)); margin: 0 auto 84px; padding: 34px 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: #172033; border-radius: 8px; }
.cta-band h2 { margin-bottom: 0; color: #fff; }
.cta-band .eyebrow { color: #93c5fd; }
.site-footer { border-top: 1px solid var(--line); background: #fff; }
.site-footer__inner { width: min(1200px, calc(100% - 40px)); margin: 0 auto; padding: 42px 0; display: grid; grid-template-columns: 1fr auto; gap: 24px 50px; align-items: start; }
.brand-footer { margin-bottom: 12px; }
.site-footer p { margin-bottom: 0; }
.footer-links { display: flex; flex-wrap: wrap; gap: 18px; }
.footer-links a:hover { color: var(--brand); }
.footer-meta { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; }

.public-page { min-height: 62vh; padding: 58px 0 84px; }
.page-hero { width: min(1200px, calc(100% - 40px)); margin: 0 auto 34px; }
.page-hero h1 { margin-bottom: 12px; }
.page-hero p { max-width: 700px; }
.public-content { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }
.article-content { max-width: 820px; font-size: 16px; white-space: pre-wrap; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-bottom: 18px; }

.auth-body { min-height: 100vh; background: #fff; }
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, 44%) minmax(0, 1fr); }
.auth-visual { position: relative; overflow: hidden; background: var(--surface); }
.auth-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 66% center; }
.auth-visual__brand { position: absolute; top: 28px; left: 28px; display: flex; align-items: center; gap: 10px; color: var(--ink); font-weight: 760; }
.auth-main { display: grid; place-items: center; padding: 42px; }
.auth-form-wrap { width: min(430px, 100%); }
.auth-form-wrap > h1 { margin-bottom: 10px; font-size: 30px; }
.auth-lead { margin-bottom: 28px; }
.auth-links { display: flex; justify-content: space-between; gap: 16px; margin-top: 18px; font-size: 14px; }
.auth-links a { color: var(--brand); font-weight: 650; }
.auth-mobile-brand { display: none; margin-bottom: 36px; }
.divider { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: var(--muted); font-size: 12px; }
.divider::before, .divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }

.form-group { min-width: 0; margin-bottom: 17px; }
.form-group label, .field-label { display: block; margin-bottom: 7px; color: var(--ink); font-size: 13px; font-weight: 670; }
.form-help { margin: 6px 0 0; font-size: 12px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.form-grid .full-width { grid-column: 1 / -1; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    color: var(--ink);
    background: #fff;
    border: 1px solid var(--line-strong);
    border-radius: 6px;
    outline: 0;
}
textarea { min-height: 120px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(37,99,235,.11); }
input[disabled], select[disabled], textarea[disabled] { color: #94a3b8; background: var(--surface); cursor: not-allowed; }
.check-row { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 14px; color: var(--text); font-size: 13px; }
.check-row input { width: 16px; height: 16px; margin-top: 3px; accent-color: var(--brand); }
.segmented { display: inline-flex; padding: 3px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.segmented label { margin: 0; }
.segmented input { position: absolute; opacity: 0; }
.segmented span { display: block; padding: 6px 11px; border-radius: 5px; color: var(--muted); cursor: pointer; }
.segmented input:checked + span { color: var(--brand); background: #fff; box-shadow: 0 1px 4px rgba(15,23,42,.08); }
.range-row { display: grid; grid-template-columns: 1fr 64px; gap: 10px; align-items: center; }

.flash { width: min(1200px, calc(100% - 40px)); margin: 14px auto; padding: 11px 14px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid; border-radius: 7px; font-size: 14px; }
.content-area > .flash, .auth-form-wrap > .flash { width: 100%; margin: 0 0 18px; }
.flash p, .flash ul { margin-bottom: 0; }
.flash ul { padding-left: 18px; }
.flash-success, .notice-success { color: var(--success); background: var(--success-bg); border-color: #bbf7d0; }
.flash-warning { color: var(--warning); background: var(--warning-bg); border-color: #fde68a; }
.flash-error, .notice-error { color: var(--danger); background: var(--danger-bg); border-color: #fecaca; }
.flash-info { color: var(--info); background: var(--info-bg); border-color: #bae6fd; }

.app-body { min-height: 100vh; background: var(--surface); }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; z-index: 50; height: 100vh; display: flex; flex-direction: column; background: #fff; border-right: 1px solid var(--line); }
.sidebar-head { min-height: 68px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.sidebar-close, .sidebar-toggle { display: none; }
.sidebar-nav { flex: 1; overflow-y: auto; padding: 14px 12px; }
.nav-label { margin: 18px 10px 6px; color: #94a3b8; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.sidebar-nav a, .sidebar-foot a { min-height: 40px; display: flex; align-items: center; gap: 11px; padding: 8px 10px; color: #475569; border-radius: 6px; font-weight: 560; }
.sidebar-nav a:hover, .sidebar-nav a.is-active, .sidebar-foot a:hover { color: var(--brand); background: #eff6ff; }
.sidebar-nav a.is-active { font-weight: 700; }
.sidebar-foot { padding: 12px; border-top: 1px solid var(--line); }
.sidebar-scrim { display: none; }
.app-main { min-width: 0; }
.topbar { min-height: 68px; padding: 8px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #fff; border-bottom: 1px solid var(--line); }
.topbar-left, .topbar-actions { display: flex; align-items: center; gap: 12px; }
.topbar h1 { margin: 0; font-size: 20px; }
.topbar .eyebrow { margin-bottom: 2px; font-size: 10px; }
.impersonation-flag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; color: var(--danger); background: var(--danger-bg); border-radius: 5px; font-size: 12px; font-weight: 700; }
.user-menu { position: relative; }
.user-menu summary { display: flex; align-items: center; gap: 9px; cursor: pointer; list-style: none; }
.user-menu summary::-webkit-details-marker { display: none; }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: #0f766e; border-radius: 50%; font-weight: 750; }
.user-menu-copy { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.user-menu-copy strong { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); font-size: 13px; }
.user-menu-copy small { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
.user-menu-panel { position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; width: 210px; padding: 7px; background: #fff; border: 1px solid var(--line); border-radius: 7px; box-shadow: var(--shadow); }
.user-menu-panel a, .user-menu-panel button { width: 100%; min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 7px 9px; color: var(--text); background: none; border: 0; border-radius: 5px; cursor: pointer; }
.user-menu-panel a:hover, .user-menu-panel button:hover { color: var(--brand); background: #eff6ff; }
.content-area { max-width: 1600px; margin: 0 auto; padding: 24px; }
.content-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.content-header h2 { margin-bottom: 4px; font-size: 24px; }
.content-header p { margin-bottom: 0; }

.panel, .tool-panel {
    min-width: 0;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.panel + .panel { margin-top: 16px; }
.panel-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.panel-header h2, .panel-header h3 { margin-bottom: 0; font-size: 17px; }
.stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 16px; }
.stat-card { padding: 18px; }
.stat-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.stat-card__icon { width: 36px; height: 36px; display: grid; place-items: center; color: var(--brand); background: #eff6ff; border-radius: 7px; }
.stat-card strong { display: block; color: var(--ink); font-size: 26px; line-height: 1.2; }
.stat-card small { color: var(--muted); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr); gap: 16px; }
.quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.quick-action { min-height: 92px; display: flex; flex-direction: column; justify-content: space-between; padding: 14px; border: 1px solid var(--line); border-radius: 7px; }
.quick-action:hover { border-color: #93c5fd; background: #f8fbff; }
.quick-action svg { color: var(--brand); }

.studio-layout { display: grid; grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); gap: 16px; align-items: start; }
.studio-parameters { position: sticky; top: 92px; }
.studio-stage { min-height: 620px; }
.studio-empty { min-height: 420px; display: grid; place-items: center; text-align: center; }
.studio-empty > div { max-width: 440px; }
.studio-empty svg { width: 44px; height: 44px; color: var(--brand); }
.task-list { display: grid; gap: 9px; }
.task-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.task-row:last-child { border-bottom: 0; }
.task-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.task-row small { color: var(--muted); }
.progress { height: 7px; overflow: hidden; background: #e2e8f0; border-radius: 4px; }
.progress > span { display: block; height: 100%; background: var(--brand); border-radius: inherit; transition: width .2s ease; }

.badge, .status-badge { display: inline-flex; align-items: center; gap: 5px; width: fit-content; padding: 3px 8px; border-radius: 5px; font-size: 11px; font-weight: 750; white-space: nowrap; }
.badge-info, .status-pending, .status-queued, .status-submitting, .status-running, .status-awaiting_webhook, .status-downloading { color: #0369a1; background: #e0f2fe; }
.badge-success, .status-succeeded, .status-completed, .status-active, .status-published, .status-processed { color: var(--success); background: #dcfce7; }
.badge-warning, .status-retry_scheduled, .status-paused, .status-awaiting_confirmation, .status-partially_failed { color: var(--warning); background: #fef3c7; }
.badge-danger, .status-failed, .status-cancelled, .status-suspended, .status-refunded { color: var(--danger); background: #fee2e2; }
.badge-neutral, .status-draft, .status-closed, .status-disabled { color: #475569; background: #e2e8f0; }

.table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px 13px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
th { color: #475569; background: #f8fafc; font-size: 12px; font-weight: 760; white-space: nowrap; }
td { font-size: 13px; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #fbfdff; }
.table-actions { display: flex; justify-content: flex-end; gap: 6px; }
.table-primary { color: var(--ink); font-weight: 650; }
.table-secondary { display: block; color: var(--muted); font-size: 12px; }

.empty { min-height: 210px; padding: 32px; display: grid; place-items: center; align-content: center; text-align: center; color: var(--muted); background: #fff; border: 1px dashed var(--line-strong); border-radius: 8px; }
.empty svg { width: 34px; height: 34px; margin-bottom: 12px; color: #94a3b8; }
.empty h3 { margin-bottom: 7px; }
.empty p { max-width: 480px; margin-bottom: 0; }
.notice { padding: 11px 13px; border: 1px solid var(--line); border-radius: 7px; }
.notice-info { color: var(--info); background: var(--info-bg); border-color: #bae6fd; }
.summary-list { display: grid; gap: 0; margin: 0; }
.summary-list > div { display: grid; grid-template-columns: minmax(120px, .45fr) minmax(0, 1fr); gap: 18px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.summary-list > div:last-child { border-bottom: 0; }
.summary-list dt { color: var(--muted); }
.summary-list dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.copy-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.code-block { padding: 13px; overflow: auto; color: #dbeafe; background: #172033; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; white-space: pre-wrap; word-break: break-all; }

.asset-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.asset-card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 7px; }
.asset-preview { aspect-ratio: 4 / 3; display: grid; place-items: center; background: var(--surface); }
.asset-preview img, .asset-preview video { width: 100%; height: 100%; object-fit: cover; }
.asset-preview svg { width: 36px; height: 36px; color: #94a3b8; }
.asset-meta { padding: 11px; }
.asset-meta strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.upload-selection { margin: 7px 0 0; color: #166534; font-size: 12px; font-weight: 650; }

.timeline { position: relative; display: grid; gap: 0; margin: 0; padding: 0 0 0 24px; list-style: none; }
.timeline::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 1px; background: var(--line-strong); }
.timeline li { position: relative; padding: 0 0 20px 14px; }
.timeline li::before { content: ""; position: absolute; left: -21px; top: 6px; width: 9px; height: 9px; background: var(--brand); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #93c5fd; }
.timeline h4 { margin-bottom: 4px; font-size: 14px; }
.timeline p { margin-bottom: 0; font-size: 13px; }

.drama-stage-list { display: grid; grid-template-columns: repeat(8, minmax(90px, 1fr)); gap: 0; overflow-x: auto; }
.drama-stage { min-width: 90px; padding: 10px 8px; border-top: 3px solid var(--line-strong); color: var(--muted); font-size: 11px; text-align: center; }
.drama-stage.is-current { color: var(--brand); border-top-color: var(--brand); font-weight: 760; }
.drama-stage.is-complete { color: var(--success); border-top-color: var(--success); }
.shot-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.shot-card { padding: 13px; border: 1px solid var(--line); border-radius: 7px; }

.pagination { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pagination-links { display: flex; gap: 5px; }
.pagination a, .pagination span { min-width: 34px; height: 34px; display: inline-grid; place-items: center; padding: 0 8px; border: 1px solid var(--line); border-radius: 5px; background: #fff; font-size: 12px; }
.pagination .is-current { color: #fff; background: var(--brand); border-color: var(--brand); }
.pagination .is-disabled { color: #94a3b8; background: var(--surface); }

.portal-shell { display: grid; gap: 16px; }
.portal-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.portal-header h2 { margin-bottom: 4px; font-size: 24px; }
.portal-header p { margin-bottom: 0; }
.portal-nav { display: grid; gap: 3px; }
.portal-nav a { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 6px; }
.portal-nav a:hover, .portal-nav a.is-active { color: var(--brand); background: #eff6ff; }
.portal-header .portal-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.portal-header .portal-nav a[aria-current="page"] { color: var(--brand); background: #eff6ff; }
.tool-panel { box-shadow: none; }
.inline-form { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.dense-form { display: grid; gap: 10px; }
.dense-form input, .dense-form select { min-height: 36px; }
.form-actions { display: flex; align-items: end; }
.form-actions button { width: 100%; }
.provider-endpoint { max-width: 280px; overflow-wrap: anywhere; }
.channel-table { min-width: 1100px; table-layout: fixed; }
.channel-table th:nth-child(1) { width: 18%; }
.channel-table th:nth-child(2) { width: 20%; }
.channel-table th:nth-child(3) { width: 15%; }
.channel-table th:nth-child(4) { width: 17%; }
.channel-table th:nth-child(5) { width: 30%; }
.channel-action-stack { min-width: 260px; display: grid; gap: 10px; }
.channel-quick-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: end; }
.channel-quick-actions form { min-width: 0; display: grid; gap: 6px; }
.channel-quick-actions .button { width: 100%; min-height: 36px; padding: 7px 9px; }
.inline-check { min-height: 20px; display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }
.inline-check input { width: 15px; height: 15px; accent-color: var(--brand); }
.channel-action-stack details { border-top: 1px solid var(--line); padding-top: 8px; }
.channel-action-stack summary { color: var(--brand); font-weight: 650; cursor: pointer; }
.channel-action-stack details[open] summary { margin-bottom: 10px; }
.channel-action-stack .dense-form + .dense-form { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.channel-model-row td { padding-top: 0; background: #f8fafc; }
.channel-model-pool { display: grid; gap: 12px; padding: 14px; border-top: 1px solid var(--line); }
.channel-model-pool-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.channel-model-pool-header small { display: block; margin-top: 3px; color: var(--muted); }
.channel-model-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.channel-model-item { min-width: 0; display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.channel-model-main { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.channel-model-copy { min-width: 0; }
.channel-model-copy > strong, .channel-model-copy > small { display: block; overflow-wrap: anywhere; }
.channel-model-copy > small { margin: 3px 0 8px; color: var(--muted); }
.channel-model-status-form { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; }
.channel-model-status-form select { min-width: 100px; min-height: 34px; }
.model-authorization { border-top: 1px solid var(--line); padding-top: 8px; }
.model-authorization summary { color: var(--brand); font-size: 12px; font-weight: 700; cursor: pointer; }
.model-authorization form { display: grid; gap: 10px; margin-top: 10px; }
.model-authorization-list { max-height: 150px; display: grid; gap: 7px; overflow-y: auto; }
.channel-model-empty { grid-column: 1 / -1; margin: 0; }

.project-title { margin: 12px 0 0; font-size: 24px; }
.project-list { display: grid; }
.project-list-item { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px 2px; border-bottom: 1px solid var(--line); }
.project-list-item:last-child { border-bottom: 0; }
.project-list-item strong, .project-list-item small { display: block; }
.project-list-item strong { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.project-list-item small, .project-list-item time { color: var(--muted); font-size: 12px; }
.segmented-control { display: inline-flex; padding: 3px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.segmented-control a { padding: 6px 12px; border-radius: 5px; font-weight: 650; }
.segmented-control a.is-active { color: var(--brand); background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.08); }
.creative-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 16px; align-items: start; }
.project-sidebar { display: grid; gap: 12px; position: sticky; top: 84px; }
.conversation-thread { min-width: 0; display: grid; gap: 12px; }
.message-bubble { max-width: min(82%, 820px); padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.message-user { justify-self: end; border-color: #bfdbfe; background: #eff6ff; }
.message-assistant { justify-self: start; }
.message-bubble header { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.message-bubble header time { color: var(--muted); font-size: 11px; }
.message-content { color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.message-actions { min-height: 30px; display: flex; align-items: center; justify-content: flex-end; margin-top: 10px; }
.message-actions details { width: 100%; }
.message-actions summary, .branch-editor summary { color: var(--brand); font-size: 13px; font-weight: 650; cursor: pointer; }
.message-actions textarea { width: 100%; min-height: 100px; margin: 8px 0; }
.message-task, .version-task { display: flex; align-items: center; gap: 9px; margin-top: 10px; font-size: 12px; }
.message-task .progress { min-width: 100px; flex: 1; }
.composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; position: sticky; bottom: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.97); box-shadow: var(--shadow); }
.composer textarea { min-height: 88px; resize: vertical; }
.version-list { min-width: 0; display: grid; gap: 12px; }
.version-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 16px; margin-left: min(calc(var(--tree-depth) * 24px), 96px); padding: 14px; border: 1px solid var(--line); border-left: 3px solid #93c5fd; border-radius: 8px; background: #fff; }
.version-preview { aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; border-radius: 6px; background: var(--surface); }
.version-preview img { width: 100%; height: 100%; object-fit: cover; }
.version-preview svg { width: 38px; height: 38px; color: #94a3b8; }
.version-body { min-width: 0; }
.version-body > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.version-body header small { display: block; color: var(--muted); }
.branch-editor { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.branch-editor form { margin-top: 12px; }
.asset-picker { max-height: 260px; overflow: auto; border: 1px solid var(--line); border-radius: 6px; }
.asset-picker > div { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 8px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--line); }
.asset-picker > div:last-child { border-bottom: 0; }
.asset-picker label { min-width: 0; display: flex; align-items: center; gap: 7px; }
.asset-picker label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-output { min-height: 380px; display: grid; place-items: center; overflow: hidden; margin-bottom: 16px; color: var(--muted); background: #0f172a; border-radius: 8px; }
.video-output video { width: 100%; max-height: 70vh; background: #000; }
.video-output > div { display: grid; place-items: center; gap: 8px; }
.video-output svg { width: 44px; height: 44px; }
.compact-stats { margin-bottom: 18px; }
.compact-stats .stat-card { padding: 14px; }

@media (max-width: 1100px) {
    .hero h1 { font-size: 42px; }
    .capability-grid, .product-grid, .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workflow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 0; }
    .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .asset-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .shot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .site-header__inner { width: min(100% - 28px, 1200px); gap: 12px; }
    .mobile-nav-toggle { display: inline-grid; }
    .site-nav { display: none; position: absolute; top: 67px; left: 0; right: 0; padding: 12px 14px; flex-direction: column; align-items: stretch; background: #fff; border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }
    .site-nav.is-open { display: flex; }
    .site-actions .button-ghost { display: none; }
    .hero h1 { font-size: 40px; }
    .faq-layout { grid-template-columns: 1fr; gap: 28px; }
    .auth-shell { grid-template-columns: 1fr; }
    .auth-visual { display: none; }
    .auth-mobile-brand { display: inline-flex; }
    .app-shell { grid-template-columns: 1fr; }
    .sidebar { position: fixed; left: 0; transform: translateX(-101%); width: min(292px, 86vw); transition: transform .2s ease; box-shadow: var(--shadow); }
    .sidebar.is-open { transform: translateX(0); }
    .sidebar-scrim { position: fixed; inset: 0; z-index: 45; background: rgba(15,23,42,.35); }
    .sidebar-scrim.is-open { display: block; }
    .sidebar-close, .sidebar-toggle { display: inline-grid; }
    .studio-layout { grid-template-columns: 1fr; }
    .creative-layout { grid-template-columns: 1fr; }
    .project-sidebar { position: static; }
    .studio-parameters { position: static; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .asset-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .hero { min-height: 680px; background: var(--surface); }
    .hero::before { display: none; }
    .hero-media { inset: 0 0 auto; height: 255px; object-position: 64% center; }
    .hero-inner { width: calc(100% - 30px); align-items: flex-end; padding: 285px 0 42px; }
    .hero-content { width: 100%; }
    .hero h1 { font-size: 36px; }
    .hero-copy { font-size: 16px; }
    .hero-actions { width: 100%; }
    .hero-actions .button { flex: 1; min-width: 150px; }
    .hero-trust { gap: 10px 18px; }
}

@media (max-width: 640px) {
    body { font-size: 14px; }
    h1 { font-size: 32px; }
    h2 { font-size: 25px; }
    .site-header { height: 62px; }
    .site-header__inner { width: calc(100% - 24px); }
    .site-nav { top: 61px; }
    .site-actions .button { min-height: 36px; padding: 7px 10px; font-size: 12px; }
    .site-actions .button svg { display: none; }
    .brand { max-width: 175px; }
    .brand > span:last-child { overflow: hidden; text-overflow: ellipsis; }
    .section { padding: 58px 0; }
    .section-inner, .page-hero, .public-content { width: calc(100% - 28px); }
    .section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .capability-grid, .product-grid, .pricing-grid, .stat-grid, .quick-grid { grid-template-columns: 1fr; }
    .capability-card { min-height: 0; }
    .capability-card p, .product-card p { min-height: 0; }
    .workflow-list { grid-template-columns: 1fr; }
    .workflow-list li { padding-right: 0; }
    .cta-band { width: calc(100% - 28px); margin-bottom: 58px; padding: 26px 22px; align-items: flex-start; flex-direction: column; }
    .site-footer__inner { width: calc(100% - 28px); grid-template-columns: 1fr; }
    .footer-meta { grid-column: 1; }
    .auth-main { padding: 28px 20px; place-items: start center; }
    .auth-form-wrap { padding-top: 20px; }
    .form-grid { grid-template-columns: 1fr; }
    .form-grid .full-width { grid-column: 1; }
    .channel-quick-actions { grid-template-columns: 1fr; }
    .channel-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .topbar { min-height: 62px; padding: 8px 14px; }
    .topbar h1 { font-size: 17px; }
    .topbar .eyebrow, .user-menu-copy { display: none; }
    .content-area { padding: 16px 12px 28px; }
    .content-header { align-items: flex-start; flex-direction: column; }
    .panel, .tool-panel { padding: 15px; }
    .task-row { grid-template-columns: minmax(0, 1fr) auto; }
    .project-list-item { grid-template-columns: minmax(0, 1fr) auto; }
    .project-list-item > :last-child { grid-column: 1 / -1; }
    .message-bubble { max-width: 94%; }
    .composer { grid-template-columns: 1fr; }
    .version-card { grid-template-columns: 1fr; margin-left: 0; }
    .version-preview { aspect-ratio: 16 / 9; }
    .asset-picker > div { grid-template-columns: 1fr; }
    .video-output { min-height: 230px; }
    .task-row > :last-child { grid-column: 1 / -1; }
    .asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .shot-grid { grid-template-columns: 1fr; }
    .summary-list > div { grid-template-columns: 1fr; gap: 3px; }
    .portal-header { align-items: flex-start; flex-direction: column; }
    .filter-bar, .inline-form { align-items: stretch; flex-direction: column; }
    .filter-bar > *, .inline-form > * { width: 100%; }
}

/* AI conversation workspace */
.chat-content-area { max-width: none; height: calc(100vh - 68px); min-height: 680px; padding: 18px; }
.chat-workspace { position: relative; height: 100%; min-height: 640px; display: grid; grid-template-columns: 280px minmax(0, 1fr); overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
.chat-history { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: #fbfcfe; border-right: 1px solid var(--line); }
.chat-history-head { padding: 16px; display: grid; gap: 12px; border-bottom: 1px solid var(--line); }
.chat-new-button { width: 100%; }
.chat-history-search { position: relative; display: block; }
.chat-history-search svg { position: absolute; top: 50%; left: 12px; width: 17px; height: 17px; color: var(--muted); transform: translateY(-50%); pointer-events: none; }
.chat-history-search input { min-height: 40px; padding-left: 38px; background: #fff; }
.chat-history-list { min-height: 0; flex: 1; overflow-y: auto; padding: 10px; }
.chat-history-group + .chat-history-group { margin-top: 16px; }
.chat-history-group h2 { margin: 0 8px 7px; color: var(--muted); font-size: 11px; font-weight: 750; }
.chat-history-item { min-width: 0; min-height: 54px; display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 9px; padding: 9px 10px; color: var(--text); border-radius: 6px; }
.chat-history-item:hover, .chat-history-item.is-active { color: var(--brand); background: #eaf3ff; }
.chat-history-item > svg { margin-top: 3px; }
.chat-history-item strong, .chat-history-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-history-item strong { color: inherit; font-size: 13px; }
.chat-history-item small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.chat-history-empty { margin: 24px 8px; text-align: center; font-size: 12px; }
.chat-history-scrim, .chat-history-toggle { display: none; }

.chat-workspace-main { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.chat-workspace-header { min-height: 62px; padding: 9px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.chat-workspace-title, .chat-workspace-title > div, .chat-workspace-actions { display: flex; align-items: center; gap: 12px; }
.chat-workspace-title > div { gap: 16px; }
.chat-workspace-title strong { color: var(--ink); font-size: 15px; }
.chat-workspace-title span { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.chat-workspace-title span i { width: 7px; height: 7px; background: var(--brand); border-radius: 50%; }
.chat-workspace-actions { gap: 2px; }
.chat-workspace-actions .button { min-height: 36px; padding: 7px 10px; font-size: 13px; }
.chat-action-menu { position: relative; }
.chat-action-menu > summary { list-style: none; }
.chat-action-menu > summary::-webkit-details-marker, .composer-mode-menu > summary::-webkit-details-marker, .composer-advanced > summary::-webkit-details-marker { display: none; }
.chat-action-menu-panel { position: absolute; top: calc(100% + 8px); right: 0; z-index: 30; width: 176px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 7px; box-shadow: var(--shadow); }
.chat-action-menu-panel > a { min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 7px 9px; border-radius: 5px; font-size: 13px; }
.chat-action-menu-panel > a:hover { color: var(--brand); background: #eff6ff; }
.chat-settings-panel { width: 280px; padding: 12px; }
.chat-settings-panel form { display: grid; gap: 8px; }
.chat-settings-panel form + form { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--line); }
.chat-settings-panel label { font-size: 12px; }

.chat-canvas { min-width: 0; min-height: 0; flex: 1; display: flex; flex-direction: column; background: #fff; }
.chat-welcome { min-height: 0; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 34px 24px 24px; text-align: center; }
.chat-welcome-mark { position: relative; width: 64px; height: 58px; display: grid; place-items: center; margin-bottom: 14px; color: var(--brand); }
.chat-welcome-mark span { font-size: 34px; font-weight: 850; line-height: 1; }
.chat-welcome-mark svg { position: absolute; top: 0; right: 2px; width: 23px; height: 23px; color: #0ea5e9; }
.chat-welcome h2 { margin-bottom: 7px; font-size: 27px; }
.chat-welcome > p { margin-bottom: 26px; font-size: 14px; }
.chat-suggestions { width: min(760px, 100%); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.chat-suggestions button { min-width: 0; min-height: 104px; padding: 16px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.chat-suggestions button:hover { color: var(--brand); border-color: #93c5fd; background: #f8fbff; }
.chat-suggestions button svg { width: 24px; height: 24px; color: var(--brand); }
.chat-suggestions button span { max-width: 130px; font-size: 13px; font-weight: 650; line-height: 1.5; }

.chat-thread { min-height: 0; flex: 1; overflow-y: auto; scroll-behavior: smooth; }
.chat-thread-inner { width: min(920px, calc(100% - 40px)); min-height: 100%; margin: 0 auto; padding: 28px 0 18px; display: flex; flex-direction: column; gap: 24px; }
.chat-message { min-width: 0; display: flex; align-items: flex-start; gap: 11px; }
.chat-message-user { flex-direction: row-reverse; }
.chat-message-avatar { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; color: #fff; background: #0f766e; border-radius: 7px; font-size: 12px; font-weight: 750; }
.chat-message-assistant .chat-message-avatar { color: var(--brand); background: #eaf3ff; }
.chat-message-avatar svg { width: 17px; height: 17px; }
.chat-message-body { min-width: 0; width: min(82%, 760px); }
.chat-message-user .chat-message-body { padding: 11px 14px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; }
.chat-message-assistant .chat-message-body { padding-top: 3px; }
.chat-message-body > header { display: flex; align-items: center; gap: 9px; margin-bottom: 6px; }
.chat-message-user .chat-message-body > header { justify-content: flex-end; }
.chat-message-body > header strong { color: var(--ink); font-size: 12px; }
.chat-message-body > header time { color: var(--muted); font-size: 10px; }
.chat-message .message-content { line-height: 1.75; }
.chat-message .message-actions { min-height: 28px; gap: 4px; margin-top: 8px; justify-content: flex-start; }
.chat-message-user .message-actions { justify-content: flex-end; }
.chat-message .message-actions details { width: auto; }
.chat-message .message-actions summary { display: inline-flex; align-items: center; gap: 5px; list-style: none; }
.chat-message .message-actions summary svg { width: 14px; height: 14px; }
.chat-message .message-actions details form { width: min(540px, 72vw); margin-top: 8px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 7px; }
.chat-message .message-actions textarea { min-height: 86px; }
.chat-message-delete { width: 32px; height: 32px; border: 0; background: transparent; }
.chat-message-error { margin-top: 9px; }
.chat-thread-empty { min-height: 100%; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--muted); text-align: center; }
.chat-thread-empty svg { width: 32px; height: 32px; }
.chat-thread-empty p { margin: 0; }

.chat-composer-wrap { width: min(1040px, calc(100% - 40px)); flex: 0 0 auto; margin: 0 auto; padding: 0 0 72px; }
.chat-composer { position: relative; padding: 12px 14px 10px; background: #fff; border: 1px solid #77a7ff; border-radius: 8px; box-shadow: 0 7px 22px rgba(37, 99, 235, .10); }
.chat-composer > textarea { width: 100%; min-height: 66px; max-height: 220px; padding: 3px 3px 10px; resize: none; border: 0; box-shadow: none; line-height: 1.65; }
.chat-composer > textarea:focus { border: 0; box-shadow: none; outline: none; }
.chat-composer-toolbar { min-width: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.chat-composer-controls { min-width: 0; display: flex; align-items: center; gap: 7px; }
.composer-mode-menu, .composer-advanced { position: relative; flex: 0 0 auto; }
.composer-control { min-height: 34px; max-width: 210px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 6px; font-size: 12px; font-weight: 650; line-height: 1.2; white-space: nowrap; }
select.composer-control { min-width: 104px; padding-right: 28px; cursor: pointer; }
.composer-control svg { width: 16px; height: 16px; }
.composer-mode-menu > summary, .composer-advanced > summary { cursor: pointer; list-style: none; }
.composer-mode-menu > summary { color: var(--brand); border-color: #93c5fd; }
.composer-model-static { max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
.composer-popover { position: absolute; bottom: calc(100% + 10px); left: 0; z-index: 35; width: 420px; padding: 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 14px 34px rgba(15,23,42,.14); }
.composer-popover > a { min-width: 0; min-height: 66px; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 9px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; }
.composer-popover > a:hover, .composer-popover > a.is-active { color: var(--brand); border-color: #93c5fd; background: #f8fbff; }
.composer-popover > a span, .composer-popover > a strong, .composer-popover > a small { min-width: 0; display: block; }
.composer-popover > a strong { color: inherit; font-size: 12px; }
.composer-popover > a small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.composer-advanced-panel { left: auto; right: 0; width: 330px; display: grid; grid-template-columns: 1fr; }
.composer-advanced-panel label { display: grid; gap: 5px; font-size: 11px; }
.composer-advanced-panel textarea { min-height: 86px; }
.chat-send-button { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; color: #fff; background: var(--brand); border: 0; border-radius: 50%; cursor: pointer; }
.chat-send-button:hover { background: var(--brand-dark); }
.chat-send-button:disabled { opacity: .55; cursor: wait; }
.chat-ai-note { margin: 8px 0 0; display: flex; align-items: center; justify-content: center; gap: 5px; color: var(--muted); font-size: 10px; }
.chat-ai-note svg { width: 13px; height: 13px; }
.chat-archived-notice { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; font-size: 13px; }

@media (max-width: 1100px) {
    .chat-workspace { grid-template-columns: 250px minmax(0, 1fr); }
    .chat-suggestions { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 540px; }
    .chat-suggestions button { min-height: 86px; }
}

@media (max-width: 900px) {
    .chat-workspace { grid-template-columns: 1fr; }
    .chat-history { position: absolute; inset: 0 auto 0 0; z-index: 42; width: min(300px, 86%); transform: translateX(-102%); transition: transform .2s ease; box-shadow: var(--shadow); }
    .chat-history.is-open { transform: translateX(0); }
    .chat-history-toggle { display: inline-grid; }
    .chat-history-scrim { position: absolute; inset: 0; z-index: 41; width: 100%; height: 100%; padding: 0; display: block; background: rgba(15,23,42,.34); border: 0; cursor: pointer; }
}

@media (max-width: 640px) {
    .chat-content-area { height: calc(100vh - 62px); min-height: 620px; padding: 0; }
    .chat-content-area > .flash { position: absolute; z-index: 70; top: 68px; left: 12px; right: 12px; width: auto; }
    .chat-workspace { min-height: 620px; border: 0; border-radius: 0; box-shadow: none; }
    .chat-workspace-header { min-height: 56px; padding: 7px 10px; }
    .chat-workspace-title > div { gap: 8px; }
    .chat-workspace-title span { display: none; }
    .chat-workspace-actions { gap: 0; }
    .chat-workspace-actions .button { width: 36px; padding: 0; font-size: 0; }
    .chat-workspace-actions .button svg { width: 17px; height: 17px; }
    .chat-welcome { justify-content: flex-start; padding: 48px 14px 18px; }
    .chat-welcome h2 { font-size: 23px; }
    .chat-welcome > p { margin-bottom: 18px; }
    .chat-suggestions { gap: 8px; }
    .chat-suggestions button { min-height: 82px; padding: 10px 8px; }
    .chat-suggestions button span { font-size: 12px; }
    .chat-thread-inner { width: calc(100% - 24px); padding-top: 18px; gap: 18px; }
    .chat-message-body { width: calc(100% - 43px); }
    .chat-message .message-actions details form { width: min(280px, 78vw); }
    .chat-composer-wrap { width: calc(100% - 20px); padding-bottom: 7px; }
    .chat-composer { padding: 9px 10px 8px; }
    .chat-composer > textarea { min-height: 54px; }
    .chat-composer-controls { padding-bottom: 1px; overflow-x: auto; scrollbar-width: none; }
    .chat-composer-controls::-webkit-scrollbar { display: none; }
    .composer-control { max-width: 150px; }
    .composer-control span { display: none; }
    .composer-mode-menu > summary span { display: inline; }
    .composer-popover { position: fixed; right: 10px; bottom: 112px; left: 10px; width: auto; }
    .composer-advanced-panel { left: 10px; }
    .chat-ai-note { margin-top: 5px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

.chat-content-area > .creative-tabs + .chat-workspace { height: calc(100% - 58px); min-height: 0; border-width: 0; border-radius: 0; box-shadow: none; }
.creative-display-composer.is-submitted { border-color: #86efac; }
.creative-display-composer.is-submitted textarea { color: #047857; }
@media (max-width: 900px) {
    .chat-content-area > .creative-tabs + .chat-workspace { height: auto; min-height: calc(100vh - 116px); }
}

/* Full-width application surfaces */
.app-main { width: 100%; }
.content-area { width: 100%; max-width: none; margin-right: 0; margin-left: 0; }
.content-area > .portal-shell,
.content-area > .dashboard-shell,
.content-area > .panel,
.content-area > .tool-panel,
.content-area > .content-header,
.content-area > .table-wrap,
.content-area > form { width: 100%; max-width: none; }

.chat-thread-inner { width: calc(100% - 48px); max-width: none; }
.chat-message-body { width: min(86%, 1180px); max-width: none; }
.chat-message-user .chat-message-body { width: min(68%, 980px); }
.chat-composer-wrap { width: calc(100% - 48px); max-width: none; }

.creative-conversation { padding-right: clamp(20px, 2.4vw, 46px); padding-left: clamp(20px, 2.4vw, 46px); }
.creative-user-bubble { width: min(72%, 980px); max-width: none; }
.creative-assistant-row { width: min(92%, 1280px); max-width: none; }

@media (max-width: 900px) {
    .content-area { width: 100%; }
    .chat-thread-inner,
    .chat-composer-wrap { width: calc(100% - 24px); }
    .chat-message-body,
    .chat-message-user .chat-message-body,
    .creative-user-bubble,
    .creative-assistant-row { width: 100%; }
}

/* Homepage 2026 */
.public-body .site-header{height:64px}.public-body .site-header__inner{width:min(1680px,calc(100% - 40px));gap:34px}.public-body .site-header .brand{font-size:20px}.public-body .site-header .brand-mark{width:38px;height:38px;font-size:15px}.public-body .site-nav{margin:auto;gap:18px}.public-body .site-nav a{position:relative;padding:20px 8px 17px;color:#111b36;font-weight:650;border-radius:0}.public-body .site-nav a:hover{background:transparent}.public-body .site-nav a.is-active::after{content:"";position:absolute;right:8px;bottom:0;left:8px;height:3px;background:var(--brand);border-radius:3px}.public-body .site-actions{gap:14px}.public-body .site-actions .button{min-width:86px;justify-content:center}.home-language{display:flex;align-items:center;gap:7px;padding:8px 5px;color:#334155;background:transparent;border:0}.home-language svg{width:14px}
.home-hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#fff 0%,#fff 43%,#f6faff 72%,#fff 100%);border-bottom:1px solid #e5eaf2}.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 68% 72%,rgba(59,130,246,.12),transparent 36%);pointer-events:none}.home-hero-inner{position:relative;width:min(1460px,calc(100% - 80px));height:474px;margin:0 auto;display:grid;grid-template-columns:43% 57%;align-items:center}.home-hero-copy{align-self:center;padding:15px 0 0 18px}.home-kicker{width:max-content;margin:0 0 12px;padding:4px 20px;color:#fff;background:#1769ff;border-radius:18px;font-size:13px}.home-hero h1{max-width:560px;margin:0 0 8px;color:#081431;font-size:50px;line-height:1.1;font-weight:850}.home-hero h1 strong{display:block;color:#1769ff}.home-hero-copy>p:not(.home-kicker){max-width:520px;margin:0 0 14px;color:#60708b;font-size:14px;line-height:1.65}.home-hero-actions{display:flex;gap:16px;margin-bottom:14px}.home-hero-actions .button{min-width:190px;height:48px;justify-content:center;font-size:15px}.home-trust{display:flex;gap:26px;margin:0 0 15px;padding:0;list-style:none;color:#64748b;font-size:12px}.home-trust li{display:flex;align-items:center;gap:6px}.home-trust svg{width:16px;color:#2563eb}.home-users{display:flex;align-items:center;gap:16px}.home-users p{margin:0;color:#64748b;font-size:12px}.home-users strong{color:#1769ff;font-size:15px}.home-user-faces{display:flex;padding-left:7px}.home-user-faces i{width:35px;height:35px;display:grid;place-items:center;margin-left:-7px;color:#fff;background:#315780;border:2px solid #fff;border-radius:50%;font-size:11px;font-style:normal}.home-user-faces i:nth-child(2){background:#9c5c4a}.home-user-faces i:nth-child(3){background:#374151}.home-user-faces i:nth-child(4){background:#7c3aed}.home-user-faces i:nth-child(5){background:#0f766e}
.home-product-demo{position:relative;height:400px;align-self:end}.home-product-demo::after{content:"";position:absolute;right:0;bottom:16px;left:10px;height:78px;border:1px solid rgba(96,165,250,.25);border-radius:50%;box-shadow:0 24px 50px rgba(37,99,235,.12)}.home-demo-float{position:absolute;z-index:2;padding:12px;background:rgba(255,255,255,.96);border:1px solid #edf2fa;border-radius:14px;box-shadow:0 12px 28px rgba(40,70,120,.09)}.home-demo-float b{display:flex;align-items:center;gap:7px;color:#172033;font-size:13px}.home-demo-float b svg{width:18px;color:#3778ff}.home-demo-character{left:25px;top:2px;width:230px;transform:rotate(-3deg)}.home-demo-character>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.home-demo-character span{height:86px;background-image:url('/assets/images/aigc-workspace-hero.webp');background-size:480px;background-position:31% 25%;border-radius:6px}.home-demo-character span:nth-child(2){background-position:42% 25%}.home-demo-character span:nth-child(3){background-position:53% 25%}.home-demo-video{left:270px;top:-22px;width:270px;transform:rotate(-1deg)}.home-demo-image{position:relative;height:122px;display:block;margin-top:8px;background-image:url('/assets/images/aigc-workspace-hero.webp');background-size:760px;background-position:74% 68%;border-radius:9px}.home-demo-image svg,.case-image svg{position:absolute;left:50%;top:50%;width:42px;height:42px;padding:11px;transform:translate(-50%,-50%);color:#fff;background:rgba(15,23,42,.6);border:2px solid rgba(255,255,255,.85);border-radius:50%}.home-demo-progress{right:8px;top:18px;width:205px;transform:rotate(3deg)}.home-demo-progress>span{display:flex;align-items:center;gap:12px;margin-top:24px}.home-demo-progress>span>i{width:115px;height:7px;position:relative;background:#dbe4f0;border-radius:7px}.home-demo-progress>span>i::after{content:"";position:absolute;inset:0 28% 0 0;background:#1769ff;border-radius:inherit}.home-demo-progress strong{color:#1769ff;font-size:23px}.home-prompt-box{position:absolute;z-index:3;right:34px;bottom:42px;left:4px;padding:20px 22px;background:#fff;border:10px solid rgba(255,255,255,.76);outline:1px solid #e5eaf2;border-radius:20px;box-shadow:0 18px 35px rgba(37,99,235,.16)}.home-prompt-main{height:82px;display:flex;align-items:flex-start;gap:20px}.home-prompt-main button{width:72px;height:72px;display:grid;place-items:center;color:#42526b;background:#fff;border:1px dashed #8da4c1;border-radius:8px}.home-prompt-main button svg{width:31px;height:31px}.home-prompt-main p{margin:5px 0;color:#8190a6;font-size:14px}.home-prompt-tools{display:flex;align-items:center;gap:10px}.home-prompt-tools>span{height:39px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #dbe3ef;border-radius:7px;color:#23324b;font-size:12px}.home-prompt-tools>span svg{width:16px}.home-prompt-tools>span svg:last-child{width:13px}.home-prompt-tools>a{width:44px;height:44px;display:grid;place-items:center;margin-left:auto;color:#fff;background:#1769ff;border-radius:50%}.home-prompt-tools>a svg{width:21px}
.home-metrics{height:80px;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(40px,calc((100% - 1420px)/2));background:#fff;border-bottom:1px solid #e5eaf2}.home-metrics>div{display:flex;align-items:center;justify-content:center;gap:16px;position:relative}.home-metrics>div+div::before{content:"";position:absolute;left:0;width:1px;height:42px;background:#e2e8f0}.home-metrics svg{width:32px;height:32px;color:#1769ff}.home-metrics p{margin:0;color:#172033;font-size:13px}.home-metrics strong{margin-right:6px;font-size:24px}.home-metrics small{display:block;color:#8492a6;font-size:10px}
.home-tools{padding:14px max(40px,calc((100% - 1510px)/2)) 18px;background:#fff}.home-tools header{text-align:center}.home-tools h2{margin:0 0 2px;font-size:28px}.home-tools header p{margin:0 0 14px;color:#708097;font-size:13px}.home-tool-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.home-tool-grid>a{min-width:0;height:76px;display:flex;align-items:center;gap:11px;padding:10px;background:#fff;border:1px solid #e1e7f0;border-radius:8px;box-shadow:0 4px 12px rgba(15,23,42,.035)}.home-tool-grid>a:hover{border-color:#9fc1ff;transform:translateY(-2px)}.home-tool-grid>a>span{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;color:#fff;border-radius:9px}.home-tool-grid svg{width:24px;height:24px}.home-tool-grid .blue{background:#1769ff}.home-tool-grid .violet{background:#6549ed}.home-tool-grid .green{background:#19b890}.home-tool-grid .orange{background:#f48124}.home-tool-grid .cyan{background:#398ad9}.home-tool-grid .pink{background:#e84273}.home-tool-grid .purple{background:#7657e8}.home-tool-grid .teal{background:#18a8a0}.home-tool-grid .amber{background:#f28b24}.home-tool-grid p{min-width:0;margin:0}.home-tool-grid strong,.home-tool-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-tool-grid strong{color:#172033;font-size:12px}.home-tool-grid small{color:#8190a6;font-size:9px}
.home-cases{padding:4px max(40px,calc((100% - 1510px)/2)) 54px}.home-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.home-section-title p{margin:0 0 3px;color:#172033;font-size:14px;font-weight:750}.home-section-title h2{margin:0;font-size:26px}.home-section-title>a{display:flex;align-items:center;gap:6px;color:#1769ff;font-size:13px}.home-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-case-grid article{overflow:hidden;background:#fff;border:1px solid #e1e7f0;border-radius:8px}.case-image{height:190px;display:block;position:relative;background-image:url('/assets/images/aigc-workspace-hero.webp');background-size:920px}.case-person{background-position:24% 50%}.case-city{background-position:72% 66%}.case-home{background-position:52% 68%}.home-case-grid article>div{padding:12px}.home-case-grid strong,.home-case-grid small{display:block}.home-case-grid small{margin-top:3px;color:#8190a6;font-size:11px}.home-bottom-cta{width:min(1420px,calc(100% - 80px));margin:0 auto 60px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#13213b;border-radius:8px}.home-bottom-cta p{margin:0 0 4px;color:#fff;font-size:22px;font-weight:750}.home-bottom-cta span{color:#bac6d8}.home-bottom-cta .button{min-width:170px;justify-content:center}
@media(max-width:1280px){.public-body .site-nav{gap:5px}.home-hero-inner{width:calc(100% - 48px);grid-template-columns:42% 58%}.home-hero h1{font-size:43px}.home-demo-character{left:5px}.home-demo-video{left:220px}.home-demo-progress{right:0}.home-tool-grid{grid-template-columns:repeat(5,1fr)}.home-tool-grid>a:nth-child(n+6){display:none}}
@media(max-width:900px){.home-language{display:none}.home-hero-inner{height:auto;min-height:760px;grid-template-columns:1fr;padding:48px 0 30px}.home-hero-copy{padding:0}.home-hero h1{font-size:42px}.home-product-demo{width:100%;height:390px}.home-demo-character{left:0}.home-demo-video{left:34%}.home-metrics{height:auto;grid-template-columns:repeat(2,1fr);padding:16px}.home-metrics>div{min-height:66px}.home-metrics>div:nth-child(3)::before{display:none}.home-tools,.home-cases{padding-right:18px;padding-left:18px}.home-tool-grid{grid-template-columns:repeat(3,1fr)}.home-tool-grid>a:nth-child(n){display:flex}.home-case-grid{grid-template-columns:1fr}.case-image{height:230px}.home-bottom-cta{width:calc(100% - 36px)}}
@media(max-width:640px){.public-body .site-header{height:62px}.public-body .site-header .brand{font-size:16px}.home-hero-inner{width:calc(100% - 28px);min-height:720px;padding-top:34px}.home-kicker{font-size:11px}.home-hero h1{font-size:36px}.home-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-hero-actions .button{min-width:0;padding:10px 8px;font-size:12px}.home-trust{gap:8px 14px;flex-wrap:wrap}.home-users{align-items:flex-start;flex-direction:column;gap:8px}.home-product-demo{height:330px}.home-demo-character{width:160px}.home-demo-character span{height:55px}.home-demo-video{left:auto;right:0;width:190px}.home-demo-image{height:82px}.home-demo-progress{display:none}.home-prompt-box{right:0;bottom:22px;left:0;padding:12px;border-width:5px}.home-prompt-main{height:58px}.home-prompt-main button{width:50px;height:50px}.home-prompt-tools{overflow-x:auto}.home-prompt-tools>span{flex:none}.home-prompt-tools>span:nth-child(n+3){display:none}.home-metrics{grid-template-columns:1fr}.home-metrics>div+div::before{top:0;right:0;left:0;width:auto;height:1px}.home-tools h2{font-size:24px}.home-tool-grid{grid-template-columns:repeat(2,1fr)}.home-tool-grid>a{height:68px}.home-section-title h2{font-size:22px}.home-bottom-cta{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}.home-bottom-cta .button{width:100%}.public-body .site-actions .button-secondary{display:none}}

/* Creative composer overrides must follow global form styles. */
.creative-composer{padding:12px 14px}.creative-composer form{min-width:0}.creative-composer textarea{width:100%;height:58px;min-height:58px;max-height:120px;padding:5px 6px;resize:none;border:0;box-shadow:none;line-height:1.55}.creative-composer textarea:focus{border:0;box-shadow:none;outline:0}.creative-composer .creative-upload-row{min-width:0;margin:4px 0 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.creative-composer .creative-upload-row::-webkit-scrollbar,.creative-composer .creative-controls::-webkit-scrollbar{display:none}.creative-composer .creative-upload-row button,.creative-composer .creative-upload-row span{width:auto;min-width:0;height:32px;min-height:32px;flex:0 0 auto;padding:0 10px}.creative-composer .creative-upload-row button{width:36px;padding:0}.creative-composer .creative-controls{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.creative-composer .creative-controls label,.creative-composer .creative-controls>span,.creative-composer .creative-controls select{width:auto;min-width:88px;max-width:190px;height:34px;min-height:34px;flex:0 0 auto;margin:0;padding:0 28px 0 10px;line-height:32px}.creative-composer .creative-controls label{min-width:auto;padding-right:10px}.creative-composer .creative-controls select[name="model_id"]{width:170px;max-width:220px}.creative-composer .creative-controls select[name="size"]{min-width:108px}.creative-composer .creative-controls select[name="quality"],.creative-composer .creative-controls select[name="quantity"],.creative-composer .creative-controls select[name="output_format"],.creative-composer .creative-controls select[name="seconds"],.creative-composer .creative-controls select[name="aspect_ratio"]{min-width:82px}.creative-composer .creative-submit{width:40px;min-width:40px;height:40px;min-height:40px;flex:0 0 40px;margin-left:auto;padding:0;border-radius:50%}.creative-composer .creative-submit:disabled{opacity:.55;cursor:wait}
@media(max-width:1180px) and (min-width:901px){.creative-composer .creative-controls select[name="model_id"]{width:145px}.creative-composer .creative-upload-row{margin-bottom:7px}}
@media(max-width:900px){.creative-composer{padding:10px 12px}.creative-composer textarea{height:52px;min-height:52px}.creative-composer .creative-controls{padding-right:2px}.creative-composer .creative-submit{position:sticky;right:0;box-shadow:0 0 0 7px #fff}}
@media(max-width:560px){.creative-composer .creative-upload-row span{display:flex}.creative-composer .creative-upload-row span:last-child{display:none}.creative-composer .creative-controls label{display:none}.creative-composer .creative-controls select[name="model_id"]{width:132px}.creative-composer .creative-controls select{min-width:76px}.creative-composer .creative-submit{width:38px;min-width:38px;height:38px;min-height:38px;flex-basis:38px}}
.creative-composer .creative-controls .video-audio-toggle{display:flex;min-width:auto;max-width:none;padding:0 10px;color:#475569;border-color:#dbe3ef;background:#fff;cursor:pointer}.creative-composer .video-audio-toggle input{width:15px;height:15px;margin:0;accent-color:#1769ff}.creative-composer .video-audio-toggle:has(input:checked){color:#165dff;border-color:#b9d1ff;background:#f3f7ff}@media(max-width:560px){.creative-composer .creative-controls .video-audio-toggle{display:flex}.creative-composer .video-audio-toggle span{display:none}}

/* Studio media previews and reference picker */
.generated-image-grid,.generated-image-grid.count-1{grid-template-columns:repeat(auto-fit,minmax(180px,240px));justify-content:start}.generated-image-grid figure{width:100%}.generated-image-open{position:relative;width:100%;height:220px;display:block;padding:0;overflow:hidden;border:0;background:#f3f4f6;cursor:zoom-in}.generated-image-grid .generated-image-open img{width:100%;height:100%;max-height:none;object-fit:cover}.generated-image-open>span{position:absolute;right:8px;bottom:8px;height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;color:#fff;font-size:11px;background:rgba(15,23,42,.74);border-radius:4px;opacity:0;transition:opacity .15s}.generated-image-open:hover>span,.generated-image-open:focus-visible>span{opacity:1}.generated-image-open svg{width:13px}.generated-image-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px}.generated-image-grid figcaption a{display:inline-flex;align-items:center;gap:4px;color:#1769ff}.generated-image-grid figcaption svg{width:13px}
.generated-image-dialog,.reference-library-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.25)}.generated-image-dialog::backdrop,.reference-library-dialog::backdrop{background:rgba(15,23,42,.68)}.generated-image-dialog-head,.reference-dialog-head{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #e5eaf1}.generated-image-dialog-head>div,.reference-dialog-head>div{display:flex;align-items:center;gap:10px}.generated-image-dialog-head button,.reference-dialog-head button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:4px}.generated-image-dialog-head button:hover,.reference-dialog-head button:hover{background:#f1f5f9}.generated-image-dialog-head svg,.reference-dialog-head svg{width:18px}.generated-image-dialog-body{height:min(78vh,850px);display:grid;place-items:center;padding:16px;background:#f3f5f8}.generated-image-dialog-body img{max-width:100%;max-height:100%;object-fit:contain}
.creative-composer .creative-upload-row button.creative-upload-action{width:auto;min-width:auto;padding:0 10px;border-style:solid}.creative-composer .reference-selection-summary{color:#1769ff;background:#eef5ff;border-color:#cfe0ff}.reference-dialog-head>div{align-items:flex-start;flex-direction:column;gap:2px}.reference-dialog-head span{color:#64748b;font-size:11px}.reference-library-grid{min-height:180px;max-height:65vh;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;overflow:auto;padding:16px}.reference-library-grid>[data-reference-item]{position:relative;min-width:0;padding:0;overflow:hidden;text-align:left;border:2px solid transparent;border-radius:6px;background:#f3f5f8}.reference-library-grid>[data-reference-item].is-selected{border-color:#1769ff}.reference-library-grid img{display:block;width:100%;height:130px;object-fit:cover}.reference-library-grid span{display:block;overflow:hidden;padding:7px 8px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.reference-library-grid>[data-reference-item]>svg{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:4px;color:#fff;background:#1769ff;border-radius:50%;opacity:0}.reference-library-grid>[data-reference-item].is-selected>svg{opacity:1}.reference-library-empty{grid-column:1/-1;align-self:center;margin:0;text-align:center;color:#64748b}.reference-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5eaf1}
@media(max-width:560px){.generated-image-grid,.generated-image-grid.count-1{grid-template-columns:repeat(2,minmax(0,1fr))}.generated-image-open{height:170px}.generated-image-open>span{opacity:1}.reference-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.reference-library-grid img{height:110px}}
.reference-preview-list{display:flex;align-items:stretch;gap:8px;overflow-x:auto;margin:4px 0 8px;padding:2px 0}.reference-preview-list[hidden]{display:none}.reference-preview-card{position:relative;width:210px;min-width:210px;height:74px;display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;padding:5px;background:#f8fafc;border:1px solid #dbe3ef;border-radius:6px}.reference-preview-card>img{width:68px;height:62px;object-fit:cover;border-radius:4px}.reference-preview-card>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:20px}.reference-preview-card strong,.reference-preview-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-preview-card strong{font-size:11px}.reference-preview-card span{color:#64748b;font-size:10px}.reference-preview-card select{width:100%;height:24px;min-height:24px;margin:0;padding:0 22px 0 6px;font-size:10px}.reference-preview-card>button{position:absolute;top:4px;right:4px;width:22px;height:22px;display:grid;place-items:center;padding:0;color:#64748b;background:#fff;border:0;border-radius:4px}.reference-preview-card>button:hover{color:#b91c1c;background:#fee2e2}.reference-preview-card>button svg{width:13px}
.reference-library-grid>[data-reference-item][hidden]{display:none!important}.reference-library-grid video{display:block;width:100%;height:130px;object-fit:cover;background:#111827}.reference-library-grid>[data-reference-item]>small{position:absolute;left:6px;top:6px;padding:2px 5px;color:#fff;background:rgba(15,23,42,.72);border-radius:3px;font-size:9px}.reference-library-grid .reference-media-placeholder{height:130px;display:grid;place-items:center;align-content:center;gap:5px;padding:0;color:#52627a;background:#e9eef5}.reference-library-grid .reference-media-placeholder svg{width:32px;height:32px}.reference-library-grid .reference-media-placeholder b{font-size:11px}.reference-preview-card>video,.reference-preview-card>.reference-preview-placeholder{width:68px;height:62px;border-radius:4px}.reference-preview-card>video{object-fit:cover;background:#111827}.reference-preview-card>.reference-preview-placeholder{display:grid;place-items:center;color:#52627a;background:#e9eef5}.reference-preview-card>.reference-preview-placeholder svg{width:26px}.creative-composer .creative-controls .video-billing-status{display:flex;min-width:auto;max-width:none;align-items:center;gap:6px;padding:0 10px;color:#475569;background:#f8fafc;border:1px solid #dbe3ef}.creative-composer .video-billing-status svg{width:15px}.creative-composer .video-billing-status[hidden]{display:none}
.creative-model-diagnostics{align-items:flex-start}.creative-model-diagnostics>svg{flex:none;margin-top:2px}.creative-model-diagnostics>div{min-width:0}.creative-model-diagnostics strong{display:block;margin-bottom:5px}.creative-model-diagnostics p{display:flex;align-items:center;gap:8px;margin:4px 0}.creative-model-diagnostics p b{color:#78350f}.creative-model-diagnostics p span{color:#92400e;font-size:11px}
.product-audience-prices{grid-column:1/-1;display:grid;gap:8px;padding-top:8px;border-top:1px solid #e5eaf2}.product-price-row{display:grid;grid-template-columns:150px 110px minmax(180px,1fr) 36px;align-items:center;gap:8px;padding:9px;background:#f8fafc;border:1px solid #dbe3ef;border-radius:6px}.product-price-row[hidden]{display:none}.product-price-row strong{font-size:12px}.product-price-row>span{color:#64748b;font-size:11px}.product-price-row input{width:100%}.product-price-row button{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#b91c1c;background:#fff;border:1px solid #fecaca;border-radius:5px}.product-price-row button svg{width:15px}.product-price-add{display:flex;gap:8px}.product-price-add button{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;color:#1769ff;background:#fff;border:1px dashed #9fc1ff;border-radius:5px}.product-price-add svg{width:15px}@media(max-width:620px){.product-price-row{grid-template-columns:1fr 36px}.product-price-row>span{display:none}.product-price-row input{grid-column:1}.product-price-row button{grid-column:2;grid-row:1/3}.product-price-add{flex-direction:column}}
.product-price-summary{display:flex;flex-wrap:wrap;gap:8px}.product-price-summary span{padding:5px 8px;color:#64748b;font-size:11px;background:#f1f5f9;border-radius:4px}.product-price-summary span.is-set{color:#087b52;background:#eaf8f1}.product-price-add button[hidden]{display:none}
.generated-video-frame{width:min(28%,320px);min-width:240px;overflow:hidden;background:#0b0f19;border-radius:6px}.generated-video-frame.is-portrait{width:min(22%,220px);min-width:170px}.generated-video-open{position:relative;width:100%;height:100%;display:block;padding:0;overflow:hidden;border:0;background:#0b0f19;cursor:zoom-in}.generated-video-open video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.generated-video-open>span{position:absolute;right:8px;bottom:8px;height:30px;display:flex;align-items:center;gap:5px;padding:0 9px;color:#fff;font-size:11px;background:rgba(15,23,42,.8);border-radius:4px}.generated-video-open svg{width:14px}.generated-video-dialog{width:min(1180px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:8px;background:#080b12;box-shadow:0 24px 80px rgba(15,23,42,.35)}.generated-video-dialog::backdrop{background:rgba(2,6,23,.82)}.generated-video-dialog-head{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;color:#fff;background:#111827;border-bottom:1px solid #293244}.generated-video-dialog-head>div{display:flex;align-items:center;gap:10px}.generated-video-dialog-head button{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#fff;border:0;background:transparent;border-radius:4px}.generated-video-dialog-head button:hover{background:#263247}.generated-video-dialog-head svg{width:18px}.generated-video-dialog-body{height:min(78vh,760px);display:grid;place-items:center;padding:12px}.generated-video-dialog-body video{width:100%;height:100%;object-fit:contain;background:#000}@media(max-width:700px){.generated-video-frame,.generated-video-frame.is-portrait{width:min(72%,320px);min-width:0}.generated-video-frame.is-portrait{width:min(54%,220px)}.generated-video-dialog{width:calc(100vw - 16px)}.generated-video-dialog-body{height:70vh;padding:6px}}

/* Platform administration console */
.admin-console{width:100%;max-width:none;padding:24px 28px 36px}.admin-page-intro{min-height:34px;margin:-12px 0 18px;color:#64748b}.admin-page-intro p{margin:0}.admin-page-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-page-actions details{position:relative}.admin-page-actions summary{list-style:none}.admin-page-actions summary::-webkit-details-marker{display:none}.admin-drawer{position:absolute;z-index:40;top:calc(100% + 10px);right:0;width:min(780px,calc(100vw - 300px));max-height:75vh;overflow:auto;padding:20px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 20px 60px rgba(15,23,42,.18)}.admin-drawer h2{margin:0 0 16px}
.admin-metric-grid{display:grid;gap:18px;margin-bottom:20px}.admin-metric-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-metric-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric-grid article{min-width:0;min-height:104px;display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid #dbe3ef;border-radius:8px}.admin-metric-grid article>div{min-width:0}.admin-metric-grid small,.admin-metric-grid strong{display:block}.admin-metric-grid small{margin-bottom:7px;color:#64748b;font-size:13px}.admin-metric-grid strong{overflow:hidden;color:#0f172a;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.admin-metric-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%}.admin-metric-icon svg{width:23px}.admin-metric-icon.blue{color:#1769ff;background:#edf4ff}.admin-metric-icon.green{color:#0a9f68;background:#eaf9f2}.admin-metric-icon.orange{color:#e87912;background:#fff4e8}.admin-metric-icon.red{color:#dc3645;background:#fff0f1}.admin-metric-icon.violet{color:#7654e8;background:#f3efff}
.admin-data-panel{padding:0;overflow:visible}.admin-data-panel>header{min-height:58px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #e5eaf2}.admin-data-panel>header h2{margin:0;font-size:16px}.admin-tabs{min-height:64px;display:flex;align-items:stretch;gap:10px;padding:0 16px;border-bottom:1px solid #e5eaf2;overflow-x:auto}.admin-tabs a{min-width:104px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;color:#334155;white-space:nowrap;border-bottom:2px solid transparent}.admin-tabs a svg{width:18px}.admin-tabs a.is-active{color:#1769ff;font-weight:650;background:#f5f8ff;border-bottom-color:#1769ff}.admin-filter-bar{display:flex;align-items:end;gap:12px;padding:16px}.admin-filter-bar>label:not(.admin-search){min-width:180px}.admin-filter-bar select{width:auto;min-width:180px}.admin-search{position:relative;min-width:280px;flex:1}.admin-search svg{position:absolute;z-index:1;left:12px;top:50%;width:17px;transform:translateY(-50%);color:#64748b}.admin-search input{width:100%;padding-left:38px}.admin-table{min-width:980px}.admin-table thead th{height:48px;background:#f8fafc;color:#475569;font-size:12px}.admin-table tbody td{height:62px;padding-top:10px;padding-bottom:10px}.admin-table td>strong,.admin-table td>small{display:block}.admin-table td>small{margin-top:4px;color:#64748b}.admin-status{display:inline-flex;align-items:center;padding:4px 9px;font-size:11px;border-radius:12px}.admin-status.is-good{color:#078653;background:#e9f8ef}.admin-status.is-warn{color:#b76808;background:#fff4df}.admin-status.is-off{color:#64748b;background:#edf1f5}.admin-pagination-summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 16px;color:#64748b;border-top:1px solid #e5eaf2}.admin-row-menu{position:relative}.admin-row-menu>summary{list-style:none}.admin-row-menu>summary::-webkit-details-marker{display:none}.admin-row-menu[open]{z-index:35}.admin-popover-form{position:absolute;z-index:30;top:calc(100% + 6px);right:0;width:290px;display:grid;gap:10px;padding:14px;background:#fff;border:1px solid #dbe3ef;border-radius:7px;box-shadow:0 16px 45px rgba(15,23,42,.16)}.admin-popover-form label{display:grid;gap:5px}.money-in{color:#06935a}.money-out{color:#dc3645}
.admin-config-drawer{padding:0;margin-bottom:12px}.admin-config-drawer>summary{min-height:50px;display:flex;align-items:center;gap:8px;padding:0 18px;color:#1769ff;font-weight:650;cursor:pointer;list-style:none}.admin-config-drawer>summary::-webkit-details-marker{display:none}.admin-config-drawer>summary svg{width:18px}.admin-config-drawer[open]>summary{border-bottom:1px solid #e5eaf2}.admin-drawer-body{padding:18px}.admin-drawer-body .panel-header h2{font-size:16px}.admin-health-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}.admin-alert-panel{padding:0}.admin-alert-panel>header{padding:16px 18px;border-bottom:1px solid #e5eaf2}.admin-alert-panel>header h2{margin:0;font-size:16px}.admin-alert-panel>article{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #eef2f7}.admin-alert-panel>article>svg{width:18px;color:#e87912}.admin-alert-panel strong,.admin-alert-panel small{display:block}.admin-alert-panel small{margin-top:3px;color:#64748b}.health-score{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;color:#087f5b;font-size:20px;font-weight:750;border:7px solid #35b87b;border-radius:50%}
@media(max-width:1280px){.admin-metric-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-health-grid{grid-template-columns:1fr}.admin-filter-bar{flex-wrap:wrap}.admin-search{flex-basis:100%}}
@media(max-width:900px){.admin-console{padding:16px 12px 28px}.admin-metric-grid-5,.admin-metric-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page-actions{align-items:flex-start;flex-direction:column}.admin-drawer{position:fixed;top:72px;right:12px;left:12px;width:auto}.admin-filter-bar>*,.admin-filter-bar select,.admin-filter-bar>label:not(.admin-search){width:100%;min-width:0}.admin-tabs{justify-content:flex-start}.admin-popover-form{position:fixed;top:20%;right:14px;left:14px;width:auto}}
@media(max-width:560px){.admin-metric-grid-5,.admin-metric-grid-4{grid-template-columns:1fr}.admin-metric-grid article{min-height:88px}.admin-console{padding-right:8px;padding-left:8px}}
.admin-inline-tip{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:10px 14px;color:#315f9f;background:#eef6ff;border:1px solid #cfe1fb;border-radius:6px}.admin-inline-tip svg{width:17px;flex:0 0 17px}.admin-link{color:#0865dc}.product-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 18px;background:#fff;border:1px solid #dbe3ef;border-radius:8px}.product-steps span{text-align:center;color:#64748b}.product-steps span.is-active{color:#1769ff;font-weight:700}.product-form-stack{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px}.product-form-section{grid-column:1;padding:0}.product-form-section h2{margin:0;padding:14px 18px;font-size:15px;border-bottom:1px solid #e5eaf2}.product-form-section h2 small{margin-left:14px;color:#64748b;font-weight:400}.product-form-section .form-grid{padding:16px 18px}.product-route-hint{align-self:end;margin:0;padding:10px;color:#087b52;background:#ebf9f2;border:1px solid #bfe8d3;border-radius:6px}.product-route-hint svg{width:16px;vertical-align:middle}.product-strategy-link{display:flex;flex-direction:column;justify-content:center;padding:10px 14px;border:1px solid #9cc0ff;border-radius:6px}.product-strategy-link small{margin-top:3px;color:#64748b}.product-publish-options{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;flex-wrap:wrap}.product-overview{position:sticky;top:88px;grid-column:2;grid-row:1/span 4;padding:18px}.product-overview h2,.product-overview h3{margin:0 0 16px;font-size:16px}.product-overview-name{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5eaf2}.product-overview-name>span{width:52px;height:52px;display:grid;place-items:center;color:#7654e8;background:#f3efff;border-radius:8px}.product-overview dl{margin:8px 0 20px}.product-overview dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0}.product-overview dt{color:#64748b}.product-overview dd{margin:0;text-align:right}.product-overview p{display:flex;align-items:center;gap:8px;margin:10px 0;color:#078653}.product-overview p svg{width:16px}.product-overview p span{flex:1;color:#334155}.product-overview p b{font-size:12px}.product-overview button{width:100%;margin-top:14px}@media(max-width:900px){.product-steps{grid-template-columns:1fr 1fr;gap:12px}.product-form-section h2 small{display:block;margin:6px 0 0}.product-form-stack{grid-template-columns:1fr}.product-form-section,.product-overview{grid-column:1}.product-overview{position:static;grid-row:auto}}
.provider-management-panel{margin-bottom:14px}.provider-management-panel>header{justify-content:space-between;gap:14px}.provider-table{min-width:1050px}.provider-table th:nth-child(1){width:18%}.provider-table th:nth-child(2){width:27%}.provider-table th:nth-child(3){width:23%}.provider-endpoint{display:block;max-width:360px;overflow:hidden;color:#334155;font-size:12px;text-overflow:ellipsis;white-space:nowrap}

/* Channel directory and channel detail */
.channel-console,.channel-detail-console{padding-top:22px}.channel-page-buttons,.channel-detail-actions,.channel-row-actions{display:flex;align-items:center;gap:10px}.channel-page-buttons details,.channel-detail-actions details{position:relative}.channel-page-buttons summary,.channel-detail-actions summary{list-style:none}.channel-page-buttons summary::-webkit-details-marker,.channel-detail-actions summary::-webkit-details-marker{display:none}.channel-create-drawer{width:min(820px,calc(100vw - 300px))}.channel-create-drawer hr,.channel-detail-actions .admin-drawer hr{margin:20px 0;border:0;border-top:1px solid #e5eaf2}.channel-metrics article{min-height:94px}.channel-list-panel .admin-tabs{min-height:54px}.channel-selection-row{height:44px;display:flex;align-items:center;gap:28px;padding:0 16px;color:#64748b;font-size:12px;border-top:1px solid #eef2f7}.channel-directory-table{min-width:1220px}.channel-directory-table tbody td{height:72px}.channel-name-cell{min-width:270px;display:flex;align-items:center;gap:11px;color:#0f172a}.channel-name-cell>span:last-child{min-width:0}.channel-symbol{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#fff;background:#2475f5;border-radius:7px}.channel-symbol svg{width:20px}.channel-cap-tags{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}.channel-cap-tags em,.channel-title-line>em{padding:3px 7px;color:#1769ff;font-size:10px;font-style:normal;background:#eef4ff;border-radius:4px}.route-priority{display:inline-flex;padding:3px 7px;color:#087f5b;background:#e9f8ef;border-radius:4px}.channel-row-actions form{margin:0}.channel-row-actions button{padding:4px;color:#1769ff;background:transparent;border:0}.channel-row-actions .icon-button{margin-left:3px}
.channel-detail-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#64748b}.channel-detail-breadcrumb a{display:flex;align-items:center;gap:4px}.channel-detail-breadcrumb svg{width:17px}.channel-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.channel-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.channel-title-line h2{margin:0;font-size:28px}.channel-title-line code{padding:5px 9px;color:#64748b;background:#f8fafc;border:1px solid #dbe3ef;border-radius:5px}.channel-detail-title p{margin:8px 0 0;color:#64748b}.channel-facts{display:grid;grid-template-columns:1.3fr 1fr 1.1fr .8fr .8fr 1fr;margin-bottom:20px;padding:0}.channel-facts>div{min-width:0;padding:20px;border-right:1px solid #e5eaf2}.channel-facts>div:last-child{border-right:0}.channel-facts small,.channel-facts strong{display:block}.channel-facts small{margin-bottom:12px;color:#64748b}.channel-facts strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-model-panel .admin-tabs{min-height:56px}.channel-model-summary{padding:0 16px 12px;color:#475569}.channel-model-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;padding:0 16px 16px}.channel-model-table{min-width:900px}.channel-model-table tbody td{height:66px}.channel-model-table .admin-popover-form{width:340px}.channel-model-table .admin-popover-form form{display:grid;gap:9px}.channel-model-table .admin-popover-form form+form{padding-top:10px;border-top:1px solid #e5eaf2}.channel-sync-card{align-self:start;padding:18px;border:1px solid #dbe3ef;border-radius:8px}.channel-sync-card h3{margin:0 0 16px;font-size:15px}.channel-sync-card p{display:flex;align-items:flex-start;gap:9px;margin:13px 0;color:#64748b;font-size:12px;line-height:1.5}.channel-sync-card svg{width:15px;flex:none;color:#0a9f68}.model-authorization-list{max-height:150px;display:grid;gap:6px;overflow:auto}
@media(max-width:1300px){.channel-facts{grid-template-columns:repeat(3,1fr)}.channel-facts>div:nth-child(3){border-right:0}.channel-facts>div:nth-child(-n+3){border-bottom:1px solid #e5eaf2}.channel-model-layout{grid-template-columns:1fr}.channel-sync-card{display:none}}
@media(max-width:900px){.channel-detail-title{flex-direction:column}.channel-detail-actions{flex-wrap:wrap}.channel-page-buttons{width:100%;flex-wrap:wrap}.channel-create-drawer{position:fixed;width:auto}.channel-facts{grid-template-columns:1fr 1fr}.channel-facts>div:nth-child(n){border-right:1px solid #e5eaf2;border-bottom:1px solid #e5eaf2}.channel-facts>div:nth-child(2n){border-right:0}.channel-model-layout{padding-right:8px;padding-left:8px}}
.channel-pending-row{background:#fffdf8}.channel-symbol.is-pending{color:#b76808;background:#fff1d6;border:1px dashed #f0b35b}.channel-pending-row .pending-channel-form{width:360px}.channel-pending-row .pending-channel-form input:disabled{color:#64748b;background:#f8fafc}.channel-pending-row .admin-status.is-warn{white-space:nowrap}
.account-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.account-detail-head h2{margin:0;font-size:26px}.account-detail-head p{margin:8px 0 0;color:#64748b}.account-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.account-actions{padding:0}.account-actions>header{padding:16px 18px;border-bottom:1px solid #e5eaf2}.account-actions>header h2{margin:0;font-size:16px}.account-actions .form-grid{padding:18px}.account-ledger{margin-top:18px}.account-detail .admin-metric-grid strong{font-size:18px}@media(max-width:900px){.account-detail-grid{grid-template-columns:1fr}.account-detail-head{flex-direction:column}}

/* Product editor and pricing strategy reference layouts */
.reference-page-head,.reference-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px}.reference-page-head p,.reference-product-head p{margin:0 0 8px;color:#64748b;font-size:12px}.reference-page-head h2,.reference-product-head h2{margin:0;color:#0f172a;font-size:26px}.reference-page-head>div>span,.reference-product-head>div>span{display:block;margin-top:6px;color:#64748b}.reference-head-actions,.reference-product-head>div:last-child{display:flex;align-items:center;gap:12px}.reference-head-actions details{position:relative}.reference-head-actions summary{list-style:none}.reference-head-actions summary::-webkit-details-marker{display:none}.reference-price-tip{margin-bottom:14px}.reference-price-tip span{flex:1}.reference-price-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.reference-price-metrics article{min-height:80px;padding:14px}.reference-price-metrics .admin-metric-icon{width:42px;height:42px;flex-basis:42px}.reference-price-table{overflow:visible}.reference-price-tabs{min-height:48px}.reference-price-tabs a{min-width:88px}.reference-price-filters{align-items:center;padding:12px 14px}.reference-price-filters .admin-search{min-width:260px}.reference-price-filters select{min-width:135px}.reference-price-filters button,.reference-price-filters .button{height:38px}.reference-table-tip{margin:0 14px 8px;padding:8px 10px;font-size:12px}.reference-book-table{min-width:1320px}.reference-book-table tbody td{height:52px;font-size:12px}.reference-book-table td:last-child{white-space:nowrap}.reference-price-lower{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.reference-price-lower>.panel{padding:0;overflow:hidden}.reference-price-lower header{padding:13px 16px;border-bottom:1px solid #e5eaf2}.reference-price-lower h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.reference-price-lower h3 svg{width:17px;color:#1769ff}.reference-price-lower table{font-size:12px}.reference-price-lower th,.reference-price-lower td{padding:8px 12px}.reference-panel-link{display:block;padding:12px 16px;color:#1769ff;font-size:12px;border-top:1px solid #e5eaf2}.reference-adjustment{padding:0}.reference-adjustment>summary{display:flex;align-items:center;gap:8px;padding:14px 18px;color:#1769ff;font-weight:700;cursor:pointer;list-style:none}.reference-adjustment>summary::-webkit-details-marker{display:none}.reference-adjustment>summary svg{width:18px}.reference-adjustment[open]>summary{border-bottom:1px solid #e5eaf2}.reference-adjustment .form-grid{padding:16px}.reference-page-pagination{display:flex;align-items:center;justify-content:space-between;color:#64748b}.reference-price-drawer{width:min(760px,calc(100vw - 300px))}
.reference-product-head a{display:inline-flex;align-items:center;gap:5px}.reference-product-head a svg{width:15px}.reference-product-steps{height:48px;display:flex;align-items:center;margin-bottom:12px;padding:0 74px;background:#fff;border:1px solid #dbe3ef;border-radius:7px}.reference-product-steps span{display:flex;align-items:center;gap:9px;color:#64748b;white-space:nowrap}.reference-product-steps span b{width:21px;height:21px;display:grid;place-items:center;background:#e7ecf3;border-radius:50%;font-size:11px}.reference-product-steps span.is-active{color:#1769ff;font-weight:700}.reference-product-steps span.is-active b{color:#fff;background:#1769ff}.reference-product-steps>i{height:1px;flex:1;margin:0 28px;background:#dbe3ef}.reference-product-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:16px}.reference-product-main{display:grid;gap:10px}.reference-form-section{padding:0}.reference-form-section h3{display:flex;align-items:center;gap:8px;margin:0;padding:10px 15px;font-size:13px;border-bottom:1px solid #e5eaf2}.reference-form-section h3>b{color:#315f9f}.reference-form-section h3 small{color:#64748b;font-weight:400}.reference-basic-grid,.reference-model-grid,.reference-price-grid{display:grid;gap:9px 16px;padding:10px 16px 12px}.reference-basic-grid{grid-template-columns:1.2fr 1fr .9fr .9fr}.reference-model-grid{grid-template-columns:1.1fr 1fr 1fr}.reference-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-basic-grid label,.reference-model-grid label,.reference-price-grid label{display:grid;gap:4px;color:#475569;font-size:11px}.reference-basic-grid em,.reference-model-grid em,.reference-price-grid em,.reference-publish-grid em{color:#e5484d;font-style:normal}.reference-basic-grid input,.reference-basic-grid select,.reference-basic-grid textarea,.reference-model-grid input,.reference-model-grid select,.reference-price-grid input,.reference-price-grid select{height:34px;padding:6px 10px;font-size:12px}.reference-basic-grid textarea{height:48px;resize:none}.reference-description{grid-column:1/3}.reference-model-health{align-self:end;height:34px;display:flex;align-items:center;gap:7px;margin:0;padding:0 12px;color:#087b52;background:#ecf9f2;border:1px solid #bfe8d3;border-radius:5px;font-size:11px}.reference-model-health svg{width:15px}.reference-model-health span{margin-left:auto}.reference-price-grid label small{color:#e87912}.reference-margin-card{min-height:50px;padding:9px 12px;background:#f8fafc;border:1px solid #dbe3ef;border-radius:6px}.reference-margin-card small,.reference-margin-card strong{display:block}.reference-margin-card small{color:#64748b;font-size:10px}.reference-margin-card strong{margin-top:4px;font-size:16px}.reference-advanced-price{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 12px;border:1px solid #8db6ff;border-radius:6px}.reference-advanced-price strong,.reference-advanced-price small{display:block}.reference-advanced-price small{color:#64748b;font-size:10px}.reference-advanced-price svg{grid-column:2;grid-row:1/3;width:17px}.reference-publish-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);align-items:center;gap:16px;padding:12px 16px;font-size:12px}.reference-publish-grid>div{display:flex;align-items:center;gap:18px}.reference-publish-grid small{color:#64748b}.reference-product-overview{position:sticky;top:84px;padding:16px}.reference-product-overview>h3{margin:0 0 16px;font-size:15px}.reference-overview-title{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e5eaf2}.reference-overview-title>span{width:52px;height:52px;display:grid;place-items:center;color:#7654e8;background:#f3efff;border-radius:8px}.reference-overview-title svg{width:24px}.reference-overview-title strong,.reference-overview-title em{display:block}.reference-overview-title em{width:max-content;margin-top:5px;padding:3px 8px;color:#b76808;background:#fff1dc;border-radius:10px;font-size:10px;font-style:normal}.reference-product-overview dl{margin:8px 0 18px}.reference-product-overview dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:11px}.reference-product-overview dt{color:#64748b}.reference-product-overview dd{margin:0;text-align:right}.reference-product-overview h4{margin:12px 0 6px;padding-top:12px;border-top:1px solid #e5eaf2}.reference-product-overview p{display:flex;align-items:center;gap:7px;margin:9px 0;color:#078653;font-size:11px}.reference-product-overview p svg{width:14px}.reference-product-overview p span{flex:1;color:#334155}.reference-product-overview button{width:100%;margin-top:12px}.reference-product-editor{padding-top:18px}
@media(max-width:1400px){.reference-price-metrics{grid-template-columns:repeat(3,1fr)}.reference-product-layout{grid-template-columns:minmax(0,1fr) 250px}.reference-basic-grid{grid-template-columns:1fr 1fr}.reference-description{grid-column:1}.reference-model-grid{grid-template-columns:1fr 1fr}.reference-model-health{grid-column:1/3}}
@media(max-width:1000px){.reference-price-lower{grid-template-columns:1fr}.reference-product-layout{grid-template-columns:1fr}.reference-product-overview{position:static}.reference-product-steps{padding:0 18px}.reference-product-steps>i{margin:0 10px}.reference-price-grid{grid-template-columns:1fr 1fr}.reference-page-head,.reference-product-head{flex-direction:column}.reference-publish-grid{grid-template-columns:1fr 1fr}.reference-price-drawer{position:fixed;width:auto}}
@media(max-width:620px){.reference-price-metrics,.reference-price-grid,.reference-basic-grid,.reference-model-grid,.reference-publish-grid{grid-template-columns:1fr}.reference-model-health{grid-column:1}.reference-description{grid-column:1}.reference-product-steps{justify-content:space-between}.reference-product-steps>i{display:none}.reference-product-steps span{font-size:0}.reference-product-steps span b{font-size:11px}.reference-head-actions,.reference-product-head>div:last-child{width:100%;flex-wrap:wrap}}
.reference-row-actions{display:flex;align-items:center;gap:10px}.reference-row-actions details>summary{color:#1769ff;cursor:pointer;list-style:none}.reference-row-actions details>summary::-webkit-details-marker{display:none}.reference-row-actions .admin-popover-form{white-space:normal;text-align:left}
.reference-price-table>.table-wrap{overflow:visible}.reference-adjustment>header{padding:16px 18px;border-bottom:1px solid #e5eaf2}.reference-adjustment>header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}.reference-adjustment>header h3 svg{width:18px;color:#1769ff}.reference-adjustment>header p{margin:6px 0 0;color:#64748b;font-size:12px}.reference-book-editor{padding:0;scroll-margin-top:80px}.reference-book-editor>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;color:#1769ff;font-weight:700;cursor:pointer;list-style:none}.reference-book-editor>summary::-webkit-details-marker{display:none}.reference-book-editor>summary span{display:flex;align-items:center;gap:8px}.reference-book-editor>summary svg{width:17px}.reference-book-editor[open]>summary{border-bottom:1px solid #e5eaf2}.reference-book-editor[open]>summary>svg{transform:rotate(180deg)}.reference-book-editor .form-grid{padding:16px 18px}.reference-adjustment{scroll-margin-top:80px}
@media(max-width:1500px){.reference-price-table>.table-wrap{overflow-x:auto;overflow-y:hidden}.reference-book-table{min-width:1320px}}

/* Orders and payments */
.reference-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px}.reference-order-head p{margin:0 0 8px;color:#64748b;font-size:12px}.reference-order-head h2{margin:0;color:#0f172a;font-size:26px}.reference-order-head>div>span{display:block;margin-top:6px;color:#64748b}.reference-order-head>div:last-child{display:flex;align-items:center;gap:10px}.reference-order-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.reference-order-metrics article{min-height:84px;padding:14px}.reference-order-metrics .admin-metric-icon{width:42px;height:42px;flex-basis:42px}.reference-order-trend{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;padding:13px 20px}.reference-order-trend>div:first-child small,.reference-order-trend>div:first-child strong,.reference-order-trend>div:first-child span{display:block}.reference-order-trend>div:first-child small,.reference-order-trend>div:first-child span{color:#64748b;font-size:11px}.reference-order-trend>div:first-child strong{margin:4px 0;font-size:20px}.reference-trend-chart{height:70px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;border-bottom:1px solid #dbe3ef}.reference-trend-chart>span{position:relative;height:var(--value);min-height:4px;background:linear-gradient(180deg,#5b92ff,#eaf2ff);border-top:2px solid #1769ff}.reference-trend-chart i{position:absolute;top:-4px;left:50%;width:7px;height:7px;background:#fff;border:2px solid #1769ff;border-radius:50%;transform:translateX(-50%)}.reference-trend-chart small{position:absolute;top:calc(100% + 8px);left:50%;color:#64748b;font-size:10px;transform:translateX(-50%);white-space:nowrap}.reference-trend-chart b{position:absolute;bottom:calc(100% + 4px);left:50%;color:#475569;font-size:9px;font-weight:500;transform:translateX(-50%);white-space:nowrap}.reference-order-table{overflow:visible}.reference-order-tabs{min-height:50px}.reference-order-tabs a{min-width:100px}.reference-order-tabs em{margin-left:4px;padding:2px 6px;color:#1769ff;background:#eaf2ff;border-radius:8px;font-size:10px;font-style:normal}.reference-order-filters{align-items:center;padding:12px}.reference-order-filters .admin-search{min-width:245px}.reference-order-filters select{min-width:120px}.reference-date-range{height:38px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #dbe3ef;border-radius:6px}.reference-date-range input{width:112px;padding:0;border:0;box-shadow:none;font-size:11px}.reference-date-range span{color:#64748b;font-size:11px}.reference-order-summary{display:flex;align-items:center;gap:7px;margin:0;padding:10px 16px;color:#334155;font-size:12px;border-top:1px solid #e5eaf2}.reference-order-summary b{display:flex;align-items:center;gap:5px;color:#dc3645}.reference-order-summary svg{width:14px}.reference-orders-grid{min-width:1450px}.reference-orders-grid tbody td{height:52px;padding-top:7px;padding-bottom:7px;font-size:11px}.reference-orders-grid td>strong,.reference-orders-grid td>small{display:block}.reference-orders-grid td>small{margin-top:3px;color:#64748b}.status-paid,.status-succeeded{color:#078653;background:#dcfce7}.status-processing{color:#1769ff;background:#e0efff}.status-pending{color:#b76808;background:#fff1dc}.status-failed{color:#dc3645;background:#fee2e2}.reference-order-placeholder{min-height:300px;display:grid;place-items:center;align-content:center;padding:40px;color:#64748b;text-align:center}.reference-order-placeholder svg{width:38px;height:38px;color:#94a3b8}.reference-order-placeholder h3{margin:12px 0 6px;color:#334155}.reference-order-placeholder p{max-width:520px;margin:0}.reference-order-lower{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.reference-order-lower>.panel{padding:0;overflow:hidden}.reference-order-lower header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e5eaf2}.reference-order-lower h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.reference-order-lower h3 svg{width:17px;color:#1769ff}.reference-order-lower table{font-size:11px}.reference-order-lower th,.reference-order-lower td{padding:9px 14px}.reference-order-lower .empty{min-height:110px}.reference-alert-dot{width:6px;height:6px;display:inline-block;margin-right:9px;background:#ef4444;border-radius:50%}
@media(max-width:1450px){.reference-order-metrics{grid-template-columns:repeat(3,1fr)}.reference-order-filters{flex-wrap:wrap}.reference-order-filters .admin-search{flex-basis:100%}}
@media(max-width:900px){.reference-order-head{flex-direction:column}.reference-order-head>div:last-child{width:100%;flex-wrap:wrap}.reference-order-trend{grid-template-columns:1fr}.reference-order-lower{grid-template-columns:1fr}.reference-order-metrics{grid-template-columns:1fr 1fr}.reference-date-range{width:100%}.reference-date-range input{flex:1;width:auto}}
@media(max-width:520px){.reference-order-metrics{grid-template-columns:1fr}.reference-trend-chart b{display:none}}

/* Short drama conversational studio */
.drama-studio{min-height:calc(100vh - 124px);display:grid;grid-template-columns:255px minmax(0,1fr);background:#fff}.drama-history{min-height:inherit;border-right:1px solid #e5eaf2}.drama-chat-stage{min-width:0;display:flex;flex-direction:column}.drama-chat-stage .creative-stage-head{height:58px;flex:none}.drama-chat-welcome{width:min(760px,calc(100% - 48px));display:flex;align-items:flex-start;gap:12px;margin:58px auto 24px}.drama-chat-welcome>div{padding:18px 20px;background:#f7faff;border:1px solid #dce8fb;border-radius:8px}.drama-chat-welcome strong{display:block;margin-bottom:7px}.drama-chat-welcome p{margin:0;color:#64748b;line-height:1.7}.drama-model-warning{width:min(900px,calc(100% - 48px));display:grid;gap:5px;margin:0 auto 20px}.drama-composer{width:min(1100px,calc(100% - 48px));margin:auto auto 18px;padding:14px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 8px 28px rgba(28,50,85,.07)}.drama-composer>textarea{width:100%;min-height:92px;padding:4px 6px 12px;border:0;box-shadow:none;resize:vertical;font-size:15px;line-height:1.65}.drama-upload-row,.drama-model-controls{display:flex;align-items:center;gap:8px}.drama-upload-row{padding:6px 0 10px}.drama-upload-row button{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:6px}.drama-upload-row button svg{width:15px}.drama-upload-row .icon-button{width:32px;padding:0;justify-content:center}.drama-upload-row>span{color:#64748b;font-size:11px}.drama-upload-row>span.is-error{color:#dc3645}.drama-model-controls{padding-top:10px;border-top:1px solid #eef2f7}.drama-model-controls>label{min-width:0;display:flex;align-items:center;gap:6px}.drama-model-controls>label span{color:#64748b;font-size:11px;white-space:nowrap}.drama-model-controls select{height:36px;min-width:155px;padding:0 28px 0 9px;font-size:12px}.drama-submit{width:38px;height:38px;display:grid;place-items:center;margin-left:auto;color:#fff;background:#1769ff;border:0;border-radius:50%}.drama-submit svg{width:18px}.drama-submit:disabled{background:#9abcf7;cursor:not-allowed}.drama-settings{position:relative}.drama-settings>summary{height:36px;display:flex;align-items:center;gap:5px;padding:0 10px;color:#475569;border:1px solid #dbe3ef;border-radius:6px;cursor:pointer;list-style:none;font-size:12px}.drama-settings>summary::-webkit-details-marker{display:none}.drama-settings>summary svg{width:15px}.drama-settings>div{position:absolute;right:0;bottom:44px;z-index:20;width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 16px 40px rgba(15,23,42,.15)}.drama-settings label{display:grid;gap:5px;color:#475569;font-size:11px}.drama-settings input,.drama-settings select{width:100%;height:36px}.drama-reference-list{display:flex;gap:8px;padding-bottom:10px;overflow-x:auto}.drama-reference-card{position:relative;width:112px;flex:0 0 112px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px;padding:5px;background:#f8fafc;border:1px solid #dbe3ef;border-radius:6px}.drama-reference-card img{width:36px;height:36px;object-fit:cover;border-radius:4px}.drama-reference-card>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.drama-reference-card button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:grid;place-items:center;padding:0;color:#fff;background:#475569;border:0;border-radius:50%}.drama-reference-card button svg{width:11px}.reference-library-dialog{width:min(760px,calc(100vw - 32px));padding:0;border:0;border-radius:8px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.reference-library-dialog::backdrop{background:rgba(15,23,42,.45)}.reference-dialog-head,.reference-dialog-actions{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e5eaf2}.reference-dialog-head span{display:block;margin-top:4px;color:#64748b;font-size:11px}.reference-dialog-head button{padding:4px;background:transparent;border:0}.reference-dialog-head svg{width:18px}.reference-library-grid{max-height:420px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;overflow:auto}.reference-library-grid>button{position:relative;padding:5px;background:#fff;border:2px solid transparent;border-radius:7px;text-align:left}.reference-library-grid>button img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:5px}.reference-library-grid>button span{display:block;padding:6px 2px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.reference-library-grid>button>svg{position:absolute;top:9px;right:9px;width:20px;height:20px;display:none;padding:3px;color:#fff;background:#1769ff;border-radius:50%}.reference-library-grid>button.is-selected{border-color:#1769ff}.reference-library-grid>button.is-selected>svg{display:block}.reference-library-empty{grid-column:1/-1;padding:50px;color:#64748b;text-align:center}.reference-dialog-actions{justify-content:flex-end;gap:9px;border-top:1px solid #e5eaf2;border-bottom:0}
@media(max-width:1000px){.drama-studio{grid-template-columns:1fr}.drama-history{display:none}.drama-model-controls{flex-wrap:wrap}.drama-submit{margin-left:auto}.drama-settings>div{right:-80px}.reference-library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.drama-chat-welcome,.drama-model-warning,.drama-composer{width:calc(100% - 24px)}.drama-chat-welcome{margin-top:24px}.drama-upload-row{flex-wrap:wrap}.drama-model-controls>label{width:100%;justify-content:space-between}.drama-model-controls select{flex:1}.drama-settings>div{position:fixed;right:12px;bottom:80px;left:12px;width:auto;grid-template-columns:1fr;max-height:65vh;overflow:auto}.reference-library-grid{grid-template-columns:repeat(2,1fr)}}