:root{color:#151827;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-loading{display:grid;min-height:100vh;place-items:center;color:#6a7084}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:20px;border-right:1px solid #e7e9f1;background:#fff;padding:22px 18px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#6947f5;color:#fff}.nav-list{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;border-radius:8px;color:#566074;padding:0 12px;text-decoration:none}.nav-link.active,.nav-link:hover{background:#f0edff;color:#5138df}.sidebar-card{display:grid;gap:10px;margin-top:auto;border:1px solid #e7e9f1;border-radius:8px;padding:16px}.sidebar-card span,.page-header p,.panel p,.channel-card span,.metric-card span{color:#6a7084}.usage-track{height:8px;overflow:hidden;border-radius:999px;background:#e5e7ef}.usage-track div{width:52%;height:100%;background:#6947f5}.main-column{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(260px,580px) minmax(220px,300px) 44px auto;gap:18px;align-items:center;min-height:78px;border-bottom:1px solid #e7e9f1;background:#fffffff0;padding:12px 28px}.search-box,.workspace-pill,.profile,.panel,.metric-card,.auth-panel,.auth-aside,.list-panel,.inline-form{border:1px solid #e7e9f1;border-radius:8px;background:#fff}.search-box{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px}.search-box input{width:100%;border:0;outline:0}.workspace-pill{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px}.workspace-pill svg{color:#2d9bf0}.workspace-pill div{display:grid}.workspace-pill span,.profile span{color:#6a7084;font-size:12px}.profile{display:flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 12px}.avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eaf1ff;color:#2a66d9;font-weight:800}.icon-button{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid #e7e9f1;border-radius:8px;background:#fff;color:#33384c}.badge{position:absolute;right:-4px;top:-5px;display:grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px}.content{padding:28px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.page-main,.page-side{display:grid;align-content:start;gap:18px}.page-main.full{max-width:1120px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:28px}h2{margin-bottom:14px;font-size:18px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;padding:0 16px;text-decoration:none}.primary-button{border:0;background:#6044e9;color:#fff;font-weight:700}.primary-button:disabled{opacity:.6;cursor:not-allowed}.ghost-button:disabled{opacity:.5;cursor:not-allowed;color:#8e95a8}.ghost-button{border:1px solid #dfe2ec;background:#fff;color:#5138df}.danger-button{border-color:#f1c7c2;color:#b42318}.wide{width:100%}.metric-grid,.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{display:grid;gap:8px;min-height:118px;padding:18px}.metric-card strong{font-size:30px}.metric-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff}.metric-icon.purple{background:#6947f5}.metric-icon.green{background:#31ad65}.metric-icon.blue{background:#2f80ed}.metric-icon.orange{background:#f28c28}.panel{padding:18px}.panel-header,.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.week-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:280px;border:1px solid #e7e9f1;border-radius:8px;overflow:hidden}.week-day,.calendar-cell{min-width:0;border-right:1px solid #e7e9f1;padding:12px}.week-day:last-child{border-right:0}.post-chip{display:block;text-decoration:none;margin-top:12px;border:1px solid #bcd2ff;border-radius:6px;background:#eef5ff;color:#245dcc;padding:8px;font-size:12px;font-weight:700}.post-chip.done{border-color:#b8e5c8;background:#eefaf2;color:#1d8749}.post-chip.review{border-color:#ffd7a8;background:#fff6eb;color:#c26100}.action-list{display:grid;gap:10px}.action-list button{min-height:48px;border:1px solid #e7e9f1;border-radius:8px;background:#fff;color:#5138df;text-align:left;padding:0 14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{border-radius:7px;background:#f0edff;color:#5138df;padding:7px 10px;font-weight:700}.platform-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.platform-tab{display:grid;gap:4px;min-height:58px;border:1px solid #e7e9f1;border-radius:8px;background:#fff;color:#33384c;padding:10px 12px;text-align:left}.platform-tab span{color:#6a7084;font-size:12px}.platform-tab.active{border-color:#755cf3;background:#f4f1ff;color:#5138df}.platform-tab:disabled{cursor:not-allowed;opacity:.62}.calendar-panel{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;overflow:hidden}.calendar-cell{min-height:132px;border-bottom:1px solid #e7e9f1;border-left:0;border-top:0;background:#fff;color:inherit;text-align:left}.calendar-cell.selected{outline:2px solid #755cf3;outline-offset:-2px}.calendar-cell.muted-cell{color:#a0a6b8;background:#fafbfe}.calendar-cell.past-cell{color:#b8bdca;background:#f1f3f8;cursor:not-allowed}.calendar-cell.past-cell .post-chip{opacity:.65}.timeline-list,.list-panel{display:grid;gap:12px}.timeline-item,.draft-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border:1px solid #e7e9f1;border-radius:8px;padding:12px}.timeline-item{display:grid}.timeline-item small,.draft-row p{margin-bottom:0;color:#6a7084}.draft-row{align-items:center}.draft-row>div:first-child{min-width:280px;flex:1}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.row-actions.compact .ghost-button{min-height:34px;padding:0 10px}.list-panel{padding:16px}.empty-state{display:grid;min-height:110px;place-items:center;border:1px dashed #d6dae7;border-radius:8px;color:#6a7084}.empty-state.large{min-height:360px}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(420px,440px)}.editor-surface,.auth-form,.publication-panel,.ai-assistant-panel{display:grid;gap:14px}.ai-assistant-panel{gap:12px}.ai-topic-input{min-height:104px}.media-editor{display:grid;gap:10px}.file-picker{position:relative;overflow:hidden}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.media-thumb{position:relative;overflow:hidden;min-height:120px;border:1px solid #e7e9f1;border-radius:8px;background:#fafbfe}.media-preview-button{display:block;width:100%;min-height:99px;border:0;background:transparent;padding:0;cursor:pointer}.media-thumb img,.media-preview-button img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.media-preview-button.is-broken{display:grid;place-items:center;background:#f6f7fb;color:#7b8194;cursor:not-allowed}.media-preview-button.is-broken span{min-height:0;padding:0;font-size:13px}.media-thumb .icon-button{position:absolute;right:8px;top:8px;width:34px;height:34px;background:#fff}.media-thumb span{display:block;min-height:32px;color:#6a7084;padding:8px 10px;font-size:12px;font-weight:700}.media-thumb.pending{border-style:dashed}.media-empty{min-height:74px}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0f1220d1;padding:32px}.media-lightbox img{max-width:min(1100px,92vw);max-height:86vh;border-radius:8px;object-fit:contain}.media-lightbox-close{position:fixed;right:24px;top:24px;min-height:40px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff1f;color:#fff;padding:0 14px;font-weight:700}.success-note{border-radius:8px;background:#edf9f1;color:#168246;padding:10px 12px}.error-note{border-radius:8px;background:#fff0ef;color:#b42318;padding:10px 12px}.credit-note{display:grid;gap:6px;border:1px solid #e7e9f1;border-radius:8px;background:#fafbfe;color:#566074;padding:10px 12px;font-size:14px;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 120px;gap:10px}.field-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.version-list{display:grid;gap:8px}.version-item{display:grid;gap:4px;border:1px solid #e7e9f1;border-radius:8px;background:#fff;color:inherit;padding:10px;text-align:left}.version-item:hover,.version-item.active{border-color:#755cf3;background:#f5f2ff}.version-list span{color:#6a7084;font-size:12px}label{display:grid;gap:8px;color:#34394d;font-weight:700}.inline-control{display:flex;align-items:center;gap:10px}.inline-control input{min-height:auto;width:auto}input,select,textarea{min-height:42px;width:100%;border:1px solid #dfe2ec;border-radius:8px;background:#fff;color:#151827;outline:0;padding:0 12px}select{min-width:0;text-overflow:ellipsis}textarea{min-height:260px;padding:12px;resize:vertical}.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:14px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-card{display:grid;gap:8px;border:1px solid #e7e9f1;border-radius:8px;background:#fff;padding:18px}.token-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.status-text.connected{color:#168246}.status-text.limited{color:#c26100}.status-text.error,.status-text.disconnected{color:#b42318}.channel-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#eaf5ff;color:#229bed}.references-grid{grid-template-columns:minmax(0,1fr) 360px}.reference-settings-panel{display:grid;gap:16px}.reference-settings-panel .panel-header p,.reference-section-heading p{margin-bottom:0;color:#6a7084}.field-stack{display:grid;gap:8px}.switch-field{display:inline-flex;align-items:center;gap:10px;min-height:40px}.switch-field input,.reference-checkbox input{width:18px;min-height:18px;margin:0;accent-color:#6044e9}.reference-picker{min-width:0;margin:0;border:1px solid #e7e9f1;border-radius:8px;padding:14px}.reference-picker legend{padding:0 6px;color:#34394d;font-weight:700}.reference-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-checkbox{display:flex;align-items:flex-start;gap:10px;min-width:0;border:1px solid #e7e9f1;border-radius:8px;padding:12px}.reference-checkbox:has(input:checked){border-color:#755cf3;background:#f4f1ff}.reference-checkbox span{display:grid;overflow:hidden;min-width:0;gap:4px}.reference-checkbox strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-checkbox small{overflow:hidden;color:#6a7084;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.reference-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.posting-window-editor{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr);align-items:center;gap:12px;border-top:1px solid #e7e9f1;border-bottom:1px solid #e7e9f1;padding:14px 0}.posting-window-editor>div:first-child{display:grid;gap:4px}.posting-window-editor small{color:#6a7084}.posting-time-add,.posting-time-list,.reference-settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.posting-time-add input{width:116px}.posting-time{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid #dfe2ec;border-radius:7px;padding:0 7px 0 10px}.posting-time button{display:grid;width:26px;height:26px;place-items:center;border:0;background:transparent;color:#b42318}.reference-settings-actions{justify-content:flex-end}.reference-settings-actions .switch-field{margin-right:auto}.reference-section-heading{margin-top:8px}.references-source-form{grid-template-columns:minmax(0,1fr) auto}.reference-consent-field,.reference-consent-notice{display:flex;align-items:center;gap:10px}.reference-consent-field{grid-column:1 / -1;color:#566074}.reference-consent-field input{width:18px;min-height:18px;margin:0;accent-color:#6044e9}.reference-consent-notice{justify-content:space-between;border:1px solid #f0d58a;border-radius:8px;background:#fff9e8;padding:10px 12px}.reference-workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}.reference-source-list,.reference-post-list,.style-profile-list{display:grid;gap:10px}.reference-source-item{display:grid;gap:4px;width:100%;border:1px solid #e7e9f1;border-radius:8px;background:#fff;color:#151827;padding:12px;text-align:left}.reference-source-item.active{border-color:#755cf3;background:#f4f1ff}.reference-source-item span,.reference-source-item small,.reference-post-item small,.style-profile-item span,.style-profile-item small,.muted-text{color:#6a7084}.reference-detail-panel{display:grid;gap:14px}.reference-detail-panel .panel-header p{margin-bottom:0;overflow-wrap:anywhere}.reference-source-actions,.reference-post-media{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reference-post-media a{display:block;width:84px;height:84px;overflow:hidden;border:1px solid #e7e9f1;border-radius:7px}.reference-post-media img{width:100%;height:100%;object-fit:cover}.reference-post-form,.reference-analyze-form{display:grid;gap:10px}.reference-post-form textarea{min-height:180px}.reference-form-footer,.reference-analyze-form{grid-template-columns:minmax(0,1fr) auto;display:grid;gap:10px}.reference-post-item,.style-profile-item{display:flex;gap:12px;justify-content:space-between;border:1px solid #e7e9f1;border-radius:8px;background:#fff;padding:12px}.reference-post-item>div{min-width:0}.reference-post-item p{margin:6px 0;color:#566074;white-space:pre-wrap}.style-profile-item{display:grid}.reference-status-panel dl{display:grid;gap:10px;margin:0}.reference-status-panel dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eceef4;padding-bottom:9px}.reference-status-panel dt{color:#6a7084}.reference-status-panel dd{margin:0;text-align:right;font-weight:700}.reference-usage-list,.reference-usage-item{display:grid;gap:8px}.reference-usage-item{border-bottom:1px solid #eceef4;padding-bottom:12px}.reference-usage-item span,.reference-usage-item small{color:#6a7084}.notice{border-radius:8px;padding:12px}.notice.success{background:#eaf8ef;color:#168246}.notice.error{background:#fff0f0;color:#b42318}.auth-page{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);min-height:100vh;gap:28px;padding:40px}.auth-panel,.auth-aside{align-self:center;padding:28px}.auth-brand{margin-bottom:28px}.auth-panel h1{margin-bottom:22px}.auth-aside{display:grid;min-height:520px;align-content:center;gap:24px}.auth-aside h2{max-width:680px;font-size:42px;line-height:1.1}.eyebrow{color:#5138df;font-weight:800;text-transform:uppercase}.auth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auth-metrics div{border:1px solid #e7e9f1;border-radius:8px;padding:16px}.auth-metrics strong{display:block;font-size:30px}.auth-metrics span{color:#6a7084}.form-error{border-radius:8px;background:#fff1f1;color:#b42318;padding:10px 12px}@media(max-width:1180px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:18px 12px}.brand span,.nav-link span,.sidebar-card{display:none}.nav-link{justify-content:center}.topbar{grid-template-columns:minmax(200px,1fr) 220px 44px auto}.page-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-workspace{grid-template-columns:1fr}.reference-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.posting-window-editor{grid-template-columns:1fr}}@media(max-width:760px){.app-shell,.auth-page{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{position:static;grid-template-columns:1fr}.content,.auth-page{padding:18px}.metric-grid,.channel-grid,.auth-metrics,.inline-form,.field-grid,.token-form,.references-source-form,.reference-form-footer,.reference-analyze-form,.reference-schedule-grid,.reference-checkbox-grid,.platform-tabs,.week-board,.calendar-panel{grid-template-columns:1fr}.auth-aside{min-height:auto}.auth-aside h2{font-size:30px}}.attachment-player{width:100%;max-height:240px}.media-editor .panel-header select{width:auto;max-width:210px}.media-thumb>span{overflow-wrap:anywhere}.delivery-progress{display:grid;gap:8px;padding:8px 0;overflow-wrap:anywhere}.tgs-preview{width:100%;height:180px;min-width:100px}.reference-post-media video{max-width:240px;max-height:180px}
