:root{--bg:#fcfdff;--ink:#253245;--muted:#94a0b1;--line:#edf0f4;--blue:#608cce}body{background:#fcfdff;font-size:14px}#shell{height:100dvh}.main{background:radial-gradient(ellipse at 50% 5%,#f5f8fc77,transparent 48%),#fcfdff}.sidebar{position:fixed;left:-276px;top:0;bottom:0;width:264px;background:#f7f8fb;padding:20px 17px;transition:left .22s ease;z-index:50;border-right:1px solid #e8edf3;box-shadow:8px 0 35px #273f5b08}.sidebar.open{left:0}.sidebar-shade.open{display:block;position:fixed;inset:0;background:#35425730;backdrop-filter:blur(2px);z-index:45}.drawer-brand{display:flex;align-items:center;gap:10px;margin-bottom:27px;padding-left:8px}.drawer-brand strong{font-size:15px;font-weight:600;flex:1}.brand-mark{height:29px;width:29px;display:grid;place-items:center;border:1px solid #e3eaf4;border-radius:11px;background:#fff;color:#86a2c6}.brand-mark svg{width:18px}.drawer-brand .iconbtn{height:28px;width:28px}.drawer-brand .iconbtn svg{width:15px}.new-chat{box-shadow:none;margin-bottom:17px;border-radius:11px;padding:10px 12px;font-size:13px;background:#fff}.nav-item{font-size:13px;padding:11px}.history-label{padding-top:27px}.history-item{padding-top:8px;padding-bottom:8px}.section-caption{padding:8px 12px;color:#a6afbc}.profile{margin-top:12px;padding-top:15px}.main-header{height:78px;border:0;padding:0 29px;position:relative;justify-content:space-between;flex-shrink:0}.menu-trigger{display:grid!important;background:#fff;box-shadow:0 2px 14px #4d607512;border:1px solid #edf1f6;width:36px;height:36px;color:#8794a5}.menu-trigger svg{width:17px}.quiet-brand{display:flex;align-items:center;gap:9px;position:absolute;left:50%;transform:translateX(-50%);font-size:13px;color:#5d708b;font-weight:500;letter-spacing:.3px;padding:5px 9px}.quiet-brand small{font-size:9px;color:#99a7b9;font-weight:400}.tiny-orb{height:27px;width:27px;border-radius:50%;background:radial-gradient(circle at 34% 25%,#fff,#e9effb 52%,#d0dbee);box-shadow:0 3px 9px #c6d2e42c;display:grid;place-items:center;color:#839cc3}.tiny-orb svg{height:14px;width:14px;stroke-width:1.3}.header-actions{gap:10px}.header-actions>.iconbtn{display:grid!important;width:31px;height:31px}.account-dot{width:30px;height:30px;border-radius:50%;background:#edf2f9;color:#8b9db8;display:grid;place-items:center;font-size:12px}.account-dot svg{width:16px;height:16px}.minimal-welcome{height:100%;min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px 50px}.welcome-orb{height:58px;width:58px;border-radius:50%;background:radial-gradient(circle at 35% 23%,#fff 4%,#f3f6fb 28%,#d5e2f6 73%,#ddd8ec);box-shadow:inset -3px -3px 10px #a4bad726,0 8px 24px #c0d1e638;display:grid;place-items:center;color:#819fc8;margin-bottom:27px}.welcome-orb svg{width:26px;height:26px;stroke-width:1.2}.minimal-welcome h1{font-size:24px;font-weight:500;letter-spacing:.3px;color:#3b4b61}.minimal-welcome p{font-size:12px;color:#a4afbf;margin-top:12px;letter-spacing:.5px}.composer-wrap{padding:0 30px 10px}.composer{max-width:750px;border:1px solid #e9edf3;background:#fff;box-shadow:0 3px 19px #728ba111;border-radius:28px;padding:8px 9px}.composer-row{display:flex;align-items:flex-end;gap:9px;min-height:39px}.composer textarea{flex:1;width:auto;min-height:35px;max-height:130px;padding:7px 1px 5px;font-size:14px;line-height:1.7;color:#52637c}.composer textarea::placeholder{color:#a5aebd;font-size:13px}.composer .add{width:35px;height:35px;flex-shrink:0;color:#8f9db0;margin-bottom:2px}.composer .add svg{width:19px}.send{width:35px;height:35px;flex-shrink:0;margin:0 0 2px 0;background:#dce9fb;color:#6286b9;border-radius:50%}.send:hover{background:#ccdef5}.send.stop span{height:10px;width:10px;border-radius:2px;background:#6687b5}.composer-hint{font-size:9px;color:#b2bbc7;margin:10px 0 4px;letter-spacing:.2px}.attachment-row{padding:7px 10px 8px;margin:0}.file-chip{max-width:220px;background:#f5f8fc}.file-chip button{flex-shrink:0}.conversation{max-width:750px;padding:28px 0 25px}.message{margin-bottom:26px;gap:9px}.message .msg-content{font-size:14px;padding:13px 16px;border-radius:4px 18px 18px;background:#f0f2f5;color:#42516a;max-width:84%;line-height:1.85}.message.user .msg-content{background:#dfeeff;border-radius:18px 4px 18px 18px;color:#3c5575}.msg-avatar{height:26px;width:26px;background:#f0f4fa;border-radius:50%;margin-top:3px}.msg-avatar svg{width:14px;height:14px}.msg-tools{font-size:10px;opacity:.65;margin-top:8px}.msg-tools button{font-size:10px}.msg-tools svg{width:12px;height:12px}.task-card{padding:12px;border-color:#e0e8f3}.task-card strong{font-size:11px;font-weight:500}.task-card small{font-size:10px;display:block;margin-top:8px;color:#9aa7bb}.msg-files{margin-top:9px;font-size:10px}.msg-files span{display:flex;align-items:center;gap:6px}.msg-files svg{width:13px;height:13px}.typing{font-size:12px;padding-top:7px;color:#a5b0bf}.user-page{max-width:1050px;width:100%;margin:0 auto;padding:26px 35px 40px}.page-heading{margin-bottom:27px}.page-heading h2{font-size:23px;font-weight:500;color:#435570}.page-heading p{font-size:12px;color:#a0acbd}.btn{font-size:12px;border-radius:9px;padding:8px 13px;box-shadow:none}.btn.primary{box-shadow:none;background:#6f95ce;border-color:#6f95ce}.btn.primary:hover{background:#5d86c2}.btn.selected{border-color:#9ab7e1;color:#577fb7;background:#f0f5fd}.library-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}.filter-tabs{display:flex;gap:5px}.filter-tabs button{font-size:12px;padding:5px 12px;border-radius:8px;color:#98a5b7}.filter-tabs button.active{background:#edf3fc;color:#6e8fbe}.search-input{border-color:#e9edf2;font-size:12px;border-radius:9px;background:#fff;min-width:190px;color:#647892}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.asset-card{border:1px solid #e8edf4;border-radius:13px;overflow:hidden;position:relative;background:#fff}.asset-visual{width:100%;height:166px;display:grid;place-items:center;position:relative;background:#f2f5fa;color:#a8b8d0;overflow:hidden}.asset-visual>span:first-child svg{height:33px;width:33px;stroke-width:1.1}.asset-visual img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.asset-visual img[hidden]{display:none}.asset-type{position:absolute;bottom:9px;left:10px;font-size:9px;border:1px solid #fff9;background:#ffffffcc;padding:1px 7px;border-radius:5px;backdrop-filter:blur(5px);color:#8b9eb9}.asset-body{padding:12px 14px 9px}.asset-name{display:block;width:100%;text-align:left;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;color:#617590}.asset-meta{font-size:10px;color:#a4b0bf;margin:6px 0 0}.asset-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f3f7;margin-top:12px;padding-top:7px}.asset-actions button{color:#8ba3c5;font-size:10px;padding:3px 0}.asset-actions button:last-child{font-size:12px}.favorite-dot{position:absolute;top:9px;right:10px;color:#d3b679;font-size:15px;text-shadow:0 1px 4px #fff}.library-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#abb5c4;margin-top:24px;padding-top:15px;border-top:1px solid #f0f2f5}.library-footer button{color:#94a6be;font-size:11px}.history-search{width:100%;margin-bottom:19px}.history-list{border-top:1px solid #eff2f6}.history-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eff2f6;padding:17px 0}.history-open{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:0;text-align:left}.history-open>svg{width:18px;height:18px;color:#afbed3;flex-shrink:0}.history-open>span{flex:1;min-width:0}.history-open strong{display:block;font-size:13px;font-weight:500;color:#627792;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-open small{display:block;font-size:11px;color:#a8b3c2;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{color:#aeb8c6;font-size:10px}.history-row>.iconbtn{font-size:13px;width:25px}.trash-title{flex:1;color:#7d8fa8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row>span>svg{width:18px;color:#aabbd4}.account-card{max-width:650px;padding:24px;border:1px solid #ebeff4;box-shadow:none}.account-card .top{margin-bottom:23px}.account-card h3{font-weight:500;font-size:16px}.account-card p{font-size:11px;margin-top:3px}.account-setting{width:100%;text-align:left;padding:15px 0}.account-setting svg{color:#b4c1d4;width:15px}.account-setting strong{font-size:12px;color:#7890af}.account-setting small{font-size:10px;color:#acb8c8}.subtle-note{font-size:11px;color:#aab6c7;line-height:1.9;max-width:650px;margin-top:19px}.modal h2{font-size:21px;font-weight:500;color:#526784;margin-top:7px}.modal .subtitle{color:#a0adc0;font-size:12px;line-height:1.8}.modal{border-radius:19px;padding:28px}.modal.wide{max-width:610px}.choice-list{display:flex;flex-direction:column;margin:17px 0 0}.choice-list button{padding:13px 2px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f3f7;text-align:left;font-size:13px;color:#8095b1}.choice-list button:last-child{border:0}.choice-list button svg{height:17px;width:17px}.choice-list button svg:last-child{margin-left:auto}.choice-list button svg:first-child{margin:0}.choice-list .danger{color:#bd8b8b}.asset-preview-body{max-height:55dvh;overflow:auto;background:#f8fafe;border-radius:10px;margin:20px 0 13px;text-align:center}.asset-preview-body img,.asset-preview-body video{max-height:53dvh;max-width:100%;display:block;margin:auto}.text-file-preview{text-align:left;font:12px/1.8 monospace;white-space:pre-wrap;padding:17px;color:#8395ac}.asset-preview-body #preview-text:not(.text-file-preview){padding:30px;font-size:12px;color:#9aabc1}.modal.wide>.btn{margin:17px 7px 0 0}.form-input{font-size:13px;background:#fcfdff}.form-label{font-size:12px}.form-note{font-size:10px;line-height:1.9}.doc-link{display:flex;align-items:center;gap:9px;font-size:11px;color:#95a7c1;padding:12px 11px;margin:10px 0}.doc-link svg{height:14px;width:14px}.is-admin .sidebar{left:0}.is-admin .sidebar .drawer-brand .iconbtn{display:none}.is-admin .main{margin-left:264px;background:#fafcfe}.is-admin .main-header{height:75px;border-bottom:1px solid #edf1f6}.is-admin .menu-trigger{visibility:hidden}.is-admin .quiet-brand{position:static;transform:none;margin-right:auto;margin-left:12px}.is-admin .main-header .saved-count{font-size:10px}.is-admin .page-content{padding:31px 34px}.is-admin .stat-card strong{font-size:26px}.rules-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:23px}.rules-flow div{font-size:12px;color:#8398b5;display:flex;align-items:center;gap:9px}.rules-flow span{height:21px;width:21px;border-radius:7px;background:#eff4fc;color:#92add3;display:grid;place-items:center;font-size:10px}.scenario-buttons{display:flex;gap:9px;flex-wrap:wrap;padding:21px}.scenario-buttons .btn{font-size:11px}.scenario-result{border-radius:11px;background:#f6f9ff;margin:0 21px 21px;padding:18px}.scenario-result p{font-size:12px;color:#8197b6;margin:12px 0 7px}.scenario-result small{font-size:10px;color:#a1b1c7}.empty-state{margin:75px 0;text-align:center}.empty-state h3{font-size:14px;font-weight:500;color:#8da0ba}.empty-state p{font-size:11px;color:#b0bac7;line-height:1.9}.empty-state>svg{height:31px;width:31px;stroke-width:1.1;color:#c0cddd}#toasts{bottom:35px}.toast{font-size:12px;background:#5a6e88ee}.mobile-nav,.preview-strip{display:none!important}.admin-mobile-tabs{display:none}.form-error{font-size:11px}.modal .full{margin-top:20px}.info-row strong{font-size:12px}
@media(min-height:880px){.composer-wrap{padding-bottom:23px}.minimal-welcome{padding-bottom:100px}}
@media(max-width:1100px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-admin .sidebar{width:220px}.is-admin .main{margin-left:220px}.is-admin .page-content{padding:24px}.is-admin .main-header{padding:0 20px}}
@media(max-width:760px){.main-header{height:66px;padding:0 17px}.quiet-brand{font-size:12px;gap:7px}.tiny-orb{height:25px;width:25px}.header-actions{gap:6px}.header-actions>.iconbtn{display:grid!important;height:29px;width:29px}.header-actions>.iconbtn svg{width:17px;height:17px}.account-dot{height:27px;width:27px;font-size:11px}.menu-trigger{width:31px;height:31px;box-shadow:none;background:#fff8;border-color:#edf1f7}.menu-trigger svg{width:16px;height:16px}.minimal-welcome{padding-bottom:65px;min-height:230px}.minimal-welcome h1{font-size:22px}.minimal-welcome p{font-size:11px}.welcome-orb{height:54px;width:54px;margin-bottom:24px}.composer-wrap{padding:0 15px 12px}.composer{padding:6px;border-radius:26px}.composer-row{gap:5px;min-height:39px}.composer textarea{font-size:14px;line-height:1.7;min-height:34px;padding:7px 0 4px}.composer textarea::placeholder{font-size:12px}.send,.composer .add{height:32px;width:32px;margin-bottom:3px}.composer .add svg{width:18px}.send svg{width:16px}.composer-hint{font-size:9px;margin:9px 0 0}.conversation{padding:23px 17px}.message .msg-content{font-size:14px;max-width:86%;padding:12px 14px}.message{gap:7px}.msg-avatar{height:23px;width:23px}.msg-avatar svg{height:12px;width:12px}.task-card .stack{gap:6px}.task-card svg{height:16px;width:16px}.user-page{padding:23px 20px 30px}.page-heading{margin-bottom:24px}.page-heading h2{font-size:21px}.page-heading p{font-size:11px;line-height:1.8;margin-top:7px}.page-heading .btn{font-size:11px;padding:7px 10px}.asset-grid{gap:12px}.asset-visual{height:126px}.asset-body{padding:10px 11px 7px}.asset-name{font-size:11px}.asset-meta{font-size:9px}.asset-actions{margin-top:10px}.asset-actions button{font-size:9px}.library-toolbar{gap:12px;margin-bottom:19px}.library-toolbar .search-input{width:100%}.filter-tabs{gap:4px}.filter-tabs button{font-size:11px;padding:5px 11px}.library-footer{font-size:9px;margin-top:19px}.history-row{gap:8px;padding:15px 0}.history-open{gap:9px}.history-open strong{font-size:12px}.history-open small{font-size:10px}.history-date{font-size:9px}.history-row .iconbtn{font-size:11px}.account-card{padding:20px}.account-card .top{gap:12px}.account-card .avatar{height:43px;width:43px;font-size:16px}.account-card h3{font-size:15px}.account-setting strong{font-size:12px}.subtle-note{font-size:10px}.modal{padding:25px 23px}.modal h2{font-size:20px}.modal-backdrop{padding:20px}.sidebar{width:260px;left:-270px;top:0}.sidebar-shade.open{top:0}.is-admin .sidebar{left:-270px;width:260px}.is-admin .sidebar.open{left:0}.is-admin .sidebar .drawer-brand .iconbtn{display:grid}.is-admin .main{margin-left:0}.is-admin .menu-trigger{visibility:visible}.is-admin .main-header{height:65px;padding:0 16px}.is-admin .quiet-brand small{display:none}.is-admin .main-header .saved-count{max-width:105px;font-size:9px;text-align:right}.is-admin .page-content{padding:20px 16px}.is-admin .admin-mobile-tabs{display:flex;gap:2px;padding:7px 12px;overflow-x:auto}.admin-mobile-tabs button{font-size:10px;padding:6px 9px}.rules-flow{grid-template-columns:1fr;padding:20px}.rules-flow div{font-size:11px}.scenario-buttons{padding:17px;gap:8px}.scenario-buttons .btn{font-size:10px}.scenario-result{margin:0 17px 17px;padding:14px}.scenario-result p{font-size:11px}#toasts{bottom:25px}.choice-list button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The attachment tray must not occupy space while hidden. */
.composer-wrap{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 24px max(20px,env(safe-area-inset-bottom))}
.composer{width:100%;max-width:750px;margin:0 auto;padding:8px 10px;border-radius:30px}
.composer .attachment-row[hidden]{display:none!important}
.composer-row{min-height:40px;align-items:center;gap:12px}
.composer textarea{min-width:0;min-height:40px;height:40px;max-height:130px;padding:8px 0;line-height:24px;margin:0}
.composer .add,.composer .send{width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;display:grid;place-items:center;align-self:center}
.composer .add svg,.composer .send svg{height:18px;width:18px;margin:0}
.composer-hint{width:100%;max-width:750px;text-align:center;margin:10px auto 0;line-height:16px}
.review-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;border:1px solid #e4ebf5;border-radius:9px;background:#fff;padding:0 10px;color:#6581a6;font-size:11px;white-space:nowrap}
.review-entry svg{width:14px;height:14px}
@media(max-width:760px){
 .composer-wrap{padding:0 16px max(14px,env(safe-area-inset-bottom))}
 .composer{padding:7px 8px}.composer-row{gap:9px}
 .composer .add,.composer .send{height:34px;width:34px;min-width:34px;min-height:34px;margin:0}
 .composer textarea{padding:8px 0;min-height:40px;line-height:24px}
 .review-entry{height:29px;width:29px;padding:0;border-radius:50%}.review-entry span{display:none}
}
