:root{--background:#101827;--panel:#192338;--ink:#eef3fb;--primary:#ef486f;--main-green:#7dc855;--main-green-rgb:125, 200, 85;--main-green-soft:#d8f5c7;--main-green-muted:#a9df87;--secondary:var(--main-green);color:var(--ink);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3,p{letter-spacing:-.01em}button,input,textarea{letter-spacing:0}button{font-family:inherit}code{color:var(--ink);background:#eef3fb1a;border-radius:5px;padding:2px 5px;font-size:.92em}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 0 0,#ef486f33,#0000 32rem),linear-gradient(#1923388c,#10182700 18rem),#101827;padding:28px 22px}.app-shell--centered{place-items:center;display:grid}.app-shell--workspace{grid-template-columns:260px minmax(0,1fr);gap:22px;padding:18px;transition:grid-template-columns .18s;display:grid}.app-shell--workspace.is-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar{background:#0f172ad1;border:1px solid #94a3b829;border-radius:16px;flex-direction:column;height:calc(100svh - 36px);display:flex;position:sticky;top:18px;overflow:hidden;box-shadow:0 18px 45px #0003,inset 0 1px #ffffff08}.sidebar-header{justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:16px;display:flex}.sidebar-header img{width:120px;height:auto;display:block}.sidebar-toggle{color:#eef3fbb8;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b829;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;transition:background .16s,color .16s,transform .16s;display:inline-grid}.sidebar-toggle:hover{color:var(--ink);background:#eef3fb12;transform:translateY(-1px)}.sidebar-toggle svg{width:18px;height:18px}.sidebar-nav{gap:6px;padding:6px 12px 16px;display:grid}.nav-button{color:#eef3fbb8;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:550;transition:background .16s,color .16s,transform .16s;display:flex}.nav-button:hover,.nav-button.is-active{color:var(--ink);background:#eef3fb12}.nav-button:hover{transform:translate(1px)}.nav-button svg{flex:none;width:19px;height:19px}.nav-divider{background:#94a3b824;height:1px;margin:10px 8px}.is-collapsed .sidebar-header{justify-content:center;padding:16px 10px}.is-collapsed .sidebar-header img{display:none}.is-collapsed .sidebar{z-index:40;overflow:visible}.is-collapsed .sidebar-nav{padding-inline:10px}.is-collapsed .nav-button{justify-content:center;justify-self:center;width:44px;min-height:44px;padding-inline:0;position:relative}.is-collapsed .nav-button span{display:none}.is-collapsed .nav-divider{margin-inline:8px}@media (width>=921px){.is-collapsed .nav-button:after{z-index:1000;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#020617f5;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700;line-height:1;transition:opacity 80ms,transform 80ms;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%)}.is-collapsed .nav-button:before{z-index:1000;content:"";opacity:0;pointer-events:none;background:#020617f5;width:8px;height:8px;transition:opacity 80ms,transform 80ms;position:absolute;top:50%;left:calc(100% + 6px);transform:translate(-4px,-50%)rotate(45deg)}.is-collapsed .nav-button:hover:after,.is-collapsed .nav-button:hover:before,.is-collapsed .nav-button:focus-visible:after,.is-collapsed .nav-button:focus-visible:before{opacity:1;transform:translateY(-50%)}.is-collapsed .nav-button:hover:before,.is-collapsed .nav-button:focus-visible:before{transform:translateY(-50%)rotate(45deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-pane{min-width:0;padding:6px 4px 28px}.topbar,.status-banner,.summary-row,.posts-panel,.settings-page,.placeholder-panel{width:min(1180px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:0 0 20px;display:flex}.eyebrow,.signin-eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.topbar h1,.signin-panel h1,.setup-panel h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:30px;font-weight:700;line-height:1.12}.signin-panel h1{overflow-wrap:anywhere}.account{color:#eef3fbb3;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.icon-button{color:#eef3fbb8;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b829;border-radius:10px;place-items:center;width:44px;height:44px;transition:background .16s,color .16s,transform .16s;display:inline-grid}.icon-button:hover{color:var(--ink);background:#eef3fb12;transform:translateY(-1px)}.icon-button:disabled{cursor:wait;opacity:.55}.icon-button svg,.panel-heading svg,.setup-panel svg,.primary-button svg{width:18px;height:18px}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);margin:0 auto 14px;display:flex}.dashboard-search{align-items:center;width:min(420px,100%);margin:0;display:flex;position:relative}.dashboard-search svg{color:#eef3fb75;pointer-events:none;width:17px;height:17px;position:absolute;left:13px}.dashboard-search input{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#0f172ab8;border:1px solid #94a3b829;border-radius:10px;outline:none;padding:0 13px 0 40px;font-size:14px;transition:border-color .16s,background .16s}.dashboard-search input::placeholder{color:#eef3fb70}.dashboard-search input:focus{background:#0f172ae0;border-color:#ef486f6b}.dashboard-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar-icon-button{color:#eef3fbb8;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b829;border-radius:10px;place-items:center;width:44px;height:44px;transition:background .16s,color .16s,transform .16s;display:inline-grid}.toolbar-icon-button:hover{color:var(--ink);background:#eef3fb12;transform:translateY(-1px)}.toolbar-icon-button svg{width:18px;height:18px}.dashboard-upload-button{background:var(--main-green);color:#fff;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px rgba(var(--main-green-rgb), .18);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:650;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.dashboard-upload-button:hover{background:var(--main-green-muted);box-shadow:0 14px 28px rgba(var(--main-green-rgb), .24);transform:translateY(-1px)}.dashboard-upload-button svg{width:18px;height:18px}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.summary-tile{background:#0f172aa8;border:1px solid #94a3b824;border-radius:14px;min-height:74px;padding:15px 16px;box-shadow:0 1px 1px #0000001f}.summary-tile span{color:#eef3fb9e;font-size:12px;font-weight:500;display:block}.summary-tile strong{color:var(--ink);letter-spacing:-.025em;margin-top:5px;font-size:27px;font-weight:700;line-height:1;display:block}.summary-tile--accent{background:#ef486f1f;border-color:#ef486f3d;align-items:center;gap:12px;display:flex}.summary-tile--accent svg{width:22px;height:22px;color:var(--primary)}.posts-panel,.signin-card,.setup-panel,.placeholder-panel{background:#0f172ac2;border:1px solid #94a3b829;border-radius:16px;box-shadow:0 18px 45px #0003,inset 0 1px #ffffff08}.posts-panel,.placeholder-panel{padding:18px}.posts-panel{padding:0;overflow:hidden}.placeholder-panel{align-content:center;min-height:280px;display:grid}.placeholder-panel h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:24px}.placeholder-panel p:not(.eyebrow){color:#eef3fb9e;max-width:520px}.settings-page{gap:18px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{background:#0f172ab3;border:1px solid #94a3b826;border-radius:16px;padding:18px;box-shadow:0 18px 45px #00000029}.settings-card--hero{background:radial-gradient(circle at 100% 0,#ef486f2e,#0000 28rem),#0f172ab8}.settings-card--hero h2,.settings-card-heading h2{color:var(--ink);margin:0;font-size:20px;line-height:1.2}.settings-card--hero p,.settings-card-heading p{color:#eef3fba3;margin:6px 0 0;font-size:13px;line-height:1.5}.settings-card-heading{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.settings-card-heading>svg{width:20px;height:20px;color:var(--primary);flex:none;margin-top:2px}.settings-card-heading .secondary-button{margin-left:auto}.settings-summary,.ai-action-row,.quick-add-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-summary{margin-top:18px}.settings-summary span,.pill-action{color:#eef3fbc2;background:#eef3fb12;border:1px solid #94a3b829;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.integration-list,.integration-provider-group{gap:10px;display:grid}.integration-row{background:#02061747;border:1px solid #94a3b824;border-radius:14px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px;display:grid}.integration-row strong,.integration-row span,.integration-row small{display:block}.integration-row strong{color:var(--ink);font-size:14px;font-weight:850}.integration-row span,.integration-row small{color:#eef3fb94;margin-top:3px;font-size:12px;line-height:1.4}.integration-row small{color:#f8c66c;font-weight:700}.integration-add-row{color:#ffc8d6;min-height:44px;font:inherit;cursor:pointer;background:#ef486f14;border:1px dashed #ef486f57;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.integration-add-row:hover:not(:disabled){background:#ef486f24;border-color:#ef486f94}.integration-add-row:disabled{cursor:not-allowed;opacity:.58}.integration-add-row svg{width:16px;height:16px}.integration-badge{width:46px;height:46px;color:var(--ink);border-radius:14px;place-items:center;font-size:15px;font-weight:900;display:grid}.integration-badge svg{width:19px;height:19px}.integration-badge--vubli{background:linear-gradient(135deg, var(--primary), #6191ff)}.integration-badge--openai{background:linear-gradient(135deg,#10a37f,#6191ff)}.pill-action{border-color:rgba(var(--main-green-rgb), .3);background:rgba(var(--main-green-rgb), .12);color:#b8ef9b;cursor:pointer}.pill-action--danger,.secondary-button.is-danger{color:#ff9db6;background:#ef486f1f;border-color:#ef486f4d}.pill-action--warning{color:#f8c66c;background:#f5a6231f;border-color:#f5a62352}.pill-action:disabled{cursor:not-allowed;opacity:.52}.provider-choice-grid,.settings-tabs,.ai-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.provider-choice{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0206173d;border:1px solid #94a3b824;border-radius:14px;gap:8px;padding:14px;display:grid}.provider-choice.is-selected{border-color:rgba(var(--main-green-rgb), .34);background:rgba(var(--main-green-rgb), .1)}.provider-choice svg{width:20px;height:20px;color:var(--secondary)}.provider-choice strong{color:var(--ink);font-size:14px}.provider-choice span{color:#eef3fb9e;font-size:12px;line-height:1.45}.settings-tabs button{color:#eef3fba8;min-height:46px;font:inherit;cursor:pointer;background:#0f172a8f;border:1px solid #94a3b821;border-radius:14px;font-weight:750}.settings-tabs button.is-active{color:var(--ink);background:#ef486f24;border-color:#ef486f52}.ai-editor-grid label,.ai-editor-textarea{color:#eef3fbcc;gap:8px;font-size:13px;font-weight:750;display:grid}.ai-editor-grid input,.ai-editor-grid select,.ai-editor-textarea textarea{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#0206173d;border:1px solid #94a3b829;border-radius:12px;padding:12px;font-size:14px}.ai-editor-textarea textarea{resize:vertical;line-height:1.55}.ai-action-row{margin:14px 0}.ai-action-row>span{color:#eef3fb8f;margin-right:auto;font-size:12px;font-weight:750}.quick-add-row{margin-top:14px}.quick-add-row button{color:#eef3fbb8;font:inherit;cursor:pointer;background:#eef3fb0f;border:1px solid #94a3b824;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.signin-panel{text-align:center;width:min(520px,100vw - 36px)}.signin-logo{width:min(300px,82%);height:auto;margin-bottom:18px}.signin-panel>p:not(.signin-eyebrow),.setup-panel p,.panel-heading p{color:#eef3fb9e;margin:4px 0 0;font-size:14px;font-weight:400;line-height:1.5}.signin-card,.setup-panel{text-align:left;margin-top:22px;padding:20px}.signin-card h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.signin-card p{color:#eef3fb9e;margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.5}.panel-heading{min-height:62px;color:var(--ink);border-bottom:1px solid #94a3b824;align-items:center;gap:12px;margin:0;padding:14px 18px;display:flex}.panel-heading .icon-button{margin-left:auto}.panel-heading>svg{background:#ef486f1f;border-radius:10px;flex:none;width:36px;height:36px;padding:9px}.panel-heading h2{color:var(--ink);letter-spacing:0;margin:0;font-size:15px;font-weight:600;line-height:1.45}label{color:#eef3fbc7;gap:7px;margin-bottom:14px;font-size:12px;font-weight:500;display:grid}input,textarea,select{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#0f172abd;border:1px solid #94a3b82e;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:400;line-height:1.45;transition:border-color .16s,background .16s,box-shadow .16s}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#eef3fb57}input:hover,textarea:hover,select:hover{border-color:#94a3b84d}input:focus,textarea:focus,select:focus,.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.sidebar-toggle:focus-visible,.nav-button:focus-visible,.post-card:focus-visible,.drawer-tab:focus-visible,.drawer-close:focus-visible,.publish-button:focus-visible{outline-offset:2px;outline:3px solid #ef486f3d}.primary-button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:14px;font-weight:600;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #ef486f29}.primary-button:hover:not(:disabled){background:#f75a7d;transform:translateY(-1px);box-shadow:0 14px 28px #ef486f38}.primary-button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.56}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;color:#eef3fb85;background:#0f172a6b}.secondary-button{min-height:40px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:#ef486f24;border:1px solid #ef486f47;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.secondary-button:hover{background:#ef486f33;border-color:#ef486f80;transform:translateY(-1px)}.secondary-button svg{width:15px;height:15px}.status-banner{box-sizing:border-box;border:1px solid rgba(var(--main-green-rgb), .2);background:rgba(var(--main-green-rgb), .08);color:#eef3fbeb;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.status-banner svg{width:18px;height:18px;color:var(--secondary);flex:none}.auth-error{color:#ffc8d6;text-align:left;background:#ef486f1f;border:1px solid #ef486f47;border-radius:10px;margin:18px 0 12px;padding:11px 12px;font-size:13px;line-height:1.4}.progress{background:#eef3fb1a;border-radius:999px;height:9px;margin:2px 0 14px;overflow:hidden}.progress div{border-radius:inherit;background:var(--primary);height:100%;transition:width .2s}.post-list{background:0 0;border:0;border-radius:0;gap:0;display:grid;overflow:visible}.empty-state{background:#0f172a75;border:1px solid #94a3b824;border-radius:12px}.post-list .empty-state{background:0 0;border:0;border-radius:0}.post-card{background:0 0;border-top:1px solid #94a3b81f;grid-template-columns:125px minmax(0,1fr);gap:18px;padding:17px 18px;transition:background .16s,transform .16s;display:grid;position:relative}.post-card:first-child{border-top:0}.post-card--clickable{cursor:pointer}.post-card--clickable:hover,.post-card--clickable:focus-visible{background:#eef3fb0d}.post-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg, #ef486f33, rgba(var(--main-green-rgb), .1)), #0f172ad6;color:#fffffff0;border-radius:10px;place-items:center;width:125px;display:grid;position:relative;overflow:hidden}.post-thumbnail video{object-fit:cover;border:0;width:100%;height:100%}.post-thumbnail>svg{width:26px;height:26px;color:var(--primary)}.thumbnail-duration{color:#fff;background:#020617c2;border-radius:6px;align-items:center;min-height:20px;padding:0 6px;font-size:11px;font-weight:750;line-height:1;display:inline-flex;position:absolute;bottom:6px;right:6px;box-shadow:0 4px 12px #00000047}.post-content{align-content:center;min-width:0;display:grid}.post-title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.post-title-row>div:first-child{min-width:0}.post-card-status-area{flex:none;place-items:center end;width:118px;min-height:42px;display:grid;position:relative}.post-state-icon{color:#eef3fbd1;place-items:center;width:24px;height:24px;transition:opacity .16s,transform .16s;display:inline-grid;position:relative}.post-state-icon svg{width:18px;height:18px}.post-state-icon--processing,.post-state-icon--ready{color:var(--main-green)}.post-state-icon--scheduled{color:#facc15}.post-state-icon--posted{color:var(--main-green)}.posted-status-icon{width:18px;height:18px}.posted-status-icon circle{fill:var(--main-green);stroke:var(--main-green);stroke-width:2px}.posted-status-icon path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.post-card-hover-actions{opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:50%;right:34px;transform:translate(8px,-50%)}.post-card-hover-actions button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:relative}.post-card-hover-actions button:hover{color:#fff;background:#ffffff14}.post-card-hover-actions button:disabled{cursor:wait;opacity:.58}.post-card-hover-actions button.is-danger{color:#fff}.post-card-hover-actions button.is-danger:hover{background:#ef486f24}.post-card-hover-actions svg{width:17px;height:17px}.post-card:hover .post-card-hover-actions,.post-card:focus-within .post-card-hover-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.post-state-icon:after,.post-card-hover-actions button:after{z-index:6;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#020617f5;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700;line-height:1;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}.post-state-icon:before,.post-card-hover-actions button:before{z-index:6;content:"";opacity:0;pointer-events:none;background:#020617f5;width:8px;height:8px;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%,3px)rotate(45deg)}.post-state-icon:hover:after,.post-state-icon:hover:before,.post-state-icon:focus-visible:after,.post-state-icon:focus-visible:before,.post-card-hover-actions button:hover:after,.post-card-hover-actions button:hover:before,.post-card-hover-actions button:focus-visible:after,.post-card-hover-actions button:focus-visible:before{opacity:1;transform:translate(-50%)}.post-state-icon:hover:before,.post-state-icon:focus-visible:before,.post-card-hover-actions button:hover:before,.post-card-hover-actions button:focus-visible:before{transform:translate(-50%)rotate(45deg)}.post-date-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-status-pill{color:#eef3fbbd;background:#eef3fb0f;border:1px solid #94a3b829;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.post-status-pill--processing,.post-status-pill--ready{border-color:rgba(var(--main-green-rgb), .24);background:rgba(var(--main-green-rgb), .1);color:var(--main-green-soft)}.post-status-pill--scheduled{color:#fde68a;background:#facc151f;border-color:#facc1542}.post-status-pill--posted{border-color:rgba(var(--main-green-rgb), .32);background:rgba(var(--main-green-rgb), .14);color:var(--main-green-soft)}.post-card h3{color:var(--ink);letter-spacing:0;margin:0 0 5px;font-size:14px;font-weight:600;line-height:1.45}.post-card p{color:#eef3fb8a;margin:0;font-size:12px;font-weight:500;line-height:1.45}.destination-chip--instagram{color:#ff75ae!important;background:#ff75ae1f!important}.destination-chip--youtube{color:#ff6262!important;background:#ff62621f!important}.destination-chip--photos,.destination-chip--firebasestorage,.destination-chip--archive{color:var(--secondary)!important;background:rgba(var(--main-green-rgb), .12)!important}.status-chip{color:var(--primary)!important;background:#ef486f1f!important}.ai-status-chip,.drawer-ai-status{background:rgba(var(--main-green-rgb), .14);width:fit-content;color:var(--secondary);border-radius:999px;align-items:center;padding:7px 10px;font-size:.74rem;font-weight:800;line-height:1;display:inline-flex}.ai-status-chip.is-failed,.drawer-ai-status.is-failed{color:var(--primary);background:#ef486f29}.drawer-ai-status{margin-top:10px}.empty-state{color:#eef3fb9e;text-align:center;padding:22px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:30;background:#0206179e;justify-content:flex-end;animation:.18s ease-out both drawer-backdrop-in;display:flex;position:fixed;inset:0}.drawer-backdrop.is-closing{animation:.18s ease-in both drawer-backdrop-out}.post-drawer{background:radial-gradient(circle at 100% 0,#ef486f1f,#0000 26rem),#101827;border-left:1px solid #94a3b82e;grid-template-columns:minmax(280px,420px) minmax(360px,1fr);gap:22px;width:min(980px,100vw - 48px);height:100svh;padding:22px;animation:.24s cubic-bezier(.22,1,.36,1) both post-drawer-in;display:grid;position:relative;overflow:hidden;box-shadow:-28px 0 70px #0000006b}.drawer-backdrop.is-closing .post-drawer{animation:.24s cubic-bezier(.64,0,.78,0) both post-drawer-out}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes post-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes post-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}.drawer-close{color:#eef3fbdb;cursor:pointer;background:#0f172abd;border:1px solid #eef3fb24;border-radius:10px;place-items:center;width:38px;height:38px;display:inline-grid;position:fixed;top:18px;right:calc(min(980px,100vw - 48px) + 16px)}.drawer-close svg{width:19px;height:19px}.drawer-preview{align-content:start;justify-items:start;gap:14px;min-height:0;display:grid;overflow:hidden}.drawer-title-field{width:100%;max-width:360px;margin:0}.drawer-title-field input{min-height:44px;color:var(--ink);letter-spacing:0;background:#0f172a9e;border-color:#94a3b829;padding:0 12px;font-size:13px;font-weight:650;line-height:1.45}.drawer-save-state{color:#eef3fb7a;margin:-8px 0 0;font-size:12px;font-weight:600}.drawer-video-frame{background:#0f172abd;border:1px solid #94a3b829;border-radius:16px;width:min(100%,360px);overflow:hidden;box-shadow:0 18px 44px #00000038}.drawer-video-frame video,.drawer-video-empty{aspect-ratio:9/16;object-fit:contain;background:#020617;width:100%;max-height:calc(100svh - 190px);display:block}.drawer-video-empty{color:#eef3fb94;align-content:center;place-items:center;gap:10px;font-size:13px;font-weight:500;display:grid}.drawer-video-empty svg{width:28px;height:28px;color:var(--primary)}.drawer-workspace{grid-template-rows:auto minmax(0,1fr);gap:16px;min-width:0;min-height:0;display:grid;overflow:hidden}.drawer-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.drawer-tabs{flex-wrap:wrap;gap:8px;display:flex}.drawer-tab{color:#eef3fbb8;min-width:0;height:44px;font:inherit;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b829;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:650;transition:background .16s,color .16s,transform .16s;display:inline-flex}.drawer-tab:hover,.drawer-tab.is-active{color:var(--ink);background:#eef3fb12;transform:translateY(-1px)}.drawer-tab svg{flex:none;width:18px;height:18px}.drawer-profile-button{border:1px solid rgba(var(--main-green-rgb), .34);background:rgba(var(--main-green-rgb), .08);height:44px;color:var(--main-green-soft);font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:650;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.drawer-profile-button:hover{border-color:rgba(var(--main-green-rgb), .52);background:rgba(var(--main-green-rgb), .14);color:#fff;transform:translateY(-1px)}.drawer-profile-button svg{width:18px;height:18px}.drawer-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:0;display:grid;overflow:hidden}.drawer-panel-heading{z-index:2;background:radial-gradient(circle at 100% 0,#ef486f1f,#0000 26rem),#101827;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.drawer-panel-scroll{min-height:0;overflow:hidden}.drawer-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.drawer-toggle-all{color:#eef3fbb8;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.drawer-toggle-all:hover{color:#fff}.drawer-toggle-all svg{width:14px;height:14px;transition:transform .16s}.drawer-toggle-all svg.is-expanded{transform:rotate(90deg)}.drawer-regenerate-button{color:#eef3fbb8;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b829;border-radius:999px;place-items:center;width:34px;height:34px;transition:background .16s,color .16s,transform .16s;display:inline-grid}.drawer-regenerate-button:hover:not(:disabled){color:var(--ink);background:#eef3fb12;transform:translateY(-1px)}.drawer-regenerate-button:disabled{cursor:wait;opacity:.58}.drawer-regenerate-button svg{width:16px;height:16px}.drawer-panel-heading h3{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:17px;font-weight:700}.drawer-panel-heading p{color:#eef3fb8f;margin:4px 0 0;font-size:13px}.history-list{overscroll-behavior:contain;align-content:start;gap:10px;min-height:0;display:grid;overflow:auto}.platform-list{overscroll-behavior:contain;background:#0f172a9e;border:1px solid #94a3b824;border-radius:14px;align-content:start;gap:0;max-height:100%;display:grid;overflow:auto}.history-row,.transcript-shell{background:#0f172a9e;border:1px solid #94a3b824;border-radius:14px}.transcript-shell{overscroll-behavior:contain;min-height:0;overflow:auto}.platform-card{background:0 0;border-top:1px solid #94a3b81f;overflow:hidden}.platform-card:first-child{border-top:0}.platform-card.is-expanded{background:#eef3fb0a}.platform-card.is-posted{background:rgba(var(--main-green-rgb), .04)}.platform-row{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:14px 16px;transition:background .16s;display:grid}.platform-row:hover{background:#eef3fb0d}.platform-expand{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.platform-avatar{color:#ffc8d6;background:#ef486f24;border-radius:999px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.destination-avatar--youtube{color:#ff9c9c;background:#ff626221}.destination-avatar--instagram{color:#ff9fca;background:#ff75ae21}.destination-avatar--tiktok,.destination-avatar--x{color:var(--ink);background:#eef3fb1c}.destination-avatar--linkedin{color:#9bc4ff;background:#5fa5ff24}.destination-avatar--storage,.destination-avatar--photos,.destination-avatar--archive,.destination-avatar--dropbox{background:rgba(var(--main-green-rgb), .13);color:#b8ef9b}.platform-row strong,.history-row strong{color:var(--ink);font-size:14px;font-weight:700;display:block}.platform-expand span,.history-row span{color:#eef3fb8c;margin-top:2px;font-size:12px;font-weight:500;display:block}.platform-actions{align-items:center;gap:8px;display:inline-flex}.platform-toggle{box-sizing:border-box;outline-offset:2px;cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;align-items:center;width:44px;height:24px;margin:0;padding:2px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.platform-toggle.is-disabled{cursor:not-allowed;opacity:.62}.platform-toggle-knob{background:#fff;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;margin:0;transition:transform .2s ease-in-out;display:grid;position:relative;box-shadow:0 1px 2px #0206172e,inset 0 0 0 1px #1118270d}.platform-toggle:has(input:checked){background:var(--main-green);box-shadow:inset 0 0 0 1px rgba(var(--main-green-rgb), .4)}.platform-toggle:has(input:checked) .platform-toggle-knob{transform:translate(20px)}.platform-toggle input{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.platform-toggle input:disabled{cursor:not-allowed}.platform-toggle:has(input:focus-visible){outline:3px solid rgba(var(--main-green-rgb), .24)}.platform-toggle-icon{opacity:1;justify-content:center;align-items:center;width:100%;height:100%;margin:0;transition:opacity .2s ease-in;display:flex;position:absolute;inset:0}.platform-toggle-icon svg{width:12px;height:12px;display:block}.platform-toggle-icon--off{color:#94a3b8}.platform-toggle-icon--on{color:var(--main-green);opacity:0;transition-duration:.1s;transition-timing-function:ease-out}.platform-toggle:has(input:checked) .platform-toggle-icon--off{opacity:0;transition-duration:.1s;transition-timing-function:ease-out}.platform-toggle:has(input:checked) .platform-toggle-icon--on{opacity:1;transition-duration:.2s;transition-timing-function:ease-in}.platform-chevron{color:#eef3fb80;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:inline-grid}.platform-chevron:hover{color:var(--ink);background:#eef3fb0f}.platform-chevron svg{width:16px;height:16px;transition:transform .16s}.platform-card.is-expanded .platform-chevron svg{transform:rotate(90deg)}.platform-details{border-top:1px solid #94a3b81a;gap:12px;padding:0 16px 16px 70px;display:grid}.destination-form{gap:12px;display:grid}.destination-form label{margin-bottom:0}.destination-form textarea{resize:none;overflow:hidden}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-help{color:#eef3fb85;font-size:12px;font-weight:500;line-height:1.45}.toggle-stack{gap:10px;display:grid}.toggle-row{background:#02061747;border:1px solid #94a3b81f;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;padding:12px}.toggle-row strong,.posted-lockout strong{color:var(--ink);font-size:13px;font-weight:800;display:block}.toggle-row small,.posted-lockout span{color:#eef3fb8a;margin-top:3px;font-size:12px;font-weight:500;line-height:1.45;display:block}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.toggle-row input[type=checkbox]:disabled{cursor:not-allowed}.posted-pill{background:rgba(var(--main-green-rgb), .13);border-radius:999px;align-items:center;height:24px;padding:0 9px;display:inline-flex;color:#b8ef9b!important;margin-top:0!important;font-size:11px!important;font-weight:800!important}.posted-lockout{border:1px solid rgba(var(--main-green-rgb), .18);background:rgba(var(--main-green-rgb), .08);border-radius:12px;gap:8px;padding:12px;display:grid}.posted-lockout .secondary-button{width:fit-content;margin-top:2px}.text-danger-button{width:fit-content;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;padding:2px 0;font-size:12px;font-weight:800}.text-danger-button:hover{color:#fecdd3;text-decoration:underline}.destination-detail{border-top:1px solid #94a3b81a;gap:4px;padding-top:9px;display:grid}.destination-detail span{color:#eef3fb85;font-size:11px;font-weight:700}.destination-detail strong{color:#eef3fbe6;white-space:pre-wrap;font-size:13px;font-weight:500;line-height:1.45}.empty-platforms{color:#eef3fb9e;text-align:center;background:#0f172a75;border:1px dashed #94a3b833;border-radius:14px;justify-items:center;gap:7px;padding:22px;display:grid}.empty-platforms svg{width:24px;height:24px;color:var(--primary)}.empty-platforms strong{color:var(--ink);font-size:14px}.empty-platforms span{max-width:320px;font-size:12px}.publish-button{z-index:2;background:var(--main-green);color:#fff;width:100%;min-height:46px;font:inherit;cursor:pointer;box-shadow:0 12px 28px rgba(var(--main-green-rgb), .18);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:700;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.publish-button:hover:not(:disabled){background:var(--main-green-muted);box-shadow:0 16px 32px rgba(var(--main-green-rgb), .24);transform:translateY(-1px)}.publish-button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.56;transform:none}.publish-button svg{width:16px;height:16px}.publish-status-modal{text-align:center;background:radial-gradient(circle at 50% 0,#ef486f29,#0000 18rem),#0f172a;border:1px solid #94a3b82e;border-radius:18px;justify-items:center;gap:14px;width:min(520px,100%);padding:26px;display:grid;box-shadow:0 24px 80px #00000073}.publish-status-modal h2{max-width:420px;color:var(--ink);margin:0;font-size:26px;line-height:1.12}.publish-status-modal p{color:#eef3fba8;max-width:410px;margin:0;font-size:14px;line-height:1.55}.publish-status-icon{width:58px;height:58px;color:var(--primary);background:#ef486f24;border-radius:999px;place-items:center;display:grid}.publish-status-icon.is-complete{background:rgba(var(--main-green-rgb), .14);color:#b8ef9b}.publish-status-icon svg{width:28px;height:28px}.publish-destination-summary{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:4px 0 6px;display:flex}.publish-destination-summary span{color:#eef3fbc7;background:#0f172a9e;border:1px solid #94a3b829;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.transcript-shell{color:#eef3fbc7;white-space:normal;min-height:360px;padding:16px;font-size:14px;line-height:1.6}.transcript-shell p{margin:0}.transcript-shell p+p{margin-top:14px}.transcript-copy-button{flex:none}.history-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:13px;display:grid}.history-row>svg{width:36px;height:36px;color:var(--primary);background:#ef486f1f;border-radius:999px;padding:9px}.upload-modal{background:#0f172a;border:1px solid #94a3b82e;border-radius:16px;gap:16px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 24px 80px #00000073}.upload-progress-copy{color:#eef3fbb3;align-items:center;gap:9px;font-size:13px;font-weight:700;display:inline-flex}.upload-progress-copy svg{width:16px;height:16px;color:var(--primary)}.connection-modal{background:#0f172a;border:1px solid #94a3b82e;border-radius:16px;gap:16px;width:min(560px,100%);max-height:min(760px,100svh - 40px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 80px #00000073}.connection-modal .secondary-button,.connection-modal .primary-button{width:100%}.modal-copy{color:#eef3fba8;margin:-6px 0 0;font-size:14px;line-height:1.5}.inline-error{color:#fecaca;background:#f871711a;border:1px solid #f871713d;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.45}.provider-list,.meta-selection-list{gap:10px;display:grid}.provider-card,.meta-selection-row{min-height:68px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0f172a9e;border:1px solid #94a3b824;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.provider-card:hover,.meta-selection-row:hover,.meta-selection-row.is-selected{background:#ef486f14;border-color:#ef486f47}.provider-card:disabled{cursor:not-allowed;opacity:.56}.provider-card strong,.meta-selection-row strong{color:var(--ink);font-size:14px;font-weight:800;display:block}.provider-card span,.meta-selection-row span{color:#eef3fb94;margin-top:3px;font-size:12px;font-weight:500;display:block}.provider-card>svg,.meta-selection-row>svg{color:#eef3fb80;width:18px;height:18px}.provider-loading{color:#eef3fba3;justify-content:center;align-items:center;gap:8px;min-height:80px;font-size:14px;font-weight:700;display:inline-flex}.provider-loading svg{width:17px;height:17px}.meta-selection-row img{object-fit:cover;border-radius:999px;width:42px;height:42px}.selection-check{border:1px solid #94a3b83d;border-radius:999px;place-items:center;width:24px;height:24px;color:#fff!important;margin-top:0!important;display:grid!important}.meta-selection-row.is-selected .selection-check{background:var(--primary);border-color:#0000}.selection-check svg{width:14px;height:14px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-header h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:22px}.selected-file{color:#eef3fbdb;background:#ef486f14;border:1px dashed #ef486f57;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:11px 12px;font-size:13px;font-weight:500;display:flex}.selected-file svg{width:18px;height:18px;color:var(--primary)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.app-shell--workspace,.app-shell--workspace.is-collapsed{padding:12px;display:block}.sidebar{height:auto;margin-bottom:14px;position:static}.sidebar-header{min-height:58px}.sidebar-header img,.is-collapsed .sidebar-header img{width:112px;display:block}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-divider{grid-column:1/-1}.is-collapsed .nav-button span{display:inline}.topbar,.summary-row,.dashboard-toolbar{grid-template-columns:1fr;display:grid}.dashboard-search{width:100%}.dashboard-actions{flex-wrap:wrap;justify-content:start}.settings-grid,.provider-choice-grid,.ai-editor-grid,.settings-tabs{grid-template-columns:1fr}.integration-row{grid-template-columns:46px minmax(0,1fr)}.integration-row .pill-action{grid-column:2;justify-self:start}.account{justify-content:space-between}.account span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-card{grid-template-columns:109px minmax(0,1fr)}.post-thumbnail{width:109px}.drawer-backdrop{display:block;overflow:auto}.post-drawer{width:100%;height:auto;min-height:100svh;padding:16px;display:block;overflow:visible}.drawer-close{z-index:2;margin-bottom:8px;margin-left:auto;position:sticky;top:12px;right:auto}.drawer-preview{margin-bottom:18px;overflow:visible}.drawer-workspace,.drawer-panel,.drawer-panel-scroll,.platform-list,.history-list,.transcript-shell{overflow:visible}.drawer-video-frame video,.drawer-video-empty{aspect-ratio:9/16;max-height:none}.drawer-panel-heading{display:grid}.secondary-button{width:100%}.field-grid{grid-template-columns:1fr}.platform-details{padding-left:14px}}