:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1419;--surface:#1a2332;--surface-2:#243044;--border:#2d3a4f;--text:#e8edf4;--text-muted:#8b9cb3;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--danger-hover:#dc2626;--radius:12px;--shadow:0 8px 32px #00000059;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #3b82f626, transparent), var(--bg);min-height:100dvh;margin:0}#app{max-width:720px;padding:1.25rem 1rem 2rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));margin:0 auto}.app-header{margin-bottom:1.5rem}.app-header h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.5rem,5vw,1.85rem);font-weight:700}.app-header p{color:var(--text-muted);margin:0;font-size:.92rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.card+.card{margin-top:1rem}label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:140px;color:var(--text);font:inherit;border-radius:10px;padding:.85rem 1rem;font-size:1rem;line-height:1.6}textarea:focus{outline:2px solid var(--primary);outline-offset:1px}textarea::placeholder{color:var(--text-muted)}.controls-grid{gap:1rem;display:grid}@media (width>=520px){.controls-grid{grid-template-columns:1fr 1fr}.controls-grid .full-width{grid-column:1/-1}}select,input[type=text]{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:.65rem .85rem;font-size:.95rem}select:focus,input[type=text]:focus{outline:2px solid var(--primary);outline-offset:1px}.field-hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.field-hint.inline{margin-top:.25rem}.field-hint code{color:var(--text);font-size:.85em}.slider-row{gap:.35rem;display:grid}.slider-header{justify-content:space-between;align-items:baseline;display:flex}.slider-value{color:var(--primary);font-variant-numeric:tabular-nums;font-size:.85rem}input[type=range]{width:100%;height:6px;accent-color:var(--primary);cursor:pointer}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.lang-group{flex-wrap:wrap;gap:.5rem;display:flex}.lang-btn{border:1px solid var(--border);background:var(--surface-2);min-width:5rem;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:10px;flex:1;padding:.55rem .75rem;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.lang-btn:hover{border-color:var(--primary);color:var(--text)}.lang-btn.active{border-color:var(--primary);color:var(--primary);background:#3b82f626;font-weight:600}.actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.btn{min-width:7rem;min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:10px;flex:1;padding:.7rem 1rem;font-size:.95rem;font-weight:600;transition:background .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0;flex:none;min-width:5rem}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.status-bar{background:var(--surface-2);color:var(--text-muted);border-radius:10px;align-items:center;min-height:2.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.88rem;display:flex}.status-bar.busy{color:var(--text)}.status-bar.error{color:#fca5a5;background:#ef44441a}.progress-track{background:var(--border);border-radius:999px;height:6px;margin-top:.65rem;display:none;position:relative;overflow:hidden}.progress-track.visible{display:block}.progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa,#3b82f6) 0 0/200% 100%;border-radius:999px;width:0%;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill.animating{animation:2.2s linear infinite progress-gradient}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 35%,#ffffff73 50%,#ffffff26 65%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.progress-fill.animating:after{animation:1.5s ease-in-out infinite progress-shimmer}.progress-track.indeterminate .progress-fill{transition:none;animation:1.6s cubic-bezier(.45,0,.55,1) infinite progress-indeterminate,2.2s linear infinite progress-gradient;width:38%!important}@keyframes progress-gradient{0%{background-position:0%}to{background-position:200%}}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes progress-indeterminate{0%{transform:translate(-5%)}50%{transform:translate(180%)}to{transform:translate(-5%)}}.hint{color:var(--text-muted);margin-top:1rem;font-size:.8rem;line-height:1.5}.hint li{margin-bottom:.25rem}.export-hint{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;margin:0;padding:.65rem .85rem;font-size:.92rem}