:root{--bg-main: #0a0a0c;--bg-card: #141416;--accent: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1)}body{margin:0;background:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif}.app{max-width:1000px;margin:0 auto;padding:20px}.header-container{text-align:center;margin-bottom:2rem}.header-container h1{margin:0;background:linear-gradient(to right,#34d399,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2.5rem}.main-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;min-height:400px}.hidden-source{display:none}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:12px;padding:60px;cursor:pointer;transition:.3s}.upload-box:hover{border-color:var(--accent)}.icon-accent{color:var(--accent);margin-bottom:10px}.ad-section{margin-top:25px;text-align:center}.ad-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;letter-spacing:1px}.ad-placeholder{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);min-height:120px}.workspace-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}@media (max-width: 768px){.workspace-grid{grid-template-columns:1fr}}.preview-container{background:#000;border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column}.live-canvas{width:100%;height:auto;display:block}.canvas-controls{background:#ffffff1a;padding:8px;display:flex;gap:10px;align-items:center}.canvas-controls button{background:none;border:none;color:#fff;cursor:pointer}.canvas-controls input[type=range]{flex:1}.controls-panel{background:#ffffff08;padding:16px;border-radius:12px;border:1px solid var(--border)}.controls-panel h3{margin-top:0;font-size:1rem;display:flex;gap:8px;align-items:center}.control-group{margin-bottom:15px}.control-group label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:6px;display:flex;gap:6px;align-items:center}.control-group select,.control-group input[type=color]{width:100%;background:#000;border:1px solid var(--border);color:#fff;padding:8px;border-radius:6px;height:36px}.row-inputs{display:flex;gap:8px}.row-inputs input[type=color]{width:50px;padding:2px}.position-toggles{display:flex;gap:4px;background:#000;padding:4px;border-radius:6px}.position-toggles button{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;padding:6px;border-radius:4px;cursor:pointer}.position-toggles button.active{background:var(--accent);color:#000;font-weight:700}.divider{height:1px;background:var(--border);margin:20px 0}.btn-primary{width:100%;background:var(--accent);color:#000;border:none;padding:12px;border-radius:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:10px}.btn-reset{background:#ffffff1a;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.btn-download{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#000;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:700;margin-bottom:20px}.loading-state{text-align:center;padding:40px}.spinner{animation:spin 1s infinite linear;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:6px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:10px}.fill{height:100%;background:var(--accent);transition:width .2s}.result-area{text-align:center}.final-video{width:100%;max-width:600px;border-radius:12px;border:1px solid var(--border);margin-bottom:20px}:root{--bg: #09090b;--card: #18181b;--text: #ffffff;--muted: #a1a1aa;--primary: #059669;--primary-hover: #047857;--border: #27272a;--danger: #ef4444}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;place-items:center;justify-content:center;min-height:100vh}#root{width:100%;display:flex;justify-content:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}