:root{--ink:#171714;--muted:#6c6b63;--paper:#f4f4ef;--surface:#fff;--line:#deded5;--yellow:#f7d93d;--yellow-dark:#d8b900;--blue:#315bd6;--green:#18794e;--red:#b4233d;--shadow:0 14px 40px rgba(23,23,20,.08);--radius:20px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:750;padding:.78rem 1.05rem;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,23,20,.16)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.button-primary{background:var(--yellow);color:var(--ink)}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-danger,.danger{background:#fff1f3;color:var(--red);border:1px solid #fac5ce}.button-small{padding:.55rem .75rem;font-size:.9rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,244,239,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,222,213,.8)}.nav-shell{max-width:1180px;margin:auto;padding:.8rem 1.25rem;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:850;letter-spacing:-.02em;margin-right:auto}.brand-mark{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:10px;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:.9rem}.nav-links{display:flex;gap:.25rem;align-items:center}.nav-link{padding:.55rem .75rem;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:650}.nav-link:hover,.nav-link.active{background:#fff;color:var(--ink)}.logout-form{margin:0}.logout-button{background:transparent;color:var(--muted);padding:.55rem .7rem}.page-shell{max-width:1180px;margin:auto;padding:2rem 1.25rem 4rem}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.eyebrow{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--muted);margin:0 0 .35rem}.page-heading h1,.detail-title h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.03;letter-spacing:-.055em;margin:0}.page-heading p,.lead{color:var(--muted);margin:.45rem 0 0;max-width:42rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-title h2,.panel h2{font-size:1.15rem;margin:0}.quick-upload{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:stretch;background:var(--ink);color:#fff;border-radius:24px;padding:1rem;box-shadow:var(--shadow);margin-bottom:1rem}.drop-zone{min-height:112px;border:2px dashed #6b6b62;border-radius:17px;padding:1.2rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:.15s ease}.drop-zone:hover,.drop-zone.dragover{border-color:var(--yellow);background:rgba(247,217,61,.08)}.drop-icon{display:grid;place-items:center;width:3rem;height:3rem;flex:none;background:var(--yellow);color:var(--ink);border-radius:14px;font-size:1.5rem;font-weight:900}.drop-zone strong{display:block;font-size:1.08rem}.drop-zone span{color:#bdbdb3}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.quick-actions{display:flex;flex-direction:column;justify-content:center;gap:.55rem;min-width:170px}.quick-actions .button{width:100%}.quiet-link{color:#c7c7bf;text-align:center;font-size:.9rem}.helper{font-size:.9rem;color:var(--muted);margin:.4rem 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.15rem 0}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem}.stat strong{display:block;font-size:1.65rem;line-height:1}.stat span{color:var(--muted);font-size:.86rem}.section-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.8rem 0 .85rem}.section-row h2{margin:0;font-size:1.25rem}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.content-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(23,23,20,.05);transition:transform .16s ease,box-shadow .16s ease}.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card-preview{display:grid;place-items:center;aspect-ratio:16/10;background:#e9e9e1;overflow:hidden}.card-preview img,.card-preview video{width:100%;height:100%;object-fit:cover}.preview-placeholder{font-size:2rem;color:#aaa99e}.card-body{padding:1rem;display:flex;flex-direction:column;gap:.65rem;flex:1}.card-body h3{font-size:1.05rem;line-height:1.25;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy{color:var(--muted);font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.card-meta{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--muted);font-size:.8rem}.card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto}.card-actions form{margin-left:auto}.badge{display:inline-flex;align-items:center;width:max-content;gap:.35rem;padding:.3rem .58rem;border-radius:999px;background:#ecece6;color:#55554e;font-weight:750;font-size:.76rem}.badge::before{content:"";width:.43rem;height:.43rem;border-radius:50%;background:currentColor}.status-published,.status-ready,.status-fired{background:#e8f7ef;color:var(--green)}.status-publishing,.status-generating,.status-running{background:#e9efff;color:var(--blue)}.status-failed{background:#fff0f2;color:var(--red)}.status-queued,.status-pending,.status-scheduled,.status-active{background:#fff7d1;color:#806a00}.flash{border-radius:14px;padding:.85rem 1rem;margin:0 0 1rem;background:#e8f7ef;color:#12633f;border:1px solid #bfe5d0;font-weight:650}.flash.error{background:#fff0f2;color:#8f1d32;border-color:#fac5ce}.empty-state{text-align:center;padding:3.5rem 1.25rem;border:1px dashed #cacac0;border-radius:20px;background:rgba(255,255,255,.55)}.empty-icon{font-size:2.2rem;margin-bottom:.5rem}.empty-state h2{margin:.2rem}.empty-state p{color:var(--muted);margin:.3rem auto 1rem;max-width:30rem}.form-stack{display:grid;gap:1rem}.field label,.field-label{display:block;font-weight:750;margin-bottom:.35rem}.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select,input[type=datetime-local],input[type=time]{display:block;width:100%;border:1px solid #cfcfc5;border-radius:12px;background:#fff;padding:.78rem .85rem;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{outline:3px solid rgba(247,217,61,.5);border-color:#a68c00}.choice{display:flex;align-items:flex-start;gap:.55rem;font-weight:650}.choice input{margin-top:.32rem}.advanced{border:1px solid var(--line);border-radius:16px;background:#fafaf7}.advanced summary{cursor:pointer;padding:1rem;font-weight:800;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary::after{content:"+";float:right;font-size:1.25rem}.advanced[open] summary::after{content:"−"}.advanced-body{padding:0 1rem 1rem;display:grid;gap:1rem}.radio-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.radio-card{border:1px solid var(--line);border-radius:12px;padding:.8rem;cursor:pointer}.radio-card:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2px var(--yellow)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.back-link{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:.55rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1rem;align-items:start}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.media-item{width:100%;max-height:560px;object-fit:contain;background:#e9e9e1;border-radius:14px}.sidebar-stack{display:grid;gap:1rem}.caption-text{white-space:pre-wrap}.actions-row{display:flex;flex-wrap:wrap;gap:.6rem}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:9rem 8rem 1fr;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.timeline li:last-child{border:0}.timeline-time,.timeline-detail{color:var(--muted);font-size:.88rem}.schedule-list{display:grid;gap:.6rem}.schedule-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--line);border-radius:12px;padding:.75rem}.danger-zone{border-color:#f2bcc6;background:#fffafb}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:linear-gradient(145deg,var(--yellow) 0 34%,var(--paper) 34%)}.login-card{width:min(440px,100%);background:#fff;border:2px solid var(--ink);border-radius:24px;padding:2rem;box-shadow:8px 8px 0 var(--ink)}.login-brand{display:flex;align-items:center;gap:.75rem;font-weight:850}.login-card h1{font-size:2rem;letter-spacing:-.04em;margin:1.5rem 0 .25rem}.login-card p{color:var(--muted);margin:.25rem 0 1.25rem}.login-card button{width:100%;margin-top:.75rem}.automation-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:14px;background:#fff;border:1px solid var(--line);margin-bottom:1rem}.automation-banner.on{background:#e8f7ef;border-color:#bfe5d0}.toggle-line{display:flex;align-items:center;gap:.7rem;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}tr:last-child td{border-bottom:0}@media(max-width:850px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.quick-upload{grid-template-columns:1fr}.quick-actions{flex-direction:row}.nav-shell{flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:space-between}.nav-link{flex:1;text-align:center}.timeline li{grid-template-columns:1fr}.time-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:560px){.page-shell{padding:1.2rem .85rem 5rem}.content-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.page-heading,.detail-header,.form-footer,.automation-banner{align-items:stretch;flex-direction:column}.quick-actions{flex-direction:column}.media-grid,.radio-row,.time-grid{grid-template-columns:1fr}.nav-shell{padding:.65rem .85rem}.brand span:last-child{display:none}.nav-link{font-size:.88rem;padding:.5rem .3rem}.logout-button{font-size:.85rem}.panel{padding:1rem}.drop-zone{padding:1rem}.timeline li{gap:.15rem}}
.generated-section{margin:1.5rem 0}.generated-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.generated-heading h2{margin:0;font-size:1.22rem;letter-spacing:-.025em}.generated-heading h2 span{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .35rem;border-radius:999px;background:var(--yellow);font-size:.78rem;vertical-align:middle}.generated-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.generated-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.generated-actions form{margin:0}.generated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.generated-card{display:grid;grid-template-columns:126px minmax(0,1fr);gap:.8rem;align-items:center;padding:.7rem;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 16px rgba(23,23,20,.045)}.generated-card.is-added{background:#fafaf6}.generated-slides{display:block;min-width:0;text-decoration:none}.generated-cover{position:relative;display:block;overflow:hidden;border-radius:11px;background:#eef0e8;aspect-ratio:4/5;cursor:pointer}.generated-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.generated-slides:hover .generated-cover img{transform:scale(1.025)}.slide-count{position:absolute;right:.35rem;bottom:.35rem;padding:.22rem .38rem;border:1px solid var(--ink);border-radius:999px;background:var(--yellow);font-size:.68rem;font-weight:850}.generated-slide-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;margin-top:.45rem}.generated-slide-strip span{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#f2f2ed}.generated-slide-strip img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.generated-copy{display:grid;justify-items:start;gap:.34rem;min-width:0}.generated-copy h3{font-size:1rem;letter-spacing:-.025em;line-height:1.14;margin:0}.generated-copy p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.generated-copy form{margin:.1rem 0 0}.generated-meta{display:flex;flex-wrap:wrap;gap:.25rem .55rem;color:var(--muted);font-size:.75rem;font-weight:650}.generated-meta span+span::before{content:"·";margin-right:.55rem}.generated-empty{display:flex;flex-wrap:wrap;gap:.45rem .8rem;align-items:center;padding:.8rem 1rem;border:1px dashed #c8c8be;border-radius:14px;background:#fff;color:var(--muted);font-size:.9rem}.generated-empty strong{color:var(--ink)}.instagram-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);max-width:1040px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.instagram-media{background:#111;min-width:0}.instagram-media-frame{position:relative;aspect-ratio:4/5;background:#111}.instagram-slide{display:none;width:100%;height:100%;object-fit:contain}.instagram-slide.is-active{display:block}.carousel-arrow{position:absolute;top:50%;z-index:1;width:2.25rem;height:2.25rem;padding:0;border-radius:999px;background:rgba(255,255,255,.88);color:#171714;font-size:2rem;line-height:1;transform:translateY(-50%)}.carousel-arrow:hover{transform:translateY(-50%);box-shadow:none}.carousel-prev{left:.75rem}.carousel-next{right:.75rem}.carousel-position{position:absolute;right:.75rem;top:.75rem;border-radius:999px;padding:.25rem .55rem;background:rgba(0,0,0,.64);color:#fff;font-size:.76rem;font-weight:750}.carousel-dots{display:flex;justify-content:center;gap:.32rem;padding:.6rem}.carousel-dots button{width:.42rem;height:.42rem;padding:0;border-radius:50%;background:#9c9c96}.carousel-dots button.is-active{background:var(--yellow)}.instagram-sidebar{display:flex;min-height:0;flex-direction:column}.instagram-account{display:flex;align-items:center;gap:.6rem;padding:1rem;border-bottom:1px solid var(--line)}.instagram-account strong{font-size:.92rem}.instagram-account>span:last-child{margin-left:auto;color:var(--muted);font-size:.8rem}.instagram-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font-weight:900}.instagram-caption{padding:1rem 1rem .4rem;overflow:auto;max-height:16rem;font-size:.92rem}.instagram-caption p{margin:.35rem 0;white-space:pre-wrap}.muted{color:var(--muted)}.instagram-meta{display:flex;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--line);font-size:1.45rem;line-height:1}.instagram-save{margin-left:auto}.instagram-sidebar>.helper{padding:0 1rem;margin:.8rem 0}.instagram-sidebar>form,.instagram-sidebar>.button{margin:0 1rem 1rem}.instagram-caption-editor{padding:0 1rem}.instagram-caption-editor textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.65rem}.instagram-caption-editor .actions-row button{font-size:.8rem;padding:.62rem}.instagram-caption-editor .advanced{font-size:.85rem}@media(max-width:760px){.instagram-preview{grid-template-columns:1fr}.instagram-sidebar{border-top:1px solid var(--line)}.instagram-caption{max-height:none}.carousel-arrow{width:2rem;height:2rem}}@media(max-width:560px){.instagram-preview{border-radius:14px}.carousel-arrow{opacity:.92}.instagram-caption-editor .actions-row{display:grid;grid-template-columns:1fr}.instagram-caption-editor .actions-row button{width:100%}}