:root{--bg:#0a0c11;--surface:#13161e;--surface-2:#1a1e29;--surface-3:#202532;--border:#232936;--border-hover:#333c4d;--text:#e8eaf1;--text-muted:#9aa2b4;--text-dim:#6b7280;--accent:#6d8bff;--accent-hover:#8098ff;--accent-soft:rgba(109,139,255,0.14);--green:#4ed08a;--green-bg:#12341f;--red:#ff7b7b;--red-bg:#3a1717;--amber:#ffcf6b;--radius:12px;--radius-sm:9px;--radius-pill:999px;--sidebar-w:244px;--sidebar-w-collapsed:68px;--shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.18)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}h1{font-size:1.5rem;font-weight:650;margin:0 0 .25rem}h1,h2{letter-spacing:-.01em}h2{font-size:1.1rem;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a3140;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#38404f}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;transition:width .16s ease}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-top{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;height:60px}.logo-mark{width:28px;height:28px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,#6d8bff,#a06dff);display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}.logo-word{font-weight:700;letter-spacing:-.02em;font-size:15px;white-space:nowrap}.sidebar.collapsed .logo-word{display:none}.nav-list{display:flex;flex-direction:column;gap:2px;padding:8px 10px;flex:1 1;overflow-y:auto}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:12px 10px 4px;font-weight:600}.sidebar.collapsed .nav-group-label{text-align:center;overflow:hidden}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item.soon{color:var(--text-dim);cursor:default}.nav-item.soon:hover{background:transparent;color:var(--text-dim)}.nav-soon-tag{margin-left:auto;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 6px}.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-soon-tag{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:9px}.sidebar-foot{border-top:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:8px}.ws-switch{display:flex;align-items:center;gap:6px}.ws-switch select{flex:1 1;min-width:0;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;font-size:12.5px;margin:0}.sidebar.collapsed .user-row .email,.sidebar.collapsed .ws-switch{display:none}.user-row{display:flex;align-items:center;gap:8px;padding:4px 4px 2px}.user-row .avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--surface-3);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-muted)}.user-row .email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.icon-btn{background:transparent;border:none;color:var(--text-dim);padding:6px;border-radius:7px;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:16px;height:16px}.content{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;background:rgba(10,12,17,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar .page-title{font-weight:600;font-size:14px}main{padding:28px 32px 64px;max-width:1040px;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}button{background:var(--surface-3);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:background .12s,border-color .12s,opacity .12s}button:hover{background:#262c3a}button:disabled{opacity:.45;cursor:not-allowed}button.approve,button.primary{background:var(--accent);border-color:transparent;color:#0a0c11;font-weight:600}button.approve:hover,button.primary:hover{background:var(--accent-hover)}button.reject{background:transparent;border-color:#5a2b2b;color:var(--red)}button.reject:hover{background:var(--red-bg)}input,select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:9px 11px;margin:5px 0 14px;font-size:13.5px;font-family:inherit;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{font-size:12px}.badge,label{color:var(--text-muted);font-weight:500}.badge{display:inline-block;font-size:11px;padding:2px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-hover);margin-left:8px}.badge.PENDING_REVIEW{color:var(--amber);border-color:#8a6d2f;background:rgba(255,207,107,.08)}.badge.APPROVED,.badge.PUBLISHED{color:var(--green);border-color:#2f8a55;background:rgba(78,208,138,.08)}.badge.FAILED,.badge.REJECTED{color:var(--red);border-color:#8a2f2f;background:rgba(255,123,123,.08)}.badge.GENERATING,.badge.QA_FAILED{color:var(--accent);border-color:#2f4d8a;background:var(--accent-soft)}.row{flex-wrap:wrap}.row,.slides{display:flex;gap:8px;margin-top:12px}.slides{overflow-x:auto}.slides img{height:150px;border-radius:8px;border:1px solid var(--border)}.muted{color:var(--text-dim);font-size:12.5px}.error{color:var(--red);font-size:13px}.export{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.export-link{font-size:12px;padding:5px 11px;border:1px solid var(--border-hover);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text)}.export-link:hover{background:var(--surface-3)}.empty{text-align:center;padding:56px 24px;border:1px dashed var(--border-hover);border-radius:var(--radius);background:var(--surface);margin:8px 0}.empty .empty-icon{width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.empty h3{margin:0 0 6px;font-size:15px}.empty p{color:var(--text-muted);font-size:13px;margin:0 auto 16px;max-width:360px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-wrap{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{background:var(--surface-3);border:1px solid var(--border-hover);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;min-width:240px;max-width:380px;box-shadow:var(--shadow);animation:toastin .18s ease}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}@keyframes toastin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.sidebar-backdrop{display:none}@media (max-width:820px){.sidebar{position:fixed;z-index:30;transform:translateX(-100%);width:var(--sidebar-w)}.sidebar.mobile-open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20}main{padding:20px}}.menu-toggle{display:none}@media (max-width:820px){.menu-toggle{display:grid}}.usage-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem;margin:1rem 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.stat-label{color:var(--text-muted);font-size:.82rem}.usage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin:1rem 0}.usage-card h2{font-size:1.05rem;margin:0 0 .75rem}.usage-table{width:100%;border-collapse:collapse;font-size:.9rem}.usage-table td,.usage-table th{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}.usage-table th{color:var(--text-muted);font-weight:600}.usage-table td:first-child{position:relative;width:40%;min-width:160px}.usage-table .bar{position:absolute;left:0;top:4px;bottom:4px;background:var(--accent-soft);border-radius:4px;z-index:0}.usage-table .bar-label{position:relative;z-index:1}.onboarding{border-color:var(--border-hover);background:linear-gradient(180deg,rgba(109,139,255,.06),var(--surface))}.checklist{display:flex;flex-direction:column;gap:10px}.check-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.check-item.done{opacity:.7}.check-item strong{font-size:13.5px}.check-dot{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px solid var(--border-hover);display:grid;place-items:center;color:#0a0c11}.check-dot.done{background:var(--green);border-color:var(--green)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin:18px 0}.quick-card{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .12s,transform .08s}.quick-card:hover{border-color:var(--accent);transform:translateY(-1px)}.quick-card strong{font-size:14px}.recent-item{display:flex;align-items:center;gap:6px;padding:10px 4px;border-bottom:1px solid var(--border);color:var(--text);font-size:13px}.recent-item:last-child{border-bottom:none}.recent-fmt{font-weight:600;text-transform:capitalize}.stepper{display:flex;gap:6px;margin:14px 0 4px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:7px;padding:5px 11px 5px 7px;border-radius:999px;background:var(--surface-2,#1a1f2e);border:1px solid var(--border,#2a3145);color:var(--text-muted,#8a93a6);font-size:12px;font-weight:500}.step.active{border-color:var(--accent,#6d5efc)}.step.active,.step.done{color:var(--text,#e8ecf3)}.step-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--border,#2a3145);color:#fff;flex-shrink:0}.step.active .step-dot,.step.done .step-dot{background:var(--accent,#6d5efc)}.step-dot>span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}.step-dot>span.pulse{opacity:1;animation:cf-pulse 1s ease-in-out infinite}@keyframes cf-pulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1.05);opacity:1}}.edit-copy{margin:10px 0;padding:12px;border-radius:10px;background:var(--surface-2,#1a1f2e);border:1px solid var(--border,#2a3145)}button.ghost{background:transparent;border:1px solid var(--border-hover,#3a4258);color:var(--text-muted,#8a93a6);padding:5px 12px;font-size:12px;margin-top:4px}button.ghost:hover{color:var(--text,#e8ecf3);border-color:var(--accent,#6d5efc)}.variant-group{margin-bottom:22px}.variant-head{font-size:11px;color:var(--text-muted,#8a93a6);margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.compare-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.compare-row .card{flex:1 0 320px;min-width:300px;margin-bottom:0}.badge.variant{background:var(--accent-soft,rgba(109,94,252,.16));color:var(--accent,#6d5efc);border-color:transparent}.history{margin:10px 0}.history-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.history-item{gap:8px;font-size:12px;padding:6px 9px;border-radius:8px;background:var(--surface-2,#1a1f2e);border:1px solid var(--border,#2a3145)}.history-item,.lib-toolbar{display:flex;align-items:center;flex-wrap:wrap}.lib-toolbar{gap:12px;justify-content:space-between;margin-bottom:16px}.lib-filters{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 13px;border-radius:999px;background:var(--surface-2,#1a1f2e);border:1px solid var(--border,#2a3145);color:var(--text-muted,#8a93a6);font-size:13px}.chip.active{background:var(--accent,#6d5efc);border-color:var(--accent,#6d5efc);color:#fff}.lib-search{margin:0;max-width:260px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px}.lib-item{display:block;border-radius:12px;overflow:hidden;background:var(--surface,#12161f);border:1px solid var(--border,#2a3145);text-decoration:none;transition:transform .12s ease,border-color .12s ease}.lib-item:hover{transform:translateY(-2px);border-color:var(--accent,#6d5efc)}.lib-item img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:var(--surface-2,#1a1f2e)}.lib-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;font-size:12px}.scheduler{margin-top:12px;padding:14px;border-radius:10px;background:var(--surface-2,#1a1f2e);border:1px solid var(--border,#2a3145)}.platform-picker{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.platform-picker .chip{text-transform:capitalize}.cal-day{margin-bottom:22px}.cal-day-head{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#8a93a6);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border,#2a3145)}.cal-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 13px;border-radius:10px;background:var(--surface,#12161f);border:1px solid var(--border,#2a3145);margin-bottom:8px}.cal-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;min-width:68px;font-size:13px}.cal-format{font-weight:500}.cal-platforms{margin-left:auto;color:var(--text-muted,#8a93a6);font-size:13px;text-transform:capitalize}.bars{display:flex;flex-direction:column;gap:7px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:52px;flex-shrink:0;font-size:12px;color:var(--text-muted,#8a93a6);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-track{flex:1 1;height:10px;border-radius:999px;background:var(--surface-2,#1a1f2e);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent,#6d5efc),#8b7bff);min-width:2px;transition:width .3s ease}.bar-value{width:62px;text-align:right;flex-shrink:0;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.funnel{display:flex;flex-direction:column;gap:8px}.funnel-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--border,#2a3145)}.funnel-row:last-child{border-bottom:none}.account-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border,#2a3145)}.account-row:last-child{border-bottom:none}.chat{flex-direction:column;gap:12px;margin:18px 0}.chat,.chat-msg{display:flex}.chat-msg.user{justify-content:flex-end}.chat-msg.assistant{justify-content:flex-start}.chat-bubble{max-width:80%;padding:12px 15px;border-radius:14px;background:var(--surface-2,#1a1f2e);border:1px solid var(--border,#2a3145)}.chat-msg.user .chat-bubble{background:var(--accent,#6d5efc);border-color:transparent;color:#fff}.plan{margin-top:10px}.plan>p{margin:4px 0}.pillars{gap:6px;margin:10px 0}.pillar,.pillars{display:flex;flex-direction:column}.pillar{gap:2px;padding:8px 10px;border-radius:8px;background:var(--surface,#12161f);border:1px solid var(--border,#2a3145)}.pillar strong{font-size:13px}.pillar .muted{font-size:12px}