@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#17211c;--muted:#6d7771;--line:#e5e9e6;--canvas:#f5f7f5;--panel:#fff;--green:#176b4b;--green-2:#0f5138;--mint:#dff2e9;--lime:#c8ec82;--red:#d9485f;--amber:#d98b20;--shadow:0 12px 30px rgba(31,55,43,.07);--radius:8px}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Manrope,'Noto Sans SC',sans-serif;letter-spacing:0}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:0}button,a{transition:.18s ease}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#11291f;color:#d7e5de;z-index:20;overflow-y:auto}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);font-size:20px;font-weight:800;color:#fff}.brand small,.login-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#86a696;margin-top:2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#173f2d;border-radius:7px;font-weight:800}.nav{padding:18px 12px 32px}.nav-label{padding:20px 13px 7px;color:#708c7f;font-size:10px;font-weight:700;text-transform:uppercase}.nav-item{height:42px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:6px;color:#bcd0c6;font-weight:500;margin:2px 0}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:var(--lime);color:#173b2a;font-weight:700}.main-wrap{margin-left:236px;min-width:0;flex:1}.topbar{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:15;backdrop-filter:blur(10px)}.top-search{height:40px;width:min(420px,40vw);display:flex;align-items:center;gap:9px;background:#f3f5f3;border:1px solid transparent;border-radius:6px;padding:0 13px}.top-search:focus-within{border-color:#86b59f;background:#fff}.top-search svg,.input-icon svg{width:17px;color:#7d8882}.top-search input,.input-icon input{border:0;background:transparent;outline:0;width:100%}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-btn{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;border:0;border-radius:6px;background:transparent;cursor:pointer}.icon-btn:hover{background:#eef2ef}.icon-btn svg{width:18px}.icon-btn.danger{color:var(--red)}.notification-dot{position:absolute;width:6px;height:6px;background:#e3485e;border-radius:50%;right:8px;top:7px}.user-chip{display:flex;align-items:center;gap:9px;padding:0 12px;border-left:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dcece4;color:#1a6549;font-weight:700;flex:0 0 auto}.avatar.large{width:66px;height:66px;font-size:21px}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:11px;margin-top:1px}.menu-toggle{display:none}.content{padding:30px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{font-size:28px;margin:5px 0 3px;line-height:1.2}.page-head p{margin:0;color:var(--muted)}.eyebrow{color:var(--green);font-size:10px;letter-spacing:1.7px;font-weight:800}.eyebrow.light{color:var(--lime)}.page-actions{display:flex;gap:8px;align-items:center}.btn{min-height:39px;border:1px solid transparent;border-radius:6px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;white-space:nowrap}.btn svg{width:17px}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-2);transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:#d8dfda}.btn.secondary:hover,.btn.ghost:hover{background:#edf2ef}.btn.ghost{background:transparent;border-color:#dce2de}.btn.wide{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(0,0,0,.01)}.panel-head{min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:17px;margin:3px 0}.panel-head a{font-size:12px;color:var(--green);display:flex;align-items:center;gap:4px;font-weight:700}.panel-head a svg{width:15px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card{min-height:132px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;gap:16px;align-items:flex-start}.stat-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:7px}.stat-icon svg{width:20px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:30px;line-height:1.25;margin:3px 0}.stat-card small{font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:16px}.activity-list{padding:5px 20px}.activity-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 70px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf0ee}.activity-row:last-child{border:0}.activity-row strong,.activity-row p{display:block;margin:0}.activity-row p{font-size:12px;color:var(--muted);margin-top:3px}.activity-row time{font-size:11px;color:var(--muted);text-align:right}.platform-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:5px;background:#ecf0ed;color:#415248;font-weight:800;font-size:11px;flex:0 0 auto}.platform-icon.tiktok{background:#191919;color:#fff}.platform-icon.facebook{background:#e1ebff;color:#2457a7}.platform-icon.instagram{background:#f9e5ec;color:#a43868}.platform-icon.linkedin{background:#e1eef5;color:#16658d}.platform-icon.whatsapp{background:#e0f4e9;color:#158349}.platform-icon.google{background:#fff1dc;color:#9b5c12}.status,.quality{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:4px;background:#fff1d9;color:#986312;font-size:11px;font-weight:700}.status.ok{background:#e3f3eb;color:#17704f}.quality{background:#edf0ef;color:#5f6a64}.quality.high{background:#e1f2e9;color:#176d4d}.quick-panel{padding-bottom:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.quick-grid a{height:83px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:600}.quick-grid a:hover{border-color:#98b7a8;background:#f6faf7}.quick-grid svg{width:20px;color:var(--green)}.channel-health{margin:0 16px;padding:15px;background:#f6f8f6;border-radius:6px}.channel-health h3{margin:0 0 12px;font-size:13px}.channel-health div{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.channel-health b{color:var(--green);font-size:11px}.channel-health .warn{color:var(--amber)}.channel-strip{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin-bottom:16px}.channel-strip button{height:108px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.channel-strip button:hover{border-color:#85ad99;box-shadow:var(--shadow);transform:translateY(-2px)}.channel-strip svg{width:24px;color:var(--green)}.channel-strip span{font-weight:700}.channel-strip small{font-size:10px;color:var(--muted)}.count{background:#eef2ef;color:#526058;border-radius:4px;padding:3px 7px;font-size:11px}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f8f9f8;color:#68726c;font-size:11px;font-weight:700;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid #edf0ee;color:#39433e;font-size:12px}td strong,td small{display:block}td small{color:var(--muted);font-size:10px;margin-top:3px}.platform-cell{display:flex;align-items:center;gap:8px}.filter-bar{min-height:66px;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}input,textarea,select{border:1px solid #d9dfdb;background:#fff;border-radius:6px;padding:10px 11px;outline:none;width:100%}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#78a58f;box-shadow:0 0 0 3px rgba(23,107,75,.08)}select{width:auto;min-width:130px}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid #d9dfdb;border-radius:6px;padding:0 11px}.input-icon input{padding:10px 0}.input-icon.compact{width:260px}.status-select{min-width:105px;width:auto;padding:5px 8px;border:0;background:#eef4f0;color:#31604c;font-size:11px;font-weight:700}.empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#8a938e}.empty svg{width:28px}.empty strong{color:#53605a}.empty.large{min-height:360px}.pagination{padding:14px 18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center}.pagination p{font-size:11px;color:var(--muted)}.pagination span[aria-current=page] span,.pagination a{padding:6px 10px;border:1px solid var(--line);border-radius:4px;margin:0 2px}.writer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-panel,.result-panel,.publish-editor,.publish-settings,.profile-form{padding:24px}.form-section{display:flex;gap:12px;margin-bottom:22px}.form-section h2{margin:0;font-size:18px}.form-section p{margin:4px 0 0;color:var(--muted);font-size:12px}.step{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:var(--mint);color:var(--green);font-size:10px;font-weight:800}.editor-panel label,.publish-editor label,.publish-settings label,.profile-form label,.login-form label,.form-grid label{display:block;font-size:12px;font-weight:700;margin-bottom:16px}.editor-panel label input,.editor-panel label textarea,.editor-panel label select,.publish-editor label input,.publish-editor label textarea,.publish-settings label input,.publish-settings label select,.profile-form label input,.profile-form label textarea,.profile-form label select,.login-form label input,.form-grid label input,.form-grid label textarea,.form-grid label select{margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}.result-panel{padding:0}.result-panel .panel-head{padding:0 24px}.generated-copy{margin:24px;min-height:250px;padding:20px;background:#f5f8f6;border-left:3px solid var(--green);line-height:1.9;white-space:pre-wrap}.result-actions{display:flex;gap:8px;padding:0 24px 24px}.publish-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);gap:16px}.upload-zone{min-height:150px;border:1px dashed #aab9b0;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:6px;background:#f9faf9}.upload-zone svg{width:27px;color:var(--green)}.upload-zone strong{color:#536059}.upload-zone span{font-size:11px}.check-row{display:flex!important;gap:10px;align-items:flex-start;padding:13px;background:#f7f9f7;border-radius:6px}.check-row input{width:16px;margin:2px 0}.check-row strong,.check-row small{display:block}.check-row small{font-weight:400;color:var(--muted);margin-top:3px}.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line)}.tabs button,.chat-tabs button{border:0;background:transparent;padding:11px 14px;cursor:pointer;color:var(--muted);font-weight:600}.tabs button.active,.chat-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px}.metric-grid span,.metric-grid small{display:block;color:var(--muted)}.metric-grid strong{font-size:24px;display:block;margin:7px 0}.metric-grid small{font-size:10px}.metric-grid .positive{color:var(--green)}.ad-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.chart-panel{padding-bottom:16px}.bar-chart{height:240px;display:flex;align-items:end;gap:8px;padding:30px 22px 0}.bar-chart span{height:var(--h);flex:1;background:#bfdccf;border-radius:3px 3px 0 0}.bar-chart span:nth-child(4n){background:var(--green)}.chart-labels{display:flex;justify-content:space-between;padding:10px 22px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.pipeline article{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:7px}.pipeline article>span{width:5px;height:36px;border-radius:3px}.pipeline strong,.pipeline small{display:block}.pipeline small{margin-top:3px;color:var(--muted);font-size:10px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px}.settings-nav{padding:10px;height:max-content}.settings-nav a{height:43px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:5px;color:var(--muted);font-weight:600}.settings-nav a svg{width:17px}.settings-nav a.active{background:var(--mint);color:var(--green)}.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.profile-preview{overflow:hidden;text-align:center;padding-bottom:24px}.cover{height:112px;background:linear-gradient(135deg,#173f2d,#2b7958)}.profile-preview .profile-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--lime);border:5px solid #fff;margin:-38px auto 12px;font-size:21px;font-weight:800;color:#17452f}.profile-preview h2{margin:0}.profile-preview p{color:var(--muted);margin:5px 0 10px}.profile-preview dl{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 18px 0;padding-top:18px;border-top:1px solid var(--line)}.profile-preview dt{grid-row:2;font-size:10px;color:var(--muted)}.profile-preview dd{margin:0;font-size:18px;font-weight:800}.chat-shell{height:650px;display:grid;grid-template-columns:280px minmax(320px,1fr) 240px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow-y:auto}.chat-tabs{display:flex;padding:8px 8px 0;border-bottom:1px solid var(--line)}.conversation{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;text-align:left;border:0;border-bottom:1px solid #edf0ee;background:#fff;padding:14px;cursor:pointer}.conversation.active,.conversation:hover{background:#f1f7f3}.conversation strong,.conversation p{display:block;margin:0}.conversation p{color:var(--muted);font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation time{font-size:9px;color:#929b96}.chat-main{display:grid;grid-template-rows:65px 1fr 66px}.chat-contact{display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid var(--line)}.chat-contact strong,.chat-contact small{display:block}.chat-contact small{color:var(--muted);font-size:10px;margin-top:2px}.chat-contact .icon-btn{margin-left:auto}.message-space{padding:24px;background:#f7f9f7;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.message{max-width:70%;padding:11px 13px;border-radius:7px;line-height:1.55;font-size:12px}.message time{display:block;font-size:8px;opacity:.65;text-align:right;margin-top:4px}.message.received{background:#fff;border:1px solid var(--line)}.message.sent{background:#dff0e7;color:#194e38;align-self:flex-end}.composer{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--line)}.composer input{border:0;background:#f3f5f3}.composer .btn{width:40px;padding:0}.contact-panel{border-left:1px solid var(--line);padding:28px 20px;text-align:center}.contact-panel .avatar{margin:auto}.contact-panel h3{margin:12px 0 3px}.contact-panel p{margin:0;color:var(--muted);font-size:11px}.contact-panel dl{text-align:left;margin:24px 0}.contact-panel dt{color:var(--muted);font-size:10px;margin-top:12px}.contact-panel dd{margin:4px 0;font-weight:600}.toast{position:fixed;top:88px;right:24px;z-index:50;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 15px;border-radius:7px;font-weight:600;animation:toast-in .3s ease}.toast svg{width:18px}.toast.success{color:var(--green)}.toast.error{color:var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}}.modal{position:fixed;inset:0;background:rgba(11,25,18,.46);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.2)}.modal-card.wide{width:min(720px,100%)}.modal-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px}.modal-card form{padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.login-body{min-height:100vh;background:#eaf0eb;display:grid;place-items:center;padding:30px}.login-shell{width:min(1100px,100%);min-height:650px;background:#fff;display:grid;grid-template-columns:1.1fr .9fr;box-shadow:0 30px 90px rgba(23,55,40,.15);border-radius:8px;overflow:hidden}.login-brand-panel{position:relative;background:#123e2d;color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(200,236,130,.25);border-radius:50%;right:-140px;bottom:-120px;box-shadow:0 0 0 50px rgba(200,236,130,.04),0 0 0 100px rgba(200,236,130,.025)}.login-brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:800}.login-message{position:relative;z-index:1}.login-message h1{font-size:42px;line-height:1.22;margin:13px 0 17px}.login-message p{max-width:460px;color:#b9cec4;line-height:1.8}.orbit-card{position:relative;z-index:1;width:max-content;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:13px 15px;border-radius:7px}.orbit-card svg{color:var(--lime)}.orbit-card strong,.orbit-card span{display:block}.orbit-card span{font-size:10px;color:#a8bdb3;margin-top:3px}.login-form-panel{display:grid;place-items:center;padding:50px}.login-form{width:min(340px,100%)}.login-form h2{font-size:30px;margin:7px 0}.login-form>p{color:var(--muted);margin:0 0 28px}.login-form .input-icon{margin-top:7px}.login-form .input-icon input{border:0;box-shadow:none;margin:0}.login-hint{display:block;text-align:center;color:var(--muted);margin-top:14px}.form-error{background:#fff0f2;color:#b8324a;padding:10px 12px;border-radius:5px;margin-bottom:16px;font-size:12px}
@media(max-width:1100px){.stat-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.channel-strip{grid-template-columns:repeat(3,1fr)}.ad-grid{grid-template-columns:1fr}.chat-shell{grid-template-columns:250px 1fr}.contact-panel{display:none}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.2)}.main-wrap{margin-left:0}.menu-toggle{display:grid}.top-search{display:none}.content{padding:20px}.dashboard-grid,.writer-grid,.publish-grid,.profile-layout,.settings-layout{grid-template-columns:1fr}.chat-shell{grid-template-columns:1fr;height:auto}.conversation-list{max-height:250px}.chat-main{height:520px}.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:300px}.login-message h1{font-size:30px}.orbit-card{display:none}}
@media(max-width:560px){.content{padding:16px}.topbar{padding:0 14px}.user-chip div{display:none}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%;overflow-x:auto}.stat-grid,.metric-grid,.pipeline{grid-template-columns:1fr}.channel-strip{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.activity-row{grid-template-columns:38px 1fr auto}.activity-row time{display:none}.login-body{padding:0}.login-shell{border-radius:0;min-height:100vh}.login-brand-panel{padding:28px}.login-form-panel{padding:35px 24px}.table-panel{border-radius:0;margin-left:-16px;margin-right:-16px}.chat-shell{margin-left:-16px;margin-right:-16px;border-radius:0}}

.compact-head{margin-bottom:18px}.account-settings-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px}.account-subnav{padding:20px 16px;height:max-content}.subnav-title{font-size:14px;font-weight:800;margin:9px 12px 10px}.account-subnav a{display:block;padding:9px 12px;border-radius:5px;color:#44514a}.account-subnav a.active{background:#eef4ff;color:#4267d8}.binding-panel{min-height:630px;padding:20px}.binding-title{display:flex;align-items:baseline;gap:4px;border-bottom:1px solid #d9dfe7;padding-bottom:12px}.binding-title strong{font-size:17px}.binding-title span{font-size:12px;color:#596571}.binding-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 18px}.reference-platforms{display:flex;gap:10px;flex-wrap:wrap}.reference-platform{position:relative;width:88px;height:70px;border:1px solid #d9dfe8;border-radius:8px;background:#fff;cursor:pointer;display:grid;grid-template-columns:1fr 28px;grid-template-rows:22px 1fr;padding:8px 10px;text-align:left;overflow:hidden}.reference-platform>span{font-size:12px;font-weight:700}.reference-platform svg{width:25px;height:25px;grid-column:2;grid-row:2;align-self:center;color:#4771e4}.reference-platform b{position:absolute;right:4px;bottom:3px;font-size:8px;font-weight:600;color:#a1a9b2}.reference-platform.configured b{color:#23945f}.reference-platform:hover{border-color:#6081e0;box-shadow:0 4px 14px rgba(50,83,170,.1);transform:translateY(-1px)}.quota-filter{display:flex;align-items:center;gap:14px}.quota-filter strong{white-space:nowrap;font-size:16px}.quota-filter em{font-style:normal;color:#496dda}.reference-table{max-height:505px;border:1px solid #dce1e7}.reference-table th{background:#f5f6fa;border-right:1px solid #dce1e7}.reference-table td{border-right:1px solid #dce1e7}.platform-group-cell{width:160px;background:#f8fbff;vertical-align:middle}.platform-group-cell>strong{display:inline;margin-left:8px}.large-platform-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8efff;color:#3868d9;vertical-align:middle}.large-platform-icon svg{width:20px}.account-detail{display:flex;align-items:center;gap:9px;min-width:440px}.account-detail>div{min-width:0}.account-detail p{margin:3px 0 0;color:#65716a;font-size:11px}.account-settings-button{margin-left:auto;background:#5477df;color:#fff;border:0}.btn.tiny{min-height:28px;padding:0 9px;font-size:11px}.btn.tiny svg{width:13px}.plain-status{font-weight:600}.plain-status.normal{color:#22a05f}.plain-status.expired{color:#d34a59}.text-button{border:0;background:none;cursor:pointer;font-size:12px}.danger-text{color:#3476d9}.push-form{max-width:720px;padding:28px 10px}.push-form label{display:block;margin-bottom:22px;font-weight:700}.push-form input,.push-form textarea{margin-top:8px}.push-form small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.small-modal{width:min(400px,100%)}.binding-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px}.binding-choice{min-height:142px;border:1px solid #dce2df;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.binding-choice:hover{border-color:#5477df;background:#f5f7ff}.binding-choice svg{width:28px;color:#4d70db}.binding-choice span{font-size:10px;color:var(--muted)}
.platform-settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px}.platform-app-list{padding:12px;height:max-content}.platform-app-list .subnav-title{margin-top:14px;color:#7a847e;font-size:11px;text-transform:uppercase}.platform-app-list a{height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:5px}.platform-app-list a svg{width:17px}.platform-app-list a span{flex:1}.platform-app-list a.active{background:#e9f3ed;color:#176b4b;font-weight:700}.config-dot{width:7px;height:7px;border-radius:50%;background:#c9cfcb}.config-dot.ready{background:#26a568}.application-editor{overflow:hidden}.application-header{display:flex;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line)}.application-header h2{margin:3px 0;font-size:19px}.application-header p{margin:0;color:var(--muted);font-size:11px}.application-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#e9f2ed;color:var(--green)}.application-logo svg{width:25px}.configuration-status{margin-left:auto;display:flex;align-items:center;gap:6px;color:#9a6b20;background:#fff3dc;padding:6px 9px;border-radius:5px;font-size:11px;font-weight:700}.configuration-status svg{width:15px}.configuration-status.ready{background:#e4f3eb;color:#17704f}.application-form{padding:24px}.callback-notice{display:flex;align-items:center;gap:12px;border:1px solid #dce3df;background:#f6f9f7;padding:12px 14px;border-radius:7px;margin-bottom:22px}.callback-notice>div{display:flex;align-items:center;gap:9px}.callback-notice>div svg{width:19px;color:var(--green)}.callback-notice span strong,.callback-notice span small{display:block}.callback-notice span small{font-size:9px;color:var(--muted);margin-top:2px}.callback-notice code{margin-left:auto;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#345647}.application-fields label small{display:block;font-weight:400;color:var(--muted);margin-top:5px}.secret-input{display:flex;margin-top:7px;border:1px solid #d9dfdb;border-radius:6px}.secret-input input{margin:0!important;border:0;box-shadow:none}.switch-row{display:flex!important;align-items:flex-start;gap:10px;background:#f6f8f6;padding:13px;border-radius:6px}.switch-row input{width:16px;margin:2px 0}.switch-row strong,.switch-row small{display:block}.developer-checklist{border-top:1px solid var(--line);padding-top:18px;margin-top:5px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.developer-checklist h3{grid-column:1/-1;margin:0 0 3px;font-size:13px}.developer-checklist div{display:flex;gap:7px;align-items:center;font-size:11px;color:#59655f}.developer-checklist svg{width:14px;color:#20915d}.form-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
@media(max-width:900px){.account-settings-layout,.platform-settings-layout{grid-template-columns:1fr}.account-subnav{display:flex;gap:4px;overflow:auto;padding:10px}.account-subnav .subnav-title{display:none}.account-subnav a{white-space:nowrap}.binding-toolbar{align-items:flex-start;flex-direction:column}.platform-app-list{display:flex;overflow:auto}.platform-app-list .subnav-title{display:none}.platform-app-list a{min-width:max-content}.callback-notice{align-items:flex-start;flex-wrap:wrap}.callback-notice code{margin-left:0;max-width:100%;width:calc(100% - 44px)}.developer-checklist{grid-template-columns:1fr}}

/* Reference-site parity layer */
:root{--ref-blue:#5577e8;--ref-blue-soft:#f1f5ff;--ref-bg:#f4f6f8;--ref-border:#dfe3e8;--ref-text:#30343b;--ref-muted:#858b94;--ref-sidebar:216px}
html{font-size:12px}body{background:var(--ref-bg);color:var(--ref-text);font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;font-size:12px}.app-shell,.topbar,.sidebar{display:none!important}.reference-header{height:62px;background:#fff;border-bottom:1px solid #e2e5e8;display:flex;align-items:center;padding:0 30px 0 52px;position:fixed;inset:0 0 auto 0;z-index:50;box-shadow:0 2px 9px rgba(30,48,72,.05)}.reference-logo img{width:124px;height:auto;display:block}.reference-user{margin-left:auto;position:relative}.reference-user-button{height:38px;border:0;background:#fff;display:flex;align-items:center;gap:4px;cursor:pointer}.reference-user-button svg{width:13px;color:#4791d5}.reference-user-menu{position:absolute;right:0;top:42px;width:120px;padding:6px;background:#fff;border:1px solid var(--ref-border);box-shadow:0 6px 18px rgba(40,50,65,.12);display:none;z-index:60}.reference-user-menu.open{display:block}.reference-user-menu a,.reference-user-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:8px 10px;cursor:pointer}.reference-user-menu a:hover,.reference-user-menu button:hover{background:#f4f6fa;color:var(--ref-blue)}.mobile-menu-button{display:none;border:0;background:transparent;margin-left:12px}.reference-shell{padding-top:62px;min-height:100vh}.reference-sidebar{position:fixed;top:72px;bottom:12px;left:30px;width:var(--ref-sidebar);background:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(29,49,76,.08);overflow-y:auto;z-index:20}.reference-sidebar nav{padding:17px 10px}.reference-nav-item{width:100%;height:48px;border:0;background:#fff;display:flex;align-items:center;gap:14px;padding:0 17px;border-radius:5px;cursor:pointer;color:#313842;text-align:left;font-size:14px}.reference-nav-item>svg:first-child{width:20px;height:20px;color:#6184ed;stroke-width:1.6}.reference-nav-item span{flex:1}.reference-nav-item.active,.reference-nav-group.open>.reference-nav-item{background:#f3f6ff}.reference-nav-item:hover{background:#f7f9fc}.nav-chevron{width:14px!important;color:#a6adb5!important;transition:transform .15s}.reference-nav-group.open .nav-chevron{transform:rotate(180deg)}.reference-subnav{display:none;padding:2px 0 6px 54px}.reference-nav-group.open .reference-subnav{display:block}.reference-subnav a{height:42px;display:flex;align-items:center;color:#565e68;font-size:12px}.reference-subnav a.active{color:#354965;font-weight:600}.reference-main{margin-left:260px;padding:10px 14px 12px;min-height:calc(100vh - 62px)}.reference-main>.panel,.reference-main>.writer-grid,.reference-main>.publish-grid,.reference-main>.profile-layout,.reference-main>.settings-layout,.reference-main>.platform-settings-layout,.reference-main>.account-settings-layout,.reference-main>.dashboard-grid,.reference-main>.ad-grid,.reference-main>.chat-shell{max-width:none}.reference-main .page-head{background:#fff;margin:0 0 10px;padding:16px 20px;border-radius:7px;align-items:center;box-shadow:0 2px 12px rgba(29,49,76,.06)}.reference-main .page-head h1{font-size:17px;margin:0}.reference-main .page-head p,.reference-main .page-head .eyebrow{display:none}.reference-main .panel{border:0;border-radius:7px;box-shadow:0 2px 12px rgba(29,49,76,.07)}.reference-main .btn{min-height:36px;border-radius:3px;font-size:12px;font-weight:400;padding:0 16px}.reference-main .btn.primary{background:var(--ref-blue)}.reference-main .btn.primary:hover{background:#4669da;transform:none}.reference-main .btn.secondary{border-color:#d7dce2}.reference-main .btn.ghost{border-color:#d9dde3}.reference-main input,.reference-main textarea,.reference-main select{border-color:#d9dde3;border-radius:3px;padding:9px 10px;font-size:12px}.reference-main input:focus,.reference-main textarea:focus,.reference-main select:focus{border-color:var(--ref-blue);box-shadow:none}.reference-main th{background:#fafbfc;color:#616872;font-size:12px;font-weight:400;padding:12px 16px;border:1px solid var(--ref-border)}.reference-main td{font-size:12px;padding:11px 16px;border:1px solid var(--ref-border)}.reference-main .status,.reference-main .quality{border-radius:2px;padding:2px 6px;background:transparent;color:#26a65b}.reference-main .panel-head{min-height:54px;padding:0 15px}.reference-main .panel-head h2{font-size:15px}.reference-message{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:90;padding:10px 18px;background:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a;display:flex;align-items:center;gap:7px;box-shadow:0 5px 16px rgba(0,0,0,.08)}.reference-message.error{background:#fef0f0;border-color:#fde2e2;color:#f56c6c}.reference-message svg{width:16px}.modal{background:rgba(0,0,0,.45)}.modal-card{border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.2)}.modal-head{height:54px;padding:0 20px}.modal-head h2{font-size:16px;font-weight:400}.modal-actions{border-top:1px solid #eee;padding-top:15px}.empty{color:#c2c7cc}.empty strong{color:#a9afb5;font-weight:400}.pagination{font-size:12px}.pagination span[aria-current=page] span,.pagination a{border-radius:3px}.reference-main .settings-layout{grid-template-columns:1fr}.reference-main .settings-nav{display:none}.reference-main .account-settings-layout{grid-template-columns:236px minmax(0,1fr);gap:16px}.reference-main .account-subnav{min-height:calc(100vh - 84px);box-shadow:0 2px 12px rgba(29,49,76,.08)}.reference-main .account-subnav a.active{background:#f1f5ff;color:#4868c9}.reference-main .binding-panel{min-height:calc(100vh - 84px);box-shadow:0 2px 12px rgba(29,49,76,.08)}.reference-main .reference-platform{border-radius:7px}.reference-main .reference-platform svg{display:none}.reference-main .reference-platform:after{content:"";grid-column:1/-1;grid-row:2;background:center/contain no-repeat;width:33px;height:33px;margin:auto}.reference-main .reference-platform[data-platform-bind="tiktok"]:after{background-image:url('/assets/reference/tiktok.png')}.reference-main .reference-platform[data-platform-bind="youtube"]:after{background-image:url('/assets/reference/youtube.png')}.reference-main .reference-platform[data-platform-bind="facebook"]:after{background-image:url('/assets/reference/facebook.png')}.reference-main .reference-platform[data-platform-bind="instagram"]:after{background-image:url('/assets/reference/instagram.png')}.reference-main .reference-platform[data-platform-bind="linkedin"]:after{background-image:url('/assets/reference/linkedin.png')}.reference-main .reference-platform b{display:none}.reference-main .reference-table{max-height:calc(100vh - 276px)}.reference-main .platform-group-cell{background:#eef8ff}.reference-main .account-settings-button{background:var(--ref-blue);border-radius:0}.reference-main .platform-settings-layout{grid-template-columns:236px minmax(0,1fr);gap:16px}.reference-main .platform-app-list,.reference-main .application-editor{min-height:calc(100vh - 84px)}.reference-main .platform-app-list a.active{background:#f1f5ff;color:#4868c9}.reference-main .application-logo{background:#edf2ff;color:var(--ref-blue)}.reference-main .callback-notice{background:#f7f9fc}.reference-main .configuration-status.ready{background:#f0f9eb;color:#67c23a}.reference-main .configuration-status{background:#fdf6ec;color:#e6a23c}.reference-main .chat-shell{height:calc(100vh - 84px);border-radius:0;box-shadow:none}.reference-main .metric-grid article{background:#eef4ff;border:0;border-radius:3px;min-height:128px}.reference-main .metric-grid{grid-template-columns:repeat(4,1fr);gap:28px 32px}.reference-main .metric-grid strong{font-size:26px;text-align:right;color:#000}.reference-main .metric-grid article span{text-align:right;font-size:14px}.reference-main .metric-grid article small{display:none}.reference-main .tabs{background:#fff;margin:0;border-bottom:1px solid #dce1e7;padding-left:15px}.reference-main .tabs button.active{color:var(--ref-blue);border-bottom-color:var(--ref-blue)}.reference-main .filter-bar{background:#fff;border:0;padding:16px}.reference-main .pipeline{display:none}.reference-main .stat-grid{grid-template-columns:repeat(4,1fr)}.reference-main .stat-card{border:0;box-shadow:0 2px 12px rgba(29,49,76,.07)}
@media(max-width:900px){.reference-header{padding:0 15px}.reference-logo img{width:108px}.mobile-menu-button{display:inline-grid}.reference-sidebar{transform:translateX(-120%);left:10px;transition:.2s}.reference-sidebar.open{transform:none}.reference-main{margin-left:0;padding:10px}.reference-main .account-settings-layout,.reference-main .platform-settings-layout{grid-template-columns:1fr}.reference-main .account-subnav{min-height:0}.reference-main .metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reference-main .page-head{align-items:flex-start}.reference-main .reference-table{max-height:none}}

/* Reference workspaces */
.writing-workspace,.inbox-workspace,.reference-data-page,.post-list-workspace,.publisher-workspace{height:calc(100vh - 84px);min-height:620px;background:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(29,49,76,.07);overflow:hidden}.writing-workspace{display:grid;grid-template-rows:80px 76px minmax(0,1fr) 62px;padding:34px 30px 0}.writing-publish-strip{height:80px;border:2px dashed #6381df;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ref-blue);font-size:18px}.writing-publish-strip svg{width:18px}.writing-filter{display:flex;align-items:center;gap:28px}.writing-filter label{display:flex;align-items:center;gap:9px}.writing-filter select{width:240px}.writing-generate{margin-left:auto}.writing-scroll{min-height:0;overflow-y:auto;padding-right:8px}.writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 20px;padding-bottom:18px}.writing-card{height:254px;background:#f4f6fb;border-radius:3px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.writing-card p{font-size:14px;line-height:1.75;margin:0;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.writing-card div{display:flex;gap:8px;flex-wrap:wrap}.writing-card span{border:1px solid #b9c9ea;color:#5272cc;padding:4px 9px;line-height:1}.reference-pagination{height:62px;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#fff;color:#626973}.reference-pagination nav>div:first-child{display:none}.reference-pagination nav>div:last-child{display:flex;align-items:center}.reference-pagination nav p{display:none}.reference-pagination nav span,.reference-pagination nav a,.reference-pagination>button{min-width:34px;height:34px;border:1px solid #dcdfe6;background:#fff;display:inline-flex;align-items:center;justify-content:center;margin:0 3px;border-radius:3px;padding:0 8px}.reference-pagination nav span[aria-current=page] span,.reference-pagination>button.active{border-color:var(--ref-blue);color:var(--ref-blue)}.reference-pagination select{width:92px;min-width:92px;height:34px;padding:0 8px}.reference-pagination input{width:52px;height:34px;padding:0;text-align:center}.reference-empty{min-height:240px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#c0c4cc}.reference-empty svg{width:34px;color:#c7cbd1}

.inbox-workspace{display:grid;grid-template-rows:52px minmax(0,1fr);border-radius:0;box-shadow:none}.inbox-platform-tabs{height:42px;display:flex;align-items:stretch;border-bottom:1px solid #dce1e7;padding:0 14px}.inbox-platform-tabs a{min-width:96px;padding:0 14px;display:flex;align-items:center;justify-content:center;font-size:15px}.inbox-platform-tabs a.active{color:var(--ref-blue);border-bottom:2px solid var(--ref-blue)}.inbox-body{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0;border-top:10px solid var(--ref-bg)}.inbox-list{border-right:1px solid var(--ref-border);display:grid;grid-template-rows:58px 50px minmax(0,1fr);min-height:0}.inbox-account-row{display:flex;align-items:center;gap:5px;padding:10px;border-bottom:1px solid var(--ref-border)}.inbox-account-row select{flex:1;min-width:0}.inbox-search{position:relative;display:flex;align-items:center;margin:8px 10px}.inbox-search svg{position:absolute;left:10px;width:15px;color:#aaa}.inbox-search input{padding-left:32px}.inbox-conversations{overflow-y:auto}.inbox-conversations .reference-empty{min-height:300px}.inbox-chat{display:grid;grid-template-rows:64px minmax(0,1fr) 64px;min-width:0}.inbox-chat>.chat-blank{grid-row:1/-1}.chat-blank{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aeb4bb;gap:8px}.chat-blank svg{width:48px;height:48px;color:#d5d9dd}.chat-blank strong{font-weight:400}.inbox-chat .message-space{background:#fafbfc}.inbox-chat .composer .btn{padding:0;width:40px}

.ads-workspace{height:calc(100vh - 84px);min-height:620px;display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px}.ads-subnav,.ads-content{background:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(29,49,76,.07)}.ads-subnav{padding:26px 20px}.ads-subnav h2{font-size:17px;margin:8px 0 16px}.ads-subnav a,.ads-subnav button{width:100%;height:40px;border:0;background:#fff;display:flex;align-items:center;padding:0 12px;cursor:pointer;text-align:left}.ads-subnav a.active,.ads-subnav button.active{background:var(--ref-blue-soft);color:var(--ref-blue)}.ads-content{min-width:0;display:grid;grid-template-rows:104px minmax(0,1fr);overflow:hidden}.ads-toolbar{display:flex;align-items:center;gap:10px;padding:0 30px}.ads-toolbar select,.ads-toolbar .date-input{width:240px}.date-input{position:relative}.date-input input{padding-right:34px}.date-input svg{position:absolute;right:10px;top:10px;width:15px;color:#aaa}.ads-add-button{display:none;margin-left:auto}.ads-overview,.ads-list-panel{min-height:0;overflow:auto;padding:22px 30px}.ads-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:28px 32px}.ads-metric-grid article{height:130px;background:#edf3fc;border-radius:3px;display:flex;align-items:center;gap:26px;padding:24px 28px}.ads-metric-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#5278ef,#8c70e8);color:#fff;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 8px 18px rgba(95,111,220,.24)}.ads-metric-icon svg{width:28px}.ads-metric-grid article>div{min-width:0;flex:1;text-align:right}.ads-metric-grid article>div span{font-size:14px;color:#5c6470;display:block;white-space:normal}.ads-metric-grid strong{display:block;margin-top:12px;font-size:28px;color:#000}.ads-list-panel .table-wrap{height:100%}.ads-list-panel .reference-empty{height:100%}

.reference-data-page{display:grid;grid-template-rows:76px minmax(0,1fr) 62px;padding:0 20px}.reference-actionbar{display:flex;align-items:center;gap:10px}.reference-actionbar .round-action{width:36px;height:36px;border:0;border-radius:50%;background:var(--ref-blue);color:#fff;display:grid;place-items:center;cursor:pointer}.reference-actionbar .round-action svg{width:17px}.reference-search{display:flex;margin-left:auto;opacity:0;transition:.15s}.reference-search:focus-within,.reference-search:hover{opacity:1}.reference-search input{width:190px}.reference-table-area{min-height:0;overflow:auto;border:1px solid var(--ref-border)}.reference-table-area .table-wrap{min-width:100%;height:100%}.reference-table-area table{min-width:100%;height:auto}.reference-table-area thead{position:sticky;top:0;z-index:2}.reference-table-area th{height:50px;color:#bec2c8;background:#fff}.reference-table-area td{height:58px}.reference-table-area tbody:empty:after{content:'暂无数据'}.lead-reference-table{min-width:1440px!important;table-layout:fixed}.lead-reference-table th:nth-child(1){width:155px}.lead-reference-table th:nth-child(2){width:150px}.lead-reference-table th:nth-child(3){width:110px}.lead-reference-table th:nth-child(4){width:120px}.lead-reference-table th:nth-child(5){width:90px}.lead-reference-table th:nth-child(6){width:420px}.lead-reference-table th:nth-child(7),.lead-reference-table th:nth-child(8){width:150px}.lead-reference-table th:nth-child(9){width:220px}.lead-content-cell{white-space:normal;line-height:1.55}.inline-edit{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:#fff;padding:0;cursor:pointer;text-align:left}.inline-edit svg{width:14px;color:#7b88a0}.row-actions{display:flex;align-items:center;gap:4px}.row-actions form{display:inline}.lead-settings-page .reference-table-area table{table-layout:fixed}.lead-settings-page th:nth-child(1){width:45%}.lead-settings-page th:nth-child(2){width:35%}.listing-reference-page .reference-actionbar{justify-content:space-between}.listing-filter{display:flex;align-items:center;gap:8px}.listing-filter .input-icon{width:260px}

.post-list-workspace{display:grid;grid-template-rows:78px minmax(0,1fr) 62px;padding:0 22px}.post-filter{display:flex;align-items:center;gap:9px}.post-filter select{width:130px}.post-filter .input-icon{width:230px}.post-filter .btn:last-child{margin-left:auto}.post-list-scroll{min-height:0;overflow-y:auto;border-top:1px solid var(--ref-border)}.post-record{min-height:150px;display:grid;grid-template-columns:124px minmax(0,1fr) 220px 130px;align-items:center;gap:20px;border-bottom:1px solid var(--ref-border);padding:18px 10px}.post-cover{height:105px;background:#f1f3f6;display:grid;place-items:center;color:#9ca6b6}.post-cover svg{width:34px}.post-info p{margin:6px 0;color:#5f6770}.post-info span{color:#333}.post-stats{display:flex;align-items:center;gap:20px}.post-stats span{display:flex;align-items:center;gap:5px}.post-stats svg{width:16px;color:#78869a}.post-stats button{border:0;background:#fff;color:var(--ref-blue);cursor:pointer}.post-result{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.post-result a{color:var(--ref-blue)}.post-result span{color:#9aa0a8}.post-result span.success{color:#67c23a}

.publisher-workspace{display:grid;grid-template-rows:50px minmax(0,1fr)}.publisher-tabs{border-bottom:1px solid var(--ref-border);display:flex;padding-left:20px}.publisher-tabs button{border:0;background:#fff;padding:0 22px;cursor:pointer}.publisher-tabs button.active{color:var(--ref-blue);border-bottom:2px solid var(--ref-blue)}.publisher-columns{display:grid;grid-template-columns:minmax(520px,1fr) 360px;min-height:0}.publisher-form{overflow-y:auto;padding:28px 38px;border-right:1px solid var(--ref-border)}.publisher-field{display:block;position:relative;margin-bottom:22px}.publisher-field>span{display:block;margin-bottom:9px}.publisher-field b{color:#f56c6c}.publisher-field textarea{resize:none}.publisher-field>small{position:absolute;right:9px;bottom:9px;color:#aaa}.publisher-field>em,.publisher-field span em{display:block;color:#9aa0a7;font-style:normal;font-size:11px;margin-top:7px}.publisher-inline-tools{display:flex;align-items:center;gap:4px;margin-top:-16px;margin-bottom:18px}.publisher-inline-tools .btn{margin-left:auto}.media-choices{display:flex;gap:18px}.media-choices button{width:180px;height:112px;border:1px dashed #c6ccd4;background:#fafbfc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer}.media-choices button:hover{border-color:var(--ref-blue);color:var(--ref-blue)}.media-choices svg{width:28px}.publisher-method{border:0;padding:0;margin:0 0 26px}.publisher-method legend{margin-bottom:12px}.publisher-method label{display:inline-flex;align-items:center;gap:6px;margin-right:22px}.publisher-method input[type=radio]{width:auto;accent-color:var(--ref-blue)}.publisher-method .publish-date{display:none;width:240px;margin-top:12px}.publisher-method.scheduled .publish-date{display:block}.publisher-submit{width:90px}.publisher-preview{padding:24px;background:#fafbfc;overflow-y:auto}.publisher-preview h2{font-size:15px;font-weight:400;margin:0 0 20px}.phone-preview{width:288px;min-height:500px;margin:0 auto;background:#fff;border:1px solid #dfe3e8;padding:18px}.preview-account{display:flex;align-items:center;gap:9px}.preview-account strong,.preview-account small{display:block}.preview-account small{color:#999}.phone-preview>p{min-height:80px;line-height:1.65;word-break:break-word}.preview-media{height:250px;background:#eef1f5;display:grid;place-items:center;color:#9ca5b1}.preview-media svg{width:44px}.preview-actions{height:52px;display:flex;align-items:center;justify-content:space-around}.preview-actions svg{width:20px}

.reference-login-body{min-height:100vh;margin:0;background:#f5f6f8;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;display:grid;place-items:center;color:#30343b}.reference-login{width:420px;min-height:560px;background:#fff;padding:50px 52px 28px;box-shadow:0 2px 18px rgba(30,52,81,.09);position:relative}.reference-login-logo{display:block;width:142px;margin:0 auto 32px}.reference-login-form h1{text-align:center;font-size:22px;font-weight:400;margin:0 0 30px}.reference-login-form label>span{display:block;margin-bottom:8px}.reference-login-form label>div{height:44px;border:1px solid #dcdfe6;display:flex;align-items:center;padding:0 12px;margin-bottom:18px}.reference-login-form label>div:focus-within{border-color:var(--ref-blue)}.reference-login-form label svg{width:17px;color:#a8adb5}.reference-login-form input{border:0;box-shadow:none!important;border-radius:0;padding:10px;width:100%}.reference-login-form button{width:100%;height:44px;border:0;background:var(--ref-blue);color:#fff;cursor:pointer;font-size:14px}.reference-login-form button:hover{background:#4769db}.reference-agreement{display:flex!important;align-items:center;gap:7px;margin:-2px 0 20px;font-size:11px;color:#838a94}.reference-agreement input{width:14px;padding:0;accent-color:var(--ref-blue)}.reference-agreement span{margin:0!important}.reference-login-error{background:#fef0f0;color:#f56c6c;padding:9px 11px;margin-bottom:16px}.reference-login footer{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#a4a9b0;font-size:10px}

@media(max-width:1280px){.ads-metric-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}.writing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publisher-columns{grid-template-columns:minmax(480px,1fr) 320px}.post-record{grid-template-columns:100px minmax(0,1fr) 180px 100px}}
@media(max-width:900px){.writing-workspace,.inbox-workspace,.reference-data-page,.post-list-workspace,.publisher-workspace,.ads-workspace{height:auto;min-height:calc(100vh - 84px)}.writing-workspace{padding:18px 14px 0;grid-template-rows:64px auto minmax(500px,1fr) 62px}.writing-publish-strip{height:64px}.writing-filter{padding:14px 0;align-items:stretch;flex-wrap:wrap;gap:8px}.writing-filter label{flex:1;min-width:240px}.writing-filter select{width:100%}.writing-generate{margin-left:0}.writing-grid{grid-template-columns:1fr}.inbox-body{grid-template-columns:280px minmax(360px,1fr);overflow-x:auto}.ads-workspace{grid-template-columns:1fr}.ads-subnav{display:flex;align-items:center;overflow-x:auto;padding:10px}.ads-subnav h2{margin:0 12px;white-space:nowrap}.ads-subnav a,.ads-subnav button{min-width:max-content;width:auto}.ads-content{min-height:700px}.ads-metric-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:12px}.publisher-columns{grid-template-columns:1fr}.publisher-form{border-right:0}.publisher-preview{display:none}.post-record{grid-template-columns:90px minmax(360px,1fr);overflow-x:auto}.post-stats,.post-result{display:none}.reference-search{display:none}.reference-data-page{padding:0 10px}}
@media(max-width:560px){.writing-grid,.ads-metric-grid{grid-template-columns:1fr}.writing-card{height:auto;min-height:220px}.writing-filter label{min-width:100%;flex-direction:column;align-items:flex-start}.inbox-platform-tabs{overflow-x:auto}.inbox-body{grid-template-columns:1fr}.inbox-list{min-height:360px}.inbox-chat{min-height:520px;border-top:10px solid var(--ref-bg)}.ads-toolbar{padding:15px;align-items:stretch;flex-direction:column}.ads-toolbar select,.ads-toolbar .date-input{width:100%}.ads-content{grid-template-rows:auto minmax(0,1fr)}.ads-overview,.ads-list-panel{padding:12px}.ads-metric-grid article{height:112px}.reference-actionbar{overflow-x:auto}.listing-filter{min-width:max-content}.post-filter{overflow-x:auto}.post-list-workspace{padding:0 10px}.publisher-form{padding:20px 16px}.media-choices button{width:50%}.reference-login{width:100%;min-height:100vh;padding:70px 32px}.reference-login footer{bottom:24px}}

.media-choices label,.media-choices>a{width:180px;height:112px;border:1px dashed #c6ccd4;background:#fafbfc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer}.media-choices label:hover,.media-choices>a:hover{border-color:var(--ref-blue);color:var(--ref-blue)}
@media(max-width:560px){.media-choices label,.media-choices>a{width:50%}}

/* Interactive state refinements */
.ads-add-button.visible{display:inline-grid}.icon-btn:disabled,.btn:disabled{cursor:not-allowed;opacity:.55}.icon-btn.is-loading svg,[data-refresh-form] .is-loading svg{animation:control-spin .7s linear infinite}.icon-btn.copied{background:#f0f9eb;color:#67c23a}.media-unavailable{color:#b3b8bf}.post-stats form{display:inline-flex;margin:0}.preview-media{overflow:hidden}.preview-media img,.preview-media video{width:100%;height:100%;object-fit:contain;background:#eef1f5}.inbox-account-row form{display:flex}.inbox-conversations .conversation-filter-empty{height:100%;min-height:240px}.conversation-filter-empty[hidden]{display:none!important}.inbox-chat .chat-contact{position:relative}.chat-more-menu{position:absolute;right:12px;top:50px;z-index:5;width:132px;padding:5px!important;background:#fff;border:1px solid var(--ref-border);box-shadow:0 6px 18px rgba(40,50,65,.13);display:none}.chat-more-menu.open{display:block}.chat-more-menu button{display:block;width:100%;height:34px;border:0;background:#fff;padding:0 10px;text-align:left;cursor:pointer}.chat-more-menu button:hover{background:#f4f6fa;color:var(--ref-blue)}.chat-message-empty{margin:auto;color:#b0b5bd}.composer-input{position:relative;min-width:0;flex:1}.composer-input input{width:100%}.composer-input>[data-attachment-name]{position:absolute;left:10px;right:10px;bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--ref-blue)}.composer-input:has([data-attachment-name]:not([hidden])) input{padding-bottom:17px}.message{white-space:pre-wrap;word-break:break-word}.message-attachment{display:block;margin-top:6px;color:var(--ref-blue);text-decoration:underline}.message.sent .message-attachment{color:#3157bd}@keyframes control-spin{to{transform:rotate(360deg)}}

/* Official platform sync */
.platform-sync-toolbar{gap:9px;padding:14px 22px;min-height:104px}.platform-filter-form{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.platform-filter-form>select{width:210px}.platform-date-range{height:40px;display:flex;align-items:center;gap:7px;border:1px solid #dcdfe6;background:#fff;padding:0 10px;position:relative;min-width:310px}.platform-date-range input{width:128px;border:0;box-shadow:none!important;padding:0;background:transparent}.platform-date-range span{color:#a0a5ad}.platform-date-range svg{width:16px;color:#9aa0a8;flex:0 0 auto}.sync-button{background:var(--ref-blue);color:#fff;border:0}.sync-button:hover{background:#4769db}.sync-button.is-loading svg,[data-sync-form] .is-loading svg{animation:control-spin .7s linear infinite}.platform-sync-state{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin-bottom:16px;background:#f4f7fc;color:#697180;font-size:12px;border-left:3px solid #7891df}.platform-sync-state strong{font-weight:500;color:#f56c6c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-sync-state.has-error{background:#fef2f2;border-left-color:#f56c6c}.platform-empty{min-height:300px}.platform-empty small{color:#9aa0a8}.platform-entity-table{min-width:1120px}.platform-entity-table td:first-child{white-space:normal;min-width:220px}.platform-status{display:inline-flex;padding:4px 8px;background:#f0f3f8;color:#59677c;border-radius:3px;font-size:11px}.synced-leads-page{grid-template-rows:86px 42px minmax(0,1fr) 62px}.lead-sync-actionbar{gap:8px}.lead-filter-form{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.lead-filter-form>select{width:124px;min-width:112px}.lead-filter-form .compact-range{min-width:280px;height:36px}.lead-filter-form .compact-range input{width:116px}.lead-search-field{height:36px;width:190px;display:flex;align-items:center;border:1px solid #dcdfe6;background:#fff;padding:0 9px}.lead-search-field svg{width:15px;color:#a1a7af}.lead-search-field input{border:0;box-shadow:none!important;padding:0 0 0 7px;min-width:0}.lead-sync-form{display:flex;align-items:center;gap:7px;margin-left:auto}.lead-sync-form select{max-width:175px}.lead-sync-state{margin:0;border-left:0;border-top:1px solid #e7eaf0;padding:8px 0;background:#fff}.synced-lead-table{min-width:1530px!important}.synced-lead-table th:nth-child(5){width:170px}.synced-lead-table th:nth-child(9){width:240px}.platform-source{display:inline-flex;padding:3px 7px;border-radius:3px;background:#edf2ff;color:var(--ref-blue);font-size:11px}.platform-source.tiktok_ads{background:#f3f3f3;color:#222}.platform-source.facebook{background:#edf2ff;color:#4267b2}
@media(max-width:1280px){.platform-sync-toolbar{align-items:flex-start;flex-wrap:wrap}.platform-filter-form{flex-wrap:wrap}.lead-sync-actionbar{overflow-x:auto}.lead-filter-form{min-width:max-content}.lead-sync-form{min-width:max-content}}
@media(max-width:900px){.platform-sync-toolbar{padding:12px}.platform-filter-form{width:100%}.platform-filter-form>select{flex:1}.platform-date-range{flex:1}.synced-leads-page{grid-template-rows:auto auto minmax(0,1fr) 62px}.lead-sync-actionbar{padding:12px 0;align-items:flex-start}.lead-sync-state{padding:9px 0}}
@media(max-width:560px){.platform-filter-form{align-items:stretch;flex-direction:column}.platform-filter-form>select,.platform-date-range{width:100%;min-width:0}.platform-date-range input{flex:1;min-width:0}.platform-sync-toolbar>.btn,.platform-sync-toolbar>[data-sync-form],.platform-sync-toolbar>[data-sync-form] .btn{width:100%}.platform-sync-state{align-items:flex-start;flex-direction:column}.platform-sync-state strong{white-space:normal}.lead-sync-actionbar{display:grid;grid-template-columns:1fr 1fr;overflow:visible;align-items:stretch;padding:12px 0}.lead-sync-actionbar>.btn{width:100%;min-width:0}.lead-filter-form,.lead-sync-form{grid-column:1/-1;min-width:0;width:100%}.lead-filter-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.lead-filter-form>select{width:100%;min-width:0}.lead-filter-form .compact-range,.lead-search-field,.lead-filter-form>.btn{grid-column:1/-1;width:100%;min-width:0}.lead-filter-form .compact-range input{width:auto;min-width:0;flex:1}.lead-sync-form{margin-left:0}.lead-sync-form select{max-width:none;min-width:0;flex:1}.lead-sync-form .btn{flex:0 0 auto}}

/* Reference publisher */
.publisher-workspace{position:relative;display:grid;grid-template-rows:84px minmax(0,1fr);height:calc(100vh - 84px);min-height:620px;background:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(29,49,76,.07);overflow:hidden}.publisher-tabs{height:84px;padding:0 30px;display:flex;align-items:flex-end;gap:0;border-bottom:1px solid var(--ref-border)}.publisher-tabs a{height:54px;min-width:96px;padding:0 19px;display:flex;align-items:center;justify-content:center;color:#4c535d;font-size:13px}.publisher-tabs a.active{color:var(--ref-blue);border-bottom:2px solid var(--ref-blue)}.publisher-columns{display:grid;grid-template-columns:minmax(680px,1.45fr) minmax(340px,.9fr);min-height:0}.publisher-form{min-width:0;overflow-y:auto;padding:21px 38px 46px;border-right:0}.publisher-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;margin-bottom:20px}.publisher-label{padding-top:9px;text-align:right;color:#424850;line-height:1.4}.publisher-label b{color:#f56c6c;font-weight:400;margin-right:4px}.publisher-control{min-width:0}.publisher-error{min-height:16px;margin:4px 0 0;color:#ed5b61;font-size:11px}.publisher-error:empty{display:none}.publisher-help,.publisher-media-rule{margin:7px 0 0;color:#8f959d;font-size:11px}.publisher-media-rule{margin:-1px 0 9px;color:#555d67}.account-multiselect{position:relative}.account-select-trigger{width:100%;min-height:34px;padding:3px 28px 3px 9px;border:1px solid #d9dde3;border-radius:3px;background:#fff;display:flex;align-items:center;cursor:pointer;text-align:left}.account-select-trigger:focus,.account-multiselect.open .account-select-trigger{border-color:var(--ref-blue);outline:0}.account-select-trigger>svg{position:absolute;right:9px;width:14px;color:#9da3aa;transition:transform .16s}.account-multiselect.open .account-select-trigger>svg{transform:rotate(180deg)}.account-tags{min-width:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.select-placeholder{color:#b8bdc5}.account-tag{height:25px;max-width:190px;padding:0 3px 0 8px;border:1px solid #e4e7ed;background:#f5f7fa;display:inline-flex;align-items:center;gap:3px;color:#60656c}.account-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tag button{width:19px;height:19px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;color:#9ba1a9}.account-tag button svg{width:12px}.account-select-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:45;max-height:330px;overflow-y:auto;padding:7px 0;background:#fff;border:1px solid #e1e4e8;box-shadow:0 4px 13px rgba(34,45,65,.14);display:none}.account-multiselect.open .account-select-menu{display:block}.account-option-group>strong{height:31px;padding:0 11px;display:flex;align-items:center;color:#a6abb2;font-size:11px;font-weight:400}.account-option{min-height:43px;padding:5px 12px;display:grid;grid-template-columns:28px minmax(0,1fr) 17px;align-items:center;gap:9px;cursor:pointer}.account-option:hover{background:#f5f7fa}.account-option>input{position:absolute;opacity:0;pointer-events:none}.account-option-avatar{width:28px;height:28px;border-radius:50%;background:#edf1f7;color:#4d6ed1;display:grid;place-items:center;overflow:hidden;font-size:11px}.account-option-avatar img{width:100%;height:100%;object-fit:cover}.account-option>span:nth-of-type(2){min-width:0}.account-option b,.account-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-option b{font-size:12px;font-weight:400;color:#3c424a}.account-option small{font-size:10px;color:#a1a6ad;margin-top:2px}.account-option>svg{width:15px;color:transparent}.account-option:has(input:checked){background:#f3f6ff}.account-option:has(input:checked)>svg{color:var(--ref-blue)}.account-select-empty{min-height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#aaa}.account-select-empty a{color:var(--ref-blue)}.publisher-textarea-shell,.publisher-title-shell{position:relative;border:1px solid #d9dde3;border-radius:3px;background:#fff}.publisher-textarea-shell:focus-within,.publisher-title-shell:focus-within{border-color:var(--ref-blue)}.publisher-textarea-shell textarea,.publisher-title-shell textarea{display:block;width:100%;border:0!important;border-radius:0!important;box-shadow:none!important;resize:none;padding:11px 10px 38px;line-height:1.6}.publisher-textarea-shell textarea{height:199px}.publisher-title-shell textarea{height:72px;padding-bottom:30px}.publisher-editor-tools,.publisher-title-tools{position:absolute;left:7px;right:7px;bottom:5px;height:28px;display:flex;align-items:center;gap:2px}.publisher-title-tools{height:23px}.publisher-tool{width:28px;height:26px;border:0;background:#fff;color:#5775da;display:grid;place-items:center;cursor:pointer}.publisher-tool:hover{background:#f1f5ff}.publisher-tool svg{width:18px}.publisher-ai-button{height:24px;padding:0 10px;background:var(--ref-blue);color:#fff;border-radius:2px;display:flex;align-items:center;font-size:11px}.publisher-editor-tools small,.publisher-title-tools small{margin-left:auto;color:#777e87;font-size:12px}.publisher-title-tools .publisher-tool{margin-right:auto}.publisher-title-tools small{margin-left:0}.selected-media-grid{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.selected-media-grid:empty{display:none}.selected-media-card{position:relative;width:120px;height:108px;border:1px solid #dfe3e8;background:#f4f6f8;overflow:hidden}.selected-media-card img,.selected-media-card video{width:100%;height:100%;object-fit:cover}.selected-media-card>svg{position:absolute;left:50%;top:50%;width:25px;color:#fff;filter:drop-shadow(0 1px 3px #333);transform:translate(-50%,-50%)}.selected-media-grid:not(:empty)+.media-choices{margin-top:10px}.media-choices{display:flex;gap:8px}.media-choices .media-choice{width:140px;height:110px;border:1px dashed #d7dbe0;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;color:#30353c}.media-choices .media-choice:hover{border-color:var(--ref-blue);color:var(--ref-blue);background:#fff}.media-choices .media-choice svg{width:44px;height:44px;color:#5577e8;stroke-width:1.8}.media-choices .media-choice strong{font-weight:400}.publisher-method{border:0;padding:0;margin:4px 0 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.publisher-method>label:not(.publish-date){display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer}.publisher-method input[type=radio]{width:15px;height:15px;margin:0;accent-color:var(--ref-blue)}.publisher-method .publish-date{width:100%;display:none;align-items:center;gap:10px;margin-top:4px}.publisher-method.scheduled .publish-date{display:flex}.publisher-method .publish-date>span{min-width:52px}.publisher-method .publish-date input{width:240px}.publisher-submit-row{margin-top:-2px;margin-bottom:0}.publisher-submit{width:56px;min-height:33px!important;padding:0!important}.publisher-preview{padding:21px 30px 42px;background:#fff;overflow-y:auto}.publisher-preview h2{height:28px;margin:0 0 12px;border-bottom:1px solid #e3e6ea;font-size:13px;font-weight:400}.preview-stage{width:min(310px,100%);min-height:460px;margin:0 auto;padding:17px;border:1px solid #e1e5ea;background:#fff}.preview-account{display:flex;align-items:center;gap:9px}.preview-account .avatar{background-position:center;background-size:cover}.preview-account strong,.preview-account small{display:block}.preview-account small{margin-top:2px;color:#999}.preview-stage>p{min-height:74px;margin:16px 0;line-height:1.65;word-break:break-word;white-space:pre-wrap}.preview-media{height:250px;background:#f0f2f5;display:grid;place-items:center;color:#a2aab5;overflow:hidden}.preview-media.image-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px}.preview-media img,.preview-media video{width:100%;height:100%;object-fit:cover;background:#eef1f5}.preview-media>svg{width:42px}.preview-actions{height:50px;display:flex;align-items:center;justify-content:space-around}.preview-actions svg{width:19px;color:#626a75}.publisher-material-drawer{position:fixed;z-index:121;inset:0 0 0 auto;width:min(1100px,calc(100vw - 260px));background:#fff;box-shadow:-3px 0 16px rgba(18,28,43,.16);transform:translateX(102%);transition:transform .2s ease;display:grid;grid-template-rows:64px minmax(0,1fr) 54px}.publisher-material-drawer.open{transform:none}.publisher-drawer-backdrop{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.48)}.publisher-material-drawer>header{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e6e8eb}.publisher-material-drawer>header>.icon-btn{margin-left:auto;color:#969ca4}.material-search{display:flex;align-items:center;gap:10px}.material-search input{width:200px;height:36px}.material-search .btn{height:36px}.material-drawer-body{min-height:0;padding:18px 24px;overflow-y:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:20px 14px}.material-picker-card{position:relative;height:242px;padding:14px 12px 12px;border:1px solid #eef0f3;box-shadow:0 2px 9px rgba(38,49,65,.1);display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:hidden}.material-picker-card:hover{border-color:#bccbf7}.material-picker-card>input{position:absolute;opacity:0;pointer-events:none}.material-kind{position:absolute;left:0;top:0;padding:4px 9px;background:#f79b45;color:#fff;border-radius:3px;font-size:11px}.material-check{position:absolute;right:10px;top:9px;width:17px;height:17px;border:1px solid #d9dde3;background:#fff;display:grid;place-items:center}.material-check svg{width:12px;color:transparent}.material-picker-card:has(input:checked){border-color:var(--ref-blue);box-shadow:0 0 0 1px var(--ref-blue),0 2px 9px rgba(38,49,65,.1)}.material-picker-card:has(input:checked) .material-check{border-color:var(--ref-blue);background:var(--ref-blue)}.material-picker-card:has(input:checked) .material-check svg{color:#fff}.material-thumb{position:relative;width:100%;height:116px;margin:2px 0 10px;display:grid;place-items:center;overflow:hidden;background:#f5f6f8}.material-thumb img,.material-thumb video{width:100%;height:100%;object-fit:contain}.material-thumb>svg{position:absolute;width:30px;color:#fff;filter:drop-shadow(0 1px 3px #333)}.material-picker-card>strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px}.material-picker-card>small,.material-picker-card>time{margin-top:5px;color:#8e949b;font-size:11px}.material-picker-empty{grid-column:1/-1;min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#aeb4bb}.material-picker-empty svg{width:38px}.material-picker-empty a{color:var(--ref-blue)}.publisher-material-drawer>footer{padding:0 16px;display:flex;align-items:center;border-top:1px solid #e5e8ec;color:#626973}.material-drawer-actions{margin-left:auto;display:flex;gap:8px}.publisher-material-drawer>footer .btn{min-height:34px;padding:0 14px}.publisher-material-drawer~#publisher-material-inputs{display:none}
@media(max-width:1280px){.publisher-columns{grid-template-columns:minmax(600px,1fr) 320px}.publisher-form{padding-left:24px;padding-right:24px}.material-drawer-body{grid-template-columns:repeat(4,minmax(0,1fr))}.publisher-material-drawer{width:min(930px,calc(100vw - 220px))}}
@media(max-width:900px){.publisher-workspace{height:auto;min-height:calc(100vh - 84px);grid-template-rows:62px auto}.publisher-tabs{height:62px;padding:0 12px}.publisher-tabs a{height:48px}.publisher-columns{grid-template-columns:1fr}.publisher-form{padding:18px 18px 36px;border:0}.publisher-preview{display:none}.publisher-material-drawer{width:min(680px,100vw)}.material-drawer-body{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.publisher-tabs{padding-left:4px}.publisher-row{grid-template-columns:1fr;gap:6px;margin-bottom:17px}.publisher-label{text-align:left;padding-top:0}.publisher-form{padding:16px 12px 30px}.publisher-textarea-shell textarea{height:180px}.media-choices{gap:8px}.media-choices .media-choice{width:calc(50% - 4px);height:102px}.publisher-method{gap:12px 15px}.publisher-method .publish-date{align-items:flex-start;flex-direction:column}.publisher-method .publish-date input{width:100%}.publisher-submit-row>span{display:none}.publisher-submit{width:64px}.publisher-material-drawer{width:100vw}.publisher-material-drawer>header{padding:0 10px}.material-search{min-width:0;flex:1}.material-search input{min-width:0;flex:1;width:auto}.material-drawer-body{padding:13px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-picker-card{height:218px;padding:12px 8px}.material-thumb{height:100px}.selected-media-card{width:92px;height:92px}.account-tag{max-width:130px}}
.selected-media-remove{position:absolute;right:5px;top:5px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(35,40,48,.72);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s}.selected-media-card:hover .selected-media-remove,.selected-media-remove:focus{opacity:1}.selected-media-remove svg{width:13px}
.publisher-material-drawer input{border:1px solid #d9dde3;border-radius:3px;padding:9px 10px;outline:0;font-size:12px}.publisher-material-drawer input:focus{border-color:var(--ref-blue);box-shadow:none}.publisher-material-drawer .btn{min-height:36px;border-radius:3px;padding:0 16px;font-size:12px;font-weight:400}.publisher-material-drawer .btn.primary{border-color:var(--ref-blue);background:var(--ref-blue);color:#fff}.publisher-material-drawer .btn.primary:hover{background:#4669da}.publisher-material-drawer .btn.ghost{border-color:#d9dde3;background:#fff}.publisher-material-drawer .btn.ghost:hover{background:#f5f7fa}
@media(max-width:900px){.selected-media-remove{opacity:1}}

/* Keep platform artwork centered independently of its aspect ratio. */
.reference-main .reference-platform{grid-template-columns:1fr;grid-template-rows:22px 1fr}
.reference-main .reference-platform:after{grid-column:1;grid-row:2;align-self:center;justify-self:center;margin:0}

/* Reference-style emoji library used by both publisher text fields. */
.publisher-emoji-control{position:relative;height:26px;display:flex;align-items:center}.publisher-emoji-picker{position:absolute;z-index:70;left:-8px;bottom:33px;width:281px;height:265px;padding:8px;background:#fff;border:1px solid #e2e5e9;box-shadow:0 3px 14px rgba(35,46,65,.16);display:grid;grid-template-columns:repeat(10,1fr);align-content:start;overflow-y:auto}.publisher-emoji-picker[hidden]{display:none}.publisher-emoji-option{width:26px;height:26px;padding:0;border:0;background:#fff;display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer}.publisher-emoji-option:hover,.publisher-emoji-option:focus{background:#f0f4ff;outline:1px solid #c9d5fb}.publisher-title-tools .publisher-emoji-picker{bottom:29px}
@media(max-width:560px){.publisher-emoji-picker{left:-40px;width:min(281px,calc(100vw - 32px));grid-template-columns:repeat(8,1fr)}}

/* Reference material center */
.material-center{min-height:calc(100vh - 84px);padding:48px 34px 24px;background:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(29,49,76,.07)}.material-center-toolbar{margin-bottom:20px}.material-type-tabs{height:32px;display:flex;align-items:flex-start;gap:25px}.material-type-tabs a{height:30px;color:#343a43;font-size:13px}.material-type-tabs a.active{color:var(--ref-blue)}.material-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.material-search-form{min-width:0;display:flex;align-items:center;gap:10px;flex:1}.material-search-form>input:not([type=hidden]){max-width:600px;height:36px}.material-search-form .btn{height:36px;min-height:36px!important}.material-upload-button{background:#5c8dea!important;color:#fff}.material-usage{margin:0;white-space:nowrap;color:#5f6670}.material-usage strong{margin:0 5px;color:#5070df}.material-tags{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:26px}.material-tags a{min-height:34px;padding:0 16px;border:1px solid #627dda;border-radius:5px;color:#5670d2;display:flex;align-items:center}.material-tags a.active,.material-tags a:hover{background:#f1f5ff}.material-selection-bar{height:36px;display:flex;align-items:center;justify-content:space-between}.material-selection-bar label{display:flex;align-items:center;gap:5px}.material-selection-bar input{width:16px;height:16px;margin:0;accent-color:var(--ref-blue)}.material-selection-bar strong{color:#526fda}.material-batch-delete{border:0;background:transparent;color:#e0525c;display:flex;align-items:center;gap:5px;cursor:pointer}.material-batch-delete:disabled{display:none}.material-batch-delete svg{width:15px}.material-center-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:24px 38px;align-items:start}.material-center-card{position:relative;height:282px;padding:36px 18px 11px;background:#fff;border:1px solid #edf0f3;border-radius:7px;box-shadow:0 2px 10px rgba(34,47,67,.16);overflow:hidden;display:grid;grid-template-rows:132px minmax(0,1fr) 0;transition:.15s}.material-center-card:hover,.material-center-card.selected{border-color:#aebffa;box-shadow:0 3px 13px rgba(45,67,115,.21)}.material-center-card:hover{grid-template-rows:132px minmax(0,1fr) 26px}.material-type-flag{position:absolute;left:0;top:0;height:25px;padding:0 10px;border-radius:4px;background:#f7903d;color:#fff;display:flex;align-items:center}.material-card-check{position:absolute;right:13px;top:10px;width:17px;height:17px}.material-card-check input{position:absolute;opacity:0;pointer-events:none}.material-card-check span{width:17px;height:17px;border:1px solid #d9dde3;background:#fff;display:grid;place-items:center}.material-card-check svg{width:12px;color:transparent}.material-card-check input:checked+span{background:var(--ref-blue);border-color:var(--ref-blue)}.material-card-check input:checked+span svg{color:#fff}.material-card-media{width:100%;height:132px;padding:0;border:0;background:#f6f7f9;display:grid;place-items:center;position:relative;cursor:pointer;overflow:hidden}.material-card-media img,.material-card-media video{width:100%;height:100%;object-fit:contain}.material-card-media>svg{width:31px;color:#fff;filter:drop-shadow(0 1px 3px #333)}.material-card-media:disabled>svg{color:#aab1bb;filter:none}.material-card-text{min-width:0;padding-top:12px}.material-card-text strong,.material-card-text span,.material-card-text time,.material-card-text small{display:block}.material-card-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.material-card-text span,.material-card-text time{margin-top:4px;color:#777f89}.material-card-text small{margin-top:4px;color:#5971ca;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-card-actions{height:26px;display:flex;align-items:center;justify-content:space-around;opacity:0;transition:.15s}.material-center-card:hover .material-card-actions{opacity:1}.material-card-actions button,.material-card-actions a{width:26px;height:26px;padding:0;border:0;background:transparent;color:#68717c;display:grid;place-items:center;cursor:pointer}.material-card-actions form{margin:0}.material-card-actions svg{width:16px}.material-card-actions button:hover,.material-card-actions a:hover{color:var(--ref-blue);background:#f1f5ff}.material-center-empty{grid-column:1/-1;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#a9b0ba}.material-center-empty svg{width:38px}.material-center-empty strong{color:#7f8791}.material-pagination{margin-top:24px}.material-upload-backdrop{position:fixed;z-index:119;inset:0;background:rgba(0,0,0,.35)}.material-upload-drawer{position:fixed;z-index:120;inset:0 0 0 auto;width:min(600px,100vw);background:#fff;box-shadow:-3px 0 16px rgba(18,28,43,.18);transform:translateX(102%);transition:transform .2s;display:grid;grid-template-rows:55px minmax(0,1fr)}.material-upload-drawer.open{transform:none}.material-upload-drawer>header{padding:0 18px;border-bottom:1px solid #e6e8eb;display:flex;align-items:center}.material-upload-drawer>header strong{font-size:14px}.material-upload-drawer>header .icon-btn{margin-left:auto}.material-upload-drawer>form{min-height:0;padding:24px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:18px;overflow-y:auto}.material-upload-dropzone{position:relative;min-height:190px;border:1px dashed #aebdf0;background:#f8faff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer}.material-upload-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.material-upload-dropzone svg{width:42px;color:var(--ref-blue)}.material-upload-dropzone span{color:#8c939d}.material-upload-list{max-height:245px;overflow-y:auto;border:1px solid #eaedf0}.material-upload-list>span{min-height:56px;display:grid;place-items:center;color:#a0a7b0}.material-upload-list>div{height:44px;padding:0 12px;border-bottom:1px solid #edf0f2;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px}.material-upload-list>div:last-child{border:0}.material-upload-list svg{width:15px;color:#657ee0}.material-upload-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-upload-list small{color:#9097a0}.material-upload-tags{font-weight:600}.material-upload-tags input{margin-top:8px}.material-upload-drawer footer{display:flex;justify-content:flex-end;gap:8px;align-self:end}.material-tag-form{padding:22px}.material-tag-form label{display:block;font-weight:600}.material-tag-form label input{margin-top:8px}.material-tag-form label small{display:block;margin-top:6px;color:#8a9199;font-weight:400}.material-tag-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.material-tag-suggestions button{height:27px;padding:0 9px;border:1px solid #cbd4f1;background:#f7f9ff;color:#536fcf;cursor:pointer}.material-preview-modal .modal-card{width:min(900px,calc(100vw - 40px))}.material-preview-stage{height:min(680px,calc(100vh - 150px));padding:20px;background:#f2f4f7;display:grid;place-items:center}.material-preview-stage img,.material-preview-stage video{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1400px){.material-center-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:20px}.material-center{padding-left:25px;padding-right:25px}}
@media(max-width:1100px){.material-center-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.material-toolbar-row{align-items:flex-start;flex-direction:column}.material-usage{align-self:flex-end}.material-search-form{width:100%}}
@media(max-width:700px){.material-center{padding:24px 14px}.material-search-form{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.material-search-form>input:not([type=hidden]){grid-column:1/-1;max-width:none}.material-usage{align-self:flex-start}.material-center-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px}.material-center-card{height:260px;padding:34px 10px 8px;grid-template-rows:116px minmax(0,1fr) 26px}.material-center-card:hover{grid-template-rows:116px minmax(0,1fr) 26px}.material-card-media{height:116px}.material-card-actions{opacity:1}.material-tags{gap:8px}.material-tags a{padding:0 10px}.material-pagination{overflow-x:auto}}

/* Viewport positioning keeps the picker above scrolling publisher layers. */
.publisher-emoji-picker{position:fixed;z-index:200;left:auto;top:auto;bottom:auto}.publisher-title-tools .publisher-emoji-picker{bottom:auto}
/* Reserve action-row height so card details do not shift on hover. */
.material-center-card{grid-template-rows:132px minmax(0,1fr) 26px}.material-center-card:hover{grid-template-rows:132px minmax(0,1fr) 26px}
.material-upload-drawer .btn.primary{border-color:var(--ref-blue);background:var(--ref-blue);color:#fff}.material-upload-drawer .btn.primary:hover{background:#4669da}