*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f2ea;--bg2:#ede9df;--surface:#fdfcf8;--surface2:#f8f5ef;--ink:#17140f;--ink2:#3a3630;--muted:#17140f7a;--dim:#17140f42;--border:#17140f17;--border-s:#17140f29;--blue:#1d4ed8;--blue-dim:#1d4ed814;--blue-border:#1d4ed838;--blue-glow:#1d4ed824;--green:#059669;--green-dim:#05966914;--green-border:#05966938;--red:#dc2626;--red-dim:#dc262614;--red-border:#dc262633;--amber:#d97706;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #17140f14, 0 4px 16px #17140f0d;--shadow-lg:0 8px 32px #17140f1f}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Bricolage Grotesque,Noto Sans SC,system-ui,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bar-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}.app{flex-direction:column;gap:18px;max-width:900px;margin:0 auto;padding:28px 22px 80px;display:flex}.topbar{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-ico{background:var(--blue);width:36px;height:36px;box-shadow:0 4px 16px var(--blue-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-name{letter-spacing:-.04em;font-size:1.15rem;font-weight:900}.brand-en{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:.65rem}.status-row{align-items:center;gap:7px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 48px 44px;position:relative;overflow:hidden}.hero-blob{pointer-events:none;background:radial-gradient(circle at 95% 5%,#1d4ed814 0%,#0000 40%),radial-gradient(circle at 5% 95%,#0596690f 0%,#0000 40%);position:absolute;inset:0}.hero-kicker{border:1px solid var(--blue-border);background:var(--blue-dim);color:var(--blue);letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;margin-bottom:20px;padding:5px 12px;font-size:.72rem;font-weight:500;display:inline-flex}.hero-h1{letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:900;line-height:1.02;position:relative}.hero-h1 em{color:var(--blue);font-style:normal}.hero-desc{max-width:50ch;color:var(--muted);font-size:1rem;line-height:1.82;position:relative}.main{display:contents}.alert{border-radius:var(--radius-sm);background:var(--red-dim);border:1px solid var(--red-border);border-left:3px solid var(--red);color:var(--red);padding:12px 16px;font-size:.92rem;line-height:1.6}.proc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:24px;padding:36px 32px;display:flex}.spectrum{align-items:flex-end;gap:4px;height:48px;display:flex}.bar{background:var(--blue);transform-origin:bottom;border-radius:3px;width:5px;height:100%;min-height:5px;animation:.9s ease-in-out infinite bar-bounce}.proc-body{text-align:center}.proc-label{letter-spacing:.22em;color:var(--muted);margin-bottom:8px;font-size:.68rem}.proc-file{margin-bottom:6px;font-size:1rem;font-weight:700}.proc-timer{color:var(--blue);letter-spacing:.04em;margin-bottom:12px;font-size:2.2rem;font-weight:500}.proc-hint{color:var(--muted);max-width:40ch;font-size:.84rem;line-height:1.65}.result{background:var(--green-dim);border:1px solid var(--green-border);border-radius:var(--radius);box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}.result-hd{align-items:center;gap:14px;display:flex}.result-check{border:1px solid var(--green-border);width:40px;height:40px;color:var(--green);background:#0596692e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.result-title{letter-spacing:-.02em;font-size:1rem;font-weight:700}.result-meta{color:var(--muted);margin-top:2px;font-size:.76rem}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.metric strong{letter-spacing:-.02em;color:var(--green);margin-bottom:4px;font-size:1.2rem;display:block}.metric span{color:var(--muted);letter-spacing:.09em;font-size:.64rem}.dl-row{flex-wrap:wrap;gap:10px;display:flex}.btn-dl{border:1px solid var(--green-border);color:var(--green);background:#0596691f;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:.87rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-dl:hover{background:#05966933;transform:translateY(-1px)}.btn-dl--sec{background:var(--blue-dim);border-color:var(--blue-border);color:var(--blue)}.btn-dl--sec:hover{background:#1d4ed824}.btn-ghost{border:1px solid var(--border-s);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:7px 16px;font-size:.84rem;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-hd{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:18px 22px;display:flex}.card-ico{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.card-step{letter-spacing:.13em;color:var(--blue);text-transform:uppercase;margin-bottom:2px;font-size:.64rem}.card-title{letter-spacing:-.02em;font-size:1rem;font-weight:700}.card-bd{padding:20px 22px}.dropzone{border:1.5px dashed var(--border-s);text-align:center;cursor:pointer;border-radius:12px;padding:36px 24px;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone--drag{border-color:var(--blue);background:var(--blue-dim)}.dropzone--file{border-color:var(--green-border);background:var(--green-dim);border-style:solid}.dz-ico{margin-bottom:12px;font-size:2rem;line-height:1}.dz-title{margin-bottom:6px;font-size:.98rem;font-weight:700}.dz-name{color:var(--green);margin-bottom:4px;font-size:.9rem;font-weight:700}.dz-hint{color:var(--muted);letter-spacing:.04em;font-size:.76rem}.modes{flex-direction:column;display:flex}.mode{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:15px 22px;transition:background .15s,padding-left .15s;display:flex}.mode:last-child{border-bottom:none}.mode:hover{background:var(--surface2);padding-left:26px}.mode--on{background:var(--blue-dim)}.mode--on:hover{background:#1d4ed81a;padding-left:26px}.mode-ico{flex-shrink:0;font-size:1.2rem}.mode-body{flex:1}.mode-lbl{letter-spacing:-.02em;margin-bottom:2px;font-size:.97rem;font-weight:700;display:block}.mode-desc{color:var(--muted);font-size:.82rem;line-height:1.5}.mode-cli{letter-spacing:.04em;color:var(--dim);flex-shrink:0;font-size:.67rem}.toggle{border:1.5px solid var(--border-s);background:var(--surface2);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}.toggle--on{background:var(--blue);border-color:var(--blue)}.toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000040}.toggle--on .toggle-thumb{left:calc(100% - 16px)}.fg{gap:13px;display:grid}.fg2{grid-template-columns:1fr 1fr}.fg3{grid-template-columns:1fr 1fr 1fr}.field{flex-direction:column;gap:6px;display:flex}.field-lbl{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:500}.inp{border:1px solid var(--border-s);border-radius:var(--radius-sm);background:var(--surface2);color:var(--ink);appearance:none;width:100%;padding:9px 11px;font-family:JetBrains Mono,monospace;font-size:.86rem;transition:border-color .18s,box-shadow .18s}select.inp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(23,20,15,0.38)' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:28px}select.inp option{background:var(--surface);color:var(--ink)}.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim);outline:none}.inp::placeholder{color:var(--dim)}.basic-cfg{flex-direction:column;gap:18px;display:flex}.embed-group{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.embed-btn{border:1.5px solid var(--border-s);border-radius:var(--radius-sm);background:var(--surface2);cursor:pointer;font:inherit;text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 13px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.embed-btn:hover{border-color:var(--blue-border);background:var(--blue-dim)}.embed-btn--on{border-color:var(--blue);background:var(--blue-dim);box-shadow:0 0 0 3px var(--blue-dim)}.embed-lbl{color:var(--ink);font-size:.88rem;font-weight:700;line-height:1.3}.embed-btn--on .embed-lbl{color:var(--blue)}.embed-desc{color:var(--muted);font-size:.72rem;line-height:1.45}.field-note{color:var(--amber);letter-spacing:.03em;margin-top:5px;font-size:.74rem}.adv-btn{cursor:pointer;width:100%;font:inherit;letter-spacing:-.01em;color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:16px 22px;font-size:.93rem;font-weight:700;transition:background .15s;display:flex}.adv-btn:hover{background:var(--surface2)}.adv-arrow{color:var(--muted);margin-left:auto;font-size:.78rem;transition:transform .2s}.adv-arrow--open{transform:rotate(180deg)}.adv-body{border-top:1px solid var(--border);flex-direction:column;gap:20px;padding:4px 22px 22px;display:flex}.adv-sect{flex-direction:column;gap:12px;padding-top:16px;display:flex}.adv-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-size:.64rem;font-weight:500}.adv-sep{background:var(--border);height:1px}.chip{border:1px solid var(--border-s);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface2);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:9px;padding:12px;transition:border-color .15s,background .15s;display:flex}.chip:hover,.chip--on{border-color:var(--blue-border);background:var(--blue-dim)}.chip-dot{color:var(--dim);flex-shrink:0;margin-top:1px;font-size:.72rem;transition:color .15s}.chip--on .chip-dot{color:var(--blue)}.chip-lbl{font-size:.84rem;font-weight:700}.chip-desc{color:var(--muted);font-size:.76rem}.chk-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:flex-start;gap:11px;padding:12px 14px;transition:border-color .15s;display:flex}.chk-row:hover{border-color:var(--border-s)}.chk-row input{accent-color:var(--blue);flex-shrink:0;width:14px;height:14px;margin-top:2px}.chk-lbl{font-size:.88rem;font-weight:700}.chk-desc{color:var(--muted);font-size:.78rem}.submit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.submit-note{color:var(--muted);max-width:46ch;font-size:.88rem;line-height:1.78}.btn-run{background:var(--blue);color:#fff;font:inherit;cursor:pointer;letter-spacing:-.01em;box-shadow:0 8px 28px var(--blue-glow);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:14px 32px;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn-run:hover:not(:disabled){background:#2563f0;transform:translateY(-2px);box-shadow:0 14px 36px #1d4ed84d}.btn-run:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-run:disabled{opacity:.4;cursor:not-allowed}@media (width<=760px){.hero{padding:28px 24px}.metrics,.fg2,.fg3{grid-template-columns:1fr 1fr}.mode-cli{display:none}}@media (width<=540px){.app{padding:16px 14px 60px}.hero{padding:24px 20px}.card-bd,.card-hd{padding:14px 16px}.mode{padding:13px 16px}.metrics,.fg2,.fg3{grid-template-columns:1fr}.submit{flex-direction:column;align-items:stretch}.btn-run{justify-content:center}}