*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f0f11;color:#e8e8ea;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1.5rem}header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem}header p{font-size:.9rem;color:#888}.input-row{display:flex;gap:.6rem}.url-input{flex:1;padding:.65rem .85rem;border-radius:8px;border:1px solid #2d2d35;background:#18181d;color:#e8e8ea;font-size:.9rem;outline:none;transition:border-color .15s}.url-input:focus{border-color:#6c63ff}.url-input:disabled{opacity:.5;cursor:not-allowed}.generate-btn{padding:.65rem 1.2rem;border-radius:8px;border:none;background:#6c63ff;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.generate-btn:hover:not(:disabled){opacity:.88}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.status-area{display:flex;flex-direction:column;gap:.75rem;min-height:2rem}.status-line{font-size:.88rem;color:#aaa;display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:4px;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:#6c63ff}.deck-summary{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;background:#18181d;border-radius:8px;border:1px solid #2d2d35}.deck-meta{font-size:.8rem;color:#666}.success{font-size:.88rem;color:#5de05d}.error{font-size:.88rem;color:#ff6b6b}