:root{
  --font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
  --ink:#1f1f1f;--muted:#737373;--subtle:#9b9b9b;--line:#e7e7e7;--paper:#fff;--canvas:#fff;--sidebar-bg:#f7f7f8;--soft:#f1f1f2;
  --red:#a52118;--red-hover:#8d1b14;--red-soft:#f8eeed;--pink:#f8eeed;--green:#2f845c;
  --shadow:0 10px 32px rgba(24,24,24,.055);--radius:10px;
}

*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;color:var(--ink);background:var(--canvas);font-family:var(--font);font-size:14px}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(159,29,21,.14);outline-offset:2px}.hidden{display:none!important}

.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#faf7f6,#f5e9e8)}
.login-card{width:min(420px,100%);padding:36px;border:1px solid #eadfdd;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(70,39,34,.1)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand>span,.brand-mark,.assistant-dot{display:grid;place-items:center;background:var(--red);color:#fff}.login-brand>span{width:44px;height:44px;border-radius:13px;font-weight:800}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:17px}.login-brand small{margin-top:3px;color:var(--muted);font-size:12px}.login-card h1{margin:0 0 8px;font-size:27px}.login-card>p{margin:0 0 25px;color:var(--muted)}.login-card label,.admin-form label{display:block;margin:0 0 16px;color:#555;font-size:13px;font-weight:600}.login-card input,.admin-form input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ddd4d2;border-radius:9px;background:#fff}.login-error{min-height:20px;margin-top:12px;color:#a33;font-size:12px;text-align:center}
.register-card{margin-block:24px}.register-card .login-brand{margin-bottom:22px}.register-card label{margin-bottom:11px}.auth-switch{margin:8px 0 0!important;text-align:center;font-size:13px}.auth-switch button{padding:4px;border:0;background:transparent;color:var(--red);font-weight:700;cursor:pointer}

.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:276px;padding:22px 16px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.brand-mark{width:38px;height:38px;border-radius:11px;font-size:16px;font-weight:800}.brand strong{font-size:18px;letter-spacing:.02em}.nav{display:grid;gap:5px}.nav-group{padding:17px 10px 7px;color:#999;font-size:12px}.nav-item{width:100%;min-height:45px;border:0;border-radius:9px;padding:0 13px;background:transparent;color:#555;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer}.nav-item:hover{background:#faf4f3;color:var(--red)}.nav-item.active{background:var(--red);color:#fff}.nav-icon{width:21px;text-align:center;font-size:17px}.nav-item b{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:99px;background:rgba(0,0,0,.06);font-size:10px;text-align:center}.nav-item.active b{background:rgba(255,255,255,.2)}.sidebar-search{margin-top:auto;padding:13px;border-radius:9px;background:#fafafa;color:#aaa;font-size:11px;line-height:1.5}.account{display:flex;align-items:center;gap:10px;margin-top:13px;padding:13px 8px 2px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e86826;color:#fff;font-weight:750}.avatar.small{width:29px;height:29px}.account strong,.account span{display:block}.account strong{font-size:12px}.account span{margin-top:2px;color:#999;font-size:10px}

.main{width:calc(100% - 276px);min-height:100vh;margin-left:276px}.topbar{position:sticky;top:0;z-index:10;height:66px;padding:0 28px;border-bottom:1px solid #eee1df;background:rgba(247,236,236,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between}.view-label{display:flex;align-items:center;gap:9px}.assistant-dot{width:27px;height:27px;border-radius:8px;font-size:11px}.view-label strong{font-size:14px}.top-actions{display:flex;align-items:center;gap:10px}.status-pill{display:flex;align-items:center;gap:7px;border:1px solid #e4d9d6;border-radius:999px;background:#fff;padding:7px 11px;font-size:10px}.status-pill>span{width:7px;height:7px;border-radius:50%;background:#c78a41}.status-pill.live>span{background:#3c9d70}.status-pill.large{font-size:12px;padding:9px 14px}.user-menu{min-width:126px;border:1px solid #eadfdd;border-radius:9px;background:#fff;padding:5px 9px;display:flex;align-items:center;gap:8px;cursor:pointer}.user-menu b{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.user-menu i{margin-left:auto;color:#aaa;font-size:9px;font-style:normal}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.menu-btn{display:none}

.view{display:none;max-width:1500px;margin:0 auto;padding:38px clamp(24px,3.6vw,58px) 64px}.view.active{display:block;animation:enter .2s ease}@keyframes enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.workshop-heading{text-align:center;margin:23px auto 30px}.workshop-heading h1{margin:0 0 10px;font-size:30px;letter-spacing:-.02em}.workshop-heading p,.page-heading p{margin:0;color:var(--muted);line-height:1.7}.mode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.mode-card{min-height:69px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.mode-card:hover,.mode-card.active{border-color:#d5aaa5;box-shadow:var(--shadow)}.mode-card.active{background:#fff8f7;box-shadow:inset 0 -2px var(--red)}.mode-card strong,.mode-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-card strong{font-size:12px}.mode-card small{margin-top:3px;color:#999;font-size:9px}.mode-badge{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700}.warm{background:#faede6;color:#8c4729}.rose{background:#f8e8ea;color:#9f1d15}.blue{background:#e9f0f7;color:#356184}.green{background:#e6f2eb;color:#2f7254}.violet{background:#eee9f6;color:#684b82}.amber{background:#f8eed9;color:#8a6725}

.workspace-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);padding:22px}.composer-panel,.process-panel{min-height:520px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.panel-head>div{display:flex;align-items:center;gap:9px}.panel-head h2{margin:0;font-size:14px}.step-num{width:28px;height:28px;border-radius:8px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-size:10px;font-weight:800}.mini-tag{padding:4px 7px;border-radius:5px;background:#f3f0ef;color:#817674;font-size:8px;font-weight:700;text-transform:uppercase}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.profile-row label{color:var(--muted);font-size:11px}.profile-row select{max-width:230px;border:0;background:transparent;color:var(--red);font-size:11px;text-align:right}.prompt-box{overflow:hidden;border:1px solid #ddd7d5;border-radius:11px;background:#fff}.prompt-box:focus-within{border-color:#ca8c86;box-shadow:0 0 0 3px rgba(159,29,21,.07)}.prompt-box textarea{width:100%;min-height:205px;resize:vertical;padding:15px;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.75}.prompt-box textarea::placeholder{color:#b2aaaa}.prompt-foot{min-height:43px;padding:7px 9px;border-top:1px solid #eee9e7;display:flex;justify-content:space-between;align-items:center;gap:8px}.prompt-foot>span{flex:none;color:#aaa;font-size:9px}.suggestions{display:flex;gap:5px;overflow:auto}.suggestions button{white-space:nowrap;border:1px solid #e7dedc;border-radius:99px;padding:4px 8px;background:#fff;color:#756d6b;cursor:pointer;font-size:9px}.advanced-row{min-height:50px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#817976;cursor:pointer;font-size:10px}.route-select{display:flex;align-items:center;gap:7px;color:#888;font-size:10px}.route-select select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:5px 8px;font-size:10px}
.primary-button,.secondary-button,.danger-button{border-radius:9px;padding:11px 15px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:12px;font-weight:650}.primary-button{width:100%;border:0;background:var(--red);color:#fff}.primary-button:hover{background:var(--red-hover)}.primary-button:disabled{opacity:.58;cursor:wait}.primary-button i{font-style:normal}.primary-button.compact{width:auto;margin-left:auto}.secondary-button{border:1px solid #d9cfcc;background:#fff;color:var(--red)}.danger-button{border:1px solid #e7c7c4;background:#fff;color:#a12c25}
.live-dot{color:var(--green);font-size:9px;display:flex;align-items:center;gap:6px}.live-dot i{width:6px;height:6px;border-radius:50%;background:#49a87a}.workflow-empty,.loading-state{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.assistant-symbol{width:53px;height:53px;margin-bottom:17px;border-radius:16px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:17px;font-weight:800}.workflow-empty h3,.loading-state h3{margin:0 0 8px;font-size:18px}.workflow-empty p,.loading-state p{max-width:390px;margin:0;color:var(--muted);font-size:11px;line-height:1.8}.clarification{padding-top:5px}.agent-message{display:flex;gap:10px;padding:12px;border-radius:10px;background:var(--red-soft);margin-bottom:15px}.agent-avatar{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--red);color:#fff;font-size:11px;font-weight:700}.agent-message span{color:var(--red);font-size:9px;font-weight:700}.agent-message p{margin:3px 0 0;font-size:11px}.clarify-field{display:block;margin:0 0 11px}.clarify-field span{display:block;margin-bottom:6px;font-size:11px;font-weight:650}.clarify-field small{display:block;margin-top:4px;color:#999;font-size:9px}.clarify-field input{width:100%;border:1px solid #ddd7d5;border-radius:8px;padding:10px 11px;background:#fff;font-size:11px}.loader{height:45px;display:flex;gap:6px;align-items:center}.loader span{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1s infinite ease-in-out}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-7px);opacity:1}}

.result-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--line)}.result-toolbar>div{display:flex;align-items:center;gap:8px}.success-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e5f2ea;color:var(--green);font-weight:800}.stream-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1s infinite}.result-toolbar strong{font-size:11px}.result-toolbar button,.version-actions button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:5px 8px;cursor:pointer;font-size:9px}.result-content{max-height:390px;overflow:auto;padding:14px 5px 9px 0;color:#393432;font-size:11px;line-height:1.85}.result-content h1,.result-content h2,.result-content h3{color:var(--ink);line-height:1.4}.result-content h1{font-size:19px}.result-content h2{font-size:14px;margin-top:18px}.result-content h3{font-size:12px}.result-content p{margin:7px 0}.result-content ul{padding-left:18px}.result-content blockquote{margin:10px 0;padding:8px 11px;border-left:3px solid #d9b0ac;background:#faf7f6}.result-content table{width:100%;border-collapse:collapse;font-size:9px}.result-content td{border:1px solid var(--line);padding:6px;vertical-align:top}.cursor{display:inline-block;width:2px;height:13px;background:var(--red);animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.result-meta{display:flex;gap:6px;margin:8px 0}.result-meta span{padding:4px 7px;border-radius:5px;background:#f3f0ef;color:#746d6b;font-size:8px}.revise-box{display:flex;gap:7px;padding-top:11px;border-top:1px solid var(--line)}.revise-box input{flex:1;min-width:0;border:1px solid #ddd7d5;border-radius:8px;padding:9px 10px;font-size:10px}.revise-box button{border:0;border-radius:8px;background:var(--red);color:#fff;padding:9px 12px;font-size:10px;cursor:pointer}

.page-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.page-heading h1{margin:0 0 8px;font-size:27px}.filter-bar{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.search-box{min-width:280px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 11px;display:flex;gap:7px;color:#999}.search-box input{width:100%;border:0;outline:0;font-size:11px}.filter-chips{display:flex;gap:5px}.filter-chips button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;color:#776f6c;font-size:9px;cursor:pointer}.filter-chips button.active{background:var(--red);color:#fff;border-color:var(--red)}.history-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}.task-list{display:grid;gap:7px;max-height:700px;overflow:auto}.task-item{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;text-align:left;cursor:pointer}.task-item:hover,.task-item.active{border-color:#d5aaa5}.task-item.active{box-shadow:inset 3px 0 var(--red)}.task-item-head{display:flex;align-items:center;justify-content:space-between}.task-code{padding:4px 6px;border-radius:5px;background:var(--red-soft);color:var(--red);font-size:8px;font-weight:700}.task-item time{color:#aaa;font-size:8px}.task-item strong{display:block;margin:9px 0 5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item p{margin:0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item-foot{margin-top:10px;display:flex;justify-content:space-between;color:#999;font-size:8px}.history-detail{min-height:520px}.empty-card{min-height:360px;border:1px dashed #ddd5d2;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9a918e}.empty-card>span{font-size:25px}.empty-card strong{margin-top:10px;color:#5b5350;font-size:12px}.empty-card p{font-size:9px}.detail-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.detail-head h2{margin:7px 0;font-size:19px}.detail-head p{margin:0;color:var(--muted);font-size:10px}.version-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}.version-tabs button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 8px;font-size:9px;cursor:pointer}.version-tabs button.active{background:var(--red-soft);color:var(--red);border-color:#dec0bd}.version-note{display:flex;justify-content:space-between;align-items:center;color:#8c8380;font-size:9px}.version-actions{display:flex;gap:5px}

.profile-layout{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(420px,1.3fr);gap:14px;align-items:start}.profile-cards{display:grid;gap:8px}.profile-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:15px;cursor:pointer}.profile-card:hover,.profile-card.active{border-color:#d5aaa5;box-shadow:var(--shadow)}.profile-card-top{display:flex;align-items:center;gap:11px}.profile-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:14px;font-weight:700}.profile-card strong,.profile-card span{display:block}.profile-card strong{font-size:12px}.profile-card span{margin-top:3px;color:var(--muted);font-size:9px}.profile-card p{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line);color:#756d6b;font-size:9px;line-height:1.6}.profile-form label{display:block;margin-bottom:12px;color:#615957;font-size:10px;font-weight:650}.profile-form input,.profile-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #ddd7d5;border-radius:8px;padding:9px 10px;background:#fff;font-size:10px;resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}

.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.metric{border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px}.metric span{color:var(--muted);font-size:9px}.metric strong{display:block;margin:7px 0 2px;font-size:22px}.metric small{color:#999;font-size:8px}.gateway-grid,.management-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px}.route-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0}.route-flow>div{min-width:105px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;text-align:center}.route-flow>div.accent{background:var(--red);color:#fff;border-color:var(--red)}.route-flow span,.route-flow small{display:block}.route-flow span{font-size:11px;font-weight:700}.route-flow small{margin-top:4px;color:#999;font-size:8px}.route-flow .accent small{color:#f0cdca}.route-flow>i{color:#b9b0ad;font-style:normal}.security-list{display:grid;gap:6px}.security-list p{display:flex;align-items:center;gap:10px;margin:0;padding:10px;border-radius:9px;background:#faf7f6}.security-list p>i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e1efe7;color:var(--green);font-style:normal;font-size:9px}.security-list strong,.security-list small{display:block}.security-list strong{font-size:10px}.security-list small{margin-top:2px;color:var(--muted);font-size:8px}.route-table{display:grid;gap:7px}.route-row{display:grid;grid-template-columns:64px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px}.route-row span{color:var(--red);font-size:8px;font-weight:700;text-transform:uppercase}.route-row code{overflow:hidden;text-overflow:ellipsis;font-size:9px}.config-callout{margin-top:13px;padding:12px;border-radius:9px;background:#f5f1f0}.config-callout strong{font-size:10px}.config-callout p{margin:5px 0 0;color:#746c69;font-size:9px;line-height:1.6}.panel-copy{margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.7}.data-actions{display:flex;gap:8px}.admin-form{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.admin-form h3{margin:0 0 14px;font-size:13px}.admin-form .secondary-button{width:100%}.audit-list{display:grid;gap:5px;max-height:300px;overflow:auto}.audit-row{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:8px;border-bottom:1px solid #f1edeb}.audit-status{width:7px;height:7px;border-radius:50%;background:#d89b42}.audit-status.ok{background:#45a271}.audit-status.error,.audit-status.denied{background:#bd4b43}.audit-row strong,.audit-row small{display:block}.audit-row strong{font-size:9px}.audit-row small{margin-top:2px;color:#999;font-size:8px}.audit-row code{color:#999;font-size:8px}.empty-inline{padding:25px;color:#999;text-align:center;font-size:10px}

.toast{position:fixed;right:25px;bottom:25px;z-index:50;max-width:330px;padding:11px 14px;border-radius:9px;background:#26211f;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.17);font-size:10px;transform:translateY(16px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.toast.error{background:#8f3732}.mobile-backdrop{display:none}

.balance-pill{display:flex;align-items:center;gap:6px;border:1px solid #eadfdd;border-radius:9px;background:#fff;padding:8px 11px;color:var(--red);cursor:pointer;font-size:12px;font-weight:700}.balance-pill .ui-icon{width:18px;height:18px}
.account-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:22px 24px}.account-hero-main{display:flex;align-items:center;gap:14px}.account-hero-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--red);color:#fff;font-size:23px;font-weight:800}.account-hero h2{margin:0 0 5px;font-size:22px}.account-hero p{margin:0;color:var(--muted);font-size:13px}.account-hero span{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:99px;background:var(--red-soft);color:var(--red);font-size:11px}.account-hero-actions{display:flex;gap:8px}.account-hero-actions .primary-button,.account-hero-actions .secondary-button{width:auto}.account-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.account-summary-card{padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.account-summary-card.accent{background:linear-gradient(135deg,#a52219,#8c1712);color:#fff;border-color:transparent}.account-summary-card span,.account-summary-card small{display:block;color:var(--muted);font-size:11px}.account-summary-card.accent span,.account-summary-card.accent small{color:#f3d7d3}.account-summary-card strong{display:block;margin:8px 0 4px;font-size:25px}.account-billing-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:14px}.recharge-panel,.account-orders-panel,.wallet-transactions-panel{min-height:0}.recharge-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recharge-package{position:relative;min-height:190px;padding:16px;border:1px solid #e4d9d6;border-radius:11px;background:#fff;text-align:left;cursor:pointer;transition:.18s}.recharge-package:hover{border-color:#c68e87;box-shadow:0 8px 22px rgba(100,38,31,.1);transform:translateY(-2px)}.recharge-package-name,.recharge-package strong,.recharge-package b,.recharge-package small,.recharge-package em{display:block}.recharge-package-name{color:var(--muted);font-size:12px}.recharge-package strong{margin-top:10px;font-size:23px}.recharge-package b{margin-top:8px;color:var(--red);font-size:15px}.recharge-package small{min-height:34px;margin-top:8px;color:#999;font-size:10px;line-height:1.5}.recharge-package em{position:absolute;right:13px;bottom:13px;color:var(--red);font-style:normal;font-size:11px;font-weight:700}.account-orders{display:grid;gap:4px;max-height:290px;overflow:auto}.account-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #f0ecea}.account-order-row:last-child{border-bottom:0}.account-order-row strong,.account-order-row small{display:block}.account-order-row strong{font-size:13px}.account-order-row small{margin-top:4px;color:#999;font-size:10px}.order-status{padding:4px 7px;border-radius:99px;background:#fff3dc;color:#8a6222;font-size:10px}.order-status.paid{background:#e7f3eb;color:#327150}.order-status.cancelled{background:#f1efee;color:#888}.account-order-row button{border:0;background:transparent;color:#a33b34;cursor:pointer;font-size:10px}.wallet-transactions{display:grid}.wallet-transaction-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0ecea}.wallet-transaction-row:last-child{border-bottom:0}.transaction-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eaf3ed;color:var(--green)}.transaction-icon .ui-icon{width:17px;height:17px}.wallet-transaction-row strong,.wallet-transaction-row small{display:block}.wallet-transaction-row strong{font-size:12px}.wallet-transaction-row small{margin-top:3px;color:#999;font-size:10px}.wallet-transaction-row>b{color:var(--green);font-size:13px}.wallet-transaction-row>span:last-child{color:#999;font-size:10px}.account-notice{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px 15px;border:1px solid #e6dcd9;border-radius:10px;background:#fffaf8;color:#756d6a}.account-notice>.ui-icon{width:21px;height:21px;flex:none;color:var(--red)}.account-notice strong,.account-notice small{display:block}.account-notice strong{font-size:12px;color:#5e514e}.account-notice small{margin-top:4px;font-size:11px;line-height:1.65}

@media(max-width:1180px){.mode-grid{grid-template-columns:repeat(3,1fr)}.workspace-grid,.gateway-grid,.management-grid{grid-template-columns:1fr}.history-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.22s;box-shadow:20px 0 50px rgba(0,0,0,.16)}.sidebar.open{transform:none}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:15;background:rgba(20,15,14,.38);opacity:0;pointer-events:none;transition:.2s}.mobile-backdrop.open{opacity:1;pointer-events:auto}.main{width:100%;margin:0}.topbar{height:60px;padding:0 14px}.menu-btn{display:block}.view{padding:25px 14px 48px}.workshop-heading{margin:10px auto 23px}.workshop-heading h1{font-size:23px}.mode-grid{display:flex;overflow:auto;margin-inline:-14px;padding:0 14px 5px}.mode-card{min-width:145px}.workspace-grid{grid-template-columns:1fr}.composer-panel,.process-panel{min-height:0}.workflow-empty,.loading-state{min-height:300px}.profile-row{align-items:start;flex-direction:column}.profile-row select{max-width:100%;text-align:left}.page-heading{align-items:start;flex-direction:column}.filter-bar{flex-direction:column}.search-box{min-width:0}.filter-chips{overflow:auto}.history-layout{grid-template-columns:1fr}.task-list{max-height:none;grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.profile-form{order:-1}.metric-grid{grid-template-columns:1fr 1fr}.top-actions .status-pill{display:none}.user-menu{min-width:0}.user-menu i{display:none}}
@media(max-width:470px){.login-card{padding:25px}.panel{padding:17px}.task-list{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.route-flow{gap:4px}.route-flow>div{min-width:0;flex:1;padding:10px 5px}.route-flow>i{font-size:8px}.version-note{align-items:start;flex-direction:column;gap:8px}.data-actions{flex-direction:column}.user-menu b{display:none}}
.mode-grid{scrollbar-width:none}.mode-grid::-webkit-scrollbar{display:none}

/* 创作入口与智能体中心 */
.nav-item em{margin-left:auto;padding:3px 7px;border-radius:99px;background:#f2efee;color:#a39996;font-size:9px;font-style:normal}.nav-item.active em{background:rgba(255,255,255,.2);color:#fff}
.studio-heading{display:flex;align-items:center;gap:16px;margin:3px 0 27px}.studio-agent{width:58px;height:58px;flex:none;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#ae2b21,#861710);color:#fff;font-size:19px;font-weight:800;box-shadow:0 10px 25px rgba(159,29,21,.18)}.studio-heading span,.section-kicker{display:block;margin-bottom:5px;color:var(--red);font-size:10px;font-weight:750;letter-spacing:.08em}.studio-heading h1{margin:0 0 5px;font-size:28px;letter-spacing:-.02em}.studio-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.capability-badge{padding:7px 10px;border-radius:99px;font-size:10px;font-weight:700}.capability-badge.partial{background:#f8eed9;color:#7f5f21}.capability-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.capability-hero{min-height:480px;padding:56px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.capability-hero:after{content:"";position:absolute;width:260px;height:260px;right:-65px;bottom:-80px;border-radius:50%;background:rgba(159,29,21,.06)}.image-hero{background:linear-gradient(135deg,#fff 45%,#f8efed)}.video-hero{background:linear-gradient(135deg,#fff 45%,#eeeaf4)}.feature-icon{width:62px;height:62px;margin-bottom:24px;border-radius:18px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:20px;font-weight:800}.video-hero .feature-icon{background:#5f4777}.capability-hero h2{margin:0 0 13px;font-size:25px}.capability-hero p{max-width:580px;margin:0 0 25px;color:var(--muted);line-height:1.85}.primary-button.inline{width:auto;position:relative;z-index:1}.capability-list h2{margin:2px 0 22px;font-size:16px}.capability-list p{display:flex;gap:11px;margin:0;padding:15px 0;border-bottom:1px solid var(--line)}.capability-list p:last-child{border:0}.capability-list i{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;background:#f2efee;color:#aaa;font-style:normal;font-size:10px}.capability-list i.done{background:#e5f2ea;color:var(--green)}.capability-list strong,.capability-list small{display:block}.capability-list strong{font-size:11px}.capability-list small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}
.agent-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.agent-tools .filter-chips{flex:1}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-card{min-height:210px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.18s}.agent-card:hover{border-color:#d7b0ab;transform:translateY(-2px);box-shadow:0 12px 30px rgba(58,37,33,.08)}.agent-card-head{display:flex;align-items:center;gap:11px}.agent-card-head>div:nth-child(2){min-width:0}.agent-card-head strong,.agent-card-head span{display:block}.agent-card-head strong{font-size:13px}.agent-card-head span{margin-top:4px;color:#999;font-size:9px}.agent-logo{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;font-weight:800}.agent-logo.marketing{background:#faede6;color:#8c4729}.agent-logo.trend{background:#f8e8ea;color:#9f1d15}.agent-logo.operation{background:#e9f0f7;color:#356184}.agent-logo.video{background:#e6f2eb;color:#2f7254}.agent-logo.strategy{background:#eee9f6;color:#684b82}.agent-logo.business{background:#f8eed9;color:#8a6725}.favorite-button{width:32px;height:32px;margin-left:auto;border:0;border-radius:8px;background:#faf8f7;color:#aaa;cursor:pointer;font-size:19px}.favorite-button.active{color:#d59527;background:#fff8e8}.agent-card>p{margin:17px 0;color:var(--muted);font-size:10px;line-height:1.75}.agent-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.agent-card-foot>span{color:#aaa;font-size:9px}.use-agent{border:0;border-radius:8px;padding:7px 11px;background:var(--red-soft);color:var(--red);font-size:9px;font-weight:700;cursor:pointer}.use-agent:hover{background:var(--red);color:#fff}.tab-bar{display:flex;gap:22px;margin:-5px 0 19px;border-bottom:1px solid var(--line)}.tab-bar button{border:0;border-bottom:2px solid transparent;padding:11px 2px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.tab-bar button.active{border-color:var(--red);color:var(--red);font-weight:700}.my-agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-empty{grid-column:1/-1;min-height:300px}.agent-empty .secondary-button{margin-top:12px}

@media(max-width:1180px){.capability-layout{grid-template-columns:1fr}.agent-grid,.my-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-hero{min-height:360px}}
@media(max-width:760px){.studio-heading{align-items:flex-start;margin-top:2px}.studio-agent{width:48px;height:48px;border-radius:14px}.studio-heading h1{font-size:23px}.agent-tools{align-items:stretch;flex-direction:column}.agent-grid,.my-agent-grid{grid-template-columns:1fr}.capability-hero{min-height:330px;padding:30px}}

/* 通用可读性与紧凑布局微调 */
body{font-size:15px}
.nav-group{padding:13px 10px 5px;font-size:13px}.nav-item{min-height:42px;padding-inline:11px}.nav-item b,.nav-item em{font-size:10px}.account strong{font-size:13px}.account span{font-size:11px}
.view{padding-top:30px;padding-bottom:48px}.panel{padding:18px}.panel-head{margin-bottom:14px}.panel-head h2{font-size:15px}.page-heading h1,.workshop-heading h1{font-size:32px}.page-heading p,.workshop-heading p{font-size:14px}
.result-content{font-size:14px}.result-meta{font-size:10px}.primary-button,.secondary-button{font-size:13px}.filter-chips button,.search-box input{font-size:12px}
.status-pill,.mini-tag,.task-code,.version-note,.task-item-foot,.profile-card span,.profile-card p,.profile-form label,.metric span,.metric small,.audit-row small,.audit-row code{font-size:10px}.text-button,.route-select,.live-dot{font-size:11px}.agent-card{padding:16px;min-height:196px}.agent-card>p{margin:13px 0;font-size:11px}.agent-card-foot{padding-top:11px}.agent-card-foot>span,.use-agent{font-size:10px}.panel-copy,.empty-inline{font-size:11px}
@media(max-width:760px){.view{padding-top:22px}.page-heading h1,.workshop-heading h1{font-size:27px}}

/* 素材库 / 知识库 */
.chat-knowledge-select{max-width:170px;padding:6px 25px 6px 8px;border:1px solid var(--line);border-radius:8px;background:#faf7f6;color:#615957;font-size:11px}.knowledge-tabs{display:flex;gap:24px;margin:3px 0 22px;border-bottom:1px solid var(--line)}.knowledge-tabs button{padding:12px 2px;border:0;border-bottom:2px solid var(--red);background:transparent;color:var(--ink);font-weight:700}.knowledge-quota{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;box-shadow:none}.knowledge-quota>div{display:flex;align-items:baseline;gap:8px}.knowledge-quota span,.knowledge-quota small{color:var(--muted);font-size:11px}.knowledge-quota strong{font-size:14px}.knowledge-toolbar{display:flex;justify-content:flex-end;margin:18px 0 12px}.knowledge-toolbar .search-box{width:min(330px,100%)}.knowledge-list{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.knowledge-row{width:100%;display:grid;grid-template-columns:46px minmax(240px,1fr) 85px 100px 100px 130px 16px;gap:14px;align-items:center;padding:17px 20px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.knowledge-row:last-child{border-bottom:0}.knowledge-row:hover{background:#fff9f8}.knowledge-row-icon,.knowledge-symbol{display:grid;place-items:center;background:var(--red-soft);color:var(--red)}.knowledge-row-icon{width:42px;height:42px;border-radius:11px;font-size:18px}.knowledge-row strong,.knowledge-row small{display:block}.knowledge-row strong{color:var(--ink);font-size:12px}.knowledge-row small{margin-top:4px;color:#999;font-size:10px}.knowledge-row-main strong{font-size:14px}.knowledge-row-main small{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-row i{color:#aaa;font-size:22px;font-style:normal}.knowledge-list-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.knowledge-list-empty>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font-size:22px}.knowledge-list-empty strong{margin-top:16px;font-size:16px}.knowledge-list-empty p{margin:7px 0;color:var(--muted);font-size:11px}
.knowledge-detail{display:grid;gap:15px}.knowledge-back{width:max-content;padding:5px 0;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.knowledge-back:hover{color:var(--red)}.knowledge-detail-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:15px;align-items:center;padding:7px 0 12px}.knowledge-symbol{width:58px;height:58px;border-radius:16px;font-size:24px}.knowledge-detail-head h1{margin:0 0 6px;font-size:26px}.knowledge-detail-head p{margin:0;color:var(--muted);font-size:12px}.knowledge-detail-head small{display:block;margin-top:6px;color:#aaa;font-size:10px}.knowledge-detail-actions{display:flex;align-items:center;gap:8px}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#665d5b;cursor:pointer}.knowledge-usage{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:16px;align-items:center;padding:15px 18px;box-shadow:none}.knowledge-usage>div:first-child{display:flex;gap:8px;align-items:baseline;white-space:nowrap}.knowledge-usage span,.knowledge-usage small{color:var(--muted);font-size:10px}.knowledge-usage strong{font-size:12px}.knowledge-progress{height:7px;border-radius:99px;background:#eee9e7;overflow:hidden}.knowledge-progress i{display:block;height:100%;border-radius:inherit;background:var(--red);min-width:2px}.upload-progress{display:grid;gap:4px;padding:11px 14px;border-radius:9px;background:#fff4df;color:#785d27;font-size:10px}.upload-progress:empty{display:none}.upload-progress strong,.upload-progress span{display:block}.knowledge-documents{padding:0;overflow:hidden}.knowledge-document-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid var(--line)}.knowledge-document-head>div:first-child{display:flex;align-items:baseline;gap:9px}.knowledge-document-head h2{margin:0;font-size:15px}.knowledge-document-head span{color:var(--muted);font-size:10px}.knowledge-document-filters{display:flex;align-items:center;gap:7px}.knowledge-document-filters .search-box{min-width:240px}.knowledge-document-filters select{padding:8px 28px 8px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#665d5b;font-size:10px}.knowledge-table-head,.knowledge-item{display:grid;grid-template-columns:minmax(250px,1fr) 70px 80px 95px 110px 120px;gap:12px;align-items:center}.knowledge-table-head{padding:10px 18px;background:#faf9f8;color:#999;font-size:9px}.knowledge-item{min-height:64px;padding:10px 18px;border-top:1px solid var(--line);font-size:10px}.knowledge-table-head+.knowledge-items .knowledge-item:first-child{border-top:0}.knowledge-item:hover{background:#fffdfc}.knowledge-item-name{display:flex;align-items:center;gap:11px;min-width:0}.knowledge-item-icon{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;background:#f2efee;color:#766e6c;font-size:10px;font-weight:800}.knowledge-item-icon.text{background:#eaf1f8;color:#3d668a}.knowledge-item-icon.image{background:#e8f3ec;color:#357456}.knowledge-item strong,.knowledge-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-item strong{font-size:11px}.knowledge-item small{margin-top:4px;color:#999;font-size:9px}.knowledge-process{width:max-content;padding:5px 7px;border-radius:99px;background:#e9f4ed;color:#347051;font-size:9px}.knowledge-process.limited{background:#fff1dd;color:#87611e}.knowledge-item-actions{display:flex;justify-content:flex-end;gap:5px}.knowledge-item-actions a,.knowledge-item-actions button{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#665d5b;text-decoration:none;font-size:9px;cursor:pointer}.knowledge-item-actions .delete{color:#b4433b}.knowledge-item-empty{padding:60px 20px;color:#aaa;text-align:center;font-size:11px}
.knowledge-dialog{width:min(680px,calc(100% - 30px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(40,28,25,.22)}.knowledge-dialog::backdrop{background:rgba(35,31,30,.5)}.knowledge-dialog form{padding:26px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dialog-head h2{margin:0;font-size:22px}.dialog-close{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#777;font-size:25px;cursor:pointer}.knowledge-dialog form>label{display:grid;gap:8px;margin:15px 0 5px;color:#4d4644;font-size:11px;font-weight:700}.knowledge-dialog label em{color:var(--red);font-style:normal}.knowledge-dialog input,.knowledge-dialog textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-weight:400;resize:vertical}.knowledge-dialog input:focus,.knowledge-dialog textarea:focus{outline:2px solid rgba(159,29,21,.08);border-color:#c9948f}.knowledge-dialog form>small{color:#999;font-size:9px}.agent-link-field{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:10px}.agent-link-field legend{padding:0 6px;color:#655d5a;font-size:11px;font-weight:700}.agent-link-field>p{margin:0 0 10px;color:#999;font-size:9px}.agent-link-field>div{display:flex;flex-wrap:wrap;gap:7px}.agent-link-field label{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;background:#faf7f6;font-size:9px;cursor:pointer}.agent-link-field input{width:auto}.knowledge-danger{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:15px;border:1px solid #efc3bf;border-radius:11px;background:#fffafa}.knowledge-danger strong,.knowledge-danger small{display:block}.knowledge-danger strong{color:#b12d24;font-size:11px}.knowledge-danger small{margin-top:4px;color:#9b7773;font-size:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.knowledge-text-dialog{width:min(720px,calc(100% - 30px))}
@media(max-width:1100px){.knowledge-row{grid-template-columns:46px minmax(210px,1fr) 75px 90px 120px 16px}.knowledge-row>span:nth-of-type(5){display:none}.knowledge-table-head,.knowledge-item{grid-template-columns:minmax(210px,1fr) 60px 70px 90px 110px}.knowledge-table-head>span:nth-child(5),.knowledge-item>span:nth-child(5){display:none}.knowledge-usage{grid-template-columns:auto 1fr}.knowledge-usage>small{grid-column:1/-1}}
@media(max-width:760px){.view-label strong{white-space:nowrap}.chat-knowledge-select{max-width:115px}#knowledge-overview .page-heading{align-items:stretch}#knowledge-overview .page-heading>div{width:100%}#knowledge-overview .page-heading .primary-button{align-self:flex-start}.knowledge-quota{align-items:flex-start;flex-direction:column;gap:10px}.knowledge-toolbar{justify-content:stretch}.knowledge-toolbar .search-box{width:100%}.knowledge-row{grid-template-columns:40px minmax(0,1fr) 52px 12px;padding:14px 12px;gap:10px}.knowledge-row>span:nth-of-type(3),.knowledge-row>span:nth-of-type(4),.knowledge-row>span:nth-of-type(5){display:none}.knowledge-row-main small{max-width:55vw}.knowledge-detail-head{grid-template-columns:46px 1fr;padding-top:0}.knowledge-symbol{width:46px;height:46px;border-radius:13px}.knowledge-detail-head h1{font-size:21px}.knowledge-detail-actions{grid-column:1/-1;flex-wrap:wrap}.knowledge-detail-actions .primary-button,.knowledge-detail-actions .secondary-button{flex:1}.knowledge-usage{grid-template-columns:1fr}.knowledge-document-head{align-items:stretch;flex-direction:column}.knowledge-document-filters{display:grid;grid-template-columns:1fr 1fr}.knowledge-document-filters .search-box{grid-column:1/-1;min-width:0}.knowledge-table-head{display:none}.knowledge-item{grid-template-columns:minmax(0,1fr) auto;padding:13px}.knowledge-item>span{display:none}.knowledge-item-name{grid-column:1}.knowledge-item-actions{grid-column:2}.knowledge-dialog form{padding:20px}.knowledge-danger{align-items:flex-start;flex-direction:column}.knowledge-danger button{width:100%}}
@media(max-width:760px){.balance-pill{padding:7px 8px}.balance-pill span{font-size:11px}.top-actions{gap:5px}.account-hero{align-items:flex-start;flex-direction:column;padding:18px}.account-hero-actions{width:100%}.account-hero-actions .primary-button,.account-hero-actions .secondary-button{flex:1}.account-summary-grid{grid-template-columns:1fr 1fr}.account-summary-card{padding:14px}.account-summary-card strong{font-size:21px}.account-billing-grid{grid-template-columns:1fr}.recharge-packages{grid-template-columns:1fr}.recharge-package{min-height:155px}.wallet-transaction-row{grid-template-columns:30px minmax(0,1fr) auto}.wallet-transaction-row>span:last-child{display:none}.account-notice small{font-size:10px}}

/* v3 图标系统与二级页面可读性 */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{width:1.35em;height:1.35em;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.button-icon{width:20px;height:20px}
.nav-item{min-height:46px;gap:11px;font-size:15px;font-weight:560}.nav-icon{width:30px;display:grid;place-items:center}.nav-icon .ui-icon{width:25px;height:25px;stroke-width:2.5}.sidebar-recent-head strong{font-size:12px}.sidebar-recent-head button{width:30px;height:30px;display:grid;place-items:center}.sidebar-recent-head button .ui-icon{width:19px;height:19px;stroke-width:2.7}.sidebar-chat-item span{font-size:12px}.sidebar-chat-item small{font-size:10px}
.icon-button{display:grid;place-items:center}.icon-button .ui-icon{width:23px;height:23px;stroke-width:2.5}.menu-btn .ui-icon{width:24px;height:24px}.chat-tool .ui-icon{width:21px;height:21px;stroke-width:2.5}.chat-send .ui-icon{width:18px;height:18px;stroke-width:2.7}.feature-icon{width:68px;height:68px}.feature-icon .ui-icon{width:36px;height:36px;stroke-width:2.5}.capability-list i .ui-icon{width:16px;height:16px;stroke-width:2.7}.knowledge-symbol .ui-icon{width:31px;height:31px}.knowledge-row-icon .ui-icon{width:25px;height:25px;stroke-width:2.5}.knowledge-row i .ui-icon{width:22px;height:22px}.knowledge-item-icon .ui-icon{width:21px;height:21px;stroke-width:2.4}.knowledge-list-empty>span .ui-icon,.empty-card>span .ui-icon{width:32px;height:32px;stroke-width:2.4}.search-box{align-items:center}.search-box>.ui-icon{width:20px;height:20px;stroke-width:2.5}.favorite-button{display:grid;place-items:center}.favorite-button .ui-icon{width:21px;height:21px;stroke-width:2.3}.favorite-button.active .ui-icon{fill:#d59527;stroke:#d59527}
.view-label strong{font-size:15px}.page-heading h1,.workshop-heading h1{font-size:34px}.page-heading p,.workshop-heading p{font-size:15px}.section-kicker,.studio-heading span{font-size:12px}.primary-button,.secondary-button,.danger-button{font-size:14px}.filter-chips button{font-size:12px}.search-box input{font-size:13px}.panel-head h2{font-size:16px}.mini-tag,.live-dot{font-size:11px}
.studio-agent{width:64px;height:64px;border-radius:18px;font-size:22px}.studio-heading h1{font-size:30px}.studio-heading p{font-size:14px}.profile-row label,.profile-row select{font-size:13px}.prompt-box textarea{font-size:15px}.prompt-foot>span,.suggestions button,.text-button,.route-select,.route-select select{font-size:11px}.workflow-empty p,.loading-state p{font-size:13px}.agent-message span{font-size:11px}.agent-message p,.clarify-field span,.clarify-field input{font-size:13px}.clarify-field small{font-size:11px}.result-toolbar strong{font-size:13px}.result-toolbar button,.version-actions button{font-size:11px}.result-meta span{font-size:10px}.revise-box input,.revise-box button{font-size:12px}
.capability-hero h2{font-size:27px}.capability-hero p{font-size:15px}.capability-list h2{font-size:18px}.capability-list strong{font-size:14px}.capability-list small{font-size:12px}.capability-badge{font-size:12px}
.studio-agent .ui-icon{width:34px;height:34px;stroke-width:2.5}.agent-logo{width:50px;height:50px;border-radius:14px;font-size:17px}.agent-logo .ui-icon{width:28px;height:28px;stroke-width:2.4}.agent-card-head strong{font-size:16px}.agent-card-head span{font-size:12px}.agent-card>p{font-size:13px}.agent-card-foot>span{font-size:11px}.use-agent{font-size:12px}.tab-bar button{font-size:13px}
.task-code,.task-item time,.task-item-foot{font-size:11px}.task-item>strong{font-size:14px}.task-item>p{font-size:12px}.empty-card strong{font-size:15px}.empty-card p{font-size:12px}.detail-head p{font-size:13px}.version-tabs button{font-size:12px}.version-note{font-size:11px}
.profile-avatar{width:46px;height:46px;font-size:16px}.profile-card strong{font-size:15px}.profile-card span{font-size:12px}.profile-card p{font-size:13px}.profile-form label{font-size:13px}.profile-form input,.profile-form textarea{font-size:14px}
.metric span{font-size:12px}.metric small{font-size:11px}.route-flow span{font-size:13px}.route-flow small{font-size:11px}.security-list p>i{width:28px;height:28px;font-size:12px}.security-list strong{font-size:13px}.security-list small{font-size:11px}.route-row span{font-size:11px}.route-row code{font-size:12px}.config-callout strong{font-size:13px}.config-callout p,.panel-copy{font-size:12px}.audit-row strong{font-size:12px}.audit-row small,.audit-row code{font-size:11px}.toast{font-size:12px}
.chat-welcome>span{font-size:12px}.chat-quick-prompts button{font-size:12px}.chat-thinking{font-size:11px}.chat-answer-content table{font-size:12px}.chat-composer-dock>p{font-size:10px}.chat-agent-select,.chat-knowledge-select,.chat-agent-chip{font-size:12px}.chat-agent-chip i .ui-icon{width:14px;height:14px;stroke-width:2.7}.chat-composer-foot>div:last-child>span{font-size:10px}
.knowledge-tabs button{font-size:14px}.knowledge-quota span,.knowledge-quota small{font-size:13px}.knowledge-quota strong{font-size:16px}.knowledge-row strong{font-size:14px}.knowledge-row small{font-size:11px}.knowledge-row-main strong{font-size:16px}.knowledge-row-main small{font-size:12px}.knowledge-list-empty p{font-size:13px}.knowledge-back{display:flex;align-items:center;gap:7px;font-size:13px}.knowledge-back .ui-icon{width:20px;height:20px}.knowledge-detail-head h1{font-size:28px}.knowledge-detail-head p{font-size:14px}.knowledge-detail-head small{font-size:12px}.knowledge-usage span,.knowledge-usage small{font-size:12px}.knowledge-usage strong{font-size:14px}.upload-progress{font-size:12px}.knowledge-document-head h2{font-size:17px}.knowledge-document-head span{font-size:12px}.knowledge-document-filters select{font-size:12px}.knowledge-table-head{font-size:11px}.knowledge-item{font-size:12px}.knowledge-item strong{font-size:14px}.knowledge-item small{font-size:11px}.knowledge-process{font-size:11px}.knowledge-item-actions a,.knowledge-item-actions button{font-size:11px}.knowledge-item-empty{font-size:13px}.knowledge-dialog form>label{font-size:13px}.knowledge-dialog form>small,.agent-link-field>p,.knowledge-danger small{font-size:11px}.agent-link-field legend,.knowledge-danger strong{font-size:13px}.agent-link-field label{font-size:12px}
@media(max-width:760px){.nav-item{min-height:46px}.nav-icon .ui-icon{width:24px;height:24px}.studio-agent{width:54px;height:54px}.page-heading h1,.workshop-heading h1{font-size:29px}.page-heading p,.workshop-heading p{font-size:14px}.knowledge-detail-head h1{font-size:23px}.knowledge-symbol .ui-icon{width:26px;height:26px}.knowledge-row-main strong{font-size:15px}.knowledge-row-main small{font-size:11px}.knowledge-item strong{font-size:13px}.knowledge-item-actions a,.knowledge-item-actions button{font-size:11px}}

/* v5 对话选择、IP 引用、充值流程与自适应侧栏 */
.sidebar{height:100dvh;padding-bottom:12px;overflow:hidden}.brand{flex:none;padding-bottom:14px}.nav{flex:none;gap:2px}.nav-group{padding-top:9px}.nav-item{min-height:40px}.sidebar-recent{min-height:90px;flex:1;margin-top:10px;display:flex;flex-direction:column;overflow:hidden}.sidebar-recent-list{max-height:none;min-height:0;overflow:auto}.account{flex:none;margin-top:8px}.chat-agent-chip{border:1px solid var(--line);cursor:pointer;max-width:210px}.chat-agent-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-agent-chip>.ui-icon{width:15px;height:15px;transform:rotate(90deg)}.chat-profile-chip{padding:7px 9px;border-radius:8px;background:#f3eceb;color:var(--red);font-size:11px;white-space:nowrap}.agent-picker{width:min(720px,calc(100% - 30px));max-height:min(760px,calc(100dvh - 40px));padding:26px;border:0;border-radius:8px;background:#fff;box-shadow:0 24px 80px rgba(40,28,25,.25)}.agent-picker::backdrop{background:rgba(30,27,26,.48)}.agent-picker-head{display:flex;justify-content:space-between;gap:20px}.agent-picker-head h2{margin:0;font-size:24px}.agent-picker-head p{margin:7px 0 0;color:var(--muted)}.agent-picker-search{height:52px;margin:22px 0;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #aaa;border-radius:8px}.agent-picker-search input{width:100%;border:0;outline:0;font-size:15px}.agent-picker-list{max-height:520px;overflow:auto;padding-right:5px}.agent-picker-list h3{margin:18px 8px 8px;color:#777;font-size:12px}.agent-picker-card{width:100%;display:flex;align-items:center;gap:13px;padding:11px;border:1px solid transparent;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.agent-picker-card:hover,.agent-picker-card.active{background:#faf4f3;border-color:#ead9d6}.agent-picker-card>i{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;background:#f0eeee;color:var(--red);font-style:normal;font-weight:800}.agent-picker-card>i .ui-icon{width:24px;height:24px}.agent-picker-card strong,.agent-picker-card small{display:block}.agent-picker-card strong{font-size:15px}.agent-picker-card small{margin-top:4px;color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-picker-card span{min-width:0}.picker-empty{padding:10px;color:#999}.profile-card{cursor:default}.profile-card-actions{display:flex;gap:7px;margin-top:12px}.profile-card-actions button{flex:1;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.profile-card-actions .primary{border-color:var(--red);background:var(--red);color:#fff}.profile-logo{background:#f0e8e6;color:var(--red)}.recharge-view{max-width:1100px}.recharge-back{display:flex;align-items:center;gap:7px;margin-bottom:22px;padding:0;border:0;background:transparent;color:#666;cursor:pointer}.recharge-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 46px}.recharge-amount{position:relative;min-height:130px;border:2px solid transparent;border-radius:8px;background:#fafafa;cursor:pointer}.recharge-amount.active{border-color:#1d1d1d;background:#f5f5f5}.recharge-amount.active:after{content:'✓';position:absolute;right:-9px;top:-9px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1d1d1d;color:#fff}.recharge-amount strong,.recharge-amount span{display:block}.recharge-amount strong{font-size:27px}.recharge-amount span{margin-top:10px;color:#555;font-size:15px}.recharge-steps{max-width:760px}.recharge-steps h2{margin-bottom:25px}.recharge-step{display:flex;gap:18px}.recharge-step>b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#191919;color:#fff}.recharge-step strong{font-size:17px}.recharge-step p{margin:6px 0;color:#888;line-height:1.65}.recharge-submit{margin:32px 0 0 58px}.app-shell,.main{min-height:100dvh}
@media(max-height:820px) and (min-width:761px){.brand{padding-bottom:6px}.nav-group{padding:4px 10px 2px}.nav-item{min-height:34px;font-size:13px}.nav-icon .ui-icon{width:20px;height:20px}.sidebar-recent{display:flex;margin-top:5px;padding-top:8px}.account{padding-top:8px}.sidebar-search{display:none}}
@media(max-width:760px){.agent-picker{padding:18px}.agent-picker-list{max-height:calc(100dvh - 210px)}.chat-composer-foot>div:first-child{min-width:0;flex-wrap:wrap}.chat-agent-chip{display:flex;max-width:145px}.chat-profile-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis}.recharge-amounts{grid-template-columns:1fr;margin-top:20px}.recharge-amount{min-height:100px}.recharge-submit{width:100%;margin-left:0}.top-actions .balance-pill{display:none}}

/* v6 媒体创作工作台 */
.recharge-payment-panel{max-width:760px;margin-top:28px}.recharge-payment-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center}.recharge-payment-code{min-height:220px;display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed #d8c4c0;border-radius:12px;background:#fffaf8;padding:14px}.recharge-payment-code img{width:190px;height:190px;object-fit:contain}.recharge-payment-code small{color:#887b77;font-size:10px}.recharge-payment-placeholder{width:190px;height:190px;display:grid;place-items:center;padding:24px;border-radius:8px;background:#f3eeec;color:#9b8c88;text-align:center;font-size:12px;line-height:1.7}.recharge-payment-summary>strong,.recharge-payment-summary>span{display:block}.recharge-payment-summary>strong{font-size:30px;color:var(--red)}.recharge-payment-summary>span{margin-top:6px;color:#746c69}.recharge-payment-summary p{margin:18px 0;color:#7d7370;line-height:1.7;font-size:12px}.recharge-payment-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recharge-payment-actions .primary-button{width:auto}.payment-submitted{color:#327150;font-size:12px}.order-status.submitted{background:#e8f1fb;color:#3a638e}.account-order-row{grid-template-columns:minmax(0,1fr) auto auto auto}
@media(max-width:760px){.recharge-payment-layout{grid-template-columns:1fr}.recharge-payment-code{max-width:250px}.recharge-payment-actions .primary-button{width:100%}.account-order-row{grid-template-columns:minmax(0,1fr) auto}.account-order-row button{grid-row:2}}
.media-view{max-width:1380px}.media-workspace{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(520px,1.25fr);gap:18px;align-items:stretch}.media-controls,.media-preview{min-height:650px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.segmented{height:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border-radius:8px;background:#f3f0ef}.segmented button{border:0;border-radius:6px;background:transparent;color:#777;cursor:pointer}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(40,30,28,.08);font-weight:700}.media-template{width:100%;display:flex;align-items:center;gap:13px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.media-template>span{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--red-soft);color:var(--red)}.media-template strong,.media-template small{display:block}.media-template small{margin-top:5px;color:#888}.media-field{display:grid;gap:8px;margin:18px 0;color:#555;font-size:13px;font-weight:700}.media-field textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fafafa;color:var(--ink);font:inherit;font-weight:400;line-height:1.65;resize:vertical}.media-field textarea:focus{outline:2px solid rgba(159,29,21,.08);border-color:#c9948f}.media-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.media-options label{display:grid;gap:7px;color:#777;font-size:11px}.media-options select,.media-result-actions select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.media-upload{min-height:180px;margin:18px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #c8bfbd;border-radius:8px;background:#fafafa;color:#777}.media-upload img{width:110px;height:78px;border-radius:7px;object-fit:cover}.media-preview{display:flex;flex-direction:column}.media-preview-head{display:flex;justify-content:space-between;margin-bottom:16px}.media-preview-head strong,.media-preview-head small{display:block}.media-preview-head strong{font-size:17px}.media-preview-head small{margin-top:5px;color:#888}.media-canvas{position:relative;flex:1;min-height:430px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#171515}.media-canvas>img{width:100%;height:100%;object-fit:cover}.video-mock>img{animation:mockCamera 7s ease-in-out infinite alternate}.play-mark{position:absolute;width:62px;height:62px;display:grid;place-items:center;padding-left:4px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--red);font-size:23px;box-shadow:0 6px 24px rgba(0,0,0,.2)}.video-mock>i{position:absolute;right:14px;bottom:14px;padding:6px 9px;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-style:normal}.avatar-canvas>img{object-position:center 28%}.media-result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.media-result-actions select{flex:1}.avatar-choice{width:100%;display:flex;align-items:center;gap:13px;padding:12px;border:2px solid var(--red);border-radius:8px;background:#fff;text-align:left}.avatar-choice img{width:68px;height:68px;border-radius:8px;object-fit:cover}.avatar-choice strong,.avatar-choice small{display:block}.avatar-choice small{margin-top:5px;color:#888}.media-license{color:#888;font-size:11px;line-height:1.6}@keyframes mockCamera{from{transform:scale(1)}to{transform:scale(1.07) translateX(-1%)}}
@media(max-width:1050px){.media-workspace{grid-template-columns:1fr}.media-controls,.media-preview{min-height:0}.media-canvas{aspect-ratio:16/9;min-height:0}}
@media(max-width:760px){.media-view{padding-inline:12px}.media-controls,.media-preview{padding:14px}.media-options{grid-template-columns:1fr}.media-result-actions{align-items:stretch;flex-direction:column}.media-canvas{aspect-ratio:4/3}.segmented button{font-size:11px}}
.media-canvas>video{width:100%;height:100%;object-fit:cover}
.media-mode-panel{margin-top:18px}.media-mode-note{padding:18px;border:1px solid var(--line);border-radius:8px;background:#faf8f7}.media-mode-note strong,.media-mode-note small{display:block}.media-mode-note small{margin-top:6px;color:#888}.media-upload small{color:#999}.media-upload video{width:140px;height:88px;border-radius:7px;object-fit:cover}.media-range{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#666;font-size:12px}.media-range input{accent-color:var(--red)}.media-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-template-card{padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#f6f3f2;text-align:left;cursor:pointer}.media-template-card.active{border-color:var(--red)}.media-template-card img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}.media-template-card span{display:block;padding:10px;font-size:12px;font-weight:700}.video-mock>i{position:absolute;right:14px;bottom:14px;padding:6px 9px;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-style:normal}.avatar-hero{min-height:390px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);overflow:hidden;border-radius:8px;background:#251b1a;color:#fff}.avatar-hero>img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center 25%}.avatar-hero>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px}.avatar-hero>div>span{color:#e6aaa4;font-size:12px;font-weight:700}.avatar-hero h2{margin:12px 0;font-size:31px}.avatar-hero p{max-width:460px;margin:0 0 24px;color:#d8cfcd;line-height:1.8}.avatar-gallery-section{margin-top:38px}.section-title h2{margin:5px 0 14px}.avatar-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.avatar-gallery-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.avatar-gallery-card.owned{cursor:pointer}.avatar-gallery-card.owned:hover{border-color:#c9948f;box-shadow:var(--shadow)}.avatar-gallery-card img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;object-position:center 24%}.avatar-gallery-card div{padding:14px}.avatar-gallery-card strong,.avatar-gallery-card small{display:block}.avatar-gallery-card small{margin-top:5px;color:#888}.avatar-gallery-card>span{display:block;padding:0 14px 14px;color:var(--red);font-size:11px;font-weight:700}.back-link{margin-bottom:18px;border:0;background:transparent;color:var(--red);cursor:pointer}.avatar-create-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.28)}.avatar-create-dialog::backdrop{background:rgba(24,18,17,.62);backdrop-filter:blur(5px)}.avatar-create-dialog form{display:grid;gap:18px;padding:26px}.avatar-name-field{display:grid;gap:8px;font-weight:700}.avatar-name-field input{padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit}.avatar-photo-upload{min-height:220px;display:flex;align-items:center;justify-content:center;gap:24px;border:1px dashed #bdb4b2;border-radius:8px;background:#fafafa;cursor:pointer}.avatar-photo-upload img{width:180px;height:180px;border-radius:8px;object-fit:cover}.avatar-photo-upload strong,.avatar-photo-upload small{display:block}.avatar-photo-upload small{margin-top:7px;color:#888}.avatar-requirements>strong{display:block;margin-bottom:10px}.avatar-requirements>div{display:flex;gap:8px;flex-wrap:wrap}.avatar-requirements span{padding:7px 10px;border-radius:6px;background:#f3f0ef;color:#666;font-size:11px}
@media(max-width:760px){.media-template-grid,.avatar-gallery{grid-template-columns:1fr 1fr}.avatar-hero{grid-template-columns:1fr}.avatar-hero>img{min-height:250px}.avatar-hero>div{padding:24px}.avatar-hero h2{font-size:24px}.avatar-photo-upload{align-items:flex-start;flex-direction:column;padding:16px}.avatar-photo-upload img{width:100%;height:auto;aspect-ratio:1}.avatar-create-dialog form{padding:18px}}
@media(max-width:470px){.media-template-grid,.avatar-gallery{grid-template-columns:1fr}}

/* v7 对话首页与共享外壳：此区是 shell/chat 的唯一权威覆盖层 */
body{background:#fff;color:var(--ink)}
.app-shell{min-height:100dvh;background:#fff}
.sidebar{width:292px;height:100dvh;padding:18px 14px 14px;overflow:hidden;border-right:1px solid var(--line);background:var(--sidebar-bg);transition:transform .22s ease;display:flex;flex-direction:column}
.brand{height:54px;padding:0 10px 14px;gap:11px}.brand-mark{width:36px;height:36px;border-radius:10px;box-shadow:none}.brand strong{font-size:17px;letter-spacing:0}
.sidebar-new-chat{width:100%;min-height:48px;margin:4px 0 12px;padding:0 13px;border:1px solid #dedede;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;color:#2d2d2d;font-size:14px;font-weight:650;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.025)}
.sidebar-new-chat:hover,.sidebar-new-chat.active{border-color:#d6c1bf;background:#fff;color:var(--red)}.sidebar-new-chat>.ui-icon{width:20px;height:20px}.sidebar-new-chat-arrow{width:15px!important;height:15px!important;margin-left:auto;transform:rotate(0)}
.nav{flex:none;display:grid;gap:2px;overflow:visible}.nav-group{display:none}.nav-item{min-height:40px;padding:0 11px;border-radius:9px;gap:10px;color:#555;background:transparent;font-size:14px;font-weight:520}.nav-item:hover{background:#ececed;color:#222}.nav-item.active{background:#e9e9ea;color:#191919;font-weight:650}.nav-icon{width:24px}.nav-icon .ui-icon{width:20px;height:20px;stroke-width:2.2}.nav-item em{margin-left:auto;padding:2px 6px;border-radius:99px;background:#e9e7e6;color:#888;font-size:9px;font-style:normal;font-weight:600}.nav-item b{margin-left:auto;background:#e5e5e6;color:#777;font-size:10px}.nav-item.active b{background:#d9d9da;color:#444}
.nav-more-toggle .more-chevron{width:15px;height:15px;margin-left:auto;transition:transform .18s}.nav-more-toggle[aria-expanded="true"] .more-chevron{transform:rotate(90deg)}.nav-more-items{display:grid;gap:2px;margin:2px 0 0 14px;padding-left:8px;border-left:1px solid #ddd}.nav-more-items[hidden]{display:none}.nav-more-items .nav-item{min-height:36px;font-size:13px}.nav-more-items .nav-icon .ui-icon{width:18px;height:18px}
.sidebar-recent{min-height:112px;flex:1;margin:12px 0 0;padding:12px 8px 4px;border-top:1px solid #e1e1e1;display:flex;flex-direction:column;overflow:hidden}.sidebar-recent-head{flex:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#8a8a8a}.sidebar-recent-head strong{font-size:12px}.sidebar-recent-head>.ui-icon{width:17px;height:17px}.sidebar-recent-list{min-height:0;max-height:none;display:grid;align-content:start;gap:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sidebar-recent-list>span{padding:9px 6px;color:#aaa;font-size:11px}.sidebar-chat-item{width:100%;min-width:0;padding:8px 7px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;overflow:hidden}.sidebar-chat-item:hover,.sidebar-chat-item.active{background:#e9e9ea}.sidebar-chat-item span,.sidebar-chat-item small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-chat-item span{color:#4f4f4f;font-size:12px}.sidebar-chat-item small{margin-top:3px;color:#999;font-size:10px}
.account{width:100%;min-height:58px;flex:none;margin:8px 0 0;padding:10px 8px;border:0;border-top:1px solid #e1e1e1;border-radius:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.account:hover{background:#ececed;border-radius:9px}.account .avatar{width:34px;height:34px}.account-copy{min-width:0;flex:1}.account-copy strong,.account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:12px}.account-copy span{font-size:10px}.account-balance{flex:none;text-align:right}.account-balance strong{color:var(--red);font-size:11px}.account-balance span{font-size:9px}
.main{width:calc(100% - 292px);min-height:100dvh;margin-left:292px;background:#fff;transition:width .22s ease,margin-left .22s ease}.app-shell.sidebar-collapsed .sidebar{transform:translateX(-100%)}.app-shell.sidebar-collapsed .main{width:100%;margin-left:0}
.topbar{height:56px;padding:0 22px;border-bottom:1px solid #f0f0f0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.menu-btn{display:grid;width:36px;height:36px;border-color:#e5e5e5;background:#fff}.view-label{display:none}.top-actions{margin-left:auto;gap:8px}.status-pill{padding:7px 10px;border-color:#e5e5e5;background:#fff;color:#565656;font-size:11px}.user-menu{min-width:0;width:36px;height:36px;padding:0;border-color:#e5e5e5;border-radius:10px;justify-content:center}.user-menu .avatar.small{width:28px;height:28px}.user-menu b{display:none}
.view{background:#fff}
#view-studio.chat-mode{position:relative;max-width:none;height:calc(100dvh - 56px);padding:0;overflow:hidden}.chat-studio{position:relative;height:100%;background:#fff}.chat-scroll{min-height:0;scroll-behavior:smooth}
.chat-studio.is-empty{display:grid;grid-template-rows:auto auto;align-content:center;padding:0 24px clamp(58px,9vh,92px)}.chat-studio.is-empty .chat-scroll{overflow:visible}.chat-studio.is-empty .chat-welcome{min-height:0;padding:0 20px 26px}.chat-studio.is-empty .chat-composer-dock{position:static;padding:0;background:none}.chat-studio.is-empty .chat-composer{min-height:154px}.chat-studio.is-empty .chat-composer textarea{min-height:70px}
.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center}.chat-welcome h1{margin:0;font-size:34px;line-height:1.3;letter-spacing:-.025em;font-weight:720}.chat-quick-prompts{display:flex;justify-content:center;gap:8px;margin-top:22px}.chat-quick-prompts button{padding:8px 13px;border:1px solid #e3e3e3;border-radius:99px;background:#fff;color:#6b6b6b;font-size:12px;cursor:pointer;transition:.16s}.chat-quick-prompts button:hover{border-color:#d5b7b4;background:#fdf9f8;color:var(--red)}
.chat-studio.has-thread{display:flex;flex-direction:column}.chat-studio.has-thread .chat-scroll{flex:1;overflow-y:auto}.chat-thread{width:min(920px,calc(100% - 48px));margin:0 auto;padding:36px 0 166px}.chat-row{display:flex;margin-bottom:26px}.chat-row.user{justify-content:flex-end}.chat-bubble{max-width:76%;padding:11px 15px;border-radius:17px 17px 5px 17px;background:#f1f1f2;color:#333;font-size:14px;line-height:1.75;white-space:pre-wrap}.chat-row.assistant{align-items:flex-start;gap:12px}.chat-avatar{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:11px;font-weight:800}.chat-answer{min-width:0;max-width:790px;padding-top:2px}.chat-thinking{display:block;margin:4px 0 10px;color:var(--red);font-size:11px}.chat-answer-content{color:#343434;font-size:14px;line-height:1.78}.chat-answer-content h1{margin:0 0 13px;font-size:21px}.chat-answer-content h2{margin:20px 0 8px;font-size:17px}.chat-answer-content h3{font-size:14px}.chat-answer-content p{margin:6px 0}.chat-answer-content ul{padding-left:20px}.chat-answer-content table{width:100%;border-collapse:collapse;font-size:12px}.chat-answer-content td{padding:8px;border:1px solid var(--line)}.chat-answer-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.chat-answer-actions button{border:0;border-radius:6px;padding:5px 9px;background:#f3f3f4;color:#666;font-size:11px;cursor:pointer}.chat-answer-actions span{color:#aaa;font-size:10px}
.chat-composer-dock{position:absolute;right:0;bottom:0;left:0;z-index:5;padding:10px 24px 9px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%,#fff)}.chat-composer{width:min(920px,100%);margin:0 auto;padding:12px 13px 10px;border:1px solid #dedede;border-radius:20px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column}.chat-composer:focus-within{border-color:#caa19d;box-shadow:var(--shadow),0 0 0 3px rgba(165,33,24,.055)}.chat-composer textarea{display:block;width:100%;min-height:36px;max-height:150px;padding:5px 5px 9px;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font-size:15px;line-height:1.55;scrollbar-width:thin}.chat-composer textarea::placeholder{color:#aaa}.chat-composer-foot,.chat-composer-foot>div{display:flex;align-items:center}.chat-composer-foot{justify-content:space-between;gap:12px;margin-top:auto}.chat-composer-foot>div{min-width:0;gap:7px}.chat-tool,.chat-send{border:0;display:grid;place-items:center}.chat-tool{width:32px;height:32px;flex:none;border-radius:9px;background:#f2f2f3;color:#888;cursor:pointer}.chat-tool:hover{background:#e9e9ea;color:#444}.chat-agent-chip{min-width:0;max-width:205px;padding:5px 8px;border:1px solid #e5e5e5;border-radius:9px;background:#f8f8f8;color:#555;display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.chat-agent-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-agent-chip i{width:22px;height:22px;flex:none;border-radius:6px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:9px;font-style:normal;font-weight:700}.chat-agent-chip>.ui-icon{width:14px;height:14px;margin-left:auto;transform:rotate(90deg)}.chat-knowledge-select{width:94px;max-width:170px;padding:7px 24px 7px 9px;border:1px solid #e5e5e5;border-radius:9px;background:#f8f8f8;color:#666;font-size:12px;text-overflow:ellipsis}.chat-composer-foot>div:last-child>span{opacity:0;color:#aaa;font-size:10px;transition:.15s}.chat-composer:focus-within .chat-composer-foot>div:last-child>span,.chat-composer.has-input .chat-composer-foot>div:last-child>span{opacity:1}.chat-send{width:36px;height:36px;flex:none;border-radius:50%;background:var(--red);color:#fff;cursor:pointer;transition:.16s}.chat-send:hover{background:var(--red-hover)}.chat-send:disabled{background:#e5e5e5;color:#999;cursor:not-allowed}.chat-composer-dock>p{margin:7px 0 0;color:#aaa;font-size:10px;text-align:center}.chat-attachments{display:flex;gap:5px;max-width:100%;margin-bottom:5px;overflow-x:auto;overflow-y:hidden}.chat-attachments:empty{display:none}.attachment-chip{display:inline-flex;align-items:center;gap:4px;max-width:180px;padding:5px 8px;border-radius:7px;background:#f1f1f2;color:#666;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip button{border:0;padding:0;background:transparent;color:var(--red);cursor:pointer;font-size:14px;line-height:1}
@media(max-height:760px) and (min-width:761px){.sidebar{padding-top:12px}.brand{height:46px;padding-bottom:8px}.sidebar-new-chat{min-height:42px;margin-bottom:7px}.nav-item{min-height:34px;font-size:13px}.nav-more-items .nav-item{min-height:32px}.sidebar-recent{min-height:88px;margin-top:7px;padding-top:8px}.account{min-height:52px;padding-block:7px}.chat-studio.is-empty{padding-bottom:36px}.chat-studio.is-empty .chat-welcome{padding-bottom:18px}.chat-welcome h1{font-size:30px}.chat-quick-prompts{margin-top:15px}.chat-studio.is-empty .chat-composer{min-height:138px}.chat-studio.is-empty .chat-composer textarea{min-height:58px}}
@media(max-width:760px){
  .sidebar{width:min(312px,88vw);padding:16px 12px 12px;transform:translateX(-100%);box-shadow:18px 0 50px rgba(0,0,0,.14)}.sidebar.open{transform:none}.main,.app-shell.sidebar-collapsed .main{width:100%;margin-left:0}.app-shell.sidebar-collapsed .sidebar{transform:translateX(-100%)}
  .topbar{height:56px;padding:0 12px}.menu-btn{display:grid}.view-label{display:flex;flex:1;justify-content:center;margin-left:44px}.view-label strong{font-size:14px}.status-pill{padding:7px}.status-pill b{display:none}.user-menu{display:flex}.top-actions{gap:5px}
  #view-studio.chat-mode{height:calc(100dvh - 56px)}.chat-studio.is-empty{padding:0 12px calc(24px + env(safe-area-inset-bottom));align-content:center}.chat-studio.is-empty .chat-welcome{padding:0 8px 22px}.chat-welcome h1{font-size:26px;line-height:1.35}.chat-quick-prompts{max-width:350px;flex-wrap:wrap;gap:7px;margin-top:18px}.chat-quick-prompts button{padding:7px 11px;font-size:11px}.chat-studio.is-empty .chat-composer{min-height:126px}.chat-studio.is-empty .chat-composer textarea{min-height:48px}
  .chat-thread{width:calc(100% - 28px);padding:26px 0 154px}.chat-bubble{max-width:88%;font-size:13px}.chat-row.assistant{gap:9px}.chat-avatar{width:29px;height:29px}.chat-answer-content{font-size:13px}.chat-composer-dock{padding:10px 12px calc(7px + env(safe-area-inset-bottom))}.chat-composer{padding:10px;border-radius:18px}.chat-composer-foot{gap:7px}.chat-composer-foot>div:first-child{flex:1;flex-wrap:wrap}.chat-agent-chip{display:flex;max-width:140px}.chat-knowledge-select{width:92px;max-width:110px}.chat-composer-foot>div:last-child>span{display:none}.chat-attachments{max-width:100%}.attachment-chip{max-width:135px}.chat-composer-dock>p{font-size:9px}
}
@media(min-width:761px){.chat-knowledge-select{width:auto;min-width:94px}}
@media(max-width:760px){.app-shell.sidebar-collapsed .sidebar.open{transform:none}}
@media(min-width:761px){.topbar .user-menu{display:none}}

/* v7.1 侧栏层级与信息密度 */
.sidebar{isolation:isolate}
.sidebar-new-chat{color:#202020}
.nav{position:relative}
.nav-item{color:#282828;font-weight:560}
.nav-item:hover{color:#111}.nav-item.active,.nav-more-toggle.active{color:#171717;font-weight:650}
.sidebar .nav-icon .ui-icon{width:19px;height:19px;stroke-width:1.7}
.sidebar .sidebar-new-chat>.ui-icon,.sidebar .sidebar-recent-head>.ui-icon,.sidebar .more-chevron,.sidebar .sidebar-account-menu .ui-icon{stroke-width:1.7}
.nav-more-items{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:32;margin:0;padding:6px;border:1px solid #e2e2e2;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(20,20,20,.12)}
.nav-more-items .nav-item{min-height:38px;padding-inline:9px;border-radius:7px;font-size:13px}.nav-more-items .nav-icon{width:22px}.nav-more-items[hidden]{display:none}
.sidebar-recent{margin-top:10px;padding-top:10px}.sidebar-recent-head{margin-bottom:5px;color:#666}.sidebar-recent-head strong{color:#555;font-weight:650}
.sidebar-recent-list{gap:1px}.sidebar-chat-item{min-height:30px;padding:5px 7px;display:flex;align-items:center;gap:8px}
.sidebar-chat-item span{min-width:0;flex:1;color:#333;font-size:11px}.sidebar-chat-item time{flex:none;color:#929292;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.account{position:relative;color:#242424}.account.active{border-radius:9px;background:#e9e9ea}.account-copy strong{color:#242424}.account-copy span{color:#797979}
.sidebar-account-menu{position:absolute;right:14px;bottom:78px;left:14px;z-index:34;padding:6px;border:1px solid #e1e1e1;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(20,20,20,.13);display:grid;gap:2px}
.sidebar-account-menu[hidden]{display:none}.sidebar-account-menu button{min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#262626;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.sidebar-account-menu button:hover,.sidebar-account-menu button:focus-visible{background:#f0f0f1;color:#111}.sidebar-account-menu .ui-icon{width:18px;height:18px}

/* v8 管理员面板 */
.admin-view{max-width:1500px}.admin-tabs{display:flex;gap:4px;margin:-8px 0 18px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#f7f7f7;overflow:auto}.admin-tabs button{min-width:88px;height:38px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:#666;font-weight:650;white-space:nowrap;cursor:pointer}.admin-tabs button.active{background:#fff;color:var(--red);box-shadow:0 2px 8px rgba(20,20,20,.08)}.admin-panel{display:none}.admin-panel.active{display:block}.admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-metric{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-metric span,.admin-metric small{display:block;color:var(--muted)}.admin-metric span{font-size:11px}.admin-metric strong{display:block;margin:8px 0 4px;font-size:24px;overflow:hidden;text-overflow:ellipsis}.admin-metric small{font-size:10px}.admin-overview-grid,.admin-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-summary-list{display:grid;gap:1px}.admin-summary-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #f0edeb}.admin-summary-list>div:last-child{border:0}.admin-summary-list span{color:var(--muted)}.admin-alert{margin-bottom:8px;padding:11px 13px;border-radius:9px;background:#fff4e7;color:#8b5717}.admin-alert.ok{background:#edf8f1;color:#287048}.admin-split{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.admin-prompt-list{padding:12px;max-height:calc(100vh - 210px);overflow:auto}.admin-prompt-list .admin-filter-row{position:sticky;top:-12px;z-index:2;padding:12px 0;background:#fff}.admin-filter-row select{width:100%}.admin-prompt-item{width:100%;padding:12px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.admin-prompt-item:hover,.admin-prompt-item.active{background:#f7f1ef}.admin-prompt-item strong,.admin-prompt-item small{display:block}.admin-prompt-item strong{font-size:13px}.admin-prompt-item small{margin-top:4px;color:var(--muted);font-size:10px}.admin-prompt-editor label{display:grid;gap:7px}.admin-prompt-editor textarea{width:100%;min-height:280px;resize:vertical}.prompt-diff{margin:12px 0;padding:10px 12px;border-radius:8px;background:#f7f7f7;color:var(--muted);white-space:pre-wrap}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-version-list{display:grid;gap:6px;margin-top:16px}.admin-version-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:8px}.admin-version-row span,.admin-version-row small{display:block}.admin-version-row small{color:var(--muted)}.admin-version-row button{border:0;background:transparent;color:var(--red);cursor:pointer}.admin-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin-toolbar input{min-width:250px}.admin-toolbar .admin-scope-note{margin-right:auto;color:var(--muted);font-size:11px}.admin-table{overflow:auto;border:1px solid var(--line);border-radius:11px;background:#fff}.admin-table-row{display:grid;grid-template-columns:minmax(210px,1.3fr) 90px 90px 100px 130px minmax(260px,auto);align-items:center;gap:10px;min-width:920px;padding:11px 13px;border-bottom:1px solid #f0edeb}.admin-table-row.header{background:#f7f7f7;color:var(--muted);font-size:10px;font-weight:700}.admin-table-row:last-child{border:0}.admin-table-row strong,.admin-table-row small{display:block}.admin-table-row small{margin-top:3px;color:var(--muted)}.admin-row-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.admin-row-actions button{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.admin-row-actions button.danger{color:#a82b26}.admin-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eaf6ef;color:#267148}.admin-status.disabled{background:#f1eeee;color:#777}.admin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}.admin-pagination button{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.admin-model-note{margin-bottom:12px;padding:11px 13px;border-radius:9px;background:#f5f1f0}.admin-provider-form{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.admin-provider-card{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-bottom:1px solid #f0edeb}.admin-provider-card strong,.admin-provider-card small{display:block}.admin-provider-card small{margin-top:3px;color:var(--muted)}.admin-provider-card-actions{display:flex;gap:5px}.admin-provider-card-actions button{border:0;background:transparent;color:var(--red);cursor:pointer}.admin-route-row{display:grid;grid-template-columns:110px 1fr 1fr 80px;gap:8px;align-items:end;margin-bottom:9px}.admin-route-row label{display:grid;gap:4px;color:var(--muted);font-size:10px}.danger-panel{border-color:#efd5d2;background:#fffafa}.danger-panel p{color:#795c59;line-height:1.7}.admin-chart{display:flex;align-items:end;gap:3px;min-height:240px;padding:20px 6px 0;overflow:auto}.admin-chart-column{position:relative;display:flex;align-items:end;gap:2px;min-width:7px;height:200px}.admin-chart-column i{display:block;width:3px;min-height:2px;border-radius:3px 3px 0 0;background:#ba322b}.admin-chart-column i:last-child{background:#d39b50}.admin-chart-empty{margin:auto;color:var(--muted)}.admin-dialog{width:min(520px,calc(100vw - 28px));border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.22)}.admin-dialog::backdrop{background:rgba(20,15,14,.4)}.admin-dialog form{display:grid;gap:12px;padding:24px}.admin-dialog label{display:grid;gap:6px}.admin-dialog p{margin:0;color:var(--muted);line-height:1.7}
.admin-provider-form{gap:12px}.admin-provider-form label,.admin-route-row label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:650}.admin-provider-form input,.admin-provider-form select,.admin-route-row input,.admin-route-row select,.admin-toolbar input,.admin-toolbar select,.admin-prompt-editor textarea,.admin-dialog input,.admin-dialog select{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.admin-provider-form input:focus,.admin-provider-form select:focus,.admin-route-row input:focus,.admin-route-row select:focus,.admin-toolbar input:focus,.admin-toolbar select:focus,.admin-prompt-editor textarea:focus,.admin-dialog input:focus,.admin-dialog select:focus{border-color:#c9948f;outline:3px solid rgba(159,29,21,.08)}.admin-route-row{grid-template-columns:105px minmax(120px,.8fr) minmax(160px,1.2fr) 82px auto}.admin-route-row>.text-button{min-height:38px}
@media(max-width:1180px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-overview-grid,.admin-model-grid{grid-template-columns:1fr}.admin-split{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){.admin-view{padding-inline:12px}.admin-tabs{margin-top:0}.admin-metrics{grid-template-columns:1fr 1fr}.admin-split{grid-template-columns:1fr}.admin-prompt-list{max-height:260px}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar input{min-width:0;width:100%}.admin-toolbar select,.admin-toolbar button{width:100%}.admin-route-row{grid-template-columns:1fr 1fr}.admin-route-row label:nth-child(2){grid-column:1/-1;grid-row:2}.admin-route-row label:nth-child(3){grid-column:1/-1;grid-row:3}.admin-chart{min-height:210px}.sidebar-account-menu{bottom:78px}}
@media(max-width:470px){.admin-metrics{grid-template-columns:1fr}.admin-actions>*{width:100%}.admin-route-row{grid-template-columns:1fr}}
.heading-actions{display:flex;gap:8px}.builder-view{max-width:none;height:calc(100vh - 66px);padding:0;overflow:hidden;background:#f6f5f4}.builder-topbar{height:74px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}.builder-topbar .back-link{margin:0;text-align:left}.builder-identity{display:flex;align-items:center;gap:10px}.builder-avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--red);color:#fff;font-weight:800}.builder-identity input{width:min(420px,45vw);padding:3px 5px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);font-size:17px;font-weight:800}.builder-identity input:focus{outline:0;border-color:var(--red)}.builder-identity small{display:flex;align-items:center;gap:5px;margin-top:3px;color:#999}.builder-identity small i{width:7px;height:7px;border-radius:50%;background:#bbb}.builder-identity small i.saving{background:#d89b29}.builder-identity small i.saved{background:var(--green)}.builder-identity small i.error{background:#d33}.builder-identity small b{color:var(--red);font-weight:700}.builder-layout{height:calc(100% - 74px);display:grid;grid-template-columns:minmax(360px,42%) minmax(480px,58%);gap:0}.builder-settings{overflow-y:auto;border-right:1px solid var(--line);background:#fff}.builder-section{padding:20px 24px;border-bottom:1px solid var(--line)}.builder-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.builder-section-head>span{font-size:14px;font-weight:800}.builder-section-head small{color:#999}.builder-section textarea,.builder-select select{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fafafa;color:var(--ink);font:inherit;line-height:1.65;resize:vertical}.builder-select{display:grid;gap:7px;color:#777;font-size:11px}.ai-optimize{padding:6px 9px;border:1px solid #d8b3ae;border-radius:6px;background:#fff8f7;color:var(--red);cursor:pointer;font-size:10px;font-weight:700}.quick-action-editor{display:grid;gap:7px}.quick-action-editor label{display:grid;grid-template-columns:1fr 34px}.quick-action-editor input{min-width:0;padding:10px;border:1px solid var(--line);border-radius:7px 0 0 7px}.quick-action-editor button{border:1px solid var(--line);border-left:0;border-radius:0 7px 7px 0;background:#fff;color:#999;cursor:pointer}.builder-knowledge-list{display:grid;gap:7px;max-height:210px;overflow:auto}.builder-knowledge-list>label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.builder-knowledge-list input{accent-color:var(--red)}.builder-knowledge-list strong,.builder-knowledge-list small{display:block}.builder-knowledge-list small{margin-top:3px;color:#999}.builder-features{border:1px solid var(--line);border-radius:7px;overflow:hidden}.builder-features>label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-bottom:1px solid var(--line)}.builder-features>label:last-child{border-bottom:0}.builder-features strong,.builder-features small{display:block}.builder-features small{margin-top:3px;color:#999}.builder-features input{width:38px;height:20px;accent-color:var(--red)}.builder-preview{min-width:0;display:flex;flex-direction:column;margin:18px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.preview-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.preview-head>div{display:flex;align-items:center;gap:10px}.preview-head strong,.preview-head small{display:block}.preview-head small{margin-top:3px;color:#999}.preview-thread{flex:1;min-height:0;overflow-y:auto;padding:24px}.builder-message{display:flex;gap:9px;margin-bottom:18px}.builder-message>span{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:7px;background:var(--red);color:#fff;font-size:10px;font-weight:800}.builder-message>div{max-width:78%;padding:10px 13px;border-radius:5px 13px 13px 13px;background:#f3f0ef;line-height:1.7}.builder-message.user{justify-content:flex-end}.builder-message.user>div{border-radius:13px 13px 5px 13px;background:var(--red);color:#fff}.preview-suggestions{display:flex;gap:7px;overflow-x:auto;padding:0 18px 10px}.preview-suggestions button{flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#666;cursor:pointer}.preview-composer{display:grid;grid-template-columns:1fr 42px;align-items:end;gap:8px;margin:0 18px;padding:10px;border:1px solid var(--line);border-radius:8px}.preview-composer textarea{min-width:0;max-height:120px;border:0;outline:0;resize:none;font:inherit}.builder-preview>p{margin:8px 18px 12px;color:#aaa;font-size:9px;text-align:center}
@media(max-width:980px){.builder-view{height:auto;min-height:calc(100vh - 60px);overflow:visible}.builder-topbar{position:sticky;top:60px;z-index:5;grid-template-columns:auto 1fr auto}.builder-topbar .back-link{font-size:0}.builder-topbar .back-link:first-letter{font-size:16px}.builder-layout{height:auto;grid-template-columns:1fr}.builder-settings{overflow:visible;border-right:0}.builder-preview{min-height:620px}.heading-actions{width:100%;flex-wrap:wrap}.heading-actions>*{flex:1}}
@media(max-width:600px){.builder-topbar{height:auto;padding:10px;gap:8px}.builder-identity input{width:35vw;font-size:14px}.builder-identity small{max-width:150px;white-space:nowrap;overflow:hidden}.builder-layout{height:auto}.builder-section{padding:17px 14px}.builder-preview{min-height:560px;margin:10px}.preview-thread{padding:16px}.builder-topbar .primary-button{padding-inline:12px}}
.agent-create-dialog{width:min(720px,calc(100% - 28px));padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.agent-create-dialog::backdrop{background:rgba(27,21,20,.55);backdrop-filter:blur(4px)}.agent-create-dialog form{position:relative;display:grid;gap:10px;padding:28px;padding-right:190px}.agent-create-dialog label{display:grid;gap:8px;margin-top:10px;font-weight:700}.agent-create-dialog input,.agent-create-dialog textarea{padding:12px;border:1px solid var(--line);border-radius:7px;font:inherit;line-height:1.6;resize:vertical}.agent-create-dialog form>small{color:#999;line-height:1.6}.agent-create-symbol{position:absolute;right:30px;top:108px;width:125px;text-align:center}.agent-create-symbol span{width:110px;height:110px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#fff0ed,#e1b0a9);color:var(--red);font-size:34px;font-weight:800}.agent-create-symbol p{color:#999;font-size:10px;line-height:1.6}.agent-create-dialog .dialog-actions{grid-column:1/-1;margin-top:15px}@media(max-width:600px){.agent-create-dialog form{padding:20px}.agent-create-symbol{position:static;width:auto;display:flex;align-items:center;gap:10px;text-align:left}.agent-create-symbol span{width:54px;height:54px;font-size:18px}.agent-create-symbol p{margin:0}.agent-create-dialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr}}
.builder-file-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 18px 8px}.builder-file-row .chat-tool{flex:none}.builder-file-row .chat-attachments{max-width:none;overflow-x:auto}.debug-mode{display:block;margin-top:10px;color:#999;font-size:9px;font-weight:600}.debug-mode.live{color:var(--green)}.debug-mode.demo{color:#a06b24}.agent-delete-button{width:30px;height:30px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:7px;background:#fff;color:#999;cursor:pointer}.agent-delete-button:hover{border-color:#d8aaa5;color:var(--red)}.agent-delete-button .ui-icon{width:15px;height:15px}.sidebar-chat-item{position:relative;padding-right:31px}.sidebar-unread{position:absolute;right:8px;top:50%;width:18px;height:18px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:var(--red);color:#fff;font-size:9px;font-style:normal;font-weight:800}.notification-center{position:fixed;right:18px;top:78px;z-index:100;display:grid;gap:9px;width:min(340px,calc(100vw - 28px));pointer-events:none}.completion-notice{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 16px 40px rgba(44,31,29,.18);text-align:left;cursor:pointer;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:.2s}.completion-notice.show{opacity:1;transform:none}.completion-notice>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#e8f4eb;color:var(--green)}.completion-notice .ui-icon{width:18px;height:18px}.completion-notice strong,.completion-notice small{display:block}.completion-notice small{max-width:210px;margin-top:3px;overflow:hidden;color:#888;text-overflow:ellipsis;white-space:nowrap}.completion-notice>i{color:var(--red);font-size:10px;font-style:normal;font-weight:700}@media(max-width:600px){.notification-center{top:68px;right:10px}.builder-file-row{padding-inline:10px}}
.agent-card-actions{display:flex;gap:7px}.agent-card-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--red);cursor:pointer;font-weight:700}.agent-card-actions .use-agent{border-color:var(--red-soft);background:var(--red-soft)}.sidebar-chat-row{position:relative;min-width:0}.sidebar-chat-row .sidebar-chat-item{padding-right:50px}.sidebar-chat-delete{position:absolute;right:5px;top:50%;width:25px;height:25px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:#aaa;cursor:pointer;opacity:0}.sidebar-chat-row:hover .sidebar-chat-delete,.sidebar-chat-delete:focus-visible{opacity:1}.sidebar-chat-delete:hover{background:#fff;color:var(--red)}.sidebar-chat-delete .ui-icon{width:14px;height:14px}.sidebar-chat-row .sidebar-unread{right:29px}.clear-context-note{margin-left:auto;color:#999;font-size:10px}.feature-help{position:relative;width:17px;height:17px;margin-left:5px;padding:0;border:1px solid #aaa;border-radius:50%;background:#fff;color:#888;cursor:help;font-size:10px;line-height:15px;vertical-align:1px}.feature-help::after{content:attr(data-tooltip);position:absolute;left:23px;top:50%;z-index:20;width:250px;padding:9px 11px;transform:translateY(-50%);border:1px solid var(--line);border-radius:7px;background:#242120;color:#fff;box-shadow:var(--shadow);font-size:10px;font-weight:400;line-height:1.55;text-align:left;opacity:0;pointer-events:none;transition:.15s}.feature-help:hover::after,.feature-help:focus-visible::after{opacity:1}@media(max-width:700px){.clear-context-note{display:none}.agent-card-actions{flex-wrap:wrap}.feature-help::after{left:auto;right:23px;width:210px}}
.chat-tier-select{width:auto;min-width:64px;padding:7px 24px 7px 9px;border:1px solid #e5e5e5;border-radius:9px;background:#f8f8f8;color:#666;font-size:12px}.admin-usage-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.admin-usage-grid>.panel{min-width:0}.admin-usage-chart{height:230px;display:flex;align-items:end;gap:8px;padding:18px 8px 0;overflow-x:auto}.usage-day{height:205px;min-width:34px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.usage-day>span{color:var(--muted);font-size:9px}.usage-bars{height:180px;display:flex;align-items:end;gap:3px}.usage-bars i,.usage-bars b{display:block;width:9px;min-height:3px;border-radius:4px 4px 0 0}.usage-bars i{background:var(--red)}.usage-bars b{background:#d39b50}.admin-usage-events{margin-top:14px}.admin-table-row.usage{grid-template-columns:minmax(170px,1.2fr) 90px 80px 80px 70px minmax(190px,1fr)}.admin-summary-list small{display:block;margin-top:3px;color:var(--muted);font-size:9px}@media(max-width:900px){.admin-usage-grid{grid-template-columns:1fr}}@media(max-width:760px){.chat-tier-select{min-width:62px;max-width:74px}.admin-usage-chart{height:205px}.usage-day{height:185px}.usage-bars{height:160px}}
.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-model-grid{grid-template-columns:1fr}.admin-route-help{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.7}.admin-route-row{grid-template-columns:100px minmax(110px,.8fr) minmax(150px,1fr) 96px 90px 72px auto}.admin-table-row.usage{grid-template-columns:minmax(170px,1.2fr) 90px 110px 70px 90px minmax(220px,1fr)}
.admin-safety-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}.admin-safety-grid label,.admin-review-detail label,.safety-rate{display:grid;gap:6px;margin-bottom:12px;color:var(--muted);font-size:11px}.custom-rule-row{display:grid;grid-template-columns:minmax(160px,1.4fr) 120px 120px 100px 65px auto;gap:7px;align-items:center;margin-bottom:7px}.custom-rule-row input,.custom-rule-row select{min-width:0}.custom-rule-row label{display:flex;align-items:center;gap:4px;margin:0}.custom-rule-row label input{width:auto}.custom-rule-row button{border:0;background:transparent;color:var(--red);cursor:pointer}.safety-boundary{margin-top:18px;padding:13px;border-radius:9px;background:#fff4e7;color:#79551f}.safety-boundary p{margin:5px 0 0;line-height:1.7}.admin-review-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:14px}.admin-review-row{width:100%;display:grid;grid-template-columns:minmax(180px,1fr) 90px 70px;gap:8px;align-items:center;padding:11px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.admin-review-row:not(.header){cursor:pointer}.admin-review-row.active{background:#f7f1ef}.admin-review-row strong,.admin-review-row small{display:block}.admin-review-row small{margin-top:3px;color:var(--muted)}.admin-review-detail{min-width:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.review-detail-head strong,.review-detail-head small{display:block}.review-detail-head small{margin-top:4px;color:var(--muted)}.admin-review-detail pre{max-height:300px;overflow:auto;padding:12px;border-radius:8px;background:#f7f7f7;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.65}.review-report{padding:10px;border-radius:8px;background:#fff4e7}.admin-review-panel .admin-filter-row{display:flex;gap:7px}
@media(max-width:900px){.admin-safety-grid,.admin-review-layout{grid-template-columns:1fr}.custom-rule-row{grid-template-columns:1fr 1fr}.custom-rule-row>[data-rule-field="phrase"]{grid-column:1/-1}}@media(max-width:760px){.admin-review-panel .panel-head{align-items:stretch;flex-direction:column}.admin-review-panel .admin-filter-row{display:grid;grid-template-columns:1fr 1fr}.admin-review-row{grid-template-columns:minmax(150px,1fr) 72px 62px}.custom-rule-row{grid-template-columns:1fr}.custom-rule-row>[data-rule-field="phrase"]{grid-column:auto}}
.review-notice{margin:8px 0;padding:10px 12px;border-radius:8px;background:#fff4e7;color:#82591d;font-size:11px;line-height:1.6}.content-rejected .chat-answer{border-color:#ead0cd;background:#fffafa}.result-toolbar-actions{display:flex;gap:7px}
@media(max-width:760px){.admin-route-row{grid-template-columns:1fr 1fr}.admin-route-row label:nth-child(2){grid-column:1/-1;grid-row:2}.admin-route-row label:nth-child(3){grid-column:1/-1;grid-row:3}.admin-route-row label:nth-child(4){grid-column:1;grid-row:4}.admin-route-row label:nth-child(5){grid-column:2;grid-row:4}.admin-route-row label:nth-child(6){grid-column:1;grid-row:5}.admin-route-row>.text-button{grid-column:2;grid-row:5}}
