:root{--bg: #0d0f12;--surface: #161a20;--surface2: #1e232b;--border: #2a3038;--text: #e6edf3;--textMuted: #8b949e;--accent: #22c55e;--accentDim: #16a34a;--danger: #ef4444;--warning: #eab308;--radius: 10px;--font: "DM Sans", system-ui, sans-serif;--fontMono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:360px}.toast{padding:.75rem 1rem;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);box-shadow:0 4px 20px #0006;font-size:.9rem}.toast.success{border-left:4px solid var(--accent)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--warning)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.logo{font-weight:700;font-size:1.15rem;color:var(--text)}.logo:hover{text-decoration:none}.header nav{display:flex;align-items:center;gap:1rem}.header nav a{color:var(--textMuted)}.header nav a:hover{color:var(--accent)}.tiktok-badge{font-size:.85rem;padding:.35rem .6rem;border-radius:6px}.tiktok-badge.connected{background:#22c55e26;color:var(--accent)}.tiktok-badge.connect{background:var(--surface2);color:var(--accent)}.main{flex:1;padding:1.5rem;max-width:960px;margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page h1{font-size:1.5rem;margin:0 0 1rem}.filter-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--textMuted);font-size:.85rem}.chip.active{background:var(--accentDim);color:var(--text);border-color:var(--accent)}.draft-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.draft-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.draft-card-link{display:block;padding:1rem;color:inherit}.draft-card-link:hover{text-decoration:none;background:var(--surface2)}.status-chip{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.status-draft{background:#8b949e33;color:var(--textMuted)}.status-approved{background:#22c55e33;color:var(--accent)}.status-uploaded{background:#3b82f633;color:#3b82f6}.status-fix{background:#ef444433;color:var(--danger)}.draft-headline{display:block;font-weight:600;margin-top:.25rem}.draft-meta,.draft-publish-id{display:block;font-size:.85rem;color:var(--textMuted);margin-top:.25rem}.error{color:var(--danger)}.muted{color:var(--textMuted)}.btn{padding:.5rem 1rem;border-radius:var(--radius);border:none;font-size:.9rem;background:var(--surface2);color:var(--text)}.btn:hover:not(:disabled){background:var(--border)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--accentDim)}.btn-secondary{background:var(--surface2)}.btn.back{margin-bottom:.5rem}.form{max-width:400px;display:flex;flex-direction:column;gap:1rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--textMuted)}.form input,.form select{padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text)}.form input:focus,.form select:focus{outline:none;border-color:var(--accent)}.draft-detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.caption-preview{color:var(--textMuted);margin:0 0 .25rem}.hashtags{font-size:.9rem;color:var(--textMuted);margin:0 0 1rem}.publish-id-box{font-family:var(--fontMono);font-size:.85rem;background:var(--surface2);padding:.5rem .75rem;border-radius:var(--radius);margin-bottom:1rem}.instruction-box{background:#eab3081a;border:1px solid var(--warning);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.story-section{margin-bottom:1.5rem}.story-section h2{font-size:1.1rem;margin:0 0 .5rem}.story-slides{padding-left:1.25rem;color:var(--textMuted);font-size:.9rem}.images-section{margin-bottom:1.5rem}.images-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.images-section-head h2{font-size:1.1rem;margin:0}.hint{font-size:.85rem;color:var(--textMuted);margin-bottom:.75rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.image-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.image-card.chosen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.image-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.image-meta{padding:.35rem .5rem;font-size:.75rem;color:var(--textMuted)}.image-meta .license{display:block}.img-btn{position:absolute;top:.25rem;right:.25rem;padding:.25rem .5rem;font-size:.75rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.chosen-order{font-size:.8rem;color:var(--textMuted);margin-bottom:.5rem}