:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#293b33;background:#f8f9f6;font-synthesis:none;--green:#315845;--green-dark:#274936;--muted:#8a928a;--border:#e7eae3;--surface:#fff;--purple:#ece7f7;--orange:#fff0df;--blue:#e6eff8;--rose:#fae8ec}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #95b88c;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:none;border-color:#88a580;box-shadow:0 0 0 3px #77997012}.icon{flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-50px;left:20px;z-index:100;background:var(--green);color:white;padding:12px}.skip-link:focus{top:8px}.app-shell{min-height:100vh;display:flex}.sidebar{width:224px;flex-shrink:0;background:#f0f2eb;border-right:1px solid #e4e8de;padding:35px 19px 0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;flex-shrink:0}.logo-mark{width:40px;height:42px;background:#315641;border-radius:12px;display:grid;place-items:center;color:#e3eac0}.brand>span:last-child{font-size:21px;font-weight:700;letter-spacing:1.4px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.3px;margin-top:5px;color:#7e8c7b}.sidebar-create{background:#fff;border:1px solid #dfe5d8;border-radius:9px;width:100%;height:45px;margin:33px 0 30px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;box-shadow:0 2px 3px #30472a03;transition:all .2s}.sidebar-create:hover{border-color:#93ac86;background:#fafcf8}.sidebar-create .icon{width:17px;color:#48613f}.nav-caption{font-size:10px;color:#949b8f;letter-spacing:1px;padding:0 14px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 13px;border-radius:7px;font-size:12px;color:#778174;margin-bottom:5px;text-align:left;transition:background .2s}.nav-item>.icon{width:17px;height:17px}.nav-item>span:nth-child(2){flex:1}.nav-item:hover{background:#e7ebdf;color:#36563d}.nav-item.active{background:#dfe8d7;color:#385b38;font-weight:600}.nav-count{display:grid;place-items:center;min-width:20px;height:19px;font-size:10px;background:#cad9bd;border-radius:5px;color:#4e6b43}.tiny-badge{font-size:9px;color:#8b947f;border:1px solid #dce1d3;border-radius:4px;padding:1px 5px;font-weight:400}.sidebar-collection{margin-top:34px}.sidebar-collection .nav-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.nav-caption .icon{height:12px;width:12px;opacity:.6}.recent-agent{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:9px 12px;font-size:11px;color:#798273}.recent-agent:hover{color:#345d3b}.mini-agent{height:22px;width:22px;border-radius:6px;display:grid;place-items:center}.mini-agent .icon{width:12px;height:12px}.sidebar-bottom{margin-top:auto;padding-top:28px}.quiet-note{border:1px solid #e1e5d9;border-radius:8px;display:flex;align-items:center;gap:7px;padding:13px 9px;font-size:9px;color:#8c9981;margin-bottom:17px}.quiet-note .icon{height:15px;width:15px;color:#879c73}.status-dot{width:6px;height:6px;border-radius:50%;background:#c4c9bf;display:inline-block;flex-shrink:0}.status-dot.connected{background:#739d62;box-shadow:0 0 0 3px #739d6214}.muted-icon{width:13px!important;color:#a7afa0}.profile{border-top:1px solid #e0e5d8;display:flex;align-items:center;gap:9px;padding:20px 4px 22px;margin-top:12px}.avatar{width:33px;height:33px;background:#dfe6d5;border:1px solid #d3dcc8;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:16px;color:#65784d;flex-shrink:0}.profile strong{font-size:11px;font-weight:500;display:block}.profile small{font-size:9px;color:#969d8f;display:block;margin-top:4px}.local-pill{margin-left:auto;font-size:8px;background:#e5eadf;color:#879577;padding:3px 5px;border-radius:4px}.workspace{margin-left:224px;width:calc(100% - 224px);min-width:0}.topbar{height:75px;border-bottom:1px solid var(--border);padding:0 43px;display:flex;justify-content:space-between;align-items:center;background:#f8f9f6}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#959d90}.breadcrumb>.icon{height:10px;width:10px;color:#bbc1b6}.breadcrumb strong{font-size:11px;font-weight:500;color:#596552}.topbar-right{display:flex;align-items:center;gap:18px}.autosave{font-size:10px;color:#929b8a;display:flex;align-items:center;gap:7px}.autosave i{width:5px;height:5px;border-radius:50%;background:#91a780}.topbar-divider{height:15px;border-left:1px solid #e0e5db}.topbar-right>.icon-button{color:#9da693}.mini{width:28px;height:28px;font-size:13px}.icon-button{display:grid;place-items:center;width:29px;height:29px;padding:5px;border-radius:6px;color:#a6ada1;transition:background .15s,color .15s}.icon-button:hover{color:var(--green);background:#eff3e9}.icon-button .icon{height:16px;width:16px}.main{max-width:1330px;margin:0 auto;padding:38px 47px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:18px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:2px;color:#98a18c;margin-bottom:9px}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:1px;margin:0;line-height:1.5}.heading-dot{color:#7f9d66;margin-left:2px}.page-heading p{font-size:11px;color:#929a8b;margin:7px 0 0;letter-spacing:.2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 17px;border-radius:7px;font-size:11px;white-space:nowrap;transition:all .18s;font-weight:500}.button .icon{width:15px;height:15px}.primary{background:var(--green);color:#f5f7ef;border:1px solid var(--green);box-shadow:0 3px 5px #2e573515}.primary:hover{background:#234733;box-shadow:0 4px 10px #2e57351f;transform:translateY(-1px)}.outline{border:1px solid #dfe5d8;background:#fff}.outline:hover{background:#f3f7ef;border-color:#acbea0}.subtle{color:#7b8873}.subtle:hover{background:#eaf0e4}.hero{height:272px;background:#edf1e5;border:1px solid #e2e8d9;border-radius:13px;position:relative;overflow:hidden;padding:27px 34px;margin-bottom:33px}.hero:before{content:"";position:absolute;right:-160px;top:-280px;width:670px;height:670px;border:1px solid #e5ebdb;border-radius:50%}.hero-copy{position:relative;z-index:1}.hero-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#7c8e69;letter-spacing:1.3px}.small-spark{display:grid;place-items:center}.small-spark .icon{width:12px;height:12px}.hero h2{font-size:36px;letter-spacing:3px;line-height:1.4;margin:12px 0 10px;font-weight:500;color:#35513a}.hand-underline{position:relative;color:#68834d}.hand-underline>svg{position:absolute;bottom:-7px;left:-3px;width:87px;height:12px;color:#9ab47a}.hero-copy>p{font-size:10px;line-height:1.9;color:#909b82;margin:10px 0 15px;letter-spacing:.5px}.hero-link{display:inline-flex;align-items:center;gap:14px;color:#4f7144;font-size:10px;font-weight:500;padding:0}.hero-link .icon{height:14px;width:14px;transition:transform .2s}.hero-link:hover .icon{transform:translateX(4px)}.hero-art{position:absolute;right:47px;top:14px;width:338px;height:238px}.hero-art>svg{width:100%;height:100%}.hero-corner{font-size:7px;letter-spacing:2px;color:#a2af95;position:absolute;right:25px;bottom:20px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.section-title{display:flex;align-items:center;gap:11px}.section-title h2{font-size:15px;letter-spacing:.4px;font-weight:600;margin:0}.count-label{font-size:9px;color:#a1a996;background:#eef1e9;padding:4px 7px;border-radius:5px}.search-box{display:flex;align-items:center;gap:8px;height:34px;border:1px solid #e4e8de;border-radius:7px;background:#fff;padding:0 10px;width:212px}.search-box:focus-within{border-color:#a3b899}.search-box>.icon{width:13px;height:13px;color:#a1aa98}.search-box input{background:transparent;border:0;min-width:0;flex:1;outline:0;box-shadow:none;font-size:10px;height:100%;color:#53634a}.search-box input::placeholder{color:#a6ad9f}.search-box kbd{font-family:inherit;font-size:8px;background:#f4f5f1;border:1px solid #e9ece3;border-radius:3px;color:#a8b09f;padding:2px 4px;white-space:nowrap}.filter-row{display:flex;align-items:center;gap:7px;margin-bottom:20px}.filter{font-size:10px;color:#919a87;padding:6px 12px;border-radius:5px;line-height:1.5;white-space:nowrap}.filter.selected{background:#e8eedf;color:#537044;font-weight:600}.filter:hover{background:#eef1e8;color:#5b7549}.filter-end{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:#a4ac9a}.filter-end .icon{height:12px;width:12px}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.agent-card{border:1px solid #e5e9df;background:#fff;border-radius:10px;padding:21px 21px 0;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.agent-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3d533308;border-color:#cdd8c3}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.agent-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;flex-shrink:0}.agent-icon>.icon{width:22px;height:22px;stroke-width:1.5}.purple{background:var(--purple);color:#8e7bb1}.orange{background:var(--orange);color:#bf9663}.blue{background:var(--blue);color:#729ac0}.green{background:#e8efdc;color:#7b965c}.rose{background:var(--rose);color:#c68b9b}.card-actions{display:flex;align-items:center;gap:2px;align-self:flex-start;margin-right:-8px}.card-actions .icon-button{width:25px;height:25px}.card-actions .icon{width:14px;height:14px;stroke-width:1.5}.favorite-button.is-favorite{color:#9baf78}.favorite-button.is-favorite .icon{fill:#eef2dd}.agent-card h3{font-size:14px;font-weight:600;letter-spacing:.4px;margin:0 0 9px;color:#344333}.card-description{font-size:10px;color:#9aA08f;line-height:1.95;margin:0 0 13px;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;gap:6px;margin-bottom:17px}.tags>span{font-size:8px;color:#9ba58f;background:#f5f6f1;border:1px solid #eff1e9;border-radius:4px;padding:3px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{border-top:1px solid #edf0e7;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:46px}.card-bottom>span{font-size:8px;color:#acb3a2;display:flex;align-items:center;gap:5px;white-space:nowrap}.card-bottom>span .icon{height:11px;width:11px}.card-chat{display:flex;align-items:center;gap:7px;color:#698353;font-size:9px;padding:7px 0;white-space:nowrap;font-weight:500}.card-chat .icon{height:12px;width:12px;transition:transform .2s}.card-chat:hover .icon{transform:translateX(3px)}.menu-wrap{position:relative}.card-menu{position:absolute;right:0;top:30px;z-index:9;width:142px;background:white;padding:5px;border:1px solid var(--border);border-radius:8px;box-shadow:0 7px 25px #233a2417}.card-menu>button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 7px;font-size:11px;text-align:left;border-radius:5px;color:#738069}.card-menu>button:hover{background:#f1f5ec}.card-menu .danger-text{color:#ba7770}.new-agent-card{border:1px dashed #d6dfc9;border-radius:10px;min-height:239px;background:#f5f7f0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;transition:all .2s}.new-agent-card:hover{border-color:#8daa71;background:#eff4e6}.new-agent-icon{display:grid;place-items:center;border:1px dashed #bdcda8;background:#edf3e3;width:42px;height:42px;border-radius:50%;color:#90a576;margin-bottom:15px}.new-agent-icon .icon{width:18px;height:18px}.new-agent-card h3{font-size:12px;font-weight:500;color:#71845c;margin:0 0 9px}.new-agent-card p{font-size:9px;color:#a4af95;margin:0 0 18px}.new-agent-card>span:last-child{font-size:9px;color:#8a9d72;display:flex;align-items:center;gap:9px}.new-agent-card>span:last-child .icon{height:12px;width:12px}.template-label{font-size:8px;color:#8b9c75;border:1px solid #e4eadb;border-radius:4px;padding:3px 6px;margin:2px 7px}.inspiration-note{margin-top:25px;border:1px solid #e6eadd;background:#f3f5ed;border-radius:9px;display:flex;align-items:center;gap:13px;padding:18px 21px}.note-icon{width:31px;height:34px;display:grid;place-items:center;background:#e9efdd;border-radius:8px;color:#9aab79}.note-icon .icon{height:18px;width:18px}.inspiration-note h3{margin:0 0 6px;font-size:10px;font-weight:500;color:#7d8b68}.inspiration-note p{font-size:9px;color:#a7ae9b;margin:0}.inspiration-note>button{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:9px;color:#8d9f73;white-space:nowrap}.inspiration-note>button .icon{height:12px;width:12px}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 5px;font-size:8px;color:#aeb6a3;letter-spacing:.5px}.page-footer i{font-style:normal;padding:0 5px;color:#a7b597}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:35px;text-align:center;color:#99a38c}.empty-state>.icon{width:33px;height:33px;color:#a2b593;margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:500;color:#6f805e}.empty-state p{font-size:12px;line-height:1.8}.empty-state .button{margin-top:14px}.history-list{padding-top:15px}.history-item{background:white;border:1px solid var(--border);border-radius:10px;padding:19px;display:flex;align-items:center;gap:16px;margin-bottom:13px}.history-content{flex:1;text-align:left;min-width:0}.history-content h3{font-size:13px;font-weight:500;margin:0 0 7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-content p{font-size:10px;color:#9ba48e;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-item time{font-size:10px;color:#a3ab98;white-space:nowrap}.dialog{border:1px solid #e4e9db;border-radius:16px;padding:29px 30px 0;width:580px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 46px);color:#3a4d34;background:#fcfdf9;box-shadow:0 22px 100px #1a30162b;overscroll-behavior:contain}.dialog::backdrop{background:#23342355;backdrop-filter:blur(5px)}.dialog[open]{animation:dialog-enter .2s ease-out}.dialog-heading{position:relative;margin-bottom:24px;padding-right:20px}.dialog-heading .eyebrow{margin-bottom:10px}.dialog-heading h2{font-size:23px;font-weight:600;letter-spacing:.7px;margin:0 0 9px}.dialog-heading p{font-size:11px;color:#95a085;line-height:1.9;margin:0}.dialog-close{position:absolute;right:-9px;top:-8px}.dialog .field{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#66765c;margin-bottom:18px}.field>span:not(.field-hint){display:contents;color:#91a279}.field input,.field select,.field textarea{border:1px solid #dde5d5;background:#fff;border-radius:7px;font-size:12px;line-height:1.7;padding:10px 12px;min-width:0;width:100%;color:#4c5e43;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:64px;max-height:330px}.field input::placeholder,.field textarea::placeholder{color:#adb5a4;font-size:11px}.field-hint{font-size:10px;font-weight:400;color:#a3ad95;line-height:1.6}.form-row{display:grid;grid-template-columns:1.6fr 1fr;gap:17px}.agent-customization{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:16px;background:#f2f5ec;border-radius:9px}.preview-avatar{width:62px;height:62px;border-radius:17px;transition:background .2s}.preview-avatar>.icon{width:30px;height:30px}.field-label{font-size:10px;color:#8c9a7a;display:block;margin-bottom:10px}.appearance-options{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.icon-options{display:flex;gap:3px}.appearance-icon{width:25px;height:25px;color:#a5b394;display:grid;place-items:center;border-radius:5px}.appearance-icon>.icon{width:15px;height:15px}.appearance-icon.chosen{background:white;color:#60794e;box-shadow:0 1px 3px #34482a10}.color-options{display:flex;gap:6px}.color-option{border-radius:50%;width:18px;height:18px;border:1px solid #fff;display:grid;place-items:center;padding:0}.color-option>.icon{width:12px;height:12px;visibility:hidden}.color-option.chosen{outline:1px solid #adb89b;outline-offset:2px}.color-option.chosen>.icon{visibility:visible}.prompt-guide-link{display:flex;align-items:center;gap:5px;font-size:10px;color:#7e9669;padding:0;margin-top:-7px;margin-bottom:22px}.prompt-guide-link>.icon{width:12px;height:12px}.advanced-fields{border-top:1px solid #e7ecdf;padding-top:17px}.advanced-fields summary{font-size:11px;color:#7e8e6e;cursor:pointer;list-style-position:inside;margin-bottom:16px}.advanced-fields summary>span{font-size:9px;color:#a5af98;margin-left:5px}.dialog-footer{display:flex;align-items:center;gap:10px;margin:22px -30px 0;border-top:1px solid #e8edde;padding:18px 30px;background:#f7f9f2;border-radius:0 0 16px 16px}.dialog-footer>span{font-size:9px;color:#9ba68e;margin-right:auto;display:flex;align-items:center;gap:5px}.dialog-footer>span .icon{width:12px;height:12px}.dialog-footer>.button:first-child{margin-left:auto}.settings-dialog{width:490px}.settings-note{display:flex;align-items:flex-start;gap:10px;background:#eff3e8;border:1px solid #e5ebda;border-radius:8px;padding:13px;color:#8e9c7b}.settings-note>.icon{width:15px;height:15px;margin-top:2px}.settings-note>p{font-size:10px;line-height:1.9;margin:0}.text-button{font-size:10px;color:#9aa58e;padding:0;margin-right:auto}.text-button:hover{color:#c28279}.guide-dialog{width:530px}.guide-steps{display:flex;flex-direction:column;gap:25px;margin:30px 0}.guide-step{display:flex;gap:16px}.guide-step>span{font-size:10px;color:#8da376;background:#e9efdf;width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-variant-numeric:tabular-nums}.guide-step h3{font-size:12px;font-weight:500;margin:3px 0 8px}.guide-step p{font-size:11px;color:#97a288;line-height:1.9;margin:0}.confirm-dialog{width:430px}.confirm-dialog .dialog-heading{padding-right:0}.danger{background:#a85f58;color:white}.danger:hover{background:#974c45}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#344d35;color:#f3f5ec;box-shadow:0 7px 30px #28402920;padding:13px 21px;border-radius:9px;max-width:calc(100vw - 40px);font-size:12px;line-height:1.7;z-index:1000;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.chat-main{padding:0;max-width:none;height:calc(100dvh - 75px);display:flex;flex-direction:column}.chat-header{min-height:83px;padding:15px 34px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-agent-info{display:flex;align-items:center;gap:12px;min-width:0}.chat-agent-info .agent-icon{width:37px;height:37px;border-radius:10px}.chat-agent-info .agent-icon>.icon{width:20px;height:20px}.chat-agent-info h1{font-size:14px;margin:0 0 7px;font-weight:600}.chat-agent-info p{font-size:9px;color:#9ba58f;margin:0}.chat-agent-info p>span{margin:0 6px}.chat-header-actions{display:flex;align-items:center;gap:3px}.chat-header-actions .button{font-size:10px;min-height:33px;padding:0 11px}.chat-header-actions .button>.icon{width:13px;height:13px}.chat-body{flex:1;min-height:0;overflow:auto;padding:30px max(35px,calc((100% - 740px)/2));scroll-behavior:smooth;overscroll-behavior:contain}.chat-welcome{display:flex;align-items:center;flex-direction:column;max-width:540px;margin:20px auto;text-align:center}.welcome-orbit{position:relative;margin:10px 0 25px;width:94px;height:94px;border:1px dashed #d8e2cb;border-radius:50%;display:grid;place-items:center}.welcome-orbit>.agent-icon{width:65px;height:65px;border-radius:21px;transform:rotate(-7deg);box-shadow:0 5px 15px #5d79330d}.welcome-orbit>.agent-icon>.icon{width:32px;height:32px;transform:rotate(7deg)}.welcome-orbit>i{font-style:normal;position:absolute;right:-6px;top:2px;font-size:22px;color:#a5bc86;background:#f8f9f6}.welcome-eyebrow{font-size:10px;letter-spacing:2px;color:#a1ae91}.chat-welcome>h2{font-size:24px;font-weight:500;letter-spacing:.5px;margin:15px 0}.chat-welcome>p{font-size:12px;line-height:2.1;color:#929f82;max-width:440px;margin:0 0 25px}.starters{display:flex;flex-direction:column;gap:9px;width:100%;max-width:390px}.starters>button{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border:1px solid #e3e9d9;background:#fff;padding:13px 16px;font-size:11px;border-radius:8px;color:#7c8f68;transition:all .2s}.starters>button:hover{border-color:#b5c8a1;background:#f1f5e9;transform:translateX(2px)}.starters>button>.icon{width:14px;height:14px;color:#a9b995}.starters>button>.icon:last-child{margin-left:auto;width:13px}.welcome-bottom{font-size:9px;letter-spacing:1px;color:#b3bca9;margin-top:23px}.composer-wrap{width:100%;max-width:800px;margin:0 auto;padding:14px 30px 18px;flex-shrink:0}.connection-hint{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0aa92;background:#edf2e5;padding:10px 14px;border:1px solid #e3ead8;border-radius:8px;margin-bottom:11px}.connection-hint>.icon{width:13px;height:13px;color:#93a97a}.connection-hint>button{font-size:10px;color:#6e8757;display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}.connection-hint>button>.icon{width:12px;height:12px}.composer{background:white;border:1px solid #dce5d2;border-radius:13px;padding:17px 18px 11px;box-shadow:0 4px 20px #47612905;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#9cb88a;box-shadow:0 0 0 3px #abc39812}.composer>textarea{width:100%;border:0;background:transparent;padding:0;resize:none;outline:0;box-shadow:none;font-size:12px;color:#4c6241;line-height:1.9;min-height:35px;max-height:180px}.composer>textarea::placeholder{color:#b3bba8}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:7px}.composer-bottom>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#a8b19c}.composer-bottom>span .icon{width:12px;height:12px}.composer-bottom>div{display:flex;align-items:center;gap:11px}.enter-hint{font-size:8px;color:#b6beab}.send-button{width:30px;height:30px;background:#3c6246;color:#f1f5e9;display:grid;place-items:center;border-radius:8px;transition:background .2s}.send-button:hover{background:#284c33}.send-button>.icon{width:17px;height:17px}.composer-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#aab39d;padding:12px 2px 0;gap:9px}.composer-footer>button{display:flex;align-items:center;gap:6px;font-size:9px;color:#99a68a;padding:0}.composer-footer .status-dot{width:5px;height:5px}.message{display:flex;gap:13px;margin:0 auto 30px;max-width:740px}.message-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-family:Georgia,serif;background:#e4eadb;color:#7f9568}.message-avatar>.icon{width:16px;height:16px}.message-inner{flex:1;min-width:0}.message-byline{font-size:11px;color:#6c7f5c;margin:4px 0 10px;font-weight:500;display:flex;align-items:center;gap:12px}.message-byline>span{font-size:9px;color:#b0baa3;font-weight:400}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#4c5c44}.user-message .message-content{background:#edf2e5;padding:12px 17px;border-radius:0 10px 10px 10px;display:inline-block}.copy-message{font-size:9px;color:#a4b195;display:flex;gap:5px;align-items:center;padding:0;margin-top:10px}.copy-message>.icon{width:11px;height:11px}.copy-message:hover{color:#5c7a44}.typing-dots{display:flex;gap:5px;align-items:center;height:25px}.typing-dots i{background:#9caf86;width:5px;height:5px;border-radius:50%;animation:pulse 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.mobile-toggle,.nav-shade{display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d9e0cf;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes dialog-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(min-width:1500px){.main{padding-top:48px}.hero{height:290px;padding:33px 40px}.hero-art{width:365px;right:80px}.hero h2{font-size:39px}.agent-card{padding:25px 25px 0}.card-description{font-size:11px;min-height:45px}.agent-card h3{font-size:15px}.card-bottom{min-height:51px}.new-agent-card{min-height:260px}.inspiration-note{padding:22px 25px}.sidebar{width:242px;padding-left:22px;padding-right:22px}.workspace{margin-left:242px;width:calc(100% - 242px)}}
@media(max-width:1150px){.sidebar{width:200px;padding-left:14px;padding-right:14px}.workspace{margin-left:200px;width:calc(100% - 200px)}.main{padding:30px 30px 18px}.topbar{padding:0 30px}.hero-art{right:5px;width:300px}.hero{padding-left:26px}.agent-grid{gap:13px}.agent-card{padding:17px 16px 0}.filter-end{display:none}.card-bottom>span{font-size:7px}.card-chat{font-size:8px;gap:4px}.chat-main{padding:0}.chat-header{padding:15px 22px}.brand{padding:0 7px}.brand>span:last-child{font-size:19px}}
@media(max-width:950px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:260px;right:-12px;top:25px;opacity:.8}.hero h2{font-size:32px}.hero{height:266px}.hero-corner{right:16px;font-size:6px}.autosave{display:none}.quiet-note{font-size:8px}.chat-header-actions .button{padding:0 8px}.chat-header-actions .subtle>span{display:none}.chat-header-actions{gap:5px}.chat-agent-info{gap:8px}.chat-agent-info h1{font-size:12px}.chat-body{padding:25px}.chat-welcome>h2{font-size:21px}.filter{padding:6px 10px;font-size:9px}.page-heading h1{font-size:25px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:224px}.workspace{margin-left:0;width:100%}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-shade{display:block;position:fixed;inset:0;background:#26322155;z-index:29;backdrop-filter:blur(2px)}.mobile-toggle{display:grid;margin-right:0}.topbar{padding:0 20px;height:63px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb strong{font-size:10px}.topbar-right{gap:10px}.topbar-divider{display:none}.main{padding:29px 24px 18px;max-width:700px}.hero-art{width:310px;right:4px;top:8px;opacity:1}.hero{height:268px}.hero h2{font-size:34px}.hero-copy>p{font-size:10px}.card-description{font-size:11px}.agent-card h3{font-size:14px}.agent-card{padding:20px 20px 0}.card-bottom{min-height:48px}.card-bottom>span{font-size:8px}.card-chat{font-size:9px}.new-agent-card{min-height:245px}.chat-main{padding:0;max-width:none;height:calc(100dvh - 63px)}.chat-header{padding:13px 20px;min-height:76px}.chat-header-actions{gap:0}.chat-body{padding:23px 28px}.composer-wrap{padding:10px 24px 15px}.profile{padding-bottom:25px}.dialog{padding-top:25px}}
@media(max-width:520px){.main{padding:24px 19px 14px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:9px}.page-heading .button{min-height:33px;font-size:10px;padding:0 11px;margin-top:17px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;line-height:1.8;max-width:200px}.eyebrow{font-size:6px;letter-spacing:1.5px}.hero{height:250px;padding:24px 22px;border-radius:11px;margin-bottom:27px}.hero h2{font-size:30px;letter-spacing:2px;line-height:1.4;margin-top:13px}.hero-label{font-size:8px;letter-spacing:.7px}.hero-copy>p{font-size:9px;line-height:1.9;margin-top:13px}.hero-link{font-size:9px;gap:9px}.hero-art{width:220px;right:-48px;top:38px;opacity:.74}.hero-copy{max-width:230px}.hero-corner{font-size:5px;right:14px;bottom:13px}.hand-underline>svg{width:74px}.section-toolbar{gap:8px;margin-bottom:16px}.section-title{gap:7px}.section-title h2{font-size:13px;white-space:nowrap}.count-label{font-size:8px;padding:3px 5px;white-space:nowrap}.search-box{width:139px;height:32px;gap:5px;padding:0 8px}.search-box kbd{display:none}.search-box input{font-size:9px}.filter-row{gap:1px;overflow-x:auto;margin-bottom:16px;padding-bottom:2px}.filter{font-size:9px;padding:6px 10px}.agent-grid{gap:11px}.agent-card{padding:15px 14px 0}.agent-icon{width:37px;height:37px;border-radius:10px}.agent-icon>.icon{height:19px;width:19px}.card-top{margin-bottom:14px}.card-actions{gap:0;margin-right:-7px}.card-actions .icon-button{width:21px;height:23px;padding:3px}.card-actions .icon{width:12px;height:12px}.agent-card h3{font-size:12px;margin-bottom:8px}.card-description{font-size:9px;line-height:1.9;min-height:51px;-webkit-line-clamp:3;margin-bottom:11px}.tags{gap:4px;margin-bottom:13px}.tags>span{font-size:7px;padding:2px 4px}.card-bottom{min-height:43px;gap:1px}.card-bottom>span{font-size:6px;gap:3px}.card-bottom>span>.icon{width:9px;height:9px}.card-chat{font-size:8px;gap:3px}.card-chat>.icon{height:10px;width:10px}.new-agent-card{padding:14px 8px;min-height:239px}.new-agent-card h3{font-size:10px}.new-agent-card p{font-size:8px;line-height:1.8;text-align:center;max-width:110px}.new-agent-card>span:last-child{font-size:8px}.new-agent-icon{width:36px;height:36px}.inspiration-note{padding:15px 12px;gap:9px;position:relative}.inspiration-note h3{font-size:9px}.inspiration-note p{font-size:8px;line-height:1.7;max-width:220px}.inspiration-note>button{font-size:8px;gap:4px;position:absolute;right:13px;bottom:14px}.inspiration-note>button .icon{width:10px}.inspiration-note>div:nth-child(2){padding-bottom:16px}.note-icon{width:29px;height:32px;flex-shrink:0;align-self:flex-start}.page-footer{font-size:7px;padding-top:20px;gap:10px;line-height:1.7}.page-footer>span:last-child{text-align:right}.dialog{padding:23px 21px 0;border-radius:13px}.dialog-heading h2{font-size:20px}.dialog-heading p{font-size:10px}.dialog-footer{padding:16px 21px;margin-left:-21px;margin-right:-21px;gap:7px}.dialog-footer>span{font-size:8px;max-width:100px;line-height:1.7}.dialog-footer .button{padding:0 12px;font-size:10px}.agent-customization{padding:13px;gap:12px}.preview-avatar{height:51px;width:51px}.preview-avatar>.icon{width:25px;height:25px}.appearance-options{gap:10px}.form-row{gap:10px;grid-template-columns:1.3fr 1fr}.field input,.field select,.field textarea{font-size:12px}.history-item{padding:14px;gap:10px}.history-content h3{font-size:11px}.history-content p{font-size:9px}.history-item time{font-size:8px}.history-item .agent-icon{width:31px;height:31px;border-radius:8px}.history-item .icon-button{width:24px}.chat-main{padding:0}.chat-header{padding:12px 13px;gap:5px}.chat-agent-info{gap:7px}.chat-agent-info>.icon-button{width:23px}.chat-agent-info .agent-icon{width:31px;height:31px;border-radius:8px}.chat-agent-info .agent-icon>.icon{width:17px;height:17px}.chat-agent-info h1{font-size:11px}.chat-agent-info p{font-size:8px}.chat-header-actions .button{padding:0 7px;min-height:29px}.chat-header-actions .button>span{display:none}.chat-header-actions .outline>span{display:inline;font-size:8px}.chat-header-actions .button>.icon{width:12px;height:12px}.chat-body{padding:20px}.chat-welcome{margin-top:8px}.welcome-orbit{width:78px;height:78px;margin-bottom:22px}.welcome-orbit>.agent-icon{width:55px;height:55px}.welcome-orbit>.agent-icon>.icon{width:27px;height:27px}.chat-welcome>h2{font-size:20px}.chat-welcome>p{font-size:11px;max-width:320px}.starters>button{font-size:10px;padding:12px}.composer-wrap{padding:9px 15px 13px}.composer{padding:14px 13px 10px}.enter-hint{display:none}.connection-hint{font-size:9px;padding:9px 11px;gap:5px}.connection-hint>button{font-size:9px}.composer-footer{font-size:7px}.composer-footer>button{font-size:8px}.message{gap:10px;margin-bottom:25px}.message-content{font-size:12px}.message-avatar{width:27px;height:27px}.message-byline{font-size:10px}.user-message .message-content{padding:10px 13px}.template-label{font-size:7px;padding:2px 4px;margin-right:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.chat-error{display:flex;align-items:center;gap:14px;border:1px solid #ecd6cc;background:#fff6f0;border-radius:8px;padding:12px 14px;margin-bottom:11px;color:#926654}.chat-error>div{flex:1;min-width:0}.chat-error strong{font-size:11px;font-weight:600}.chat-error p{font-size:10px;line-height:1.8;margin:5px 0 0;overflow-wrap:anywhere}.chat-error .button{font-size:10px;min-height:32px;padding:0 10px;flex-shrink:0}@media(max-width:520px){.chat-error{flex-wrap:wrap;gap:9px}.chat-error>div{flex-basis:100%}}

/* Shared account workspace, readable typography and touch targets. */
:root{--muted:#6d7c66}.boot-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.boot-screen p{font-size:15px;color:#75866a}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:#edf2e5;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #dfe7d5;overflow:hidden}.auth-intro>.brand{padding:0}.auth-intro>div{position:relative;padding:60px 0 240px;max-width:520px;margin:0 auto;width:100%}.auth-intro h1{font-size:44px;line-height:1.6;letter-spacing:2px;font-weight:500;margin:20px 0}.auth-intro h1>span{color:#78945e}.auth-intro p{font-size:15px;line-height:2;color:#7a8d68}.auth-intro .hero-art{top:auto;bottom:-10px;right:10px;width:350px;height:245px}.auth-intro>small{color:#7e906d;font-size:12px;line-height:1.8}.auth-panel{display:flex;align-items:center;justify-content:center;padding:50px 35px;background:#fafcf7}.auth-form-wrap{width:100%;max-width:380px}.auth-form-wrap h2{font-size:27px;font-weight:600;line-height:1.5;margin:16px 0}.auth-form-wrap>p{font-size:14px;line-height:1.9;color:#7b8c6f;margin-bottom:32px}.auth-form-wrap .field{display:flex;flex-direction:column;font-size:14px;gap:10px;color:#5f7352;margin-bottom:22px}.auth-form-wrap .field>input{padding:13px 14px;font-size:15px;border-radius:8px;border:1px solid #d9e3ce;background:white;height:48px;color:#3d5632}.auth-form-wrap .field>input::placeholder{font-size:14px;color:#9aa98c}.auth-submit{width:100%;height:48px;font-size:15px!important;margin-top:4px}.auth-switch{display:flex;justify-content:center;gap:8px;font-size:13px;color:#8a9b7b;margin:25px 0}.auth-switch>button{font-size:13px;color:#48703d;padding:0}.auth-note{font-size:12px;color:#889a78;line-height:1.9;text-align:center;margin-top:30px}.form-error{font-size:13px!important;color:#a45542!important;line-height:1.8!important;margin:10px 0!important;min-height:10px}.quota-card{width:100%;border:1px solid #dce5d1;border-radius:9px;background:#e9efdf;padding:14px;text-align:left;margin-bottom:14px;display:flex;flex-direction:column;gap:9px}.quota-card>span{font-size:11px;color:#6f845c;display:flex;align-items:center;justify-content:space-between}.quota-card .icon{width:12px;height:12px}.quota-card strong{font-size:22px;font-weight:500;color:#536c41}.quota-card small{font-size:11px;color:#8b9c7a}.profile>button:not(.icon-button){text-align:left;flex:1;min-width:0;padding:0}.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{line-height:1.7}.profile>.icon-button{width:30px;flex-shrink:0}#sync-status{font-size:12px;color:#829572}.chat-title{font-size:12px;color:#839773;padding:0;display:flex;align-items:center;gap:5px;max-width:300px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-title>.icon{width:12px;height:12px}.history-search{width:100%;max-width:460px;height:44px;margin-bottom:20px}.history-search input{font-size:14px}.message-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:12px}.message-actions>button{display:flex;align-items:center;gap:5px;font-size:12px;padding:6px 0;min-height:32px;color:#789365}.message-actions .icon{width:14px;height:14px}.message-actions>button:hover{color:#345b27}.muted{color:#8b9a7e}.platform-status{background:#eff4e7;border:1px solid #dfe8d4;border-radius:9px;padding:18px;margin-bottom:14px}.platform-status strong{font-size:15px}.platform-status p{font-size:13px;line-height:1.9;color:#81946e}.platform-status .button{font-size:12px}.connection-result{font-size:13px;color:#607e4c;line-height:1.8;margin:13px 0;overflow-wrap:anywhere}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:20px 0}.checkbox-field{font-size:13px;line-height:1.8;display:flex;align-items:center;gap:8px;color:#758c62}.checkbox-field>input{width:18px;height:18px;accent-color:#5b7d42;flex-shrink:0}.advanced-fields>.text-button{margin:10px 20px 10px 0;font-size:12px}.usage-summary{padding:16px;border:1px solid #e0e8d5;background:#f1f5eb;border-radius:8px;margin-bottom:22px}.usage-summary>h3{font-size:14px;font-weight:500;margin:0 0 15px}.usage-summary>p{font-size:13px;color:#7a9067;line-height:1.9}.usage-summary>.field-hint{font-size:11px}.migration-banner{background:#fff5e4;border:1px solid #ebdec5;border-radius:9px;padding:18px;display:flex;align-items:center;gap:15px;margin-bottom:24px}.migration-banner>div{flex:1}.migration-banner strong{font-size:13px;color:#8d744c}.migration-banner p{font-size:11px;line-height:1.8;color:#a48e6d;margin:6px 0 0}.migration-banner .button{font-size:12px}.draft-recovery{margin-top:24px;padding:16px;border:1px solid #ebddc1;background:#fff7e8;border-radius:9px}.draft-recovery h3{font-size:14px;color:#8b744c}.draft-recovery p{font-size:12px;line-height:1.8;color:#9c8965}.draft-recovery .button{font-size:12px;margin:5px 5px 0 0}.editor-draft-hint{margin:12px 0 15px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.admin-stats>div{border:1px solid #dfe7d5;background:#f0f5e8;border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:15px}.admin-stats span{font-size:13px;color:#879b72}.admin-stats strong{font-size:28px;font-weight:500;color:#5e7b46}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px}.admin-panel{border:1px solid #e0e7d6;border-radius:10px;background:white;padding:24px;min-width:0}.admin-panel h2{font-size:17px;font-weight:600;margin:0 0 17px}.admin-panel>p{font-size:13px;line-height:1.9;color:#879975}.admin-panel .field{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#72865e;margin-bottom:18px}.admin-panel .field>input{width:100%;min-width:0;padding:10px 12px;border:1px solid #dce5d1;border-radius:7px;background:white;font-size:14px;line-height:1.8}.admin-panel .field-hint{font-size:11px}.user-panel{margin-bottom:18px}.table-scroll{overflow:auto}.user-panel table{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-size:12px}.user-panel th{font-weight:500;font-size:11px;color:#8c9d7c;background:#f4f7ee;padding:13px 10px}.user-panel td{padding:16px 10px;border-bottom:1px solid #e8eddc;font-size:13px;line-height:1.6}.user-panel td strong{font-weight:500}.user-panel td small{display:block;font-size:11px;color:#9aab88;margin-top:4px}.user-panel td input[type=number]{width:100px;border:1px solid #e1e8d6;border-radius:6px;padding:9px;font-size:13px;color:#5f7949;background:#fbfcf8}.user-panel td input[type=checkbox]{width:18px;height:18px;accent-color:#597d43}.user-panel .button{font-size:12px}.audit-panel>p{display:flex;gap:18px;align-items:center;font-size:12px;color:#82966d;border-bottom:1px solid #eef2e7;padding-bottom:13px;flex-wrap:wrap}.audit-panel time{color:#a0af90;font-size:11px}.audit-panel small{font-size:10px;color:#a8b59b;overflow-wrap:anywhere}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:20px}.sidebar .nav-item{font-size:13px;min-height:44px}.sidebar .recent-agent{font-size:12px}.button{font-size:13px;min-height:42px}.page-heading p{font-size:13px;line-height:1.8;color:#809273}.hero-copy>p{font-size:12px;color:#839570}.hero-link{font-size:12px}.hero-label{font-size:11px}.section-title h2{font-size:17px}.count-label{font-size:11px}.filter{font-size:12px}.search-box{height:39px}.search-box input{font-size:12px}.card-description{font-size:12px;line-height:1.8;min-height:44px;color:#819272}.agent-card h3{font-size:16px}.tags>span{font-size:10px;color:#849772}.card-bottom>span{font-size:10px;color:#96a786}.card-chat{font-size:12px;min-height:44px}.agent-card .icon-button{width:34px;height:34px}.agent-card .icon-button .icon{width:17px;height:17px}.card-actions{margin-right:-9px}.new-agent-card{min-height:280px}.new-agent-card h3{font-size:14px}.new-agent-card p{font-size:11px;line-height:1.8}.new-agent-card>span:last-child{font-size:12px}.inspiration-note h3{font-size:13px}.inspiration-note p{font-size:11px}.inspiration-note>button{font-size:11px;min-height:38px}.history-content h3{font-size:15px}.history-content p{font-size:12px;line-height:1.8}.history-item time{font-size:11px}.history-item .icon-button{width:38px;height:38px}.dialog .field{font-size:13px}.dialog .field input,.dialog .field select,.dialog .field textarea{font-size:14px;line-height:1.9}.dialog .field input::placeholder,.dialog .field textarea::placeholder{font-size:12px}.dialog-heading p{font-size:12px}.dialog .field-hint{font-size:11px}.dialog .button{font-size:12px}.dialog .advanced-fields summary{font-size:13px}.chat-agent-info h1{font-size:16px}.chat-header-actions .button{font-size:12px;min-height:38px}.message-content{font-size:15px;line-height:2}.message-byline{font-size:13px}.message-byline>span{font-size:11px}.chat-welcome>p{font-size:14px}.starters>button{font-size:13px;min-height:48px}.composer>textarea{font-size:15px;min-height:44px}.composer-bottom>span{font-size:11px;line-height:1.7}.composer-footer,.composer-footer>button{font-size:10px}.enter-hint{font-size:10px}.send-button{width:38px;height:38px}.chat-error strong{font-size:13px}.chat-error p{font-size:12px}.chat-error .button{font-size:12px;min-height:38px}
@media(max-width:1150px){.sidebar{width:220px}.workspace{margin-left:220px;width:calc(100% - 220px)}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-intro{padding:40px}.auth-intro h1{font-size:36px}.admin-grid{grid-template-columns:1fr}.chat-title{max-width:230px}.hero-link{font-size:11px}.hero-copy>p{font-size:11px}}
@media(max-width:760px){.workspace{margin-left:0;width:100%}.sidebar{width:260px}.sidebar .nav-item{min-height:48px;font-size:15px}.sidebar-create{min-height:46px;font-size:15px}.sidebar .recent-agent{font-size:14px;min-height:44px}.sidebar .nav-caption{font-size:11px}.profile strong{font-size:13px}.profile small{font-size:11px}.auth-page{grid-template-columns:1fr}.auth-intro{padding:24px;background:#edf2e5;border-right:0;border-bottom:1px solid #dfe7d5}.auth-intro>div,.auth-intro>small{display:none}.auth-intro .brand{justify-content:center}.auth-panel{padding:40px 26px;align-items:flex-start;min-height:calc(100dvh - 91px)}.auth-form-wrap h2{font-size:25px}.auth-form-wrap .field>input{font-size:16px}.topbar{padding:0 16px}.breadcrumb strong{font-size:12px}.breadcrumb>span{font-size:11px}#sync-status{font-size:10px;max-width:110px;text-align:right;line-height:1.7}.main{padding:28px 22px}.chat-main{padding:0}.button{min-height:44px;font-size:14px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.page-heading .button{min-height:42px;font-size:12px}.search-box{height:42px}.search-box input{font-size:14px}.section-title h2{font-size:16px}.filter{font-size:13px;min-height:40px}.hero{height:285px}.hero-copy>p{font-size:12px;line-height:1.9}.hero-link{font-size:12px;min-height:38px}.hero h2{font-size:34px}.hero-label{font-size:11px}.hero-art{right:-30px;top:20px;opacity:.8}.chat-header{min-height:85px;padding:12px 16px}.chat-header-actions .button{min-height:42px;padding:0 11px}.chat-agent-info h1{font-size:15px}.chat-title{font-size:12px;max-width:160px;min-height:26px}.chat-agent-info>.icon-button{width:32px;height:40px}.chat-header-actions .button>.icon{height:17px;width:17px}.chat-header-actions .outline>span{font-size:11px}.chat-body{padding:25px 20px}.chat-welcome>h2{font-size:23px}.chat-welcome>p{font-size:14px;line-height:2}.starters>button{font-size:14px;min-height:50px;padding:13px}.message-content{font-size:16px;line-height:1.95}.message-byline{font-size:13px}.message-byline>span{font-size:11px}.message-avatar{width:31px;height:31px}.message-actions>button{font-size:12px;min-height:44px}.composer-wrap{padding:9px 15px max(14px,env(safe-area-inset-bottom))}.composer>textarea{font-size:16px;min-height:47px}.composer-bottom>span{font-size:11px}.composer-footer{font-size:10px;line-height:1.7;align-items:flex-start}.composer-footer>button{font-size:11px;line-height:1.7}.composer-footer>span{text-align:right;max-width:170px}.send-button{width:44px;height:44px}.send-button>.icon{width:20px;height:20px}.chat-error{padding:13px}.chat-error strong{font-size:14px}.chat-error p{font-size:13px}.chat-error .button{min-height:44px}.dialog-heading h2{font-size:22px}.dialog-heading p{font-size:13px}.dialog .field{font-size:14px}.dialog .field input,.dialog .field select,.dialog .field textarea{font-size:16px;padding:11px 12px}.dialog .field-hint{font-size:12px}.dialog .field input::placeholder,.dialog .field textarea::placeholder{font-size:13px}.dialog .button{font-size:13px;min-height:44px}.dialog .advanced-fields summary{font-size:14px;padding:7px 0}.appearance-icon{width:32px;height:32px}.color-option{width:22px;height:22px}.settings-actions{flex-wrap:wrap}.checkbox-field{font-size:14px;min-height:44px}.platform-status p,.connection-result{font-size:14px}.connection-hint{font-size:12px;line-height:1.8;flex-wrap:wrap}.connection-hint>button{font-size:12px;min-height:30px}.history-item{padding:15px;gap:10px;flex-wrap:wrap}.history-content h3{font-size:15px}.history-content p{font-size:12px}.history-item time{font-size:10px}.history-item .icon-button{width:40px;height:44px}.history-item .agent-icon{width:34px;height:34px}.migration-banner{flex-wrap:wrap;padding:15px}.migration-banner>div{flex-basis:100%}.migration-banner strong{font-size:14px}.migration-banner p{font-size:12px}.admin-stats{gap:10px}.admin-stats>div{padding:16px 12px}.admin-stats span{font-size:11px}.admin-stats strong{font-size:24px}.admin-panel{padding:20px}.admin-panel .field>input{font-size:16px}.page-footer{font-size:10px}.inspiration-note h3{font-size:13px;line-height:1.8}.inspiration-note p{font-size:12px}.inspiration-note>button{font-size:12px;min-height:36px}.inspiration-note>div:nth-child(2){padding-bottom:25px}.inspiration-note{padding:18px}.guide-step h3{font-size:14px}.guide-step p{font-size:13px}.profile>.icon-button{width:36px;height:44px}.dialog-footer>span{font-size:10px;max-width:120px}.prompt-guide-link{font-size:12px;min-height:36px}.sidebar-bottom{padding-top:22px}.quota-card>span{font-size:12px}.history-search{max-width:none}.filter-row{overflow:auto}}
@media(max-width:600px){.agent-grid{grid-template-columns:1fr;gap:16px}.agent-card{padding:22px 22px 0}.agent-icon{width:47px;height:47px;border-radius:13px}.agent-icon>.icon{width:24px;height:24px}.card-top{margin-bottom:15px}.agent-card h3{font-size:18px;margin-bottom:10px}.card-description{font-size:14px;line-height:1.9;min-height:52px;margin-bottom:16px;-webkit-line-clamp:3}.tags{gap:8px;margin-bottom:17px}.tags>span{font-size:11px;padding:4px 8px}.card-bottom{min-height:56px}.card-bottom>span{font-size:12px;gap:7px}.card-bottom>span .icon{width:14px;height:14px}.card-chat{font-size:14px;gap:9px;min-height:48px}.card-chat .icon{width:16px;height:16px}.agent-card .icon-button{width:44px;height:44px}.agent-card .icon-button .icon{width:19px;height:19px}.new-agent-card{min-height:220px}.new-agent-card h3{font-size:16px}.new-agent-card p{font-size:13px;max-width:none}.new-agent-card>span:last-child{font-size:14px}.new-agent-icon{width:48px;height:48px}.section-toolbar{flex-wrap:wrap;gap:14px}.section-toolbar .search-box{width:100%}.section-title h2{font-size:18px}.count-label{font-size:12px}.filter-row{gap:4px}.filter{padding:7px 11px}.card-menu{width:175px}.card-menu>button{font-size:14px;min-height:46px}.hero-art{width:230px;right:-65px;top:55px}.hero-copy{max-width:260px}.hero h2{font-size:34px}.hero-corner{font-size:7px}.hero{padding:25px 24px}.hero-label{font-size:11px}.hero-copy>p{font-size:12px}.hero-link{font-size:11px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading p{font-size:12px;max-width:220px}.page-heading .button{padding:0 11px;font-size:12px;margin-top:15px}.chat-agent-info .agent-icon{display:none}.chat-title{max-width:145px}.chat-header-actions .button{padding:0 9px}.chat-header-actions .subtle>span{display:none}.history-item time{display:none}.history-item .history-content{min-width:130px}.message{gap:10px}.dialog .dialog-footer{flex-wrap:wrap}.auth-form-wrap .eyebrow{font-size:9px}.auth-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Long-form writing and account lifecycle */
.context-strip{padding:8px 28px;background:#f4f6f0;color:#5c6b57;font-size:13px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px 16px}
.context-strip span{margin-left:auto}.limit-notice{background:#fff7e7;color:#826027;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.6}
.reply-metadata{color:#768074;font-size:12px;margin:10px 0 4px}.version-badge{font-size:12px;background:#e5eddf;color:#45643e;padding:3px 6px;border-radius:5px}
.version-list{display:grid;gap:12px}.version-item{padding:16px;border:1px solid #e1e6db;border-radius:10px}.version-item h3{margin:0 0 6px}.version-item p{font-size:14px;color:#6d7769;line-height:1.7}.version-item pre, #invite-code{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font:inherit;font-size:14px;line-height:1.8;background:#f6f7f1;padding:14px;border-radius:8px}.version-item details{margin:12px 0}.version-item summary{cursor:pointer;min-height:44px;line-height:44px}
.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grant-list{max-height:260px;overflow:auto;overflow-wrap:anywhere}.link-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.link-page>.admin-panel{width:min(100%,520px)}.link-page h1{margin:28px 0 12px}.link-page p{line-height:1.8}.admin-panel + .admin-panel,.admin-grid + .admin-panel{margin-top:20px}.admin-panel .section-toolbar{flex-wrap:wrap;gap:12px}.dialog .settings-actions{flex-wrap:wrap}.message-actions{flex-wrap:wrap}
@media(max-width:600px){.context-strip{padding:10px 16px;font-size:14px}.context-strip span{margin-left:0;width:100%}.profile-fields{grid-template-columns:1fr}.reply-metadata{font-size:13px}.message-actions button{min-height:44px;padding:8px}.chat-header-actions{flex-wrap:wrap;justify-content:flex-end}.chat-header-actions .button{min-height:44px}.version-item{padding:12px}.grant-list{font-size:14px}.link-page{padding:16px}.context-strip{flex-shrink:0}.version-item pre{font-size:16px}.auth-note .text-button{min-height:44px;font-size:15px}}
.test-result{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;font-size:15px;max-height:40vh;overflow:auto}.shared-preview{max-width:700px}.shared-preview h2{margin-top:18px}.shared-preview p{line-height:1.8}.field input[readonly]{background:#f6f7f2}.version-badge{margin-left:6px;display:inline-block}
@media(max-width:600px){.test-result{font-size:16px}.shared-preview .button{min-height:44px}}

.chat-cleanup-tools{display:flex;gap:10px;flex-wrap:wrap;padding:8px 28px;border-bottom:1px solid var(--border);flex-shrink:0;background:#fafbf7}.chat-cleanup-tools .button{min-height:44px;font-size:14px}.context-divider{display:flex;align-items:center;gap:12px;color:#65745e;font-size:14px;line-height:1.7;margin:24px 0;text-align:center}.context-divider:before,.context-divider:after{content:'';height:1px;flex:1;background:var(--border)}.cleanup-warning{font-size:14px;line-height:1.8;color:#9a4436;background:#fff1ed;padding:12px;border-radius:8px}@media(max-width:600px){.chat-cleanup-tools{padding:8px 16px;gap:8px}.chat-cleanup-tools .button{flex:1;padding:0 10px;font-size:14px;white-space:nowrap}.context-divider{font-size:13px}.chat-header{flex-shrink:0}}

/* Keep chat controls compact so long replies have more space to read. */
.chat-workspace>.topbar{height:44px;min-height:44px;flex-shrink:0;padding:0 20px}
.chat-workspace .breadcrumb{min-width:0;flex:1}.chat-workspace .breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-workspace .topbar-right{flex-shrink:0}
.chat-workspace .chat-main{height:calc(100dvh - 44px)}
.chat-main .chat-header{min-height:60px;padding:6px 20px;flex:0 0 auto;gap:10px}
.chat-main .chat-agent-info h1{font-size:15px;margin-bottom:3px}
.chat-main .chat-agent-info>div{min-width:0}
.chat-main .chat-agent-info .agent-icon{width:32px;height:32px}
.chat-main .chat-header-actions .button{min-height:36px}
.chat-main .chat-cleanup-tools{padding:4px 20px;gap:8px;justify-content:flex-end}
.chat-main .chat-cleanup-tools .button{min-height:32px;padding:0 12px;font-size:13px}
.chat-main .context-strip{padding:4px 20px;font-size:12px;line-height:1.5;gap:2px 12px;flex-shrink:0}
.chat-main .context-strip[hidden]{display:none}
.chat-main .chat-body{padding-top:16px;padding-bottom:16px}
.chat-main .composer-wrap{max-width:1020px;padding:6px 24px 8px}
.chat-main .composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:8px 12px;border-radius:12px}
.chat-main .composer>textarea{min-height:44px;max-height:128px;line-height:1.6;font-size:16px}
.chat-main .composer-bottom{padding:0}
.chat-main .send-button{width:44px;height:44px}
.chat-main .composer-footer{padding:4px 2px 0;font-size:10px;line-height:1.5;align-items:center;gap:8px}
.chat-main .composer-footer #draft-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-main .composer-footer>button{font-size:10px;min-width:0}
.chat-main .composer-footer>span:last-child{margin-left:auto}
@media(max-width:1100px){.chat-main .chat-header{padding:6px 16px}.chat-main .chat-header-actions .subtle>span{display:none}.chat-main .chat-header-actions .button{width:40px;min-height:40px;padding:0 8px}.chat-main .chat-header-actions .outline{width:auto}.chat-main .chat-title{max-width:220px}}
@media(max-width:760px){.chat-workspace>.topbar{padding:0 12px}.chat-main .chat-header{min-height:64px;padding:4px 12px}.chat-main .chat-header-actions{gap:2px;flex-wrap:nowrap}.chat-main .chat-header-actions .button{min-width:44px;min-height:44px}.chat-main .chat-agent-info{gap:6px}.chat-main .chat-agent-info h1{font-size:14px;margin-bottom:0;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-main .chat-title{max-width:150px;min-height:22px;font-size:11px}.chat-main .chat-cleanup-tools{padding:2px 12px}.chat-main .chat-cleanup-tools .button{min-height:44px;font-size:13px;flex:0 0 auto}.chat-main .context-strip{padding:3px 12px;font-size:11px}.chat-main .context-strip span{width:auto;margin-left:auto}.chat-main .context-strip span:empty{display:none}.chat-main .composer-wrap{padding:5px 12px max(6px,env(safe-area-inset-bottom))}.chat-main .composer{padding:6px 10px;gap:8px}.chat-main .composer-footer{font-size:10px;flex-wrap:wrap;justify-content:space-between}.chat-main .composer-footer>span:last-child{display:none}.chat-main .composer-footer #draft-status{max-width:150px}.chat-main .composer-footer>button{max-width:180px}.chat-main .chat-body{padding:16px}}
@media(max-width:420px){.chat-workspace .breadcrumb>span,.chat-workspace .breadcrumb>.icon{display:none}.chat-main .chat-agent-info>.icon-button{display:none}.chat-main .chat-agent-info h1{max-width:150px}.chat-main .chat-title{max-width:140px}.chat-main .chat-header-actions .button{padding:0 7px}.chat-main .chat-header-actions .outline>span{display:none}}

/* Studio gallery theme — cover-led cards and a quiet lavender workspace. */
:root {
  color:#25283d;
  background:#fbfbff;
  --green:#635bff;
  --green-dark:#5147eb;
  --muted:#85899f;
  --border:#e9eaf3;
  --surface:#fff;
  --purple:#eeebff;
  --orange:#fff1e6;
  --blue:#eaf1ff;
  --rose:#ffedf2;
}
body{background:#fbfbff;color:#25283d}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#aaa3ff}
input:focus,select:focus,textarea:focus{border-color:#8d83ff;box-shadow:0 0 0 3px #635bff12}
.sidebar{width:220px;background:#f4f4fc;border-color:#e9e9f5;padding:26px 16px 0}
.brand{padding:0 7px;gap:10px}
.logo-mark{width:36px;height:36px;border-radius:10px;background:#635bff;color:#fff}
.brand>span:last-child{font-size:19px;letter-spacing:.3px}
.brand small{font-size:8px;letter-spacing:1.8px;color:#9392ac;margin-top:4px}
.sidebar-create{height:43px;margin:29px 0 25px;background:#ececfa;border-color:#e5e5f4;border-radius:8px;color:#48465f;font-size:14px;box-shadow:none}
.sidebar-create:hover{background:#e4e2ff;border-color:#d5d0ff;color:#635bff}
.sidebar-create .icon{color:inherit}
.sidebar-create{transition-property:background-color,border-color,color,box-shadow}
.sidebar-heading{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sidebar-heading .brand{flex:1;min-width:0;padding:0;gap:8px}
.sidebar-heading .brand>.logo-mark{width:32px;height:32px;flex-shrink:0}
.sidebar-heading .brand>span:last-child{font-size:17px;letter-spacing:0}
.sidebar-heading .brand small{font-size:7px;letter-spacing:1.4px}
.sidebar-collapse{width:32px;height:32px;flex-shrink:0}
.topbar .sidebar-toggle{display:grid;flex-shrink:0;width:36px;height:36px}
.sidebar[aria-hidden=true]{visibility:hidden}
@media(min-width:761px){
  .sidebar{transition:transform .2s ease}
  .sidebar-collapsed .sidebar{transform:translateX(-100%)}
  .sidebar-collapsed .workspace{margin-left:0;width:100%}
}
@media(max-width:760px){
  .sidebar-collapse{width:44px;height:44px}
  .topbar .sidebar-toggle{width:44px;height:44px}
  .chat-workspace .topbar .sidebar-toggle{height:40px}
}
@media(prefers-reduced-motion:reduce){
  .app-shell .sidebar,.app-shell .workspace{transition:none}
}
.nav-caption{color:#9698ac;letter-spacing:.5px;font-size:11px;padding:0 11px}
.sidebar .nav-item{font-size:14px;min-height:43px;border-radius:8px;gap:11px;padding:0 11px;color:#54586e;margin-bottom:6px}
.nav-item:hover{background:#eae9f8;color:#4c45d2}
.nav-item.active{background:#e8e6ff;color:#635bff;font-weight:600}
.nav-item>.icon{width:18px;height:18px}
.nav-count{background:#dad6ff;color:#635bff;border-radius:5px;font-size:11px}
.tiny-badge{border-color:#e0ddf2;color:#8b88a4}
.sidebar-collection{margin-top:26px;border-top:1px solid #e5e5f1;padding-top:22px}
.sidebar .recent-agent{font-size:12px;color:#777a91;padding:8px 11px;gap:9px}
.recent-agent:hover{background:#ecebf9;border-radius:7px;color:#635bff}
.recent-agent-name{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}
.generation-badge{width:23px;height:23px;flex:0 0 23px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-left:auto}
.generation-badge .icon{width:15px;height:15px}
.generation-badge.pending{background:#ede9ff;color:#6b5de0}
.generation-badge.pending .icon{animation:generation-pulse 1.4s ease-in-out infinite}
.generation-badge.complete{background:#dff4e7;color:#217345;box-shadow:0 0 0 2px #f8f7ff}
.generation-badge.failed{background:#fff0df;color:#a85c20}
@keyframes generation-pulse{50%{opacity:.4;transform:scale(.87)}}
@media(prefers-reduced-motion:reduce){.generation-badge.pending .icon{animation:none}}
.mini-agent{border-radius:6px}
.sidebar-bottom{padding-top:24px}
.quota-card{background:#fff;border-color:#e5e4f2;border-radius:10px;padding:14px;margin-bottom:14px}
.quota-card>span{color:#7e8198;font-size:11px;line-height:1.5}
.quota-card strong{font-size:24px;color:#474161;font-weight:600}
.quota-card small{color:#9392a9;font-size:11px;font-weight:400}
.quiet-note{border-color:#e4e3f0;color:#8a87a2}
.quiet-note .icon,.muted-icon{color:#9691ae}
.profile{border-color:#e3e2ef;padding:17px 2px 20px;gap:9px;margin-top:10px}
.avatar{background:#e9e5ff;border-color:#ded8ff;color:#6657da;font-family:inherit;font-size:13px;font-weight:600}
.profile strong{font-size:12px;color:#4c4b64}
.profile small{font-size:10px;color:#9290aa}
.workspace{margin-left:220px;width:calc(100% - 220px);background:#fbfbff}
.topbar{height:60px;background:#fbfbff;border-color:#ededf6;padding:0 32px}
.breadcrumb,.breadcrumb strong{font-size:12px;color:#878b9d}
.breadcrumb strong{color:#4f526a}
.breadcrumb>.icon{color:#b6b5c9}
#sync-status{font-size:11px;color:#9794ad}
.topbar-right{gap:15px}
.topbar-right>.icon-button{color:#9390aa}
.icon-button{color:#9290a8;border-radius:7px}
.icon-button:hover{background:#efedff;color:#635bff}
.main{max-width:1920px;padding:29px 32px 24px;margin:0 auto}
.main.chat-main{padding:0;max-width:none}
.page-heading{margin-bottom:30px;gap:20px;align-items:center}
.page-heading h1{font-size:25px;line-height:1.5;letter-spacing:.2px;font-weight:650;color:#25283d}
.page-heading p{font-size:13px;line-height:1.8;color:#9292a8;margin-top:7px}
.eyebrow{color:#9f9ab9;font-size:9px;letter-spacing:1.6px;margin-bottom:6px}
.heading-dot{color:#635bff}
.button{border-radius:8px;min-height:40px;font-size:13px}
.primary{background:#635bff;border-color:#635bff;color:#fff;box-shadow:none}
.primary:hover{background:#5349ec;box-shadow:0 4px 12px #635bff18;transform:none}
.outline{border-color:#e1e1ee;background:#fff;color:#606178}
.outline:hover{background:#f5f3ff;border-color:#ccc7f4;color:#635bff}
.subtle{color:#86839d}
.subtle:hover{background:#f0edff;color:#635bff}
.section-toolbar{margin-bottom:18px;gap:20px}
.section-title{gap:10px}
.section-title h2{font-size:16px;font-weight:600;color:#4b4d65;letter-spacing:0}
.count-label{background:#efedf9;color:#8a84a7;font-size:11px;padding:4px 7px}
.search-box{height:40px;width:320px;border-color:#e0deef;border-radius:9px;background:#fff;gap:9px;padding:0 12px}
.search-box:focus-within{border-color:#a69cff;box-shadow:0 0 0 3px #635bff08}
.search-box>.icon{height:16px;width:16px;color:#9895af}
.search-box input{font-size:13px;color:#4b4b66}
.search-box input::placeholder{color:#b0adbf}
.search-box kbd{background:#f8f7fc;border-color:#edeaf5;color:#b4afc5;font-size:9px}
.filter-row{gap:12px;margin-bottom:26px;padding-bottom:0;min-width:0}
.filter{padding:8px 15px;font-size:13px;min-height:36px;color:#9290a6;border-radius:8px}
.filter.selected{background:#e9e5ff;color:#7060ff;font-weight:600}
.filter:hover{background:#f0ecff;color:#635bff}
.filter-end{color:#b0abbe;font-size:11px;gap:6px}
.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.agent-card{padding:14px 14px 0;border:1px solid #ececf5;background:#fff;border-radius:16px;display:flex;flex-direction:column;min-width:0;box-shadow:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.agent-card:hover{transform:translateY(-2px);border-color:#dcd7fc;box-shadow:0 8px 24px #52438f08}
.agent-cover-button{display:block;width:100%;padding:0;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;flex-shrink:0;margin:0 0 13px;background:#ece9ff}
.agent-cover{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;transition:transform .3s}
.agent-cover-button:hover .agent-cover{transform:scale(1.025)}
.card-top{align-items:flex-start;gap:6px;margin-bottom:9px;width:100%}
.card-title-group{min-width:0;flex:1;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;row-gap:5px}
.agent-card .card-title-group h3{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;color:#414357;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.agent-type-badge{display:inline-flex;align-items:center;gap:4px;background:#f2f1f8;border-radius:4px;padding:2px 5px;font-size:10px;color:#767389;white-space:nowrap;flex-shrink:0;line-height:1.5}
.agent-type-badge .icon{width:12px;height:12px}
.card-actions{margin:-3px -5px 0 0;gap:0;flex-shrink:0;align-self:flex-start}
.agent-card .card-actions .icon-button{width:29px;height:30px;padding:6px;color:#a09ab4}
.agent-card .card-actions .icon{width:16px;height:16px}
.agent-card .card-actions .icon-button:hover{color:#635bff}
.favorite-button.is-favorite{color:#9e83ef!important}
.favorite-button.is-favorite .icon{fill:#ece3ff}
.card-author{display:flex;align-items:center;gap:6px;color:#9290a3;font-size:11px;line-height:1.6;min-height:20px;margin-bottom:9px;min-width:0}
.author-avatar{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:600;background:#ede7ff;color:#8c70cf}
.official-card .author-avatar{background:#635bff;color:#fff}
.card-description{color:#858597;font-size:13px;line-height:1.75;min-height:46px;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 11px;min-height:22px}
.card-status .version-badge{margin:0;background:#f1eff9;color:#9790ad;font-size:10px;line-height:1.5;padding:3px 6px}
.category-label{color:#9692a7;font-size:11px}
.card-bottom{margin-top:auto;min-height:53px;gap:10px;border-color:#f1f0f7}
.card-bottom>span{font-size:11px;color:#a09bac;gap:5px;white-space:normal;line-height:1.5}
.card-bottom>span .icon{width:12px;height:12px}
.card-chat{color:#635bff;font-size:13px;font-weight:600;gap:7px;min-height:42px;padding:8px 0}
.card-chat .icon{width:14px;height:14px}
.card-chat:hover{color:#5043e4}
.card-menu{border-color:#e9e5f5;border-radius:10px;width:160px;box-shadow:0 10px 30px #3b285f14;background:#fff}
.card-menu>button{color:#80758f;font-size:12px;min-height:38px}
.card-menu>button:hover{background:#f4f0ff;color:#635bff}
.tags>span{background:#f6f4fc;border-color:#f0edf8;color:#9690ac}
.new-agent-card{min-height:350px;border:1px dashed #ded8f1;background:#f8f6ff;border-radius:16px;padding:24px;color:#9483b3}
.new-agent-card:hover{background:#f3efff;border-color:#aea0e6}
.new-agent-icon{background:#efebff;border-color:#cec3f5;color:#9987cf;width:48px;height:48px;margin-bottom:18px}
.new-agent-card h3{font-size:15px;color:#776399;font-weight:500;margin:0 0 10px}
.new-agent-card p{font-size:12px;color:#aaa0bf;line-height:1.8;margin-bottom:21px}
.new-agent-card>span:last-child{font-size:13px;color:#8e78b8}
.template-label{border-color:#e8e0f6;color:#a18bbf}
.page-footer{color:#b9b2c7;font-size:10px;letter-spacing:0;padding-top:28px}
.page-footer i{color:#b09ccd}
.empty-state{color:#a49bb7}
.empty-state>.icon{color:#b5a7d4}
.empty-state h3{color:#796a96}
.history-item{border-color:#eae6f3;border-radius:12px}
.history-content h3{color:#50465e}
.history-content p,.history-item time{color:#a194b1}
.dialog{border-color:#e8e2f3;background:#fff;color:#4b4e67;box-shadow:0 22px 100px #30203c2b;border-radius:16px}
.dialog::backdrop{background:#25223950;backdrop-filter:blur(5px)}
.dialog-heading{margin-bottom:23px}
.dialog-heading h2{font-size:23px;letter-spacing:0;color:#35384f}
.dialog-heading p{color:#9290a5;font-size:12px}
.dialog .field,.admin-panel .field{color:#686b82}
.field input,.field select,.field textarea,.admin-panel .field>input{border-color:#e2dcee;background:#fff;color:#4f536b;border-radius:8px}
.field input::placeholder,.field textarea::placeholder{color:#aaa6ba}
.field-hint,.dialog .field-hint{color:#9290a5}
.dialog-footer{border-color:#eee7f6;background:#faf7fd;gap:10px}
.dialog-footer>span{color:#9690a8}
.agent-customization{background:#f7f2fd}
.field-label{color:#88819b;font-size:11px}
.appearance-icon{color:#aaa1bc}
.appearance-icon.chosen{background:#fff;color:#635bff}
.color-option.chosen{outline-color:#9e95db}
.purple{background:#eee7ff;color:#9a77cd}
.orange{background:#fff1e6;color:#dba371}
.blue{background:#eaf2ff;color:#8fa6d8}
.green{background:#eaf4ee;color:#90b89c}
.rose{background:#ffedf3;color:#d69bad}
.prompt-guide-link,.text-button{color:#887bb1}
.prompt-guide-link:hover{color:#635bff}
.advanced-fields{border-color:#eee7f6}
.advanced-fields summary{color:#716386}
.advanced-fields summary>span{color:#9d94ac}
.settings-note,.platform-status,.usage-summary{background:#f7f3ff;border-color:#e9e0f5;color:#80708f}
.settings-note>p,.platform-status p,.usage-summary>p{color:#8e819b}
.connection-result{color:#6e5bb2}
.checkbox-field{color:#7c6c8f}
.checkbox-field>input,.user-panel td input[type=checkbox]{accent-color:#8d6cc4}
.settings-actions .text-button{color:#9b83aa}
.guide-step>span{background:#f3ebfd;color:#9281b3}
.guide-step p{color:#988aa7}
.cover-editor{margin:0 0 23px;padding:14px;border:1px solid #ece5f5;border-radius:12px;background:#faf7fe}
.cover-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.cover-editor-heading .field-label{margin:0;color:#55536f;font-size:13px;font-weight:600}
.cover-editor-heading>span{color:#9994ac;font-size:11px}
.cover-preview{display:block;aspect-ratio:16 / 9;max-height:230px;overflow:hidden;border-radius:9px;background:#ede7ff;margin-bottom:12px}
.cover-preview img{display:block;width:100%;height:100%;object-fit:cover}
.cover-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.cover-option{position:relative;border:2px solid transparent;border-radius:7px;padding:2px;background:#fff;min-width:0;overflow:hidden;aspect-ratio:16 / 9}
.cover-option img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
.cover-option>span{position:absolute;inset:auto 2px 2px;background:linear-gradient(transparent,#17162b80);color:#fff;font-size:10px;line-height:1.4;padding:9px 3px 3px;text-align:center;white-space:nowrap}
.cover-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cover-upload-row .text-button{font-size:12px;min-height:38px;padding:0 4px}
.cover-upload:focus-within{outline:3px solid #bab4ff;outline-offset:3px}
.official-author{background:#635bff;color:#fff}
.author-avatar .icon{width:12px;height:12px}
.card-author>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shared-agent-cover{height:auto;max-height:280px;border-radius:12px;margin-bottom:20px}
.cover-option.selected,.cover-option.chosen,.cover-option[aria-pressed=true]{border-color:#8270ed;box-shadow:0 0 0 2px #8270ed15}
.cover-option:hover{border-color:#bcaeeb}
.cover-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;background:#fff;border:1px solid #e1d4ee;border-radius:7px;padding:0 12px;font-size:12px;color:#7961af;cursor:pointer}
.cover-upload:hover{background:#f7f1ff;border-color:#c7a9e0}
.cover-upload input[type=file]{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}
.cover-upload .icon{width:14px;height:14px}
.cover-editor .field-hint{display:block;font-size:11px;line-height:1.7;margin:9px 0 0;color:#9784aa}
.cover-editor .connection-result{font-size:12px;margin:8px 0 0}
.auth-page{background:#fbfbff}
.auth-intro{background:radial-gradient(ellipse at 10% 20%,#efeaff 0,transparent 55%),linear-gradient(135deg,#f3f1ff,#faf6ff);border-color:#e8e0f5;color:#444358}
.auth-intro h1{color:#444358;letter-spacing:1px}
.auth-intro h1>span{color:#7c6bba}
.auth-intro p,.auth-intro>small{color:#9991ac}
.auth-intro .hero-art{filter:hue-rotate(103deg) saturate(.6);opacity:.65}
.auth-panel{background:#fff}
.auth-form-wrap h2{color:#383a50}
.auth-form-wrap>p,.auth-note{color:#9690a8}
.auth-form-wrap .field{color:#706483}
.auth-form-wrap .field>input{border-color:#e4d8ed;color:#554660}
.auth-form-wrap .field>input::placeholder{color:#aca0b7}
.auth-switch{color:#a89ab5}
.auth-switch>button{color:#635bff}
.admin-stats>div{background:#f8f2ff;border-color:#eadcf5;border-radius:12px}
.admin-stats span{color:#9d8cb2}
.admin-stats strong{color:#8470bc}
.admin-panel{border-color:#eee3f6;border-radius:12px;background:#fff}
.admin-panel h2{color:#51445b}
.admin-panel>p{color:#9c8caa}
.user-panel th{background:#fcf5ff;color:#a090af}
.user-panel td{border-color:#f1e6f7;color:#74607f}
.user-panel td small{color:#a593b1}
.user-panel td input[type=number]{border-color:#eadbf3;background:#fcf8ff;color:#9b7caf}
.audit-panel>p{color:#a590b9;border-color:#f3e9fa}
.audit-panel time,.audit-panel small{color:#b7a7c2}
.version-item{border-color:#eadcf3;border-radius:10px}
.version-item p{color:#927ea3}
.version-item pre,#invite-code{background:#fbf5ff;color:#987ca8}
.version-badge{background:#f5eaff;color:#9b81b4}
.field input[readonly]{background:#fcf6ff}
.context-strip{background:#f8f4ff;color:#9a83b0;border-color:#eee5f8}
.chat-cleanup-tools{background:#fcf9ff;border-color:#f0e7f9}
.chat-agent-info h1{color:#57465f}
.chat-agent-info p,.chat-title{color:#a691b7}
.message-content{color:#403349}
.message-avatar{background:#f4eaff;color:#ac8ec4;font-family:inherit}
.message-byline{color:#9673ac}
.message-byline>span{color:#b7a6c1}
.user-message .message-content{background:#f7ecff}
.message-actions>button,.copy-message{color:#a78ab8}
.message-actions>button:hover,.copy-message:hover{color:#976bb4}
.reply-metadata{color:#aa8dbb}
.chat-welcome>h2{color:#644175}
.chat-welcome>p{color:#a388b8}
.starters>button{border-color:#ecdaf5;color:#9371a5;background:#fff}
.starters>button:hover{border-color:#d8b8ea;background:#fcf6ff}
.composer{border-color:#e5d5ee;background:#fff;box-shadow:none}
.composer:focus-within{border-color:#c7a1e3;box-shadow:0 0 0 3px #c7a1e312}
.composer>textarea{color:#654772}
.composer>textarea::placeholder{color:#b89bc7}
.composer-bottom>span,.enter-hint{color:#bca1ca}
.send-button{background:#635bff;color:#fff}
.send-button:hover{background:#5349ec}
.composer-footer,.composer-footer>button{color:#b596c7}
.typing-dots i{background:#b894ce}
.connection-hint{background:#fcf4ff;border-color:#eddcf5;color:#aa84bf}
.connection-hint>.icon,.connection-hint>button{color:#b286c9}
.context-divider{color:#a788b9}
.status-dot.connected{background:#a490c1;box-shadow:0 0 0 3px #a490c114}
#toast{background:#644475;color:#fff;box-shadow:0 7px 30px #4a2d5e20}
@media(min-width:1600px){.agent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px) and (max-width:1199px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding-left:27px;padding-right:27px}.search-box{width:260px}.filter-end{display:none}}
@media(min-width:761px) and (max-width:899px){.agent-grid{grid-template-columns:1fr}.main{padding-left:25px;padding-right:25px}.search-box{width:230px}.section-toolbar{flex-wrap:wrap}.filter-end{display:none}}
@media(max-width:1199px){.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .sidebar{width:260px;padding:25px 17px 0}
  .workspace{margin-left:0;width:100%}
  .sidebar .nav-item{font-size:15px;min-height:46px}
  .sidebar-create{font-size:15px;min-height:44px}
  .nav-open .nav-shade{background:#2b1f4355}
  .main{padding:25px 20px 22px;max-width:760px}
  .topbar{height:56px;padding:0 16px}
  .page-heading{align-items:flex-start;gap:14px;margin-bottom:27px}
  .page-heading h1{font-size:24px}
  .page-heading p{font-size:12px;max-width:220px;line-height:1.8}
  .page-heading .button{min-height:42px;font-size:12px;margin-top:8px;padding:0 12px}
  .section-toolbar{gap:14px;flex-wrap:wrap}
  .section-title h2{font-size:16px}
  .section-toolbar .search-box{width:100%;height:44px}
  .search-box input{font-size:16px}
  .filter-row{gap:7px;margin-bottom:21px;overflow:auto;padding-bottom:2px}
  .filter{font-size:13px;min-height:40px;padding:8px 13px}
  .filter-end{display:none}
  .agent-grid{grid-template-columns:1fr;gap:18px}
  .agent-card{padding:13px 13px 0;border-radius:14px}
  .agent-card .card-title-group h3{font-size:17px;margin:0;line-height:1.5}
  .card-top{margin-bottom:9px;gap:5px}
  .agent-type-badge{font-size:11px}
  .agent-card .card-actions .icon-button{width:44px;height:44px}
  .agent-card .card-actions .icon{width:18px;height:18px}
  .card-author{font-size:12px;gap:7px;margin-bottom:9px}
  .author-avatar{width:20px;height:20px}
  .card-description{font-size:14px;line-height:1.8;min-height:51px;-webkit-line-clamp:2;margin-bottom:12px}
  .card-status .version-badge,.category-label{font-size:11px}
  .card-bottom{min-height:55px}
  .card-bottom>span{font-size:12px}
  .card-chat{font-size:14px;min-height:48px}
  .card-chat .icon{width:15px;height:15px}
  .card-menu{width:180px}
  .card-menu>button{min-height:44px;font-size:14px}
  .new-agent-card{min-height:245px}
  .new-agent-card h3{font-size:16px}
  .new-agent-card p{font-size:13px}
  .new-agent-card>span:last-child{font-size:14px}
  .button{min-height:44px;font-size:14px}
  .dialog{padding-left:22px;padding-right:22px}
  .dialog .dialog-footer{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}
  .dialog .field input,.dialog .field select,.dialog .field textarea{font-size:16px}
  .cover-editor{padding:11px}
  .cover-options{gap:5px}
  .cover-option{min-height:44px}
  .cover-upload{min-height:44px;font-size:14px}
  .cover-editor .field-hint{font-size:12px}
  .cover-preview{max-height:190px}
  .auth-intro{background:#f6f0ff;border-color:#eadef5}
  .auth-panel{padding:38px 25px}
  .auth-form-wrap .field>input{font-size:16px}
  .chat-main{padding:0;max-width:none}
  .chat-main .message-content,.chat-main .composer>textarea{font-size:16px}
  .chat-main .chat-header-actions .button{min-width:44px;min-height:44px}
  .chat-main .chat-cleanup-tools .button{min-height:44px}
  .message-actions>button{min-height:44px}
  .send-button{width:44px;height:44px}
  .page-footer{font-size:10px;gap:16px;line-height:1.8}
}
@media(max-width:380px){.main{padding-left:15px;padding-right:15px}.agent-card .card-title-group h3{font-size:16px}.card-actions{margin-right:-7px}.agent-card .card-actions .icon-button{width:44px}.cover-options{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-option{min-height:54px}}
@media(prefers-reduced-motion:reduce){.agent-cover{transition:none}.agent-cover-button:hover .agent-cover{transform:none}.agent-card:hover{transform:none}}

/* Writing and administrative text keeps a neutral, readable palette. */
.dialog,.admin-panel,.auth-form-wrap{color:#4c4d64}
.dialog-heading h2,.auth-form-wrap h2,.admin-panel h2,.chat-agent-info h1,.chat-welcome>h2{color:#34364c}
.dialog .field,.admin-panel .field,.auth-form-wrap .field{color:#74748b}
.field input,.field select,.field textarea,.admin-panel .field>input,.auth-form-wrap .field>input,.composer>textarea{color:#4e5068}
.dialog-heading p,.auth-form-wrap>p,.auth-note,.platform-status p,.usage-summary>p,.settings-note>p,.admin-panel>p,.guide-step p{color:#9090a4}
.auth-intro h1{color:#45425f}.auth-intro h1>span{color:#8071c9}.auth-intro p,.auth-intro>small{color:#9690ae}
.message-content{color:#3f4256}.message-byline{color:#676a83}.message-byline>span,.reply-metadata{color:#9291a5}
.message-avatar{background:#eeebff;color:#8e80c2}.message-actions>button,.copy-message{color:#9290a9}
.message-actions>button:hover,.copy-message:hover,.card-chat:hover{color:#635bff}
.chat-agent-info p,.chat-title,.chat-welcome>p{color:#9792a8}
.context-strip,.context-divider{color:#8a809d}
.composer{border-color:#e2dcef}.composer:focus-within{border-color:#9d90eb;box-shadow:0 0 0 3px #635bff0b}
.composer>textarea::placeholder{color:#aaa5b8}.composer-footer,.composer-footer>button,.composer-bottom>span,.enter-hint{color:#9790a7}
.connection-hint,.connection-hint>.icon,.connection-hint>button{color:#9582ab}
.send-button{background:#635bff}.send-button:hover{background:#5349ec}
.cover-upload,.prompt-guide-link,.auth-switch>button{color:#8170b0}
.version-badge{background:#f0ebfc;color:#9583b0}
.user-panel td{color:#68607a}.user-panel th{color:#8f84a0}.user-panel td small{color:#a99ab8}
.admin-stats strong{color:#8470bb}.admin-stats span,.audit-panel>p{color:#9986ad}
#toast{background:#4b4268}

/* Official agents stay compact until their settings are opened. */
.official-admin-panel{min-width:0}
.official-admin-panel>.section-toolbar{margin-bottom:16px;align-items:center}
.official-admin-panel>.section-toolbar h2{margin:0;font-size:17px;line-height:1.6}
.official-admin-tools{display:flex;align-items:center;gap:10px;margin-bottom:13px;min-width:0}
.official-admin-tools .search-box{width:min(100%,420px);height:44px;min-width:0;flex:1}
.official-admin-tools .search-box input{font-size:14px}
.official-admin-tools .button{flex-shrink:0;min-height:44px;padding:0 12px}
.official-admin-count{font-size:12px;color:#9290a4;line-height:1.6;margin-bottom:10px}
.official-admin-list{border:1px solid #e9e4f2;border-radius:10px;overflow:hidden;background:#fff}
.official-admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;padding:14px 16px;border-bottom:1px solid #eeeaf5;text-align:left;background:#fff;transition:background .15s}
.official-admin-row:last-child{border-bottom:0}
.official-admin-row:hover{background:#f8f6ff}
.official-admin-row:focus-visible{outline:3px solid #a69cff;outline-offset:-3px}
.official-admin-title{min-width:0;font-size:14px;font-weight:500;line-height:1.7;color:#4c4d64;overflow-wrap:anywhere}
.official-admin-row>.icon,.official-admin-row>svg{width:17px;height:17px;flex-shrink:0;color:#aaa4bd}
.official-admin-row:hover>.icon,.official-admin-row:hover>svg{color:#635bff}
.official-admin-empty{padding:25px 16px;border:1px dashed #e4dfee;border-radius:10px;background:#faf9fd;text-align:center}
.official-admin-empty p{margin:0;color:#9490a5;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.official-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.official-page-size{display:flex;align-items:center;gap:8px;color:#8c879d;font-size:12px;min-width:0}
.official-page-size select{min-height:44px;padding:0 26px 0 10px;border:1px solid #e4dfef;border-radius:8px;background:#fff;color:#69657f;font-size:13px;max-width:130px}
.official-page-size select:focus-visible{outline:3px solid #a69cff;outline-offset:2px}
.official-page-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.official-page-controls>.button{min-height:44px;padding:0 12px}
.official-page-controls>span{font-size:12px;color:#9690a6;white-space:nowrap}
.official-settings-dialog .dialog-heading h2{overflow-wrap:anywhere}
.official-settings-summary{padding:12px 14px;border:1px solid #ebe5f6;border-radius:10px;background:#faf8ff;margin-bottom:18px}
.official-settings-summary p{margin:0;font-size:13px;line-height:1.9;color:#858097;overflow-wrap:anywhere}
.official-settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.official-settings-actions>.button{justify-content:flex-start;min-height:46px;font-size:14px;padding:10px 14px;white-space:normal;line-height:1.6;text-align:left}
.official-settings-actions>.button .icon{width:17px;height:17px}
@media(max-width:760px){
  .official-admin-panel>.section-toolbar{gap:12px}
  .official-admin-panel>.section-toolbar h2{font-size:16px}
  .official-admin-tools .search-box input{font-size:16px}
  .official-admin-tools .button{font-size:13px;padding:0 9px}
  .official-admin-title{font-size:15px}
  .official-admin-row{padding:12px 14px;min-height:56px;gap:10px}
  .official-admin-pagination{gap:10px}
  .official-page-size{font-size:13px}
  .official-page-size select{font-size:16px;min-height:44px}
  .official-page-controls{width:100%;justify-content:space-between;gap:8px}
  .official-page-controls>.button{min-height:44px;font-size:14px;padding:0 12px}
  .official-page-controls>span{font-size:12px}
  .official-settings-summary p{font-size:14px}
  .official-settings-actions{grid-template-columns:1fr}
  .official-settings-actions>.button{min-height:48px;font-size:15px}
}

/* Draft editing and paired model comparison. */
.comparison-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:18px 24px 0;overflow:hidden}
.comparison-dialog[open]{display:flex;flex-direction:column}
.comparison-dialog>.dialog-heading{flex-shrink:0;margin-bottom:12px;padding-right:52px}
.comparison-dialog .dialog-heading .eyebrow{display:none}
.comparison-dialog .dialog-heading h2{font-size:24px}
.comparison-dialog .dialog-heading p{font-size:13px;line-height:1.6}
.comparison-dialog .dialog-close{top:0;right:0;width:44px;height:44px}
.comparison-dialog>form{min-height:0;flex:1;display:flex;flex-direction:column}
.agent-editor-layout{display:grid;grid-template-columns:clamp(280px,25vw,360px) minmax(0,1fr);gap:24px;min-height:0;flex:1;overflow:auto}
.agent-editor-fields{min-width:0;height:100%;overflow-y:auto;padding-right:16px;border-right:1px solid #eeeaf5;scrollbar-width:thin}
.agent-editor-fields .field{margin-bottom:16px}
.agent-editor-fields .form-row{display:block}
.agent-editor-fields textarea[name=prompt]{min-height:220px}
.comparison-cover{margin:0 0 18px}
.comparison-cover .cover-preview{max-height:140px}
.model-comparison{min-width:0;min-height:480px;display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto auto minmax(220px,1fr) auto auto;gap:10px 16px}
.comparison-heading{grid-area:1/1/2/3;display:flex;justify-content:space-between;align-items:center;gap:12px}
.comparison-heading .eyebrow{display:none}
.comparison-heading h3{font-size:18px;color:#3d3e53;margin:0}
.comparison-count{font-size:12px;color:#8b859e}
.model-comparison .binding-field{grid-area:2/1/3/3;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:8px 12px;background:#f7f5ff;border-radius:10px;font-size:13px}
.binding-field select{margin:0;min-height:42px}
.binding-field .field-hint{display:none}
.comparison-panels{grid-area:3/1/4/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;min-height:0;border:1px solid #e5e0f0;border-radius:12px;overflow:hidden;background:white}
.comparison-panel{min-width:0;min-height:0;display:flex;flex-direction:column}
.comparison-panel+ .comparison-panel{border-left:1px solid #e9e5f2}
.comparison-panel.is-selected{box-shadow:inset 0 3px #635bff}
.comparison-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;flex-shrink:0}
.compare-model{min-width:0;width:100%;padding:9px 4px;border:0;background:transparent;color:#4e4a69;font-size:16px}
.compare-choose{flex-shrink:0;min-height:44px;padding:0 12px;font-size:14px}
.is-selected .compare-choose{background:#eeebff;color:#635bff;border-color:#ded7ff}
.compare-result{min-height:0;flex:1;overflow-y:auto;padding:20px 24px;font-size:18px;line-height:1.9;scrollbar-width:thin;overscroll-behavior:contain}
.compare-output{white-space:pre-wrap;overflow-wrap:anywhere;color:#3f4256}
.compare-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#9991ae;height:100%;font-size:13px}
.compare-placeholder>.icon{width:44px;height:44px;color:#a297e1}
.compare-placeholder strong{font-size:17px;color:#65607c;font-weight:500}
.comparison-panel footer{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:6px 16px;border-top:1px solid #f1edf7;font-size:12px;color:#8d849f;flex-shrink:0}
.compare-retry{min-height:32px}
.comparison-notice{grid-area:4/1/5/3;font-size:12px;color:#857997;line-height:1.7;margin:0}
.comparison-notice:empty{display:none}
.comparison-error{padding:12px;border-radius:8px;background:#fff6f3;color:#a65543;overflow-wrap:anywhere}
.model-comparison .comparison-input{grid-area:5/1/6/2;margin:0;font-size:13px;gap:6px}
.comparison-input textarea{min-height:58px;height:58px;max-height:100px;font-size:16px}
.comparison-actions{grid-area:5/2/6/3;display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;align-self:end;gap:6px}
.comparison-actions .button{white-space:nowrap;min-height:44px;font-size:14px}
.comparison-actions .field-hint{font-size:11px;line-height:1.45;margin:0}
.comparison-dialog .dialog-footer{flex-shrink:0;margin:12px -24px 0;padding:10px 24px max(10px,env(safe-area-inset-bottom));border-radius:0}
.comparison-dialog .dialog-footer .button{min-height:44px;font-size:14px}
.comparison-dialog .editor-draft-hint{margin:0 -24px;padding:0 24px max(8px,env(safe-area-inset-bottom));background:#faf7fd;font-size:11px;flex-shrink:0}
.model-catalog-panel{margin:20px 0}
.model-catalog-panel .section-toolbar h2{margin:0}
.model-catalog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #eeeaf5}
.model-catalog-row small,.model-catalog-row span{display:block;margin-top:5px;font-size:12px;color:#8f859e;overflow-wrap:anywhere}
.model-catalog-row strong{font-size:15px;color:#57536f}
@media(max-width:950px){
 .comparison-dialog{padding:16px 20px 0}
 .agent-editor-layout{display:flex;flex-direction:column;gap:24px;overflow-y:auto}
 .agent-editor-fields{height:auto;overflow:visible;padding:0;border-right:0;flex-shrink:0}
 .agent-editor-fields textarea[name=prompt]{min-height:150px}
 .model-comparison{min-height:0;display:flex;flex-direction:column;gap:12px;flex-shrink:0}
 .comparison-panels{min-height:0;flex:none}
 .compare-result{height:clamp(320px,52dvh,560px);flex:none;padding:18px 20px}
 .comparison-input textarea{min-height:76px;height:76px}
 .comparison-actions{flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between}
 .comparison-dialog .dialog-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
 .comparison-dialog .editor-draft-hint{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
}
@media(max-width:600px){
 .comparison-dialog{padding:12px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
 .comparison-dialog .dialog-heading h2{font-size:21px}
 .model-comparison .binding-field{display:flex;align-items:stretch;gap:6px}
 .comparison-panels{grid-template-columns:1fr}
 .comparison-panel+ .comparison-panel{border-left:0;border-top:1px solid #e9e5f2}
 .compare-result{height:clamp(320px,52dvh,520px);font-size:18px;padding:18px}
 .compare-model,.comparison-input textarea,.binding-field select{font-size:16px}
 .compare-choose,.compare-retry{min-height:44px;font-size:14px}
 .comparison-actions{align-items:flex-start;flex-direction:column}
 .comparison-actions .button{width:100%;min-height:46px}
 .model-catalog-row{align-items:flex-start;flex-direction:column}
 .model-catalog-row .settings-actions{flex-wrap:wrap;gap:8px}
 .comparison-dialog .dialog-footer{flex-wrap:wrap;margin-left:calc(-1 * max(16px,env(safe-area-inset-left)));margin-right:calc(-1 * max(16px,env(safe-area-inset-right)));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .comparison-dialog .editor-draft-hint{margin-left:calc(-1 * max(16px,env(safe-area-inset-left)));margin-right:calc(-1 * max(16px,env(safe-area-inset-right)));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
.access-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:12px;line-height:1.4}.access-badge.available{background:#edf4ea;color:#426b46}.access-badge.locked{background:#fff2df;color:#89642a}.locked-official .card-chat{color:#89642a}.user-panel .section-toolbar{flex-wrap:wrap;gap:12px}.user-panel .search-box{width:min(100%,340px)}.student-access-label{display:block;margin-bottom:8px;white-space:normal;line-height:1.6}.student-access-options{padding:16px;border:1px solid #e9e4f2;border-radius:10px;margin-bottom:16px}.student-access-options>.button{margin-bottom:18px}.student-access-options .checkbox-field{margin:0 0 8px}.student-access-options p{margin:0 0 12px}.student-permissions-dialog fieldset{min-width:0;margin:0;padding:0;border:0}.student-permissions-dialog fieldset:disabled{opacity:.55}.student-grant-toolbar{display:flex;gap:10px;margin-bottom:12px}.student-grant-toolbar .search-box{width:auto;flex:1;min-width:0}.student-permissions-dialog .grant-list{max-height:300px}.student-permissions-dialog [data-grant-name][hidden]{display:none}.purchase-contact,.purchase-message{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.purchase-message{padding:14px;border-radius:8px;background:#f7f5fb;font:inherit;line-height:1.8}.user-panel .button{min-height:44px}.student-grant-toolbar .button{flex-shrink:0}