:root{color:#101828;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink-950:#07111f;--ink-900:#0c1828;--ink-850:#111f32;--ink-800:#17263a;--paper:#fff;--paper-soft:#f6f8fb;--line:#dbe2ec;--line-dark:#25364c;--text:#101828;--muted:#667085;--muted-dark:#9cabc0;--orchid:#d957d4;--orchid-deep:#9c3ec4;--orchid-soft:#f8dcf7;--mint:#3dd6a5;--mint-soft:#e0f9f0;--danger:#e8477d;--warning:#f6b84b;--radius-sm:8px;--radius:12px;--radius-lg:16px;background:#07111f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink-950)}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input,textarea,summary{outline-color:var(--orchid-deep)}img,video{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}.app-shell{background:var(--paper-soft);height:100vh;min-height:100vh;color:var(--text);grid-template-rows:64px minmax(0,1fr) 38px;display:grid}.topbar{z-index:20;color:#eef3fb;background:var(--ink-950);border-bottom:1px solid #26364d;grid-template-columns:minmax(300px,1fr) minmax(280px,430px) auto;align-items:center;gap:20px;min-width:0;padding:0 18px;display:grid;position:relative}.topbar-brand,.topbar-actions,.brand,.search-field,.owner-profile,.monitor-button,.test-button,.mode-lock,.safety-copy{align-items:center;display:flex}.topbar-brand{gap:20px;min-width:0}.brand{flex:none;gap:10px}.brand-mark{width:28px;height:28px;position:relative;transform:rotate(-17deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:linear-gradient(135deg,#ff5ab6,#ba5dff);position:absolute}.brand-mark:before{border-radius:5px 10px 2px;inset:1px 1px 12px}.brand-mark:after{border-radius:2px 8px 8px;inset:11px 3px 1px 10px}.brand-mark span{background:var(--ink-950);width:7px;height:19px;top:7px;left:10px;transform:rotate(30deg)}.brand-name{color:#f7f9fd;letter-spacing:-.03em;font-size:21px;font-weight:750}.brand-name span{color:#ea68e5}.topbar-description{color:#bbc6d7;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #2a3b51;min-width:0;padding-left:20px;font-size:12px;overflow:hidden}.search-field{color:#aab8cc;background:#132137;border:1px solid #304159;border-radius:12px;gap:9px;min-width:0;height:38px;padding:0 13px}.search-field:focus-within{border-color:#b75bd4;box-shadow:0 0 0 3px #cd52d31f}.search-field input{color:#eef3fb;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-field input::placeholder{color:#8898b0}.topbar-actions{justify-content:flex-end;gap:10px;min-width:0}.test-button,.monitor-button,.mode-lock{white-space:nowrap;border:1px solid #33445c;border-radius:10px;gap:7px;height:36px;padding:0 11px;font-size:12px;font-weight:650}.test-button,.monitor-button{color:#dce5f2;background:#122034}.test-button:hover,.monitor-button:hover{border-color:#66758a}.mode-lock{color:#2e0f36;background:linear-gradient(135deg,#efa3ec,#cd66dd);border-color:#0000}.monitor-button.is-on{color:#70e5bc;border-color:#2f695e}.monitor-button.is-on:before,.status-live i{content:"";background:var(--mint);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #3dd6a51a}.safety-copy{color:#bdc9da;gap:7px;max-width:112px;font-size:10px;line-height:1.25}.owner-profile{border-left:1px solid #2b3c53;flex:none;gap:7px;padding-left:9px;font-size:11px;font-weight:650}.avatar{color:#23314a;background:linear-gradient(145deg,#d9e5f2,#9db0c8);border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.avatar-owner{color:#24344d;background:#c9d8ff;width:30px;height:30px}.avatar-large{width:45px;height:45px;font-size:16px}.app-body{grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.sidebar{color:#d8e1ed;background:var(--ink-900);border-right:1px solid #273950;flex-direction:column;min-height:0;display:flex;overflow:hidden}.primary-nav{border-bottom:1px solid #23344a;gap:4px;padding:14px 11px;display:grid}.primary-nav button{color:#d6dfeb;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:42px;padding:0 11px;font-size:13px;font-weight:620;display:grid}.primary-nav button:hover,.primary-nav button.is-active{color:#fff;background:#1b2b40;border-color:#2a3d55}.primary-nav button.is-active svg{color:#e47ee1}.nav-count{color:#25102b;text-align:center;background:#dc74da;border-radius:999px;min-width:22px;padding:2px 7px;font-size:11px}.nav-count-neutral{color:#dbe5f2;background:#33475f}.queue-heading{color:#aebbcf;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:14px 18px 9px;font-size:11px;font-weight:700;display:flex}.fan-queue{padding:0 9px 12px;overflow-y:auto}.fan-row{color:#e8eef7;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:8px 9px;display:grid;position:relative}.fan-row:before{content:"";background:0 0;border-radius:2px;width:2px;position:absolute;inset:8px auto 8px 0}.fan-row:hover,.fan-row.is-selected{background:#1c2c42}.fan-row.is-selected:before{background:#d778de}.fan-row-copy,.fan-row-meta{flex-direction:column;min-width:0;display:flex}.fan-row-copy{gap:3px}.fan-row-copy strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.fan-row-copy small,.fan-row-meta small{color:#aab7c9;font-size:10px}.fan-row-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fan-row-meta{align-items:flex-end;gap:6px}.dot{background:var(--orchid);border-radius:999px;width:7px;height:7px}.dot-alert{background:var(--warning)}.dot-approved{background:#f0c061}.dot-sent{background:var(--mint)}.sidebar-footnote{color:#94a5ba;border-top:1px solid #26374e;align-items:center;gap:9px;margin-top:auto;padding:14px 18px;font-size:10px;display:flex}.queue-workspace{background:var(--paper);grid-template-columns:minmax(520px,1fr) 350px;min-width:0;min-height:0;display:grid;overflow:hidden}.conversation-panel{grid-template-rows:auto minmax(190px,.8fr) minmax(360px,1.2fr);min-width:0;min-height:0;display:grid;overflow:hidden}.conversation-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:12px 22px;display:flex}.profile-title,.context-profile-heading,.name-line{align-items:center;display:flex}.profile-title{gap:12px}.profile-title h1,.context-profile h2,.secondary-header h1,.settings-heading h2{margin:0}.profile-title h1{letter-spacing:-.02em;font-size:17px}.profile-title p{color:var(--muted);align-items:center;gap:5px;margin:5px 0 0;font-size:11px;display:flex}.name-line{gap:8px}.page-badge{color:#67226c;background:var(--orchid-soft);border:1px solid #e8b0e8;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:fit-content;min-height:23px;padding:2px 9px;font-size:10px;font-weight:750;display:inline-flex}.page-badge.free{color:#536176;background:#f1f4f8;border-color:#ccd5e2}.presence{background:#a2acba;border-radius:999px;width:7px;height:7px}.presence.online{background:var(--mint)}.icon-button{color:#657288;background:var(--paper);border:1px solid var(--line);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.conversation-history{background:#fbfcfe;padding:12px 26px 18px;overflow-y:auto}.date-divider{color:#8a96a8;align-items:center;gap:12px;margin:0 0 14px;font-size:10px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#e4e9f1;flex:1;height:1px}.message{grid-template-columns:30px minmax(0,1fr);align-items:flex-start;gap:9px;max-width:78%;margin:0 0 13px;display:grid}.message.creator{grid-template-columns:minmax(0,1fr) 30px;margin-left:auto}.message.creator .message-avatar{color:#fff;background:#7a5aa0;grid-area:1/2}.message.creator>div{grid-area:1/1}.message-avatar{color:#4d5d73;background:#d6e1ed;border-radius:999px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.message-meta{align-items:center;gap:8px;margin:0 0 4px;font-size:10px;display:flex}.message-meta time{color:#7b8799}.message p{color:#1e293b;background:#e9eef5;border-radius:4px 12px 12px;margin:0;padding:9px 12px;font-size:12px;line-height:1.46}.message.creator p{background:#dceeff;border-radius:12px 4px 12px 12px}.draft-editor{background:#fff;border:1px solid #cfd8e4;border-radius:12px;min-height:0;margin:0 18px 16px;padding:0 14px 14px;overflow-y:auto;box-shadow:0 6px 24px #1122370d}.draft-tabs{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:46px;display:flex}.draft-tabs>div{align-items:center;gap:7px;display:flex}.draft-tabs svg,.draft-tabs>span{color:var(--orchid-deep)}.draft-tabs strong{font-size:12px}.draft-tabs>span{font-size:10px;font-weight:650}.draft-status{color:#67226c;text-transform:capitalize;background:#f7d4f6;border-radius:999px;padding:3px 8px;font-size:9px}.draft-status.escalated{color:#8c2a4d;background:#ffe4ed}.draft-status.approved,.draft-status.sending{color:#77521b;background:#fff0c9}.draft-status.sent{color:#1f6654;background:#dff8ef}.draft-status.failed{color:#982f4f;background:#ffe2ea}.draft-textarea{margin:12px 0 10px;display:block;position:relative}.draft-textarea textarea{resize:vertical;color:#172033;background:#fcfdff;border:1px solid #d3dce7;border-radius:10px;width:100%;min-height:128px;padding:13px 14px 26px;font-size:12px;line-height:1.55}.draft-textarea textarea:focus{border-color:#c166ce;box-shadow:0 0 0 3px #c166ce1c}.draft-textarea textarea:disabled{color:#536176;background:#f5f7fa}.character-count{color:#8a96a7;font-size:9px;position:absolute;bottom:8px;right:10px}.draft-rationale{background:#f8f5fd;border:1px solid #e6dbf1;border-radius:9px;padding:9px 11px}.draft-rationale summary{color:#4d2c64;cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.draft-rationale p{color:#655e72;margin:7px 0 0 23px;font-size:10px;line-height:1.5}.draft-rationale strong{color:#6f2576;margin:7px 0 0 23px;font-size:10px;display:inline-block}.section-label-row{justify-content:space-between;align-items:flex-start;gap:16px;margin:13px 0 8px;display:flex}.section-label-row>div{flex-direction:column;gap:2px;display:flex}.section-label,.section-label-row small{color:#475467;font-size:10px}.section-label{text-transform:uppercase;letter-spacing:.07em;font-weight:750}.section-label-row small{color:#7b8798}.quiet-button{color:#62406c;background:#fbf5fc;border:1px solid #e4cce6;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.upload-dropzone{color:#4d5b6f;text-align:left;background:#fbfcfe;border:1px dashed #b8c4d4;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;width:100%;padding:10px 12px;font-size:10px;display:grid}.upload-dropzone:hover{color:#713178;background:#fff9ff;border-color:#c867d1}.upload-dropzone svg{grid-row:1/span 2}.upload-dropzone small{color:#8994a4;font-size:9px}.inline-error{color:#b4234d;margin:6px 0 0;font-size:10px}.delivery-error{color:#982f4f;background:#fff0f4;border:1px solid #f1c6d2;border-radius:8px;margin:10px 0 0;padding:9px 11px;font-size:10px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px;margin-top:8px;display:grid}.media-tile{background:#fff;border:1px solid #dbe2ec;border-radius:9px;min-width:0;position:relative;overflow:hidden}.selected-content-badge{color:#174f43;background:#d2f8ebf0;border-radius:999px;align-items:center;gap:3px;padding:4px 6px;font-size:8px;font-weight:800;display:inline-flex;position:absolute;top:6px;left:6px}.media-preview{aspect-ratio:16/9;background:#101a29;place-items:center;display:grid;overflow:hidden}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%}.media-tile-copy{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:7px;display:grid}.media-tile-copy>span{color:#765079}.media-tile-copy>div{flex-direction:column;min-width:0;display:flex}.media-tile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.media-tile-copy small{color:#8a96a7;font-size:8px}.media-tile-copy button{color:#6b7789;background:#f4f6f9;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.media-library{margin-top:11px}.media-empty-copy{color:#7d899a;margin:8px 0 0;font-size:9px}.draft-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.draft-actions>button{color:#344054;background:#fff;border:1px solid #d2dae5;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.draft-actions>button:hover:not(:disabled){border-color:#9ca9ba}.draft-actions>button.primary-action{color:#fff;background:var(--ink-900);border-color:var(--ink-900)}.draft-actions>button.escalate-action{color:#8d2d73;border-color:#df67b7}.draft-actions>button:disabled{opacity:.55}.draft-lock-copy{color:#707d90;align-items:center;gap:7px;min-width:150px;margin-left:auto;font-size:9px;display:flex}.draft-lock-copy strong{color:#38465b;display:block}.context-rail{border-left:1px solid var(--line);background:#fbfcfe;min-width:0;overflow-y:auto}.context-tabs{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:repeat(3,1fr);min-height:48px;display:grid;position:sticky;top:0}.context-tabs button{color:#637085;background:0 0;border:0;font-size:10px;font-weight:650;position:relative}.context-tabs button.is-active{color:#172033}.context-tabs button.is-active:after{content:"";background:var(--ink-900);height:2px;position:absolute;bottom:0;left:12px;right:12px}.context-profile,.context-block{background:#fff;border:1px solid #dfe5ee;border-radius:10px;margin:10px;padding:12px}.context-profile-heading{gap:10px;margin-bottom:11px}.context-profile-heading>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.context-profile h2{letter-spacing:-.02em;font-size:15px}.context-profile dl{margin:0}.context-profile dl>div{border-top:1px solid #edf0f5;justify-content:space-between;gap:12px;padding:7px 0;font-size:10px;display:flex}.context-profile dt{color:#667085}.context-profile dd{margin:0;font-weight:650}.tag-list{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.tag-list span{color:#53627a;background:#edf2ff;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:inline-flex}.context-block h3{color:#1d2939;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:flex}.context-block p{color:#5d697b;margin:0;font-size:10px;line-height:1.5}.memory-block p{color:#354158;background:#eef5ff;border-radius:7px;padding:9px}.plain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plain-list li{color:#344054;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;font-size:10px;display:grid}.plain-list li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plain-list small{color:#7c899b;font-size:9px}.pricing-callout,.flag-callout{color:#1d594d;background:var(--mint-soft);border-radius:8px;align-items:center;gap:9px;padding:9px;font-size:9px;display:flex}.pricing-callout+.pricing-callout{margin-top:6px}.pricing-callout.neutral{color:#4c4f6b;background:#f1f0fb}.pricing-callout span{flex-direction:column;gap:2px;display:flex}.flag-callout{color:#8d2851;background:#fff0f5}.muted-copy{color:#8a96a6!important}.explanation-block{margin-bottom:18px}.explanation-block h3{color:#7b2984}.secondary-view{background:#f7f9fc;min-width:0;min-height:0;padding:28px clamp(22px,4vw,58px) 48px;overflow-y:auto}.secondary-header{border-bottom:1px solid #dbe2ec;max-width:1180px;margin:0 auto 24px;padding-bottom:20px}.secondary-header>div,.settings-heading{align-items:flex-start;gap:12px;display:flex}.secondary-header>div>svg,.settings-heading>svg{color:#9c3ec4;margin-top:3px}.secondary-header h1{color:#142033;letter-spacing:-.035em;font-size:24px}.secondary-header p,.settings-heading p{color:#667085;margin:5px 0 0;font-size:12px}.fan-table,.settings-section,.activity-list{background:#fff;border:1px solid #dce3ed;border-radius:12px;max-width:1180px;margin:0 auto;overflow:hidden}.fan-table-head,.fan-table-row{grid-template-columns:220px 80px minmax(260px,1fr) 80px 90px;align-items:center;gap:18px;padding:12px 16px;display:grid}.fan-table-head{color:#667085;text-transform:uppercase;letter-spacing:.06em;background:#f6f8fb;border-bottom:1px solid #dce3ed;font-size:10px;font-weight:700}.fan-table-row+.fan-table-row{border-top:1px solid #e9edf3}.fan-cell{align-items:center;gap:10px;display:flex}.fan-cell>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.fan-cell strong{font-size:12px}.fan-cell small,.fan-table-row>span,.fan-table-row p{color:#667085;font-size:10px}.fan-table-row p{margin:0;line-height:1.45}.media-count{align-items:center;gap:5px;display:flex}.settings-section{margin-bottom:18px;padding:20px}.settings-heading h2{font-size:15px}.mode-options,.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.mode-options button,.price-grid article{color:#344054;text-align:left;background:#fbfcfe;border:1px solid #dce3ed;border-radius:10px;align-content:start;gap:7px;min-height:142px;padding:15px;display:grid;position:relative}.mode-options button:hover:not(:disabled),.mode-options button.is-selected{background:#fff9ff;border-color:#cc69d2}.mode-options button>span{color:#793d86;background:#f4e8f6;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.mode-options strong{font-size:12px}.mode-options p{color:#667085;margin:0;font-size:10px;line-height:1.45}.mode-options small{color:#9b365f;font-size:9px;font-weight:700}.price-grid article{min-height:116px}.price-grid small,.price-grid span{color:#667085;font-size:10px}.price-grid strong{color:#24314a;letter-spacing:-.04em;font-size:28px}.boundary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.boundary-list li{color:#4b5568;background:#f8fafc;border:1px solid #e4e9f1;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:10px;display:flex}.boundary-list svg{color:#9c3ec4}.activity-list article{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.activity-list article+article{border-top:1px solid #e8edf3}.activity-icon{color:#6e3775;background:#f4e8f6;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.activity-icon.monitor{color:#276c59;background:#e4f8f0}.activity-list article>div{min-width:0}.activity-list strong{font-size:11px}.activity-list p{color:#667085;margin:3px 0 0;font-size:10px}.activity-list time{color:#8a96a7;font-size:9px}.library-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.library-upload-button,.library-dropzone button,.library-empty button{color:#fff;background:var(--ink-900);border:1px solid var(--ink-900);border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.library-dropzone,.library-toolbar,.library-grid,.library-empty,.library-error{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}.library-dropzone{color:#6f3479;background:#fdf9fe;border:1px dashed #ce9ed3;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:105px;padding:22px;display:grid}.library-dropzone>div{flex-direction:column;gap:4px;display:flex}.library-dropzone strong{color:#2d2034;font-size:13px}.library-dropzone span{color:#7c7280;font-size:10px}.library-dropzone button{color:#613669;background:#fff;border-color:#d8bedb}.library-error{color:#982f4f;background:#fff0f4;border-radius:8px;margin-top:10px;padding:9px 12px;font-size:10px}.library-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;margin-top:20px;margin-bottom:12px;display:grid}.library-toolbar label{color:#7b8798;background:#fff;border:1px solid #d7dfe9;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.library-toolbar input{color:#24314a;background:0 0;border:0;outline:0;width:100%;font-size:11px}.library-toolbar>div{background:#e9edf3;border-radius:9px;gap:4px;padding:3px;display:flex}.library-toolbar button{color:#687487;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.library-toolbar button.is-active{color:#44264d;background:#fff;box-shadow:0 1px 4px #14203314}.library-toolbar>span{color:#7a8798;font-size:10px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.library-card{background:#fff;border:1px solid #dce3ed;border-radius:12px;overflow:hidden}.library-card-preview{aspect-ratio:4/3;background:#101a29;place-items:center;display:grid;position:relative;overflow:hidden}.library-card-preview img,.library-card-preview video{object-fit:cover;width:100%;height:100%}.library-card-preview>span{color:#f5f7fa;text-transform:capitalize;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07111fc2;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;display:inline-flex;position:absolute;top:9px;left:9px}.library-card-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.library-card-copy>div{flex-direction:column;gap:3px;min-width:0;display:flex}.library-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-card-copy small{color:#7d899a;font-size:9px}.library-card-copy button{color:#8e3453;background:#fff0f4;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.library-empty{color:#885192;text-align:center;background:#fff;border:1px solid #dce3ed;border-radius:12px;place-content:center;justify-items:center;gap:9px;min-height:290px;display:grid}.library-empty h2{color:#24314a;margin:3px 0 0;font-size:17px}.library-empty p{color:#6f7b8d;max-width:440px;margin:0 0 8px;font-size:11px;line-height:1.5}.statusbar{z-index:10;color:#afbdd0;background:var(--ink-950);border-top:1px solid #26374e;grid-template-columns:220px 230px 1fr auto;align-items:center;gap:14px;padding:0 18px;font-size:9px;display:grid}.statusbar span{align-items:center;gap:7px;min-width:0;display:flex}.statusbar span+span{border-left:1px solid #34465d;padding-left:14px}.statusbar span:last-child{justify-self:end}.statusbar .status-live{color:#69dcb5}.statusbar i{background:#6d7a8d;border-radius:999px;width:7px;height:7px}.toast,.error-banner{z-index:100;color:#fff;background:#172538;border:1px solid #3e536c;border-radius:10px;max-width:360px;padding:11px 14px;font-size:11px;position:fixed;bottom:54px;right:20px;box-shadow:0 14px 40px #0000003d}.error-banner{color:#fff3f7;text-align:left;background:#7f2347;border-color:#b64e78}.mobile-nav{display:none}.loading-screen{color:#e9eef7;background:var(--ink-950);text-align:center;place-content:center;justify-items:center;gap:9px;min-height:100vh;display:grid}.loading-screen h1{margin:0;font-size:25px}.loading-screen p{color:#9cabc0;max-width:360px;margin:0;font-size:12px}.loading-screen button{color:#fff;background:#814897;border:0;border-radius:8px;margin-top:8px;padding:8px 12px}.loading-mark{clip-path:polygon(0 18%,100% 0,62% 100%,43% 54%);background:linear-gradient(135deg,#ff5ab6,#9058ff);width:32px;height:32px;animation:1.5s ease-in-out infinite pulse}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.7;transform:scale(.88)}}@media (width<=1220px){.topbar{grid-template-columns:minmax(250px,1fr) minmax(220px,330px) auto;gap:12px}.topbar-description,.safety-copy,.test-button span,.owner-profile>span:last-child{display:none}.test-button{justify-content:center;width:36px;padding:0}.queue-workspace{grid-template-columns:minmax(500px,1fr) 300px}}@media (width<=980px){.app-shell{grid-template-rows:58px minmax(0,1fr) 36px}.topbar{grid-template-columns:auto minmax(190px,1fr) auto}.mode-lock span,.monitor-button span{display:none}.mode-lock,.monitor-button{justify-content:center;width:36px;padding:0}.app-body{grid-template-columns:210px minmax(0,1fr)}.queue-workspace{display:block;overflow-y:auto}.conversation-panel{grid-template-rows:auto 300px minmax(500px,auto);min-height:900px}.context-rail{border-top:1px solid var(--line);border-left:0}.statusbar{grid-template-columns:180px 1fr auto}.statusbar span:nth-child(3){display:none}}@media (width<=720px){.app-shell{background:var(--ink-950);height:auto;min-height:100vh;padding-bottom:72px;display:block}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111ffa;grid-template-rows:45px 52px;grid-template-columns:1fr auto;gap:6px 10px;height:auto;min-height:118px;padding:10px 14px;display:grid;position:sticky;top:0}.brand-name{font-size:22px}.topbar-brand:after{content:"DEMITRIA'S INBOX";color:#9ba8be;letter-spacing:.18em;margin-left:10px;font-size:8px;display:block}.search-field{grid-area:2/1/auto/-1;height:42px}.topbar-actions{grid-area:1/2}.test-button,.monitor-button,.owner-profile,.safety-copy{display:none}.mode-lock{width:auto;padding:0 10px}.mode-lock span{display:inline}.app-body{display:block;overflow:visible}.sidebar{display:none}.queue-workspace{background:var(--ink-950);display:block;overflow:visible}.conversation-panel{color:#e8edf7;background:var(--ink-950);min-height:auto;display:block}.conversation-header{border-color:#26364c;min-height:76px;padding:13px 16px}.profile-title h1,.message-meta strong{color:#f5f7fb}.profile-title p,.message-meta time{color:#9eacc0}.icon-button{color:#b9c4d4;background:#111e30;border-color:#2b3b51}.conversation-history{background:#0a1524;max-height:350px;padding:14px 16px}.message{max-width:94%}.message p{color:#e8eef7;background:#1a2a3e}.message.creator p{color:#f5ecff;background:#362346}.date-divider:before,.date-divider:after{background:#2a394d}.draft-editor{color:#eaf0f8;box-shadow:none;background:#101d2d;border-color:#34465e;margin:12px 10px 16px;padding:0 12px 14px;overflow:visible}.draft-tabs{border-color:#33445a}.draft-tabs strong{color:#f3f5fa}.draft-textarea textarea{color:#edf2f9;background:#142336;border-color:#475a73;min-height:180px;font-size:15px}.draft-textarea textarea:disabled{color:#c7d0dc;background:#111d2c}.draft-rationale{background:#192239;border-color:#3d4661}.draft-rationale summary{color:#e9caf0}.draft-rationale p{color:#b7bfd0}.section-label,.section-label-row small{color:#aab6c8}.upload-dropzone{color:#d0d8e4;background:#142236;border-color:#53647a}.media-tile{background:#111f31;border-color:#36475c}.media-tile-copy strong{color:#e5eaf2}.draft-actions{grid-template-columns:1fr 1fr;display:grid}.draft-actions>button{min-height:48px;font-size:12px}.draft-actions>button.primary-action{color:#190d23;background:linear-gradient(135deg,#af6aff,#e163da);border-color:#0000}.draft-actions>button.escalate-action,.draft-lock-copy{grid-column:1/-1}.draft-lock-copy{color:#aab6c7;justify-content:center;margin:2px 0 0}.context-rail{color:#e8eef7;background:#0b1625;border-top-color:#34465e}.context-tabs{background:#101d2d;border-color:#34465e}.context-tabs button,.context-tabs button.is-active{color:#c6d0dd}.context-tabs button.is-active:after{background:#bf69df}.context-profile,.context-block{color:#e8eef7;background:#101d2d;border-color:#304157}.context-profile h2,.context-block h3{color:#f2f5fa}.context-profile dl>div{border-color:#2b3b50}.context-profile dt,.context-block p{color:#aab6c7}.memory-block p{color:#dfe8f5;background:#172941}.plain-list li{color:#d8e0ea}.secondary-view{color:#e9eff8;background:var(--ink-950);min-height:calc(100vh - 118px);padding:22px 14px 90px}.secondary-header{border-color:#2b3b50}.secondary-header h1,.settings-heading h2{color:#f2f5fb}.secondary-header p,.settings-heading p{color:#a8b5c6}.fan-table,.settings-section,.activity-list{background:#101d2d;border-color:#304157}.fan-table-head{display:none}.fan-table-row{grid-template-columns:1fr auto;gap:8px;display:grid}.fan-table-row>p{color:#acb7c7;grid-column:1/-1}.fan-table-row>.media-count,.fan-table-row>span:last-child{display:none}.fan-table-row+.fan-table-row,.activity-list article+article{border-color:#2d3d52}.fan-cell strong,.activity-list strong{color:#eff3f9}.mode-options,.price-grid,.boundary-list{grid-template-columns:1fr}.mode-options button,.price-grid article,.boundary-list li{color:#dfe5ee;background:#142236;border-color:#35465d}.mode-options p,.price-grid small,.price-grid span{color:#aab5c5}.price-grid strong{color:#eef2f8}.activity-list p{color:#aab5c5}.library-header{align-items:flex-start}.library-header .library-upload-button{flex:none;padding:0 10px}.library-dropzone{color:#d67ee4;background:#101d2d;border-color:#71537b;grid-template-columns:auto 1fr;padding:16px}.library-dropzone strong,.library-empty h2,.library-card-copy strong{color:#edf2f8}.library-dropzone span,.library-empty p,.library-card-copy small{color:#aab5c5}.library-dropzone button{color:#1f1226;background:linear-gradient(135deg,#af6aff,#e163da);border-color:#0000;grid-column:1/-1}.library-toolbar{grid-template-columns:1fr auto}.library-toolbar label{color:#aab5c5;background:#101d2d;border-color:#35465d;grid-column:1/-1}.library-toolbar input{color:#eef2f8}.library-toolbar>span{color:#aab5c5}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-card,.library-empty{background:#101d2d;border-color:#304157}.statusbar{display:none}.mobile-nav{z-index:50;color:#a9b5c8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111ffa;border-top:1px solid #2d3d54;grid-template-columns:repeat(5,1fr);height:70px;padding:8px 8px 6px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.mobile-nav button>span{position:relative}.mobile-nav button i{color:#190c21;background:#be6ee3;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-8px;right:-11px}.mobile-nav button.is-active{color:#d27af1}.toast,.error-banner{max-width:none;bottom:82px;left:12px;right:12px}}