/* SizzleC MP4 Generator - Fuchsia Pink Purple Theme */
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(160deg,#0a0018 0%,#110025 40%,#0d001f 100%);color:#e8d5ff;font-family:'Segoe UI',Arial,sans-serif;min-height:100vh;padding:24px 16px}
.container{max-width:720px;margin:0 auto}
h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ff44ff 0%,#cc00ff 50%,#ff0088 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;letter-spacing:-0.5px}
h2{font-size:1.1rem;font-weight:700;color:#dd88ff;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(170,0,255,0.25)}
.section{background:rgba(20,0,45,0.7);border:1.5px solid rgba(120,0,200,0.4);border-radius:12px;padding:18px;margin-bottom:16px;backdrop-filter:blur(8px)}
.tab-row{display:flex;gap:8px;margin-bottom:12px}
.tab{background:transparent;border:1.5px solid #440088;color:#9966bb;border-radius:8px;padding:7px 16px;cursor:pointer;font-size:0.9rem;transition:all 0.2s}
.tab.active{background:linear-gradient(135deg,#8800cc,#cc00ff);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(170,0,255,0.4)}
.tab:hover:not(.active){border-color:#8800cc;color:#cc88ff}
input[type=text],input[type=url],select,textarea{width:100%;padding:10px 14px;background:rgba(15,0,35,0.8);border:1.5px solid #550099;border-radius:8px;color:#f0e0ff;font-size:0.95rem;font-family:inherit;transition:border-color 0.2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#cc00ff;box-shadow:0 0 10px rgba(200,0,255,0.25)}
input[type=file]{color:#cc88ff;font-size:0.85rem;padding:8px 0}
input::placeholder,textarea::placeholder{color:#664477}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M6 8L0 0h12z' fill='%23aa44ff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
select option{background:#1a0035}
.drop-zone{border:2px dashed rgba(150,0,255,0.5);border-radius:10px;padding:32px 20px;text-align:center;color:#8855aa;cursor:pointer;transition:all 0.2s;font-size:0.9rem;background:rgba(100,0,200,0.05)}
.drop-zone:hover{border-color:#cc00ff;color:#dd88ff;background:rgba(150,0,255,0.1)}
.btn-primary{background:linear-gradient(135deg,#cc00ff 0%,#ff00aa 100%);color:#fff;border:none;border-radius:12px;padding:13px 28px;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.25s;letter-spacing:0.5px;box-shadow:0 4px 20px rgba(204,0,255,0.35);width:100%}
.btn-primary:hover{background:linear-gradient(135deg,#ff00ff,#ff0066);transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,0,200,0.5)}
.btn-primary:active{transform:translateY(0)}
.btn-secondary{background:linear-gradient(135deg,#440088,#8800cc);color:#f0ccff;border:none;border-radius:10px;padding:10px 22px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s;box-shadow:0 3px 12px rgba(136,0,200,0.3)}
.btn-secondary:hover{background:linear-gradient(135deg,#6600bb,#aa00ff);transform:translateY(-1px)}
.btn-secondary:disabled{opacity:0.5;cursor:not-allowed;transform:none}
a.btn-primary{display:inline-block;text-align:center;text-decoration:none;width:auto}
/* Scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#0d0020}
::-webkit-scrollbar-thumb{background:#6600aa;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#9900ff}
/* Glow effects */
.section:hover{border-color:rgba(180,0,255,0.6);transition:border-color 0.3s}