:root{--page:#f6f7f9;--panel:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--accent:#1d4ed8;--accent-soft:#eff3ff;--danger:#b91c1c;--success:#047857;--radius:10px;--sidebar-width:220px;--font:"DM Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;font-family:var(--font);color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--page);min-height:100vh;display:grid}.app-sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:1.25rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{padding:.25rem .5rem .75rem}.brand-mark{width:100%;max-width:148px;height:auto;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-nav a{color:var(--text);border-radius:8px;padding:.55rem .75rem;font-weight:500;text-decoration:none;display:block}.sidebar-nav a:hover{background:var(--page)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding-top:1rem;display:flex}.sidebar-footer a,.sidebar-signout{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .5rem;font-size:.9rem;text-decoration:none}.sidebar-footer a:hover,.sidebar-signout:hover{color:var(--text);background:var(--page)}.app-main{min-width:0;min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:1.75rem 1.75rem 2.5rem}.page.editor-page{max-width:none}.loading-page{min-height:100vh;color:var(--muted);place-items:center;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:650}.page-header p{color:var(--muted);margin:0}.page-header-actions{flex-shrink:0;gap:.5rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.inline-form{align-items:flex-end}.panel,.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}.panel+.panel,.card+.card{margin-top:1rem}.panel h2,.card h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}input,select,textarea{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:.55rem .7rem}textarea{resize:vertical}button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:.55rem .95rem;font-weight:560}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--panel);color:var(--text);border-color:var(--border)}.btn-danger{background:var(--panel);color:var(--danger);border-color:#fecaca}.error{color:var(--danger);margin:0}.muted{color:var(--muted)}.status-ok{color:var(--success);margin:0}.banner{border:1px solid var(--border);background:var(--panel);border-radius:8px;margin-bottom:1rem;padding:.7rem .9rem}.banner.error-banner{color:var(--danger);background:#fef2f2;border-color:#fecaca}.banner.status-banner{color:var(--muted)}.chip{border:1px solid var(--border);background:var(--panel);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.9rem;display:inline-flex}.chip-ok{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.chip-warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.mono{font-family:var(--mono);font-size:.85em}.login-page{background:radial-gradient(1200px 500px at 50% -10%, #e8eefc 0%, transparent 55%), var(--page);place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:400px;padding:2rem 1.75rem 1.5rem}.login-card .brand-mark{max-width:168px;margin:0 auto 1.25rem}.login-card h1{text-align:center;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.35rem}.login-card .login-sub{text-align:center;color:var(--muted);margin:0 0 1.25rem;font-size:.95rem}.login-card button[type=submit]{width:100%;margin-top:.25rem}.login-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;font-size:.875rem;display:flex}.login-footer a{color:var(--muted);text-decoration:none}.login-footer a:hover{color:var(--accent)}.upload-label{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .95rem;font-weight:560;display:inline-flex}.upload-label input{display:none}.empty-drop{border-radius:var(--radius);background:var(--panel);text-align:center;min-height:220px;color:var(--muted);border:1.5px dashed #c5cad3;place-items:center;gap:.5rem;padding:2rem;display:grid}.empty-drop strong{color:var(--text);font-size:1.05rem}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.asset-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:border-color .15s;display:block;overflow:hidden}.asset-card:hover{border-color:#c7d2fe}.asset-card img{aspect-ratio:1;object-fit:cover;background:var(--page);width:100%;display:block}.asset-meta{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;gap:.5rem;padding:.55rem .7rem;font-size:.8rem;display:flex}.editor-toolbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.editor-toolbar label{min-width:160px}.editor-actions,.editor-slide-controls{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.editor-workspace{grid-template-columns:160px minmax(0,1fr) 220px;align-items:start;gap:1rem;display:grid}.editor-rail,.editor-stage,.editor-slides-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:420px;padding:.9rem}.editor-rail h2,.editor-stage h2,.editor-slides-panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.editor-asset-list,.editor-slide-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.editor-asset-list{grid-template-columns:1fr 1fr}.editor-slide-list{grid-template-columns:1fr}.editor-asset-btn,.editor-slide-thumb{border:1px solid var(--border);background:var(--panel);width:100%;color:inherit;cursor:pointer;border-radius:8px;padding:0;display:block;overflow:hidden}.editor-asset-btn img,.editor-slide-thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.editor-slide-thumb{font-size:.8rem;font-family:var(--mono);text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:.5rem;padding:.35rem;display:grid}.editor-slide-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 2px #1d4ed82e}.editor-preview{flex-direction:column;align-items:center;gap:.75rem;display:flex}.editor-preview label{width:min(100%,360px)}.slide-canvas{border:1px solid var(--border);border-radius:8px;margin-top:.25rem;overflow:hidden}.editor-export-canvases{pointer-events:none;position:absolute;top:0;left:-9999px}.settings-section,.queue-section{margin-top:0}.key-reveal{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.85rem}.key-reveal code{word-break:break-all;font-family:var(--mono);margin-top:.5rem;font-size:.85rem;display:block}.key-list{margin:0;padding:0;list-style:none}.key-list li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;gap:1rem;padding:.7rem 0;font-size:.9rem;display:grid}.schedule-form{max-width:480px}.post-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.05rem}.post-card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.post-caption{margin:0 0 .5rem}.post-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.post-error{margin:.25rem 0;font-size:.9rem}.post-actions{gap:.5rem;display:flex}.status-badge{letter-spacing:.02em;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:650;display:inline-block}.status-draft{color:#4b5563;background:#f3f4f6}.status-scheduled{color:#1d4ed8;background:#dbeafe}.status-publishing{color:#c2410c;background:#ffedd5}.status-published{color:#047857;background:#d1fae5}.status-failed{color:#b91c1c;background:#fee2e2}@media (width<=960px){.editor-workspace{grid-template-columns:120px 1fr}.editor-slides-panel{grid-column:1/-1;min-height:auto}}@media (width<=720px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.sidebar-nav{flex-flow:wrap}.editor-workspace{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}