:root{--fab-bg:#0A0A0B;--fab-surface:#17181A;--fab-card:#F8F9FA;--fab-muted:#94A3B8;--fab-primary:#7C3AED;--fab-accent:#A78BFA;--fab-success:#22C55E;--fab-warning:#F59E0B;--fab-error:#EF4444;--fab-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fab-display-size:32px;--fab-display-line:40px;--fab-h1-size:24px;--fab-h1-line:32px;--fab-h2-size:18px;--fab-h2-line:28px;--fab-body-size:16px;--fab-body-line:24px;--fab-caption-size:14px;--fab-caption-line:20px;--fab-small-size:12px;--fab-small-line:16px;--fab-space-unit:4px;--fab-page-x:16px;--fab-content-width:358px;--fab-radius-card:16px;--fab-radius-input:12px;--fab-radius-chip:8px;--fab-safe-top-ios:44px}
html,body{background:#eef0f3;color:#111216;font-family:var(--fab-font)}.app-shell{max-width:430px;background:var(--fab-card);color:#111216}.topbar{display:none!important}main{max-width:430px;padding:0 var(--fab-page-x) calc(72px + env(safe-area-inset-bottom));background:var(--fab-card);overflow-x:hidden}.f-screen{min-height:calc(100dvh - 72px);padding:0 0 24px}.approved-screen{font-family:var(--fab-font)}.approved-screen button,.approved-screen input,.approved-screen textarea,.approved-screen select{font-family:inherit}.approved-header{height:54px;display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:8px}.approved-logo{padding:0;border:0;background:none;color:#0e0e10;font-size:20px;font-weight:600;letter-spacing:-.7px;text-align:left}.approved-header .approved-plus{position:static;width:30px;height:30px;border:0;border-radius:50%;background:#eef0f3;color:#6b7280;font-size:17px}.approved-workspace-line{height:34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.approved-workspace{height:30px;display:flex;align-items:center;gap:7px;margin:0;padding:0;border:0;background:none;color:#202124;font-size:12px;font-weight:600}.approved-workspace:before{content:'F';width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ebe2d7;font-size:10px}.approved-workspace i{color:#a7adb5;font-style:normal}.approved-avatar{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:#e7d2bd;color:#30221d;font-size:11px;font-weight:700}.approved-screen h1{margin:0 0 20px;font-size:var(--fab-h1-size);line-height:var(--fab-h1-line);letter-spacing:-.8px}.approved-screen h2{font-size:var(--fab-h2-size);line-height:var(--fab-h2-line)}
.home-composer{padding:12px;border:1px solid #e3e5e8;border-radius:var(--fab-radius-card);background:#fff;box-shadow:0 8px 28px #2830440b}.home-composer textarea{width:100%;min-height:112px;padding:4px;border:0;outline:0;resize:none;background:transparent;color:#17181a;font-size:var(--fab-caption-size);line-height:var(--fab-caption-line)}.home-quick{display:grid;grid-template-columns:repeat(3,1fr) 52px;gap:7px}.home-quick button{height:55px;display:grid;place-items:center;gap:2px;border:0;border-radius:14px;background:#f2f3f5;color:#606774}.home-quick button svg{width:18px}.home-quick button span{font-size:10px}.home-quick .home-send{border-radius:50%;background:var(--fab-primary);color:#fff;font-size:25px}.approved-section{margin-top:28px}.approved-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.approved-section h2{margin:0}.approved-section time,.approved-section header button{border:0;background:none;color:#9aa1ab;font-size:var(--fab-small-size)}.today-autopilot{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid #e4e6e9;border-radius:var(--fab-radius-card);background:#fff;color:#191a1e;text-align:left}.approved-accent-icon{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--fab-primary);border-radius:10px;color:var(--fab-primary)}.today-autopilot>span:nth-child(2){display:grid}.today-autopilot b{font-size:var(--fab-caption-size)}.today-autopilot small{color:#9299a4;font-size:var(--fab-small-size)}.today-autopilot>i{color:#9ca3ad;font-style:normal}.today-thumbs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.today-thumbs img,.today-thumbs>span{width:100%;height:62px;display:grid;place-items:center;object-fit:cover;border-radius:9px;background:#f0ebe5;color:#8b7b70}.approved-recent{display:grid;grid-auto-flow:column;grid-auto-columns:58%;gap:9px;overflow-x:auto}.approved-recent button{position:relative;height:150px;overflow:hidden;border:0;border-radius:var(--fab-radius-card);background:#ece7e1}.approved-recent img,.approved-recent>button>span{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}.approved-recent small{position:absolute;inset:auto 8px 8px;color:#fff;text-align:left;text-shadow:0 1px 7px #000}.approved-empty{min-height:110px;border:1px dashed #d8dce2!important;background:#fff!important;color:#7a828e!important}
.approved-create h1{margin-top:8px}.approved-brief{position:relative;display:block}.approved-brief textarea{width:100%;min-height:166px;padding:16px;border:1px solid #e2e4e8;border-radius:var(--fab-radius-input);outline:0;resize:none;background:#fff;color:#202124;font-size:var(--fab-caption-size);line-height:var(--fab-caption-line);box-shadow:0 8px 24px #2530440a}.approved-brief small{position:absolute;right:12px;bottom:9px;color:#a3a9b2;font-size:10px}.approved-format-chips{display:flex;gap:7px;margin:12px 0;overflow-x:auto}.approved-format-chips button,.approved-filters button{height:36px;display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 11px;border:0;border-radius:var(--fab-radius-chip);background:#eef0f3;color:#616873;font-size:var(--fab-small-size)}.approved-format-chips svg{width:15px}.approved-format-chips button.active,.approved-filters button.active{outline:1px solid var(--fab-accent);background:#f1ebff;color:var(--fab-primary)}.approved-row{width:100%;min-height:60px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:8px 0;padding:10px;border:1px solid #e5e7ea;border-radius:var(--fab-radius-card);background:#fff;color:#202124;text-align:left}.approved-row>span:nth-child(2){display:grid}.approved-row b{font-size:var(--fab-caption-size)}.approved-row small{color:#8f96a1;font-size:var(--fab-small-size)}.approved-row>i{color:#a6adb7;font-style:normal}.row-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f1f2f4}.row-icon svg{width:17px}.approved-settings-trigger{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px;padding:0 4px;border:0;background:none;color:#7f8792;font-size:var(--fab-small-size)}.approved-primary,.approved-secondary{width:100%;min-height:48px;border:0;border-radius:var(--fab-radius-input);font-size:var(--fab-caption-size);font-weight:600}.approved-primary{background:var(--fab-primary);color:#fff}.approved-primary i{margin-left:8px;font-style:normal}.approved-secondary{border:1px solid #e3e6ea;background:#fff;color:var(--fab-primary)}.approved-settings-sheet .sheet-panel{background:#f8f9fa;color:#17181a}.approved-sheet-fields{display:grid;overflow:hidden;border:1px solid #e2e5e9;border-radius:var(--fab-radius-card)}.approved-sheet-fields .select-row{background:#fff;color:#202227;border-color:#eceef0}.approved-sheet-fields select{color:#626a75}
.approved-generation{position:relative}.approved-generation .approved-workspace{display:none}.flow-close{width:38px;height:38px;margin-top:10px;border:1px solid #e1e4e8;border-radius:50%;background:#fff;color:#8f96a0;font-size:20px}.generation-copy{margin-top:105px;text-align:center}.generation-copy h1{margin-bottom:4px;font-size:var(--fab-h1-size);line-height:var(--fab-h1-line)}.generation-copy p{margin:0;color:#8d96a3;font-size:var(--fab-caption-size)}.approved-orb{position:relative;width:190px;height:190px;margin:48px auto}.approved-orb i{position:absolute;inset:15px;border-radius:48% 52% 54% 46%;background:#c8b3fa99;animation:approved-orb 4s ease-in-out infinite}.approved-orb i:nth-child(2){inset:33px 4px 12px 37px;background:#a78bfa66;animation-delay:-1.3s}.approved-orb i:nth-child(3){inset:51px 34px 23px 25px;background:#7c3aed77;animation-delay:-2.6s}.approved-progress{display:grid;gap:16px;width:78%;margin:auto}.approved-progress>div{display:flex;align-items:center;gap:12px;color:#a2a8b1;font-size:var(--fab-caption-size)}.approved-progress i{width:19px;height:19px;display:grid;place-items:center;border:2px solid #d8dce2;border-radius:50%;font-size:10px;font-style:normal}.approved-progress .done{color:#747b86}.approved-progress .done i{border-color:var(--fab-primary);background:var(--fab-primary);color:#fff}.approved-progress .active{color:#454951}.approved-progress .active i{border-color:var(--fab-primary);border-right-color:transparent;animation:spin .8s linear infinite}@keyframes approved-orb{50%{transform:rotate(25deg) scale(1.08);border-radius:58% 42% 43% 57%}}
.approved-result{padding-inline:0}.result-flow-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--fab-page-x)}.result-flow-head button{width:34px;height:34px;border:1px solid #e2e5e9;border-radius:50%;background:#fff;color:#555d68;font-size:19px}.result-hero{position:relative;height:min(61dvh,515px);min-height:470px;display:grid;place-items:center;overflow:hidden;border-radius:24px 24px 0 0;background:#e9e4dc}.result-hero>img,.result-hero>video{width:100%;height:100%;object-fit:cover}.approved-text-result{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:34px;background:#17181a;color:#fff}.approved-text-result h2{margin:0 0 18px;font-size:26px;line-height:34px}.approved-text-result p{margin:0;font-size:15px;line-height:23px}.result-count{position:absolute;left:50%;top:14px;translate:-50%;padding:7px 12px;border-radius:999px;background:#ffffffd6;color:#34373c;font-size:var(--fab-small-size);backdrop-filter:blur(8px)}.result-arrow{position:absolute;top:50%;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffe6;color:#505762;font-size:24px}.result-arrow.previous{left:8px}.result-arrow.next{right:8px}.approved-variants{display:flex;justify-content:center;gap:7px;padding:10px}.approved-variants button{width:28px;height:28px;border:0;border-radius:50%;background:#e8eaed;color:#777e89}.approved-variants button.active{background:var(--fab-primary);color:#fff}.approved-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px var(--fab-page-x)}.approved-result-actions button{height:72px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #e4e6e9;border-radius:var(--fab-radius-card);background:#fff;color:#202124;font-size:20px}.approved-result-actions svg{width:22px}.approved-result-actions span{font-size:var(--fab-caption-size);font-weight:600}.keep-result{width:calc(100% - 32px);margin:0 16px}.result-secondary{margin:10px 16px}.result-secondary summary{padding:10px;color:#818895;font-size:var(--fab-small-size)}.result-secondary p{font-size:var(--fab-caption-size);line-height:var(--fab-caption-line)}.result-secondary div{display:flex;gap:8px}.result-secondary button{padding:9px;border:1px solid #e0e3e7;border-radius:8px;background:#fff}
.approved-title{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.approved-title h1,.approved-plan>h1,.approved-brand>h1{margin-bottom:18px}.approved-title button,.content-fab{border:0;border-radius:50%;background:var(--fab-primary);color:#fff}.approved-title button{width:40px;height:40px}.approved-filters{display:flex;gap:7px;margin-bottom:14px}.approved-masonry{columns:2;column-gap:7px}.approved-masonry button{position:relative;width:100%;min-height:160px;display:block;break-inside:avoid;overflow:hidden;margin:0 0 7px;padding:0;border:0;border-radius:12px;background:#ece9e4}.approved-masonry button.tile-1{min-height:220px}.approved-masonry button.tile-2{min-height:190px}.approved-masonry img,.approved-masonry>button>span{width:100%;height:100%;min-height:inherit;display:grid;place-items:center;object-fit:cover}.approved-masonry small{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;text-align:left;text-shadow:0 1px 7px #000}.content-fab{position:fixed;right:calc(50% - 175px);bottom:calc(78px + env(safe-area-inset-bottom));width:54px;height:54px;font-size:28px}.approved-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:25px}.approved-week button{height:60px;display:grid;place-items:center;align-content:center;gap:4px;border:0;border-radius:11px;background:transparent;color:#707782}.approved-week small{font-size:10px}.approved-week b{font-size:var(--fab-caption-size)}.approved-week button.active{background:var(--fab-primary);color:#fff}.approved-schedule{display:grid;gap:14px}.approved-schedule button{width:100%;min-height:78px;display:grid;grid-template-columns:54px 72px 1fr;align-items:center;gap:10px;padding:0;border:0;background:none;color:#1d1f23;text-align:left}.approved-schedule time{color:#727a85;font-size:var(--fab-small-size)}.approved-schedule img,.approved-schedule>button>span:nth-child(2){width:72px;height:78px;display:grid;place-items:center;object-fit:cover;border-radius:12px;background:#eeeae5}.approved-schedule>button>span:last-child{display:grid}.approved-schedule b{font-size:var(--fab-caption-size)}.approved-schedule small{color:#8d95a0;font-size:var(--fab-small-size)}.add-post{margin-top:22px}
.brand-cover{width:100%;height:170px;object-fit:cover;border-radius:var(--fab-radius-card)}.brand-identity{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 8px;border:0;background:none;color:#18191d;text-align:left}.brand-identity span{display:grid}.brand-identity b{font-size:var(--fab-h2-size)}.brand-identity small{color:#8e96a1;font-size:var(--fab-caption-size)}.brand-identity i{font-style:normal}.approved-list{display:grid}.approved-list>button{width:100%;min-height:65px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 6px;border:0;border-bottom:1px solid #eceef0;background:none;color:#202227;text-align:left}.approved-list>button>span:first-child{display:grid;place-items:center}.approved-list svg{width:20px}.approved-list>button>span:nth-child(2){display:grid}.approved-list b{font-size:var(--fab-caption-size)}.approved-list small{overflow:hidden;color:#9098a3;font-size:var(--fab-small-size);text-overflow:ellipsis;white-space:nowrap}.approved-list i{color:#a3aab4;font-style:normal}.autopilot-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.autopilot-head h1{margin:0}.approved-autopilot>p{color:#8f97a2;font-size:var(--fab-caption-size);line-height:var(--fab-caption-line)}.approved-switch input{display:none}.approved-switch i{width:56px;height:32px;display:block;padding:3px;border-radius:99px;background:#d9dde2}.approved-switch i:after{content:'';width:26px;height:26px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0002;transition:.2s}.approved-switch input:checked+i{background:var(--fab-primary)}.approved-switch input:checked+i:after{translate:24px}.approved-autopilot section{margin-top:30px}.approved-autopilot section h2{margin:0}.approved-autopilot section>small{color:#949ca7}.autopilot-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.autopilot-previews button{height:90px;overflow:hidden;border:0;border-radius:12px;background:#ede9e4}.autopilot-previews img,.autopilot-previews span{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}.approved-autopilot>.approved-list{margin-top:25px}.more-list{margin-top:8px;border-top:1px solid #eceef0}.more-list>button{min-height:82px}.more-list>button>span:first-child{color:var(--fab-primary)}
.dock{position:fixed;top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;left:50%!important;right:auto!important;bottom:0!important;width:min(430px,100%)!important;height:calc(66px + env(safe-area-inset-bottom))!important;translate:-50% 0!important;padding:5px 8px env(safe-area-inset-bottom)!important;border:0!important;border-top:1px solid #e4e7eb!important;border-radius:0!important;background:#fffF!important;box-shadow:none!important;backdrop-filter:none!important}.dock button{min-height:56px!important;color:#9aa3af!important}.dock button.active{color:var(--fab-primary)!important}.dock .dock-create{color:#9aa3af!important}.dock .dock-create svg{width:18px!important;height:18px!important;padding:0!important;background:none!important;color:inherit!important}.dock button span{font-size:10px!important}.dock svg{stroke-width:1.8}.approved-screen .edit-field input,.approved-screen .edit-field textarea{background:#fff;color:#1c1e22;border-color:#e1e4e8}.approved-screen .fab-button{background:var(--fab-primary)}
body.editor-active{background:#eef0f3;color:#111}body.editor-active main{background:var(--fab-card)}body.editor-active .carousel-editor{color:#17181a}.editor-shell-head{border-color:#e4e6ea}.editor-shell-head button{color:#222}.editor-slide-strip button{border-color:#e1e4e8;background:#fff;color:#7d8590}.editor-slide-strip button.active{border-color:var(--fab-primary);background:#f1ebff;color:var(--fab-primary)}.editor-stage{background:#e9ecf0}.editor-selection{color:#7c8490}.editor-primary-toolbar{border-color:#e0e3e7;background:#fff}.editor-primary-toolbar button{color:#858e9a}.editor-primary-toolbar button.active{background:#f1ebff;color:var(--fab-primary)}.editor-sheet .sheet-panel{background:#fff;color:#17181a}.tool-button,.tool-upload{border-color:#e1e4e8;background:#f5f6f7;color:#24262a}.tool-control input,.tool-control select,.tool-control textarea{border-color:#dfe3e7;background:#fff;color:#17181a}
.f-screen:not(.approved-screen):not(.carousel-editor){color:#202227}.f-screen:not(.approved-screen) .screen-head{min-height:68px;margin-bottom:18px;grid-template-columns:68px 1fr 68px}.f-screen:not(.approved-screen) .screen-head b{color:#17181a;font-size:var(--fab-body-size);font-weight:650}.f-screen:not(.approved-screen) .screen-head small{color:#8f97a2;font-size:var(--fab-small-size)}.f-screen:not(.approved-screen) .back{color:var(--fab-primary)}.f-screen:not(.approved-screen) .more{visibility:hidden}.f-screen:not(.approved-screen) .input-card,.f-screen:not(.approved-screen) .project-list,.f-screen:not(.approved-screen) .select-stack{border:1px solid #e3e6ea;border-radius:var(--fab-radius-card);background:#fff;color:#202227}.f-screen:not(.approved-screen) .input-card{margin-bottom:12px;padding:16px}.f-screen:not(.approved-screen) .input-card h2{margin:0 0 8px;font-size:var(--fab-h2-size);line-height:var(--fab-h2-line)}.f-screen:not(.approved-screen) .input-card p,.f-screen:not(.approved-screen)>p{color:#737b87;font-size:var(--fab-caption-size);line-height:var(--fab-caption-line)}.f-screen:not(.approved-screen) .project-row,.f-screen:not(.approved-screen) .select-row{border-color:#eceef1;background:#fff;color:#202227}.f-screen:not(.approved-screen) .project-row small,.f-screen:not(.approved-screen) .select-row small{color:#8d95a0}.f-screen:not(.approved-screen) .project-thumb{background:#eceff2}.f-screen:not(.approved-screen) .edit-field input,.f-screen:not(.approved-screen) .edit-field textarea{border:1px solid #e1e4e8;background:#fff;color:#202227}.f-screen:not(.approved-screen) .fab-button{background:var(--fab-primary);color:#fff}.f-screen:not(.approved-screen) .fab-button.secondary{border:1px solid #e0e3e7;background:#fff;color:var(--fab-primary)}.f-screen:not(.approved-screen) .tool-upload{border:1px solid #e0e3e7;background:#fff;color:var(--fab-primary)}
@media(max-width:390px){.result-hero{min-height:500px}}
@media(max-width:360px){:root{--fab-page-x:14px}.home-quick{grid-template-columns:repeat(3,1fr) 48px}.approved-week{gap:1px}.approved-week button{height:56px}.approved-schedule button{grid-template-columns:46px 64px 1fr}.approved-schedule img,.approved-schedule>button>span:nth-child(2){width:64px;height:70px}.content-fab{right:20px}}
@media(prefers-reduced-motion:reduce){.approved-orb i,.approved-progress .active i{animation:none}}
.dock[hidden]{display:none!important}
.approved-advanced{margin:12px 0}.approved-advanced summary{height:44px;display:flex;align-items:center;justify-content:space-between;color:#7f8792;font-size:var(--fab-small-size);list-style:none}.approved-advanced summary::-webkit-details-marker{display:none}.approved-advanced .select-row{background:#fff;color:#24262a;border-color:#e5e7eb}