:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#242d26;background:#f6f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--green: #245c3e;--green-dark: #19452f;--muted: #788179;--border: #e5e9e1;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(ellipse at 49% 3%,rgba(223,235,218,.56),transparent 36%),#f6f7f2}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.topbar,footer{width:min(1056px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between}.topbar{height:80px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;letter-spacing:-.5px}.brand strong{font-weight:800}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--green);color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:17px;letter-spacing:-1px}.top-link,footer a{color:#58665b;font-size:12px;font-weight:600;text-decoration:none}.top-link span,footer a span{padding-left:5px;color:var(--green)}main{width:min(920px,calc(100% - 48px));margin:0 auto}.intro{padding:44px 0 32px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#53725e;font-family:var(--mono);font-size:10px;letter-spacing:1.15px;font-weight:500}.eyebrow-dot{width:6px;height:6px;background:#73a476;border-radius:50%}h1{margin:17px 0 12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(42px,6vw,61px);letter-spacing:-3.4px;line-height:1.08;font-weight:700}h1 span{color:var(--green)}.intro-copy{max-width:440px;margin:0 auto;color:#747d75;font-size:14px;line-height:1.65}.workspace{display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border:1px solid #e6e9e2;border-radius:13px;background:#fff;box-shadow:0 16px 48px #3041300e,0 2px 6px #30413006}.form-panel,.result-panel{min-width:0;padding:27px 29px 26px}.form-panel{border-right:1px solid #edf0eb}.result-panel{background:#fbfcfa}.panel-heading{display:flex;align-items:flex-start;gap:12px}.step-number{padding-top:2px;color:#8ca392;font-family:var(--mono);font-size:10px;letter-spacing:.3px}h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px}.panel-heading p{margin:4px 0 0;color:#8a928b;font-size:11px}#command-form{margin-top:23px}.field-label{display:block;margin-bottom:8px;color:#48534a;font-size:11px;font-weight:700}.input-wrap{height:42px;display:flex;align-items:center;border:1px solid #dfe5dd;border-radius:7px;background:#fff;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within,.select-wrap:focus-within,.custom-path:focus{border-color:#7eaa87;box-shadow:0 0 0 3px #4e84581a;outline:none}.url-icon{padding:0 11px 1px 13px;color:#819082;font-size:17px;transform:rotate(45deg)}.input-wrap input,.custom-path{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#26342a;font-size:11px}.input-wrap input::placeholder,.custom-path::placeholder{color:#a4aba5}.clear-button{width:30px;height:30px;margin-right:5px;border:0;border-radius:5px;background:transparent;color:#828b83;font-size:19px}.clear-button:hover{background:#f1f3ef}.field-hint{margin:6px 0 0;color:#949c95;font-size:10px;line-height:1.5}.field-error,.command-error{margin:6px 0 0;color:#b44136;font-size:11px;line-height:1.45}.mode-label{margin-top:18px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{min-height:55px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #e4e9e2;border-radius:7px;background:#fff;color:#69736b;text-align:left;transition:border-color .15s,background .15s}.mode-option.active{border-color:#86aa8c;background:#f4f8f2;color:var(--green)}.mode-icon{display:grid;place-items:center;width:24px;height:24px;font-size:17px}.audio-icon{font-size:20px}.mode-option strong,.mode-option small,.checkbox-row strong,.checkbox-row small{display:block}.mode-option strong{font-size:11px}.mode-option small{margin-top:2px;color:#919991;font-size:9px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.select-field{min-width:0}.select-wrap{position:relative;height:38px;display:flex;align-items:center;border:1px solid #e0e5de;border-radius:6px;background:#fff}.select-wrap select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 29px 0 10px;border:0;outline:0;background:transparent;color:#414b43;font-size:10px;cursor:pointer}.select-wrap>span{position:absolute;right:10px;color:#829084;font-size:14px;pointer-events:none}.audio-options{grid-template-columns:1fr 1fr;align-items:end}.audio-note{margin:0 0 10px;color:#8b948b;font-size:9px;line-height:1.45}.destination-field{margin-top:15px}.custom-path{display:block;height:38px;margin-top:8px;padding:0 10px;border:1px solid #e0e5de;border-radius:6px;background:#fff;font-size:10px}.checkbox-row{display:flex;align-items:flex-start;gap:9px;margin-top:18px;cursor:pointer}.checkbox-row input{position:absolute;width:1px;height:1px;opacity:0}.checkbox-custom{position:relative;flex:0 0 15px;width:15px;height:15px;margin-top:1px;border:1px solid #cbd4ca;border-radius:4px;background:#fff}.checkbox-row input:checked+.checkbox-custom{border-color:var(--green);background:var(--green)}.checkbox-row input:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.checkbox-row input:focus-visible+.checkbox-custom{outline:3px solid rgba(78,132,88,.2)}.checkbox-row strong{color:#4a544c;font-size:10px;font-weight:600}.checkbox-row small{margin-top:3px;color:#939b94;font-size:9px}.result-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.terminal-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e7ebe4;border-radius:4px;color:#78837a;font-family:var(--mono);font-size:8px;letter-spacing:.7px}.terminal-pill span{width:5px;height:5px;border-radius:50%;background:#79a27c}.command-box{position:relative;min-height:192px;margin-top:24px;padding:35px 15px 15px;overflow:auto;border:1px solid #25392e;border-radius:8px;background:#17241d}.command-dots{position:absolute;top:13px;left:14px;display:flex;gap:5px}.command-dots i{width:6px;height:6px;display:block;border-radius:50%;background:#526357}.command-dots i:first-child{background:#cf7565}.command-dots i:nth-child(2){background:#d3aa5b}.command-dots i:nth-child(3){background:#79a67b}.command-box pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.command-box code{color:#c9dbc9;font-family:var(--mono);font-size:10px;line-height:1.85;word-break:break-word}.copy-button{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;font-size:11px;font-weight:700;transition:background .15s}.copy-button:hover:not(:disabled){background:var(--green-dark)}.copy-button:disabled{border-color:#dfe5dd;background:#e9ede7;color:#929a92;cursor:not-allowed}.copy-button.copied{border-color:#34704a;background:#34704a}.copy-shortcut{margin-left:auto;margin-right:11px;color:#ffffff9e;font-family:var(--mono);font-size:8px;font-weight:400}.copy-button:disabled .copy-shortcut{color:#a6ada5}.result-footnote{display:flex;gap:8px;margin-top:14px}.info-icon{flex:0 0 14px;width:14px;height:14px;display:grid;place-items:center;border:1px solid #9aa79b;border-radius:50%;color:#7c897d;font-family:Georgia,serif;font-size:9px;font-style:italic}.result-footnote p{margin:0;color:#89928a;font-size:9px;line-height:1.55}.result-footnote a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.notice{display:flex;align-items:flex-start;gap:11px;margin-top:17px;padding:13px 15px;border:1px solid #e9e7d8;border-radius:8px;background:#faf9f2}.notice-icon{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f0eddd;color:#8a815b;font-size:11px}.notice p{margin:1px 0 0;color:#858372;font-size:10px;line-height:1.55}.notice strong{color:#706c55}footer{min-height:67px;margin-top:25px;border-top:1px solid #e9ece5;color:#8a938b;font-size:10px}footer a{font-size:10px}.footer-separator{padding:0 4px;color:#afb7ae}[hidden]{display:none!important}@media(max-width:720px){.topbar,footer{width:calc(100% - 36px)}main{width:min(520px,calc(100% - 32px))}.topbar{height:66px}.intro{padding:34px 0 26px}h1{letter-spacing:-2.6px}.workspace{grid-template-columns:1fr}.form-panel{border-right:0;border-bottom:1px solid #edf0eb}.form-panel,.result-panel{padding:23px 22px}.command-box{min-height:155px}footer{margin-top:22px}}@media(max-width:420px){.topbar,footer{width:calc(100% - 28px)}main{width:calc(100% - 24px)}.top-link{font-size:10px}.form-panel,.result-panel{padding:20px 16px}.options-grid{gap:7px}.select-wrap select{padding-left:8px;font-size:9px}.audio-options{grid-template-columns:1fr}.audio-note{margin:0}.notice{padding:11px}footer{font-size:9px}footer a{font-size:9px}}