:root{--bg:#0f1117;--card:#1a1d27;--card-hover:#222633;--border:#2c3140;--text:#e8eaf0;--muted:#9aa0b0;--accent:#6c5ce7;--accent-hover:#7d6cf5;--success:#2ecc71;--error:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2rem;margin-bottom:.25rem}.header p{color:var(--muted);margin-bottom:1rem}.badges{display:flex;gap:.5rem;justify-content:center}.badge{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;color:var(--muted)}.hero{margin-bottom:2rem}.url-form{display:flex;gap:.5rem}.url-input{flex:1 1;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;outline:none;transition:border-color .15s}.url-input:focus{border-color:var(--accent)}.btn{padding:.85rem 1.25rem;border-radius:10px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-download{background:var(--success);color:#fff;width:100%;margin-top:1rem}.btn-download:hover:not(:disabled){opacity:.9}.btn-cancel{background:transparent;color:var(--error);border:1px solid var(--error);margin-top:.75rem}.btn-small{padding:.4rem .6rem;font-size:.8rem;background:var(--card);border:1px solid var(--border);color:var(--muted)}.error{color:var(--error);margin-top:.75rem;font-size:.9rem}.preview-card{display:flex;gap:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.preview-thumb{position:relative;flex-shrink:0;width:220px}.preview-thumb img{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:cover}.platform-tag{position:absolute;top:.5rem;left:.5rem;background:rgba(0,0,0,.75);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:6px}.preview-info{flex:1 1;min-width:0}.preview-info h2{font-size:1.05rem;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{color:var(--muted);font-size:.85rem;margin-bottom:1rem}.format-list h3{font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.format-option{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:8px;cursor:pointer;font-size:.9rem}.format-option.selected,.format-option:hover{background:var(--card-hover)}.format-option.selected{outline:1px solid var(--accent)}.format-option input{accent-color:var(--accent)}.format-size{margin-left:auto;color:var(--muted);font-size:.8rem}.hint{color:var(--muted);font-size:.75rem;margin-top:.75rem;font-style:italic}.progress-card,.success-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.progress-bar{height:10px;background:var(--card-hover);border-radius:999px;overflow:hidden;margin:.75rem 0}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.success-card h3{color:var(--success);margin-bottom:1rem}.history h3{color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.history ul{list-style:none}.history li{display:flex;align-items:center;gap:.75rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.6rem;margin-bottom:.5rem}.history li img{border-radius:6px;object-fit:cover;flex-shrink:0}.history-info{flex:1 1;min-width:0}.history-title{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:.75rem;color:var(--muted)}@media (max-width:600px){.preview-card{flex-direction:column}.preview-thumb{width:100%}.url-form{flex-direction:column}}