*{box-sizing:border-box}:root{--bg:#071122;--bg-soft:#0d1730;--card:#091226e0;--card-border:#ffffff14;--text:#f3f6ff;--muted:#aeb8d4;--primary:#5b4cf2;--primary-strong:#6c5cff;--success:#17c964;--warning:#f5a524;--danger:#f31260;--neutral:#94a3b8}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,Arial,sans-serif}body{background:radial-gradient(circle at 0 0,#5b4cf238,#0000 24%),radial-gradient(circle at 100% 0,#2067ff2e,#0000 20%),linear-gradient(#060d1b 0%,#0a1224 100%)}a{color:inherit;text-decoration:none}.page{min-height:100vh;position:relative;overflow:hidden}.bg-orb{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:999px;position:absolute}.bg-orb-1{background:#4f46e5;width:320px;height:320px;top:40px;left:10%}.bg-orb-2{background:#2563eb;width:280px;height:280px;top:120px;right:8%}.shell{z-index:1;max-width:1240px;margin:0 auto;padding:28px 24px 56px;position:relative}.topbar{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), #3182f6);color:#fff;border-radius:14px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-text strong{font-size:16px}.brand-text span{color:var(--muted);font-size:12px}.topnav{color:var(--muted);gap:14px;font-size:14px;display:flex}.hero{grid-template-columns:minmax(0,1.5fr) minmax(260px,360px);align-items:end;gap:24px;margin-bottom:28px;display:grid}.eyebrow{color:#cdd6f7;background:#ffffff0f;border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:inline-block}.hero h1{max-width:820px;margin:0 0 14px;font-size:56px;line-height:1.02}.hero p{max-width:760px;color:var(--muted);margin:0;font-size:19px;line-height:1.6}.hero-pills{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-pills span{color:#dce4ff;background:#ffffff0f;border-radius:999px;padding:10px 14px;font-size:14px}.hero-side{gap:14px;display:grid}.mini-stat{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1224cc;border-radius:22px;padding:18px}.mini-stat span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.mini-stat strong{font-size:20px}.grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,360px);gap:20px;margin-bottom:20px;display:grid}.card{border:1px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 24px 80px #00000059}.card-main{padding:26px}.card-side{padding:24px}.card-head,.result-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.card-head h2,.result-head h3,.card-side h3{margin:0 0 6px;font-size:24px}.card-head p,.result-head p,.card-side p{color:var(--muted);margin:0}.label{color:#d4defa;margin-bottom:10px;font-size:14px;display:block}.input{color:#fff;background:#080f1fcc;border:1px solid #ffffff17;border-radius:18px;outline:none;width:100%;padding:18px;font-size:18px}.input::placeholder{color:#7f8aaa}.action-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button{cursor:pointer;border:none;border-radius:18px;padding:14px 18px;font-size:16px;font-weight:600;transition:transform .15s,opacity .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff}.button-secondary{color:#fff;background:#ffffff14}.button-download{color:#fff;background:linear-gradient(135deg,#14b85a,#15c76b);justify-content:center;align-items:center;min-width:170px;display:inline-flex}.button-disabled{color:#cbd5e1;background:#ffffff14}.quick-presets{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.preset{color:#dce4ff;background:#ffffff0d;border-radius:999px;padding:10px 12px;font-size:13px}.task-box{background:#ffffff0a;border-radius:20px;gap:12px;margin-top:20px;padding:18px;display:grid}.task-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.task-row span{color:var(--muted)}.task-row strong,.task-row code{text-align:right;word-break:break-all}.task-error{color:#ffc1d6;background:#f312601f;border-radius:16px;padding:14px}.feature-list{color:#dbe5ff;margin:14px 0 18px;padding-left:18px;line-height:1.7}.side-note{color:var(--muted);background:#ffffff0d;border-radius:18px;padding:16px;line-height:1.6}.result-section{margin-top:8px}.result-card{padding:24px}.empty-result{color:var(--muted);background:#ffffff0a;border-radius:18px;padding:18px}.result-box{background:#ffffff0a;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.file-meta{align-items:center;gap:16px;min-width:0;display:flex}.file-icon{background:linear-gradient(135deg,#243b8f,#415be9);border-radius:18px;flex:none;place-items:center;width:62px;height:62px;font-weight:800;display:grid}.file-info{min-width:0}.file-info strong{word-break:break-word;margin-bottom:6px;display:block}.file-info span{color:var(--muted);font-size:14px;line-height:1.5}.result-actions{flex:none}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.badge-success{color:#9cf0c0;background:#17c96429}.badge-warning{color:#ffd9a0;background:#f5a52424}.badge-danger{color:#ffb3cf;background:#f3126024}.badge-neutral{color:#d5deee;background:#94a3b824}@media (max-width:1080px){.hero,.grid{grid-template-columns:1fr}.hero h1{font-size:44px}}@media (max-width:720px){.shell{padding:18px 16px 40px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.hero h1{font-size:34px}.hero p{font-size:16px}.card-main,.card-side,.result-card{padding:18px}.card-head,.result-head,.result-box,.task-row{flex-direction:column;align-items:flex-start}.result-actions,.button-download{width:100%}}