@charset "UTF-8";
/* White surfaces and blue actions, matching the referenced operations project. */
:root{--ink:#17223b;--muted:#7a879f;--line:#e8edf5;--green:#2867f0;--mint:#eef4ff;--bg:#f4f7fb;--side:#fff;--red:#ef5361;--blue:#2867f0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
body{background:var(--bg)}a{color:var(--blue)}.primary{background:#2867f0;box-shadow:0 3px 8px #2867f015}.primary:hover{background:#1e55d1}.secondary{border-color:#dce4f0;color:#53617c}.secondary:hover{background:#f4f7fc}.danger{background:#fff0f2;color:#df5063}.eyebrow{color:#5780c7;font-size:10px;letter-spacing:1.6px}.shell #sidebar{width:218px;background:linear-gradient(180deg,#fff,#f8fafc);color:#34435c;border-right:1px solid #e5ebf3;box-shadow:8px 0 24px #2a3a5609;padding:22px 12px 14px}.main-wrap{margin-left:218px}.wordmark{color:#243858;font-size:18px;letter-spacing:2px}.logo{color:#fff;background:#2867f0;width:32px;height:32px;border-radius:9px;font-size:25px}.version{color:#7a8ca9;background:#f1f5fc;border-color:#e4ebf5;font-size:8px}.workspace{padding:18px 8px;margin:15px 0 18px;border-bottom:1px solid #e9eef6}.workspace-icon{color:#3974df;background:#eaf1ff;width:33px;height:33px}.workspace b{color:#344661;font-size:11px}.workspace small{color:#94a1b7;font-size:9px}.workspace-dot{background:#17b981}.nav-label{color:#9ba7bc;font-size:9px;padding-left:14px}.shell #nav{gap:3px}.shell #nav button{padding:10px 13px;border-radius:7px;font-size:12px;color:#687893}.shell #nav button .nav-icon{width:20px;font-size:17px;color:#8a9cb7}.shell #nav button:hover{background:#f0f5ff;color:#2867f0}.shell #nav button.active{color:#2867f0;background:#eaf1ff;font-weight:600}.shell #nav button.active .nav-icon{color:#2867f0}.shell #nav .divider{border-color:#e7edf5;margin:12px 0 6px}.side-status{color:#8c9cb2}.status-dot{background:#17b981;box-shadow:0 0 0 4px #17b98110}.logout{color:#8c9cb2;font-size:11px}.sidebar-bottom{padding:24px 12px 0}.topbar{height:60px;padding:0 24px;background:#fff}.breadcrumb{font-size:11px}.breadcrumb b{color:#465a7b}.avatar{background:#edf2ff;color:#718abb}.server-tag{color:#8699b3}main{padding:24px;max-width:1800px;min-height:calc(100vh - 110px)}.page-head{margin-bottom:20px}.page-head h1{font-size:23px;font-weight:650;margin:7px 0 9px;letter-spacing:0}.page-head p{font-size:12px;color:#8290a8}.card{border-color:#e5ebf4;border-radius:10px;box-shadow:0 4px 16px #1d2d4c03}.card-head{padding:17px 20px;border-color:#edf1f7}.card-head h3{font-size:13px}.card-body{padding:20px}.grid{gap:16px}.banner{background:#edf3ff;border:1px solid #e0eaff;padding:16px 20px;color:#4469ac}.banner p{color:#7b91b5}.banner .secondary{color:#567bbf;border-color:#d6e2f6}.stat{padding:18px 20px}.stat-icon{color:#5f8ade;background:#f0f5ff}.stat-value{font-size:28px;color:#243858}.stat-foot b{color:#17a377}.badge.green{color:#209b75;background:#e8f8f1}.badge.blue{color:#4779d6;background:#ecf3ff}.badge.red{background:#fff0f2;color:#d95a68}.check-num.done{color:#3d8c6f;background:#e9f7ef;border-color:#e9f7ef}.activity-icon{color:#7090bd;background:#f1f5fc}.hint{background:#f0f5ff;color:#708bb5;border:1px solid #e7eefc}.hint.warn{background:#fff7eb;color:#a88751;border-color:#f8edd9}.user-avatar{background:#edf3ff;color:#7090bf}.chip{background:#edf3ff;color:#6484bb}input,select,textarea{border-color:#dce4ef;color:#405471;border-radius:7px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#79a0f6;outline-color:#79a0f615}input[type=checkbox]{accent-color:#2867f0}label{color:#647590;font-size:12px}.help{color:#91a0b7;font-size:11px}.modal{border-radius:12px;box-shadow:0 25px 80px #10244430}.modal>header .eyebrow{color:#8da3c5}.modal-backdrop{background:#14284966}.toast{background:#244b8d}.toast.error{background:#bc4758}.start-savebar span{color:#8798b2}.panel-grid{align-items:start}.login-story{background:radial-gradient(circle at 20% 22%,#3f7bff40,transparent 42%),linear-gradient(145deg,#081431,#102a60 65%,#0b1b42);color:#e5edff}.login-story .wordmark{color:#fff}.login-story .version{background:#ffffff0c;color:#9eb6e5;border-color:#ffffff18}.login-story .eyebrow{color:#7ba9ff}.story-body p{color:#a1b6df}.login-story>small{color:#819bce}.orbit{border-color:#91b5ff25}.orbit:before{border-color:#91b5ff1f}.orbit-core{color:#96bbff;background:#5b8fff22}.orbit-label{color:#b4cbf2;background:#18386c;border-color:#92b9ff30}footer{padding:15px 24px;color:#9cabc0;letter-spacing:.6px}.form-actions{align-items:center}.form-actions .muted{margin-right:auto;font-size:11px}
.material-list{overflow:hidden}.material-heading,.material-row{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(240px,2.4fr) 100px 190px;gap:20px;align-items:center;padding:15px 20px}.material-heading{color:#94a2b9;background:#f9fbfe;font-size:11px;border-bottom:1px solid var(--line)}.material-row{min-height:98px;border-bottom:1px solid #edf1f7}.material-row:last-child{border-bottom:0}.material-row:hover{background:#fcfdff}.material-name{display:flex;align-items:center;gap:13px;min-width:0}.material-id{font-size:11px;font-weight:700;color:#7f9bc3;background:#eef4fe;display:grid;place-items:center;border-radius:7px;width:34px;height:36px;flex-shrink:0}.material-name h3{font-size:13px;margin:0 0 7px;color:#30466c;font-weight:600}.material-name small{font-size:10px;color:#91a2bd;line-height:1.6;display:block}.material-content{display:flex;align-items:center;gap:12px;min-width:0}.material-content p{line-height:1.9;white-space:pre-wrap;max-height:75px;overflow:auto;font-size:11px;color:#7589aa;margin:0;overflow-wrap:anywhere}.material-meta{display:grid;gap:7px;font-size:11px;color:#6c83a8}.material-meta small{font-size:10px;color:#9eacc1}.material-row .actions{justify-content:flex-end;flex-wrap:nowrap;gap:7px}.material-row .actions button{padding:7px 10px;font-size:11px}.media-thumb{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:7px;background:#edf1f7}.media-thumb.compact{width:64px;height:50px;object-fit:cover;flex-shrink:0}.media-placeholder{display:grid;place-items:center;min-height:90px;min-width:120px;border:1px dashed #cad8ed;border-radius:8px;color:#7596c8;background:#f3f7fd;font-size:12px}.media-placeholder.compact{min-width:68px;min-height:48px;font-size:10px;padding:8px}.media-audio{max-width:100%}.editor-media-preview:empty{display:none}.editor-media-preview{margin-top:15px}.message-type-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid #e9eef6}.type-tab{padding:7px 10px;border:1px solid #e0e7f2;background:#fff;color:#7c8fae;border-radius:6px;font-size:11px}.type-tab.selected{color:#2867f0;border-color:#8fb0f8;background:#edf4ff}.block{background:#fcfdff;border-color:#e2e9f4}.block-head{margin-bottom:12px}.system-message-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.system-message-row label{flex:1;margin:0}.system-message-row>button{margin-top:24px}
.start-tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid #dfe7f2;margin-bottom:18px}.start-tabs>button{padding:13px 19px;background:transparent;color:#8191ac;font-size:13px;border-bottom:2px solid transparent}.start-tabs>button.selected{color:#2867f0;border-color:#2867f0;font-weight:600}.start-tabs small{font-size:10px;border-radius:4px;background:#eaf1ff;color:#6090e8;padding:2px 5px;margin-left:5px}.start-tabs>span{font-size:11px;color:#9ba9c0;margin-left:auto}.start-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.start-edit-panel{min-height:590px}.start-builder{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:590px}.start-row-nav{display:flex;flex-direction:column;gap:8px;background:#f9fbfe;border-right:1px solid #e8edf5;padding:16px 12px}.start-row-nav header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 14px}.start-row-nav header b{font-size:11px;color:#677f9f}.start-row-nav header small{font-size:10px;color:#9aaec9}.start-row-nav>button{display:flex;gap:9px;align-items:center;border:1px solid transparent;border-radius:7px;background:transparent;padding:11px 9px;text-align:left;color:#8c9db9}.start-row-nav>button.selected{border-color:#c8dafc;background:#eef4ff;color:#3473de}.start-row-nav>button em{font-size:10px;align-self:flex-start;font-style:normal;line-height:20px}.start-row-nav>button span{min-width:0}.start-row-nav>button b{font-size:11px;line-height:1.7;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.start-row-nav>button small{font-size:9px;color:#a3b1c6;display:block;margin-top:4px}.start-row-nav>button i{font-style:normal;margin-left:auto;font-size:16px}.start-row-nav .start-add-row{border:1px dashed #cad9f1;color:#7196d1;justify-content:center;font-size:11px;margin-top:7px}.start-fields{padding:22px}.start-fields header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.start-fields header span{font-size:10px;color:#9daec7}.start-fields h2{font-size:17px;margin:7px 0 0}.start-fields header .actions{gap:5px}.start-fields header button{padding:6px 9px;font-size:11px}.start-button-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.button-tab{border:1px solid #e0e7f2;background:#fff;color:#8397b5;padding:9px 11px;border-radius:6px;font-size:11px}.button-tab.selected{color:#2867f0;border-color:#91b2fa;background:#eef4ff}.button-tab.add{color:#96abc9;border-style:dashed}.start-fields label{margin-bottom:17px}.start-fields .form-grid{gap:12px}.start-colors{border:0;margin:0 0 20px;padding:0;display:flex;gap:8px;flex-wrap:wrap}.start-colors legend{font-size:12px;color:#647590;margin-bottom:10px}.color-choice{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#fff;color:#7c90ae;border:1px solid #e0e7f2;border-radius:6px;font-size:11px}.color-choice i{display:block;width:9px;height:9px;border-radius:50%;background:#bcc8da}.color-choice.primary{color:#6b8dbe;box-shadow:none;background:#fff}.color-choice.primary i{background:#4c86de}.color-choice.success i{background:#38a177}.color-choice.danger{color:#7c90ae;background:#fff}.color-choice.danger i{background:#e76473}.color-choice.selected{border-color:#719eec;background:#f1f6ff}.start-button-tools{display:flex;gap:7px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.start-button-tools .danger{margin-left:auto}.start-preview-panel .card-head h3{margin-top:6px}.start-preview-panel .card-head small{font-size:10px;color:#a0afc3}.phone-frame{margin:18px 16px;border:1px solid #d8e2f1;border-radius:13px;overflow:hidden;background:#f5f8fd;box-shadow:0 8px 22px #18335b0a}.phone-head{display:flex;align-items:center;gap:9px;padding:15px 13px;background:#fff;border-bottom:1px solid #e9eff7}.bot-avatar{width:33px;height:33px;background:#e7efff;color:#4f7ccb;display:grid;place-items:center;border-radius:50%;font-size:20px;flex-shrink:0}.phone-head div{min-width:0}.phone-head b{display:block;font-size:11px;color:#526987;overflow:hidden;text-overflow:ellipsis}.phone-head small{display:block;font-size:9px;color:#a1b1c8;margin-top:4px}.phone-head>span:last-child{margin-left:auto;color:#9aabc0}.phone-chat{padding:18px 12px;background:radial-gradient(circle at 30% 50%,#e7eff8,transparent),#edf3f9;min-height:225px;max-height:370px;overflow:auto;display:flex;flex-direction:column;gap:12px}.phone-user{align-self:flex-end;border-radius:8px 8px 0 8px;background:#d9e8ff;padding:9px 13px;font-size:11px;color:#6983ac}.phone-bubble{background:#fff;border-radius:9px 9px 9px 0;box-shadow:0 1px 3px #234f6c0a;padding:12px;font-size:11px;line-height:1.9;color:#6982a6;max-width:100%}.phone-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.phone-bubble .media-thumb{max-height:170px;margin-bottom:7px;width:100%}.phone-bubble .media-placeholder{margin-bottom:6px;font-size:11px;min-width:0}.phone-disabled{font-size:11px;color:#94a8c5;text-align:center;margin:auto}.phone-keyboard{padding:10px 8px;background:#e6edf6;display:grid;gap:6px}.phone-keyboard>div{display:flex;gap:5px}.phone-key{padding:10px 6px;border-radius:5px;flex:1;min-width:0;background:#fff;color:#6b7e9c;font-size:10px;line-height:1.5;overflow-wrap:anywhere;box-shadow:0 1px 2px #18335b09;border:2px solid transparent}.phone-key.primary{background:#4b83dc;color:#fff}.phone-key.success{background:#42a27a;color:#fff}.phone-key.danger{background:#e36976;color:#fff}.phone-key.editing{border-color:#173d85;box-shadow:0 0 0 1px #fff}.phone-keyboard.inline-mode{background:#edf3f9}.phone-keyboard.inline-mode .default{background:#dce7f4}.phone-input{background:#fff;display:flex;gap:10px;padding:13px;color:#a7b6ca;font-size:13px}.phone-input span{flex:1;font-size:10px}.preview-foot{padding:0 18px 5px;font-size:10px;line-height:1.9;text-align:center}.start-savebar{background:#fff;border:1px solid #e0e8f4;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:9px;position:sticky;bottom:15px;margin-top:20px;box-shadow:0 6px 24px #1a3c6f0b;z-index:5}.start-savebar>span{font-size:11px}.welcome-settings{padding:24px}.welcome-settings header h2{font-size:17px;margin:0 0 8px}.welcome-settings header p{color:#91a3bd;font-size:11px;line-height:1.8;margin:0 0 25px}.welcome-preview-list{margin:18px 0;display:grid;gap:10px}.welcome-message-block{display:flex;gap:15px;border:1px solid #e6edf7;border-radius:8px;padding:16px;background:#fafcff;align-items:flex-start}.welcome-message-block>.media-thumb{max-width:150px;max-height:180px}.welcome-message-block .media-placeholder{min-width:90px;min-height:75px;font-size:11px}.welcome-message-block p{font-size:12px;line-height:1.9;color:#8396b5;white-space:pre-wrap;overflow-wrap:anywhere}.profile-card{max-width:1000px}.profile-card .card-head label{font-size:10px;display:flex;align-items:center;gap:10px}.profile-card .card-head select{margin:0;min-width:125px;font-size:11px}.profile-heading{display:flex;align-items:center;gap:12px}.profile-heading h3{font-size:14px;margin-bottom:5px}.profile-card textarea{min-height:100px}.profile-card textarea[name=description]{min-height:170px}.counter{display:block;text-align:right;color:#9aacbf;font-size:10px;margin-top:3px}
@media(max-width:1250px){.start-workspace{grid-template-columns:minmax(0,1fr) 280px}.start-builder{grid-template-columns:150px minmax(0,1fr)}.start-fields{padding:18px}.start-fields header{flex-wrap:wrap}.material-heading,.material-row{grid-template-columns:minmax(150px,1fr) minmax(180px,1.8fr) 75px 165px;gap:12px;padding-left:16px;padding-right:16px}.material-row .actions{gap:4px}.material-row .actions button{padding:7px 8px}.start-colors{gap:6px}.color-choice{padding:8px}.start-tabs>span{font-size:10px}.start-preview-panel .card-head{padding:17px 15px}}
@media(max-width:1020px){.start-workspace{grid-template-columns:1fr}.start-preview-panel{max-width:440px;width:100%;justify-self:center}.start-builder{grid-template-columns:200px minmax(0,1fr)}.start-edit-panel{min-height:450px}.start-builder{min-height:450px}.material-heading{display:none}.material-row{grid-template-columns:1fr 1.6fr}.material-meta{display:flex;gap:10px}.material-row .actions{justify-content:flex-end}.start-tabs>span{display:none}.phone-chat{min-height:180px}}
@media(max-width:760px){.shell #sidebar{width:218px}.main-wrap{margin-left:0}.topbar{padding:0 16px}main{padding:18px 14px}.page-head h1{font-size:22px}.page-head p{font-size:11px}.start-builder{grid-template-columns:115px minmax(0,1fr)}.start-row-nav{padding:12px 7px;gap:6px}.start-row-nav header{flex-wrap:wrap;gap:6px}.start-row-nav>button{padding:9px 6px;gap:6px}.start-row-nav>button b{font-size:10px}.start-row-nav>button em{font-size:9px}.start-row-nav>button i{display:none}.start-fields{padding:16px 12px}.start-fields h2{font-size:15px}.start-fields .form-grid{grid-template-columns:1fr}.start-fields label{font-size:11px}.start-fields input,.start-fields select{padding:9px;font-size:11px}.start-button-tabs{gap:5px}.button-tab{font-size:10px;padding:8px}.start-button-tools{flex-wrap:wrap}.start-button-tools .danger{margin-left:0}.start-savebar{bottom:8px;padding:12px;gap:10px;flex-wrap:wrap}.start-savebar .actions{margin-left:auto}.start-savebar .actions button{font-size:11px;padding:9px 12px}.material-row{grid-template-columns:1fr;gap:12px;padding:17px}.material-name h3{font-size:13px}.material-content p{max-height:80px}.material-meta{font-size:10px}.material-row .actions{margin-top:-30px}.material-content{padding-left:46px}.welcome-settings{padding:18px}.welcome-message-block{flex-direction:column}.welcome-message-block>.media-thumb{max-width:100%;width:100%}.welcome-settings .form-grid{grid-template-columns:1fr}.profile-card .card-head{flex-wrap:wrap;gap:15px}.profile-heading h3{font-size:12px}.profile-card .card-head label{font-size:10px}.message-type-tabs{gap:5px}.type-tab{font-size:10px;padding:7px 8px}.system-message-row label{font-size:11px}.system-message-row select{font-size:11px}.start-cols{gap:5px}.start-colors legend{font-size:11px}.color-choice{font-size:10px;padding:7px}.start-colors{gap:5px}.start-colors .color-choice i{width:7px;height:7px}}