:root{color-scheme:dark;--bg:#0b0e0c;--surface:#111613;--line:#2a332c;--muted:#929d94;--text:#e2e9e3;--lime:#b8ff65;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}a:hover{color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;padding:12px;background:var(--lime);color:#101510;z-index:9}.skip:focus{top:10px}.site-header{height:90px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--mono);font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:-1px}.brand-icon{color:var(--lime);margin-right:10px}.brand-sub{font-size:14px;color:var(--muted);font-weight:400;letter-spacing:0}.site-header nav{display:flex;gap:32px;font-size:14px;color:#a5afa7}.site-header nav .active{color:var(--lime)}.local-badge{font:12px var(--mono);color:var(--lime);letter-spacing:1px}.local-badge i,.terminal-footer i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.shell{max-width:1160px;padding:0 28px;margin:auto}.intro{padding:54px 0 35px}.eyebrow{font:12px var(--mono);letter-spacing:1.6px;color:var(--lime)}.eyebrow span{color:var(--muted);margin-left:14px}h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-1.8px;line-height:1.4;margin:17px 0 13px;font-weight:750}h1>span:not(.cursor){color:var(--lime)}.cursor{color:var(--lime);animation:blink 1.2s steps(1) infinite}.intro p{color:var(--muted);line-height:1.8;margin:0;font-size:16px}.intro-tags{display:flex;gap:26px;margin-top:23px;color:#bec9bf;font:12px var(--mono)}.mobile-break{display:none}.terminal{border:1px solid #3c493e;border-radius:8px;overflow:hidden;box-shadow:0 15px 60px #0003;scroll-margin-top:20px}.window-bar{display:flex;align-items:center;gap:22px;background:#1b211c;padding:14px 20px;border-bottom:1px solid var(--line);font:12px var(--mono);color:#a1aca3}.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#fc7369}.window-dots i:nth-child(2){background:#e8bf61}.window-dots i:nth-child(3){background:#84be76}.window-end{margin-left:auto;color:#667369}.workspace{display:grid;grid-template-columns:1.05fr 1fr;background:#101512}.input-column,.settings-column{padding:28px 30px}.input-column{border-right:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;margin-bottom:23px;font:12px var(--mono);letter-spacing:1px;color:var(--lime)}.section-label>span:last-child{color:var(--muted);letter-spacing:0}.dropzone{width:100%;min-height:238px;border:1px dashed #4a5d48;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#1b261730,transparent);color:var(--text);padding:25px 15px;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--lime);background:#b8ff650b}.upload-icon{font:40px var(--mono);color:var(--lime);border:1px solid #45503d;width:62px;height:62px;border-radius:12px;margin-bottom:22px;line-height:55px}.dropzone strong{font-size:17px;font-weight:500;max-width:100%;overflow-wrap:anywhere}.dropzone>span:not(.upload-icon){font-size:14px;color:var(--muted);margin-top:10px}.dropzone .file-types{font:11px var(--mono)!important;letter-spacing:1px;margin-top:23px!important;color:#728077!important}.privacy-note{display:flex;gap:13px;align-items:center;color:#a5b59e;margin-top:17px}.privacy-note>span{font-size:25px;color:var(--lime)}.privacy-note p{font-size:12px;line-height:1.8;margin:0}.privacy-note p span{color:#7d8a80}label{display:block;color:#b6c3b9;font-size:14px;margin-bottom:10px}select,input[type=number]{width:100%;background:#0b100d;border:1px solid #354337;border-radius:4px;color:var(--text);height:44px;padding:0 12px;font-size:14px}select{cursor:pointer}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px}.setting-hint{color:#839086;font-size:12px;line-height:1.7;margin:15px 0 21px;min-height:20px}.command-preview{background:#080c09;padding:13px 12px;font:11px var(--mono);color:#a6b6aa;overflow-wrap:anywhere;border-left:2px solid #46583b;margin-bottom:18px}.command-preview span{color:var(--lime);margin-right:8px}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:#17220b;border:0;border-radius:3px;height:48px;padding:0 18px;font-weight:700;font-size:15px}.primary-button:hover:enabled{background:#ccff93}.engine-hint{text-align:center;color:#748278;font-size:11px;margin:11px 0 0}.console{padding:19px 29px;background:#090d0a;border-top:1px solid var(--line)}.console-header{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);color:#7c8c81;letter-spacing:1px}.console-header button,.text-button{border:0;background:none;color:#9faa9f;font-size:12px;padding:3px}.console>p{font:12px/1.9 var(--mono);color:#b1beb4;margin:15px 0 5px;overflow-wrap:anywhere}.prompt{color:var(--lime);margin-right:7px}.tiny-cursor{width:7px;height:13px;display:inline-block;background:var(--lime);vertical-align:middle;margin-left:7px;animation:blink 1.2s steps(1) infinite}.terminal-footer{border-top:1px solid var(--line);padding:11px 20px;display:flex;justify-content:space-between;font:10px var(--mono);color:#8c9a90;background:#141a16;letter-spacing:.5px}.footer-divider{margin:0 12px;color:#445249}.quick-info{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:43px 0;border-bottom:1px solid var(--line)}.feature-symbol{font:12px var(--mono);color:var(--lime)}.quick-info h2{font-size:16px;margin:13px 0 10px;font-weight:500}.quick-info p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.learn-section{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:65px 0;border-bottom:1px solid var(--line)}h2{font-size:26px;letter-spacing:-.8px}.inline-link{font-size:14px;color:var(--muted)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;margin-bottom:25px}.steps li:last-child{margin:0}.steps li>span{font:14px var(--mono);color:var(--lime);padding-top:4px}.steps h3{font-size:16px;margin:0 0 8px}.steps p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.faq-section{padding:57px 0}.faq-section h2{margin-bottom:30px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:21px 28px 21px 0;font-size:15px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--lime);position:absolute;right:4px;font:20px var(--mono)}details[open] summary:after{content:"−"}details p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 32px 23px 0}details a{color:var(--lime);text-decoration:underline}.bottom-prompt{font:12px/1.9 var(--mono);color:#8d9b92;padding:14px 0 45px}.bottom-prompt>span:first-child{color:var(--lime);margin-right:10px}.site-footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;gap:25px}.site-footer .brand{font-size:17px;color:#acb8ad}.site-footer p{font:11px var(--mono);color:#6d7b70}.site-footer nav{display:flex;gap:22px;margin-left:auto;font-size:12px;color:#93a196}progress{width:100%;height:7px;accent-color:var(--lime);margin-top:14px}pre{max-height:180px;overflow:auto;font:11px/1.6 var(--mono);color:#8eaa94;white-space:pre-wrap;word-break:break-all}#result{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:20px 0 4px;color:var(--lime)}#result-meta{font-size:13px;color:var(--muted)}.download-button{margin-left:auto;background:var(--lime);color:#122007;padding:13px 18px;border-radius:3px;font-size:14px}.download-button:hover{color:#122007;background:#d2ffaa}#output-preview{width:100%}video,#output-preview img{max-width:100%;max-height:260px;border-radius:4px}audio{width:100%}.source-preview{margin-top:18px}.cancel-button{width:100%;margin-top:9px;background:transparent;border:1px solid #6f7560;color:#dae1d5;padding:10px}.article-shell{max-width:820px;margin:auto;padding:58px 26px 80px}.article-shell h1{font-size:38px}.article-shell h2{margin-top:40px;font-size:23px}.article-shell p,.article-shell li{line-height:1.95;color:#b2bdb5;font-size:16px}.article-shell a{color:var(--lime)}.article-shell .lead{font-size:18px;color:#d9e2db}.article-shell ul,.article-shell ol{padding-left:24px}.article-shell table{border-collapse:collapse;width:100%;font-size:14px}.article-shell th,.article-shell td{border:1px solid var(--line);padding:14px;text-align:left;line-height:1.8}.article-shell th{color:var(--lime)}.table-scroll{overflow:auto}.article-note{border-left:2px solid var(--lime);padding:16px 22px;background:#141b14;margin:25px 0}.back-link{display:inline-block;margin-bottom:30px;font:13px var(--mono)}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1000px){.intro h1{overflow:hidden;white-space:nowrap;animation:typing 1.2s steps(30,end)}@keyframes typing{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}@media(max-width:800px){.site-header{height:auto;min-height:80px;padding:20px 24px;flex-wrap:wrap;gap:18px}.local-badge{display:none}.site-header nav{gap:22px}.brand-sub{display:none}.workspace{grid-template-columns:1fr}.input-column{border-right:0;border-bottom:1px solid var(--line)}.dropzone{min-height:215px}.intro{padding-top:35px}.quick-info{gap:24px}.learn-section{grid-template-columns:1fr;gap:34px}.site-footer{flex-wrap:wrap}.site-footer nav{width:100%;margin:0;flex-wrap:wrap}.window-end{display:none}}@media(max-width:520px){.shell{padding:0 18px}.site-header{padding:20px 18px}.brand{font-size:20px}.site-header nav{font-size:13px;gap:22px;width:100%}h1{font-size:28px;letter-spacing:-1.3px}.intro-tags{font-size:10px;gap:15px}.mobile-break{display:block}.eyebrow{font-size:10px}.intro p{font-size:14px}.input-column,.settings-column{padding:23px 20px}.window-bar{gap:13px;padding:13px;font-size:10px}.quick-info{grid-template-columns:1fr;gap:27px;padding:32px 0}.quick-info article{padding-left:38px;position:relative}.feature-symbol{position:absolute;left:0;top:3px}.quick-info h2{margin-top:0}.console{padding:18px}.terminal-footer{font-size:9px;padding:11px 13px}.learn-section,.faq-section{padding:42px 0}.bottom-prompt{font-size:10px}.download-button{margin-left:0}.article-shell h1{font-size:30px}}.page-index{display:flex;gap:24px;flex-wrap:wrap;padding:25px 0 0;font-size:14px;color:var(--muted)}.page-index a:hover{color:var(--lime)}.content-section{padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.section-intro{color:var(--muted);font-size:16px;line-height:1.9;max-width:850px}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.recipe-grid article{border:1px solid var(--line);padding:24px;background:var(--surface)}.recipe-code{font:12px var(--mono);color:var(--lime)}.recipe-grid h3,.tips-grid h3{font-size:18px;line-height:1.6;margin:17px 0 12px}.recipe-grid p,.tips-grid p,.content-section .article-note p{font-size:16px;line-height:1.9;color:#aebbb1}.recipe-grid dl{font-size:14px;line-height:1.9;margin:20px 0 0}.recipe-grid dt{color:var(--lime);margin-top:16px}.recipe-grid dd{margin:3px 0 0;color:#aebbb1}.format-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8}.format-table caption{text-align:left;padding:0 0 15px;color:var(--muted);font-size:14px}.format-table th,.format-table td{text-align:left;padding:17px;border:1px solid var(--line);min-width:95px}.format-table thead{background:var(--surface);color:var(--lime)}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 38px}.article-note h2{margin-top:0}.contact-link{display:inline-block;overflow-wrap:anywhere;color:var(--lime);text-decoration:underline}.site-footer nav{flex-wrap:wrap;line-height:1.8}.article-shell{overflow-wrap:anywhere}@media(max-width:800px){.recipe-grid,.tips-grid{grid-template-columns:1fr}.content-section{padding:38px 0}.page-index{gap:18px}.recipe-grid article{padding:22px}}.intro h1{white-space:normal;animation:none;font-size:clamp(25px,3vw,37px);line-height:1.5;letter-spacing:-1px}.intro .tool-limits{font-size:14px;margin-top:12px;max-width:850px;color:#acb8ad}.output-summary{font-size:14px;line-height:1.8;color:var(--text);padding:12px;border-left:2px solid #536445;background:#0b100d;margin:0 0 18px}.privacy-note{font-size:14px;line-height:1.8}.practical-list{padding-left:22px;margin:20px 0 0}.practical-list li{padding:6px 0;font-size:16px;line-height:1.9;color:#aebbb1}.practical-list strong{color:var(--text)}.window-bar{font-family:inherit;font-size:14px}.console-header,.terminal-footer{font-family:inherit;letter-spacing:0;font-size:12px}.content-section{padding:35px 0}.learn-section{padding:40px 0}.faq-section{padding:38px 0}.intro .terminal-title{font-family:var(--mono),"Apple SD Gothic Neo","Malgun Gothic",monospace;color:var(--lime);font-weight:600;letter-spacing:-.8px;text-shadow:0 0 18px #b8ff651c;overflow:visible}.terminal-title .hero-line{display:block;width:fit-content;max-width:100%;animation:hero-type .75s steps(12,end) both}.terminal-title .hero-line:nth-child(2){animation-duration:1.45s;animation-timing-function:steps(26,end);animation-delay:.75s}.hero-cursor{display:inline-block;font-size:.8em;margin-left:.15em;animation:blink 1.1s steps(1,end) infinite}@keyframes hero-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.terminal-title .hero-line{clip-path:none}.hero-cursor{opacity:1}}
