*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F9FC;--surface: #FFFFFF;--surface2: #EDF2F7;--border: #E2E8F0;--text: #1A1A1A;--text-dim: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--danger: #ef4444;--warning: #d97706;--radius: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.screen{display:none}.screen.active{display:block}.hidden{display:none!important}.login-box{max-width:380px;margin:20vh auto;text-align:center;padding:40px;background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 24px #0000000f}.login-box h1{font-size:1.6rem;margin-bottom:4px}.login-box p{color:var(--text-dim);margin-bottom:24px;font-size:.9rem}.login-box input{width:100%;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;margin-bottom:12px;outline:none}.login-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.login-box button{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:600;transition:background .2s}.login-box button:hover{background:var(--accent-hover)}.error{color:var(--danger);font-size:.85rem;margin-top:8px}header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000a}header h1{font-size:1.2rem;font-weight:700}.btn-small{padding:6px 14px;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-small:hover{color:var(--text);border-color:var(--accent)}.disclaimer{background:#fffbeb;border:1px solid #FDE68A;color:var(--warning);padding:10px 24px;font-size:.85rem;text-align:center}section{max-width:960px;margin:0 auto;padding:32px 24px}h2{font-size:1.15rem;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:700}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;margin-top:16px}.sublabel{font-weight:400;color:var(--text-dim)}textarea{width:100%;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.btn-primary{margin-top:20px;padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);font-size:.7rem;font-style:italic;color:var(--text-dim);cursor:help;font-weight:400;position:relative}.info-icon:hover{color:var(--accent);border-color:var(--accent)}.info-icon:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.78rem;font-style:normal;font-weight:400;padding:8px 12px;border-radius:8px;width:max-content;max-width:280px;line-height:1.4;white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:100;box-shadow:0 4px 12px #0000001a}.info-icon:hover:after,.info-icon:focus:after{opacity:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:0 4px 12px #00000014}.card.approved{border-color:var(--success)}.card.failed{border-color:var(--danger)}.card.completed{border-color:var(--success)}.card-image,.card-video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:var(--surface2)}.card-body{padding:12px}.card-hook{font-size:.8rem;color:var(--text-dim);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions button{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;font-size:.8rem;transition:all .2s}.card-actions button:hover{border-color:var(--accent);color:var(--accent)}.card-actions .btn-approve{border-color:var(--success);color:var(--success)}.card-actions .btn-approve:hover,.card-actions .btn-approve.active{background:var(--success);color:#fff}.card-improve{display:flex;gap:6px;margin-top:8px}.card-improve input{flex:1;padding:6px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;outline:none;transition:border-color .2s}.card-improve input:focus{border-color:var(--accent)}.card-improve button{padding:6px 10px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.8rem;white-space:nowrap;transition:background .2s}.card-improve button:hover{background:var(--accent-hover)}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-queued{background:var(--surface2);color:var(--text-dim)}.status-processing{background:#dbeafe;color:#2563eb}.status-completed{background:#dcfce7;color:#16a34a}.status-failed{background:#fee2e2;color:#dc2626}.card-status{margin-bottom:8px}.section-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.count-badge{font-size:.85rem;color:var(--text-dim)}.spinner{width:100%;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:var(--surface2)}.spinner:after{content:"";width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-container{margin-bottom:16px}.progress-text{font-size:.85rem;color:var(--text-dim);margin-bottom:6px;font-weight:600}.progress-bar{width:100%;height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;width:0%;transition:width .3s ease}.progress-fill.complete{background:var(--success)}.btn-secondary{padding:10px 20px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.card-grid.compact .card-image{aspect-ratio:1/1;object-fit:cover}.card-grid.compact .card-body{padding:8px}.card-grid.compact .card-hook{font-size:.7rem;-webkit-line-clamp:2}.card-grid.compact .card-actions{gap:4px}.card-grid.compact .card-actions button{padding:4px 8px;font-size:.7rem}.card-grid.compact .card-improve{display:none}@media(max-width:640px){.card-grid{grid-template-columns:1fr}section{padding:20px 16px}}