*{box-sizing:border-box} :root{--ink:#202b3b;--muted:#8993a3;--line:#e9edf3;--blue:#477fe9;--pale:#eaf2ff;--bg:#fbfcfe;--sidebar:#f4f6fa;--green:#2d957b}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9abbff;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#7aa1ed!important}svg{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.9px;font-weight:600}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px}small{color:var(--muted)}.preview-strip{height:34px;background:#eaf0f9;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:11px;color:#71829b}.preview-strip span{display:flex;align-items:center;gap:7px}.preview-strip i{width:5px;height:5px;border-radius:50%;background:#91a6c6}.preview-strip b{font-weight:400;color:#b0bdce}.preview-strip button{font-size:11px;padding:3px 13px;border-radius:6px}.preview-active{background:#fff;box-shadow:0 1px 4px #cbd6e455;color:#395f99!important}#shell{height:calc(100dvh - 34px);display:flex}.sidebar{width:242px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 18px 17px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 27px;font-size:18px;font-weight:650;letter-spacing:.3px}.brand .logo{height:34px;width:34px;display:grid;place-items:center;background:#fff;border:1px solid #e3e9f2;border-radius:12px;color:#477fe9;box-shadow:0 4px 10px #ced7e622}.brand small{font-size:10px;font-weight:400;letter-spacing:2px;display:block;line-height:1.1;margin-top:2px}.new-chat{width:100%;background:#fff;border:1px solid #dfe6f2;border-radius:12px;padding:12px 13px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 5px #cad5e116;margin-bottom:22px}.new-chat span{flex:1;text-align:left}.new-chat kbd{color:#a6afbd;font:11px sans-serif;border:1px solid var(--line);border-radius:4px;padding:1px 4px}.nav-item{width:100%;text-align:left;display:flex;gap:13px;align-items:center;padding:12px;border-radius:10px;margin:3px 0;color:#758196}.nav-item.active{color:#467fe4;background:#e8effc}.nav-item svg{width:19px}.nav-count{margin-left:auto;background:#e1e8f4;font-size:10px;padding:1px 6px;border-radius:5px}.history-label{display:flex;justify-content:space-between;font-size:11px;color:#9aa3b1;padding:23px 12px 8px}.history{flex:1;min-height:40px;overflow-y:auto}.history-item{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;border-radius:8px;font-size:12px;padding:9px 12px;color:#7d8796}.history-item:hover{background:#e9edf4}.invite-card{border:1px solid #e0e8f2;background:linear-gradient(120deg,#eef3fe,#fafcfe);padding:15px;border-radius:12px;margin:18px 0}.invite-card strong{font-size:12px;font-weight:600}.invite-card p{font-size:11px;color:#8492a5;margin-top:3px}.invite-card svg{width:15px;margin-right:5px;color:#7894c1}.profile{display:flex;align-items:center;gap:9px;padding:8px 7px;width:100%;text-align:left;border-top:1px solid var(--line)}.avatar{width:33px;height:33px;border-radius:50%;background:#dce7fb;color:#5b7eb7;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.profile .profile-text{flex:1;font-size:12px}.profile small{display:block;font-size:10px}.profile svg{width:15px;color:#96a3b5}.main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 57% 10%,#edf3fc55,transparent 53%),#fbfcfe}.main-header{height:79px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid #f0f2f6}.header-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:550}.header-title small{font-size:11px;font-weight:400;color:#9aa4b4}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#7c8ba2;background:#f1f4f8;border:1px solid #e7ecf2;border-radius:20px;padding:3px 9px;font-weight:400}.tag.dot:before{content:"";height:5px;width:5px;background:#c2a359;border-radius:50%}.header-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid #dfe6ee;padding:8px 16px;border-radius:9px;background:#fff;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}.btn:hover{background:#f5f8fd}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 12px #477fe91b}.btn.primary:hover{background:#3d70d1}.btn.subtle{color:#7e8a9e}.iconbtn{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#8e9aab}.iconbtn:hover{background:#edf2f8}.mobile-menu{display:none}.chat-area{flex:1;overflow-y:auto;min-height:0;scroll-behavior:smooth}.welcome{max-width:775px;margin:0 auto;padding:67px 30px 26px}.hello-row{display:flex;justify-content:center;align-items:center;gap:28px}.hello-line{height:1px;width:70px;background:linear-gradient(90deg,transparent,#dfe7f1)}.hello-line:last-child{transform:rotate(180deg)}.orb{position:relative;width:68px;height:68px;border-radius:24px;background:radial-gradient(circle at 35% 28%,#fff 3%,#f4f6ff 24%,#bcd4f5 65%,#d8c9e9 100%);box-shadow:inset -4px -3px 10px #9cb9e633,0 9px 23px #ced9eb6b;display:grid;place-items:center;color:#6686bb}.orb svg{width:30px;height:30px;stroke-width:1.2}.welcome h1{text-align:center;margin:25px 0 8px}.welcome .lead{text-align:center;color:#94a0b2;font-size:13px}.capabilities{display:flex;align-items:center;justify-content:center;gap:17px;margin:26px 0 37px;color:#8f9cb0;font-size:10px}.capabilities i{width:2px;height:2px;background:#c3cddb;border-radius:50%}.capabilities svg{width:13px;height:13px;margin-right:5px;color:#89a4c8}.prompts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prompt{border:1px solid #e7ecf3;background:#fff9;border-radius:14px;padding:17px 19px;text-align:left;display:flex;align-items:flex-start;gap:13px;min-height:91px;transition:.2s}.prompt:hover{transform:translateY(-2px);border-color:#bdcfee;box-shadow:0 6px 18px #dee7f25c}.prompt>span:first-child{width:32px;height:32px;border-radius:10px;background:#edf4fe;display:grid;place-items:center;color:#83a1cf;flex-shrink:0}.prompt:nth-child(2)>span:first-child{background:#f0edf9;color:#a293bd}.prompt:nth-child(3)>span:first-child{background:#eef5ef;color:#86ac98}.prompt:nth-child(4)>span:first-child{background:#faf2e9;color:#c3ab89}.prompt strong{font-size:12px;font-weight:550;display:block;margin:1px 0 3px}.prompt small{font-size:10px}.welcome-foot{text-align:center;font-size:10px;color:#adb6c3;letter-spacing:1px;margin-top:27px}.composer-wrap{padding:18px 35px 0;flex-shrink:0}.composer{max-width:790px;margin:0 auto;background:white;border:1px solid #e3e9f1;border-radius:21px;box-shadow:0 5px 25px #a6b5cd19;padding:17px 17px 10px}.composer textarea{border:0;resize:none;display:block;width:100%;min-height:46px;max-height:135px;background:transparent;padding:0 3px;color:#42516a;font-size:13px;line-height:1.7}.composer textarea::placeholder{color:#aab3bf}.compose-controls{display:flex;align-items:center;gap:10px}.mode{font-size:11px;border:1px solid #e7ecf3;color:#75849a;border-radius:7px;padding:3px 7px;background:#fbfcfe}.mode select{border:0;background:transparent;color:inherit;font-size:11px;padding:0 3px;max-width:85px}.add{color:#909bad}.send{margin-left:auto;width:33px;height:33px;background:#4e80df;color:#fff;border-radius:11px;display:grid;place-items:center}.send:hover{background:#3b6fcf}.send svg{width:17px}.composer-hint{font-size:10px;color:#adb6c4;text-align:center;margin:10px 0 16px}.attachment-row{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:12px}.file-chip{display:flex;align-items:center;gap:7px;font-size:10px;max-width:190px;padding:6px 8px;background:#f4f7fc;border:1px solid var(--line);border-radius:7px}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip img{width:28px;height:28px;object-fit:cover;border-radius:4px}.file-chip button{font-size:15px;color:#9aa8bc}.conversation{max-width:790px;padding:28px 4px;margin:auto}.message{display:flex;gap:12px;margin-bottom:25px;align-items:flex-start}.message.user{justify-content:flex-end}.msg-content{max-width:82%;white-space:pre-wrap;line-height:1.85;font-size:13px;padding:14px 17px;background:#f0f2f6;border-radius:3px 17px 17px}.user .msg-content{background:#dfedff;border-radius:17px 3px 17px 17px}.msg-avatar{width:29px;height:29px;background:#e8eefb;border-radius:10px;display:grid;place-items:center;color:#88a2c8;flex-shrink:0}.msg-avatar svg{width:15px}.msg-meta{font-size:9px;color:#9eacc1;margin-bottom:7px;letter-spacing:.3px}.msg-tools{margin-top:10px;color:#a5adbb;font-size:11px}.msg-tools button{padding:0 7px 0 0}.msg-tools svg{width:13px;height:13px}.typing{color:#8393ab;font-size:12px}.task-card{margin-top:12px;border:1px solid #dce5f3;border-radius:10px;padding:12px;background:#fff}.task-card .bar{height:3px;background:#e8edf5;border-radius:5px;margin:10px 0}.task-card .bar span{display:block;height:3px;width:22%;background:#a6bdea}.task-card small{font-size:10px}.task-card button{margin-top:10px;font-size:10px;color:#477fe9}.page-content{flex:1;overflow:auto;padding:37px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-heading p{font-size:12px;color:#96a1b1;margin-top:7px}.empty-state{margin:65px auto;text-align:center;color:#8d9caf}.empty-state svg{width:36px;height:36px;color:#b5c7e2;margin-bottom:15px}.empty-state h3{color:#5f738e;margin-bottom:7px}.empty-state p{font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.collection-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.collection-image{height:145px;background:linear-gradient(130deg,#e5ecf8,#e7e4f2);display:grid;place-items:center;color:#9bacc9}.collection-image svg{width:34px;height:34px}.collection-copy{padding:15px}.collection-copy p{font-size:12px}.collection-copy small{font-size:10px}.collection-copy .tag{margin-top:10px}.account-card{max-width:620px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:0 0 20px}.account-card .avatar{height:50px;width:50px;font-size:19px}.account-card .top{display:flex;gap:15px;align-items:center;margin-bottom:20px}.account-card p{font-size:12px;color:#8d9ab0}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f2f6;font-size:12px}.info-row span{color:#91a0b4}.info-row strong{font-weight:500}.forever{color:#4d8a77}.mobile-nav{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.stat-card>small{font-size:11px}.stat-card strong{display:block;font-size:27px;font-weight:600;line-height:1.6;margin-top:3px;letter-spacing:-1px}.stat-card .sub{font-size:10px;color:#a5afbd}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #edf0f4;gap:15px}.panel-head h3{font-size:13px}.panel-head small{font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{font-size:10px;text-align:left;color:#97a3b5;font-weight:400;background:#fafbfd}td,th{padding:15px 22px;border-bottom:1px solid #f0f3f7}tr:last-child td{border:0}td small{display:block;font-size:10px}.status{font-size:10px;border-radius:6px;padding:3px 7px;background:#edf6f1;color:#56997d;display:inline-flex;align-items:center;gap:4px}.status:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.status.pending{background:#fbf5e9;color:#ba9d63}.status.off{background:#f0f2f5;color:#9da7b5}.table-link{font-size:11px;color:#7a96c3;padding:0}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line);gap:20px}.setting-row:last-child{border:0}.setting-row strong{font-size:12px;font-weight:500;display:block}.setting-row small{font-size:10px}.toggle{width:33px;height:19px;border-radius:15px;background:#d5deec;position:relative;flex-shrink:0}.toggle:after{content:"";position:absolute;left:3px;top:3px;height:13px;width:13px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #385b9733}.toggle.on{background:#6f98e2}.toggle.on:after{left:17px}.search-input{border:1px solid #e4e9f0;background:#fff;padding:8px 11px;border-radius:8px;font-size:11px;min-width:180px}.notice{padding:13px 17px;background:#eff4fc;border:1px solid #dfe8f7;color:#7c93b4;border-radius:10px;font-size:11px;margin-bottom:25px}.quota{height:4px;width:90px;background:#edf0f5;border-radius:8px;margin-top:7px}.quota span{height:4px;display:block;background:#9fb7df;border-radius:8px}.modal-backdrop{position:fixed;inset:0;background:#32476233;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:70;padding:22px}.modal{max-width:430px;width:100%;background:#fff;border:1px solid #fff;border-radius:23px;box-shadow:0 28px 100px #253f6a30;padding:28px;max-height:90dvh;overflow:auto}.modal .close{float:right;margin:-8px -8px 0 0}.modal h2{margin:12px 0 8px;font-size:23px}.modal .subtitle{color:#8f9db1;font-size:12px;margin-bottom:19px}.form-label{display:block;font-size:11px;color:#8796aa;margin:15px 0 5px}.form-input{width:100%;border:1px solid #e0e6f0;border-radius:9px;padding:10px 12px;font-size:12px;background:#fbfcfe}.form-note{font-size:10px;color:#a5afbc;margin:10px 0 0;line-height:1.8}.form-error{color:#c16f6f;font-size:11px;min-height:17px;margin-top:8px}.modal .btn.full{width:100%;padding:11px;margin-top:16px}.form-link{text-align:center;font-size:11px;color:#98a4b5;margin-top:16px}.form-link button{color:#6a8fc6}.pill{background:#eaf1fc;padding:4px 9px;border-radius:5px;color:#7797c7;font-size:11px}.modal-detail{border-radius:10px;background:#f5f8fc;padding:12px;font-size:11px;color:#8b9eb7;margin:15px 0}.modal .logo{background:#eef4ff;color:#86a3ce;width:37px;height:37px;border-radius:12px;display:grid;place-items:center}#toasts{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{max-width:90vw;background:#354761ed;color:#fff;border-radius:9px;padding:10px 17px;font-size:12px;box-shadow:0 6px 25px #22304c22;animation:pop .2s ease}.sidebar-shade{display:none}.section-caption{font-size:10px;color:#b1b8c2;padding:5px 12px 10px}.row-tools{display:flex;gap:15px}.saved-count{font-size:11px;color:#9eabba}.admin-mobile-tabs{display:none}.help-content{font-size:12px;line-height:1.9;color:#8b9bb1}.help-content strong{color:#596e8c;font-weight:500}.help-content p{margin:10px 0}.stack{display:flex;gap:8px;align-items:center}.danger{color:#ba7a7a}.checkbox-line{display:flex;gap:9px;align-items:center;color:#91a0b2;font-size:11px;margin:16px 0}.checkbox-line input{accent-color:#6b98e8}.mini-num{width:56px;border:1px solid var(--line);border-radius:6px;padding:5px 7px;color:#6e819c;font-size:11px}.demo-section{border-radius:12px;border:1px dashed #d7e1f0;padding:17px;color:#8c9db6;font-size:12px;max-width:650px}.demo-section strong{color:#6e84a5}.admin-topbar{padding:0 30px}.settings-note{padding:0 22px 17px;font-size:10px;color:#9eacbf}.session-map{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#879cba}.session-map span{border:1px solid #dee7f5;background:#f7faff;padding:7px 12px;border-radius:7px}@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-height:850px){.welcome{padding-top:110px}.welcome h1{margin-top:32px}.prompts{margin-top:45px}.welcome-foot{margin-top:40px}}@media(min-width:1450px){.welcome{padding-top:95px}.welcome h1{font-size:32px}.prompts{margin-top:45px}}@media(max-width:1100px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.page-content{padding:30px 25px}.stats-grid{gap:10px}.stat-card{padding:17px}td,th{padding:13px 15px}.welcome{padding-top:47px}}@media(max-width:760px){.preview-strip{height:30px;padding:0 12px;font-size:9px}.preview-strip span{gap:4px}.preview-strip b{display:none}.preview-strip button{font-size:9px;padding:3px 9px}#shell{height:calc(100dvh - 30px)}.sidebar{position:fixed;top:30px;bottom:0;left:-255px;width:248px;transition:left .2s;box-shadow:8px 0 35px #2c415514}.sidebar.open{left:0}.sidebar-shade.open{display:block;position:fixed;inset:30px 0 0;background:#26384e2e;z-index:15}.mobile-menu{display:grid}.main-header{height:65px;padding:0 17px}.header-title{gap:8px;font-size:13px}.header-title small{display:none}.header-actions{gap:4px}.header-actions>.iconbtn{display:none}.header-actions .btn{font-size:10px;padding:6px 10px}.tag{font-size:9px;padding:2px 6px}.welcome{padding:38px 22px 20px}.orb{width:56px;height:56px;border-radius:20px}.welcome h1{font-size:24px;letter-spacing:-.7px;margin:23px 0 8px}.welcome .lead{font-size:11px}.capabilities{font-size:9px;gap:11px;margin:23px 0 29px}.capabilities svg{width:12px;margin-right:3px}.prompt{padding:14px 11px;min-height:96px;gap:8px;display:block}.prompt>span:first-child{height:25px;width:25px;border-radius:8px;margin-bottom:8px}.prompt svg{width:15px;height:15px}.prompt strong{font-size:11px}.prompt small{font-size:9px;line-height:1.6;display:block}.prompts{gap:10px}.welcome-foot{font-size:9px;margin-top:20px}.composer-wrap{padding:13px 14px 0}.composer{border-radius:18px;padding:13px 13px 8px}.composer textarea{font-size:12px;min-height:40px}.composer-hint{font-size:9px;margin:8px 0 11px}.mobile-nav{height:60px;flex-shrink:0;border-top:1px solid #ebeff5;display:flex;align-items:center;justify-content:space-around;background:#fdfefe;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;color:#a3afbf;min-width:65px}.mobile-nav button svg{width:19px;height:19px}.mobile-nav button.active{color:#658dc9}.conversation{padding:21px 16px}.message{gap:8px}.msg-content{max-width:87%;padding:11px 13px;font-size:12px}.msg-avatar{width:25px;height:25px;border-radius:8px}.page-content{padding:24px 18px}.page-heading{align-items:flex-start}.page-heading h2{font-size:20px}.page-heading p{font-size:10px}.page-heading .btn{font-size:10px;padding:7px 10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card strong{font-size:24px}.stat-card>small{font-size:10px}.stat-card .sub{font-size:9px}.panel-head{padding:15px}.panel-head .search-input{min-width:0;width:135px;font-size:10px}.setting-row{padding:15px}.setting-row strong{font-size:11px}.setting-row small{font-size:9px}.notice{font-size:10px;padding:11px 13px}.collection-grid{grid-template-columns:1fr}.account-card{padding:19px}.admin-mobile-tabs{display:flex;overflow-x:auto;flex-shrink:0;gap:5px;padding:8px 14px;border-bottom:1px solid #edf1f6}.admin-mobile-tabs button{padding:6px 12px;font-size:10px;color:#95a4ba;border-radius:7px;white-space:nowrap}.admin-mobile-tabs button.active{background:#eaf1fd;color:#668bc5}.modal{padding:24px;border-radius:20px}.modal h2{font-size:21px}.modal-backdrop{padding:20px}#toasts{bottom:84px}.info-row{font-size:11px}.section-caption{font-size:10px}.main.admin .mobile-nav{display:none}.main.admin .page-content{padding-top:19px}.header-actions .btn .desktop-only{display:none}.hello-line{width:50px}.main.admin .main-header{height:60px}}
