@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gowun+Dodum&display=swap');

:root{--bg:#fbfaf7;--surface:#fff;--ink:#1e2720;--muted:#768078;--line:#e8e9e3;--accent:#d9f05b;--accent-ink:#273014;--soft:#f3f5ed;--danger:#b64638}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans","Gowun Dodum",sans-serif}.site-header{height:76px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:inherit;font-weight:700;font-size:19px;text-decoration:none;letter-spacing:-.6px}.brand-mark{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--accent);font-size:16px}.header-actions{display:flex;gap:8px;align-items:center}.text-button,.icon-button{border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-weight:600}.text-button{padding:9px 10px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:20px}.hero{max-width:780px;margin:68px auto 35px;text-align:center;padding:0 24px}.eyebrow{margin:0 0 14px;color:#728313;font-size:13px;font-weight:700;letter-spacing:.05em}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.05;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em{font-style:normal;background:linear-gradient(transparent 56%,var(--accent) 0)}.lead{max-width:570px;margin:23px auto 18px;font-size:17px;line-height:1.6;color:var(--muted)}.privacy-chip{display:inline-flex;gap:7px;align-items:center;background:#edf3d7;color:#53611e;border-radius:100px;padding:8px 13px;font-size:13px}.ad-slot{color:var(--muted);border:1px dashed #d7dad1;background:rgba(255,255,255,.45);display:grid;place-items:center;font-size:11px;letter-spacing:.05em}.ad-top{height:74px;max-width:728px;margin:0 auto 28px}.converter{max-width:880px;margin:0 auto 70px;padding:0 24px}.dropzone{min-height:322px;border:1.5px dashed #b7beb1;border-radius:22px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;transition:.2s}.dropzone.dragging{border-color:#8da61b;background:#f8fbe9;transform:scale(1.005)}.drop-icon{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:27px;margin-bottom:16px}.dropzone h2,.file-header h2,.result h2{margin:0;letter-spacing:-.04em}.dropzone p{color:var(--muted);margin:9px 0 15px}.dropzone small{color:var(--muted);margin-top:16px}.secondary-button,.primary-button{border:0;cursor:pointer;font:inherit;font-weight:700;border-radius:10px}.secondary-button{padding:10px 17px;background:var(--soft);color:var(--ink)}.workspace{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px}.file-header{display:flex;align-items:start;justify-content:space-between}.file-header h2{font-size:20px}.file-header p{font-size:13px;color:var(--muted);margin:6px 0}.danger{color:var(--danger)}.file-list{list-style:none;padding:0;margin:20px 0 5px;max-height:245px;overflow:auto}.file-list li{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 1px}.file-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#f4f5f0;font-size:11px;font-weight:700}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:12px;color:var(--muted);margin-top:4px}.remove{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.add-more{margin:10px 0 26px;border:0;background:transparent;color:#667c13;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.add-more span:first-child{font-size:17px}.settings{padding:21px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 2fr 1fr;gap:22px;align-items:end}.setting-group{display:flex;flex-direction:column;gap:9px}.setting-group label,.label{font-size:13px;font-weight:700}.setting-group select{border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--bg);color:var(--ink);font:inherit}.presets{display:flex;gap:5px;flex-wrap:wrap}.presets button{padding:8px 9px;border-radius:7px;border:1px solid var(--line);background:var(--bg);font:inherit;font-size:12px;cursor:pointer;color:var(--muted)}.presets button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}input[type=range]{accent-color:#91a81e;width:100%}.action-row{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.status{margin:0;color:var(--muted);font-size:13px}.primary-button{background:var(--accent);color:var(--accent-ink);padding:13px 18px;display:inline-flex;gap:16px;align-items:center}.primary-button:disabled{opacity:.55;cursor:wait}.result{max-width:832px;margin:0 auto 28px;padding:25px 28px;border-radius:18px;background:#eaf1d0;display:flex;align-items:center;justify-content:space-between;gap:20px}.result .eyebrow{margin-bottom:6px}.result h2{font-size:25px}.result p:not(.eyebrow){color:#667052;margin:7px 0 0}.ad-result{height:90px;max-width:728px;margin:0 auto 55px}.ad-bottom{height:92px;max-width:970px;margin:25px auto}footer{max-width:1160px;margin:0 auto;padding:20px 24px 43px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
@media(max-width:650px){.hero{margin-top:38px}.settings{grid-template-columns:1fr;gap:20px}.workspace{padding:18px}.result{margin:0 24px 28px;align-items:flex-start;flex-direction:column}.ad-top{margin-left:24px;margin-right:24px}.converter{padding:0 15px}.dropzone{padding:20px;min-height:300px}.dropzone small{line-height:1.7}.site-header{padding:0 18px}footer{flex-direction:column;gap:5px}}
@media(prefers-color-scheme:dark){:root{--bg:#151914;--surface:#1d221c;--ink:#eef1e9;--muted:#9da69c;--line:#323a31;--soft:#282f27}.privacy-chip{background:#2d361f;color:#d9e5aa}.ad-slot{background:#1a1f19;border-color:#3b4537}.result{background:#2e371f}.result p:not(.eyebrow){color:#c0ca9c}}
body.dark{--bg:#151914;--surface:#1d221c;--ink:#eef1e9;--muted:#9da69c;--line:#323a31;--soft:#282f27}body.dark .privacy-chip{background:#2d361f;color:#d9e5aa}body.dark .ad-slot{background:#1a1f19;border-color:#3b4537}body.dark .result{background:#2e371f}body.dark .result p:not(.eyebrow){color:#c0ca9c}