.sfnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:12px 0;border-bottom:1px solid #dae2ee}.sfnav button{padding:10px 12px;min-height:44px}.sfnav [aria-current=page]{background:#e8efff;color:#1745b5}.sfgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.sfthumb{display:block;width:100%;max-width:430px;max-height:420px;object-fit:contain;background:#101e38;border-radius:12px;margin:12px 0}.sffocal{width:100%;max-width:480px;cursor:crosshair;display:block}.sfform{display:grid;gap:12px}.sfform label{display:block}.sfform input[type=checkbox]{width:24px;height:24px;vertical-align:middle;margin-right:8px}.sfform input[type=range]{width:100%}.sfform fieldset{border:1px solid #d5ddec;border-radius:10px;padding:12px;min-width:0}.sfform fieldset label{display:flex;align-items:center;gap:8px;margin:8px 0}.sfpublication{padding:16px 0;border-top:1px solid #d5ddec}.sfpublication p{white-space:pre-wrap;overflow-wrap:anywhere}#autopilotPanel .card{margin-bottom:18px;min-width:0}#autopilotPanel button{margin:6px 6px 6px 0;max-width:100%;white-space:normal}#autopilotPanel input,#autopilotPanel textarea,#autopilotPanel select{max-width:100%;min-width:0;box-sizing:border-box}#autopilotPanel h2,#autopilotPanel h3{overflow-wrap:anywhere}@media(max-width:400px){.sfnav{gap:4px}.sfnav button{font-size:13px;padding:9px}.sfpublication{padding:12px 0}}

.sffile{position:absolute;width:1px;height:1px;opacity:0}.sffilelabel{display:inline-block;padding:12px 16px;cursor:pointer;border:1px solid #cbd9ed;border-radius:12px}.sffilelabel:has(+input:focus-visible){outline:3px solid #2563eb}

.sffocalframe{position:relative;max-width:480px}.sffocaldot{position:absolute;width:22px;height:22px;border:3px solid #fff;background:#185adb;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px #185adb}

#autopilotPanel input.sffile{width:1px;max-width:1px;min-width:1px;height:1px;padding:0;border:0;left:0;clip-path:inset(50%)}
/* SocialFlow AI 1.2 — product shell, themes and mobile schedule builder. */
:root{--canvas:#f5f7fb;--surface:#fff;--surface-alt:#edf2fa;--ink:#14263f;--muted:#64748b;--line:#dce4ef;--blue:#345cf5;--accent:#16b5a5;--shadow:0 8px 32px #13274206;color:var(--ink);background:var(--canvas)}
html[data-theme=dark]{color-scheme:dark;--canvas:#0b1220;--surface:#121e30;--surface-alt:#1b2a40;--ink:#e7eefc;--muted:#9baec8;--line:#2b3d55;--blue:#799aff;--accent:#50d5c3;--shadow:0 8px 30px #0002}
body{background:var(--canvas);color:var(--ink)}.top,main{max-width:1440px}.top{gap:16px;padding-top:22px;padding-bottom:18px}.top #logout{margin-left:auto}.brand{color:var(--ink)}.brand small{letter-spacing:2.3px}h1{font-size:clamp(29px,3.4vw,40px);letter-spacing:-1.1px}h2{font-size:24px}p{color:var(--muted)}.card,.postrow,dialog{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.card{border-radius:20px;padding:26px}.secondary{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}.quiet{color:var(--muted)}.primary{background:#345cf5;color:#fff}.primary:hover:not(:disabled){background:#2447cf}.modebar{background:var(--surface);border-color:var(--line);margin:0 0 24px}.modebar>span:not(.dot){color:var(--muted)}.eyebrow{color:var(--blue)}.sfnav{background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:15px;gap:4px}.sfnav button{text-align:left;white-space:nowrap;flex-grow:1;border-radius:9px;font-size:13px}.sfnav [aria-current=page]{background:var(--surface-alt);color:var(--blue)}.sfnav button:hover{background:var(--surface-alt)}.sfnav button[aria-current=page]::before{content:'●';font-size:8px;margin-right:8px;vertical-align:middle}input:not([type=checkbox]),textarea,select{background:var(--surface);color:var(--ink);border-color:var(--line);min-height:46px}.summaryline,.upload,.channelchoices label,.consent{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}.preview p{color:var(--ink)}.preview,.asset,.sfform fieldset{border-color:var(--line)}.asset{background:var(--surface-alt)}.editorfooter{background:var(--canvas)}.hint,.quiet{color:var(--muted)}.warning,#notice{background:#fff6df;color:#715019}.badge{background:var(--surface-alt);color:var(--muted)}html[data-theme=dark] .warning,html[data-theme=dark] #notice{background:#3c2f1b;color:#f2cf8a;border-color:#68502b}html[data-theme=dark] #notice.success{background:#173c30;color:#a2e7c2;border-color:#30694e}html[data-theme=dark] .badge.good{background:#183e31;color:#a2e7c2}html[data-theme=dark] .badge.attention{background:#3c2f1b;color:#f2cf8a}html[data-theme=dark] .channelchoices label:has(input:checked){background:#223b60}.sfhero{background:linear-gradient(120deg,var(--surface) 30%,var(--surface-alt));position:relative;overflow:hidden;padding:34px!important}.sfhero h2{font-size:clamp(29px,3.5vw,42px);max-width:680px;letter-spacing:-1.5px}.sfhero p{max-width:640px;font-size:16px;line-height:1.7}.sfhero .eyebrow{font-size:10px;letter-spacing:2px}.sfmetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sfmetric{padding:20px!important}.sfmetric strong{display:block;font-size:21px;line-height:1.4;letter-spacing:-.4px;margin-top:14px;overflow-wrap:anywhere}.sfonboarding{display:grid;gap:7px}.sfonboard{display:grid;grid-template-columns:30px 1fr;align-items:center;text-align:left;background:transparent;color:var(--ink);border-radius:12px;padding:15px 10px!important;margin:0!important;width:100%;gap:4px 10px;border:1px solid transparent}.sfonboard:hover{background:var(--surface-alt);border-color:var(--line)}.sfonboard .hint{grid-column:2;font-weight:400}.sfcheck{width:24px;height:24px;display:grid;place-items:center;background:var(--surface-alt);border-radius:100%;color:var(--muted);font-size:15px}.sfcheck.good{color:var(--accent);background:var(--surface-alt)}.sfissue{border-left:3px solid #e3a742;padding:9px 14px;background:var(--surface-alt);color:var(--ink);font-size:14px;line-height:1.6;border-radius:0 8px 8px 0}.sfcolumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.sffield{min-width:0}.sffield label{margin-top:12px}.sfcheckfield{display:flex;gap:12px;align-items:center;flex-direction:row-reverse;justify-content:flex-end;padding-top:12px}.sfcheckfield label{margin:0;font-weight:550}.sfcheckfield input{margin:0!important;min-width:22px;width:22px;height:22px}.sfchannelpauses{display:flex;gap:12px;flex-wrap:wrap;border:1px solid var(--line);padding:16px;border-radius:12px}.sfchannelpauses legend{padding:0 5px}.sfchannelpauses .sffield{background:var(--surface-alt);padding:12px;border-radius:10px;flex:1}.sfrule{border:1px solid var(--line);border-radius:15px;padding:20px;margin:20px 0;background:var(--surface);border-top:3px solid var(--blue)}.sfrule[data-platform=instagram]{border-top-color:#be51a0}.sfrule[data-platform=tiktok]{border-top-color:var(--accent)}.sfrulehead{display:flex;gap:12px;align-items:center;justify-content:space-between}.sfrulehead h3{margin:4px 0;font-size:19px}.sfweekdays{display:flex;gap:6px;flex-wrap:wrap}.sfweekdays legend{width:100%}.sfweekdays label{display:flex;align-items:center;justify-content:center;margin:0;position:relative;flex:1;min-width:44px;cursor:pointer}.sfweekdays input{position:absolute;width:1px!important;height:1px!important;opacity:0}.sfweekdays span{padding:12px 8px;min-width:44px;display:block;text-align:center;background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;width:100%;font-size:13px}.sfweekdays input:checked+span{background:#345cf5;color:white;border-color:#345cf5}.sfweekdays input:focus-visible+span{outline:3px solid #91b7ff;outline-offset:2px}.sftimes{margin-bottom:12px}.sftime{display:flex;align-items:end;gap:6px;min-width:0}.sftime>.sffield{flex:1}.sftime button{flex:none;margin-bottom:0!important}.sfdateadd{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.sfdateadd .sffield{flex:1;min-width:130px}.sfdateadd button{margin-bottom:0!important}.sfdateList,.sfpauses{border:1px solid var(--line);border-radius:10px;padding:14px;margin:15px 0}.sfdateList legend,.sfpauses legend{padding:0 5px}.sfchips{display:flex;flex-wrap:wrap;gap:4px}.sfchip{font-size:12px;background:var(--surface-alt);color:var(--ink);padding:8px 12px}.sfpauserow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.sfactions{display:flex;flex-wrap:wrap;gap:8px}.sfactions button{flex:1;margin:8px 0!important}.sfdanger{background:#fff0f0;color:#a12436;border:1px solid #eed1d6}html[data-theme=dark] .sfdanger{background:#3a212d;color:#ffb5bf;border-color:#693443}.sfplan{margin:22px 0 10px}.sfplanhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.sfplanhead strong{font-size:24px;color:var(--ink)}.sfcalendargrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:20px 0}.sfcalday{min-width:0;min-height:120px;padding:10px 7px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.sfcalday.emptyday{background:var(--canvas)}.sfcaldate{font-size:11px;color:var(--muted);font-weight:650;display:block;margin-bottom:10px;white-space:normal}.sfcalempty{font-size:11px;margin-top:20px;font-weight:400}.sfslot{border-left:3px solid #345cf5;padding:7px 5px;background:var(--surface-alt);border-radius:3px 6px 6px 3px;margin-top:5px;line-height:1.4}.sfslot.instagram{border-color:#be51a0}.sfslot.tiktok{border-color:var(--accent)}.sfslot strong,.sfslot span{display:block;overflow-wrap:anywhere;font-size:10px}.sfslot span{color:var(--muted);font-size:10px;margin-top:3px}.sfslot .sfissue{padding:4px;font-size:10px}.sfpublication{border-color:var(--line)}.sfpublication h3{font-size:16px;line-height:1.6}.sfpublication>.sfthumb{max-height:340px}.sfeditbox{scroll-margin-top:20px}.sffocalframe{background:var(--surface-alt);border-radius:12px;overflow:hidden}.sfgrid .card{padding:18px}.sfgrid .sfthumb{height:200px;margin-top:0}.sfgrid h2{font-size:19px;margin:15px 0 8px}.sfgrid p{font-size:13px}.sfgrid .sftags{display:flex;gap:5px;flex-wrap:wrap}.sfgrid .sftags span{padding:3px 8px;border-radius:5px;background:var(--surface-alt);font-size:11px}.sfassetstatus{font-weight:650;color:var(--accent)}.sfusage{border-top:1px solid var(--line);padding-top:12px}.sfactionsbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.sfactionsbar .sffield{flex:1}.sfuploadstatus{font-size:13px;line-height:1.7;white-space:pre-wrap}.sitefooter{max-width:1440px;margin:auto}.sfsectionhead{margin-bottom:25px}.sfsectionhead .eyebrow{font-size:10px}.sfsectionhead h1{margin-bottom:8px}
@media(min-width:1100px){#app{display:grid;grid-template-columns:205px minmax(0,1fr);gap:0 28px;align-items:start}.sfnav{grid-column:1;grid-row:1 / span 8;position:sticky;top:22px;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:12px 8px}.sfnav button{font-size:13px;min-height:47px;padding:12px 14px;flex-grow:0}.sfnav button:nth-child(8){margin-top:24px;border-top:1px solid var(--line);border-radius:0}#app>.modebar,#app>section{grid-column:2;min-width:0}.modebar{margin-top:0}#autopilotPanel>h1{margin-top:0}}
@media(max-width:1099px){.sfnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;position:sticky;top:0;z-index:3;padding:6px;backdrop-filter:blur(20px)}.sfnav button{flex:0 0 auto}.sfmetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sfcalendargrid{grid-template-columns:repeat(5,minmax(0,1fr))}.sfcalday{min-height:115px}}
@media(max-width:650px){.sfcalendargrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sfcolumns{grid-template-columns:1fr}.sfhero{padding:24px!important}.sfhero h2{font-size:30px}.sfhero p{font-size:14px}.sfmetrics{gap:10px}.sfmetric{padding:17px!important}.sfmetric strong{font-size:18px}.sfrule{padding:14px}.card{padding:20px}.sfrulehead{align-items:flex-start}.sfrulehead button{padding:8px;font-size:12px;min-height:44px}.sfweekdays{gap:5px}.sfweekdays label{min-width:36px}.sfweekdays span{min-width:36px;padding:13px 4px;font-size:12px}.sfactions{display:grid;grid-template-columns:1fr}.sfactions button{width:100%;margin:4px 0!important}.sfdateadd{align-items:stretch}.sfdateadd button{width:100%}.sfdateList,.sfpauses{padding:10px}.sfchannelpauses{padding:10px}.sfchannelpauses .sffield{flex-basis:100%;padding:10px}.sfcalday{padding:8px 6px}.sfcaldate{font-size:10px}.sfslot strong{font-size:11px}.sfslot span{font-size:10px}.top{padding:18px 16px;gap:4px}.top .brand{font-size:23px}.top #logout{font-size:12px;padding:10px}.top #themeToggle{font-size:11px;padding:8px;max-width:75px;line-height:1.3}.sfnav{margin-bottom:18px;margin-left:-2px;margin-right:-2px}.sfnav button{font-size:12px;padding:9px 12px}.sfnav [aria-current=page]::before{display:none}.sfgrid{grid-template-columns:1fr}.sfgrid .sfthumb{height:230px}.sfplanhead strong{font-size:21px}#autopilotPanel button{min-height:44px}.sfuploadstatus{overflow-wrap:anywhere}.sfpauserow{flex-wrap:wrap}.sfsectionhead h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.sfestimate{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:15px;margin:16px 0}.sfestimate strong{color:var(--ink);font-size:14px}.sfestimate .hint{margin:7px 0 0}

.sfsimulation:not(:empty){background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}.sfsimulation strong{display:block;margin-bottom:10px}.sfsimulation p{margin:7px 0}

/* RC2: explicit creative intent and visible degradation. */
.sfaipolicy{border-left:4px solid var(--blue)}.sfpolicytitle{display:block;font-size:19px;color:var(--ink)}.sffallbackwarning p,.sfblockedwarning p{color:inherit;margin:9px 0}.sfcreative{padding:22px;background:var(--surface-alt);border:1px solid var(--line);border-radius:14px;margin:20px 0}.sfcreativeheadline{font-size:26px!important;line-height:1.2!important;margin:12px 0!important;letter-spacing:-.5px;color:var(--ink)}.sfcreativesubheadline{font-size:16px;color:var(--ink);line-height:1.65}.sfcreativeCTA{display:inline-block;font-size:13px;font-weight:700;color:var(--blue);border-bottom:2px solid currentColor;padding-bottom:4px}.sfcreative .badge{background:var(--surface)}.sfstoryboard{padding-left:22px;display:grid;gap:12px}.sfstoryboard li{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.sfstoryboard p{margin:6px 0}.sfstoryboard span{display:block}.sfcreative .sfissue{background:var(--surface)}@media(max-width:650px){.sfcreative{padding:16px}.sfcreativeheadline{font-size:23px!important}.sfcreativesubheadline{font-size:14px}}

.sffallbackedit{scroll-margin-top:25px}.sffallbacksources label,.sffallbackassets label{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-weight:500}.sffallbacksources input,.sffallbackassets input{margin-top:3px}.sffallbackscenes{display:grid;gap:12px}.sffallbackscenes fieldset{background:var(--surface-alt)}.sffallbackcard .sfcreative{margin:14px 0}.sfapprovedtext{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:10px;padding:14px}.sffallbackedit .sfcheckfield{background:var(--surface-alt);padding:16px;border-radius:12px;margin-top:15px}.sffallbackedit .sfactions{margin-top:20px}