:root{--background:#f1f1ef;--surface:#ffffff;--text:#191919;--primary:#242424;--accent:#c32940;--muted:#595959;--line:#b5b5b1}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:16px/1.6 Arial,sans-serif}header,main,footer{max-width:1280px;margin:auto}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}header{height:96px;border-bottom:2px solid var(--text)}a{color:inherit;text-underline-offset:4px}header a,footer a{text-decoration:none;font:12px 'Courier New',monospace}a:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:14px;font-weight:bold;font-size:14px;letter-spacing:1px}.hero{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:48px;padding:40px 0 48px}.eyebrow,.label{font:12px/1.5 'Courier New',monospace;letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px}.signal{width:9px;height:9px;background:var(--accent)}h1,h2{font-family:'Arial Black',Arial,sans-serif;font-weight:900}h1{font-size:clamp(52px,7vw,104px);line-height:.94;letter-spacing:-5px;margin:0}h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;margin:0}.hero-note{max-width:310px;padding-bottom:3px}.hero-note>.label{color:var(--accent)}.hero-note p{margin:16px 0 0;line-height:1.6}.fine,.hint{font-size:12px;color:var(--muted);line-height:1.6}.hero-note .fine{margin-top:20px}.workspace{display:grid;grid-template-columns:1.1fr 1fr;border-top:3px solid var(--text);border-bottom:2px solid var(--text)}.input-panel,.output-panel{padding:28px 32px 32px;min-width:0}.input-panel{padding-left:0}.output-panel{border-left:2px solid var(--text);padding-right:0}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:28px}.section-title>.label{font-size:11px;color:var(--muted)}label{display:block;font-weight:bold;font-size:14px}#input-hint{max-width:440px;margin:8px 0 16px}textarea{width:100%;display:block;resize:vertical;min-height:200px;max-height:600px;border:1px solid var(--text);border-radius:0;background:var(--surface);padding:18px;font:16px/1.6 'Courier New',monospace;color:var(--text)}textarea::placeholder{color:#777}textarea[aria-invalid=true]{border:2px solid var(--accent)}.under-input{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font:11px 'Courier New',monospace}button,select{font:14px Arial,sans-serif;border:1px solid var(--text);border-radius:0;padding:12px 16px;min-height:46px;color:var(--text);background:transparent}button{cursor:pointer}button:hover{background:#e0e0dc}button:disabled{cursor:wait;opacity:.55}.text-button{border:0;min-height:32px;padding:4px 0;font:11px 'Courier New',monospace;text-decoration:underline;text-underline-offset:3px}.settings{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}select{width:100%;background:var(--surface);padding:12px 8px}.actions{display:flex;gap:12px;margin-top:24px}.primary{background:var(--primary);color:white;flex:1;text-align:left;font-weight:bold;padding:16px 20px}.primary:hover{background:#424242}.primary span{float:right}.shortcut{margin:10px 0 24px}#error{border-left:3px solid var(--accent);color:var(--accent);padding:8px 12px;font-size:14px;font-weight:bold}.privacy-note{font-size:12px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin:0}.privacy-note .label{color:var(--text);font-size:10px}.stage{background:var(--surface);border:1px solid var(--line);height:300px;display:grid;place-items:center;padding:12px}.stage img{width:auto;height:auto;max-height:274px;max-width:100%;image-rendering:pixelated}#empty{text-align:center}#empty p{font-weight:bold;margin:22px 0 2px}.empty-mark{width:64px;height:64px;position:relative;margin:auto}.empty-mark i{position:absolute;width:20px;height:20px;border-color:#a3a3a0;border-style:solid;border-width:2px 0 0 2px}.empty-mark i:nth-child(2){right:0;transform:rotate(90deg)}.empty-mark i:nth-child(3){right:0;bottom:0;transform:rotate(180deg)}.empty-mark i:nth-child(4){left:0;bottom:0;transform:rotate(270deg)}#status{font:11px/1.5 'Courier New',monospace;letter-spacing:.6px;margin:14px 0}#status span{color:var(--accent);margin-right:6px}table{border-collapse:collapse;width:100%;font:11px/1.5 'Courier New',monospace}th,td{padding:9px 0;border-top:1px solid var(--line);text-align:left;font-weight:normal}td{text-align:right}th{color:var(--muted)}.download{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;margin-top:20px;background:var(--primary);color:white;font-weight:bold;text-decoration:none;border:1px solid var(--primary)}.download:hover{background:#424242;text-decoration:none}.download.disabled{background:transparent;color:var(--muted);border-color:var(--line);cursor:not-allowed}.save-note{margin:12px 0 0;font-size:11px}.save-note a{display:block;margin-top:8px}.method{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:30px 0;border-bottom:1px solid var(--text)}.method .label{font-size:10px;color:var(--accent)}.method p{font-size:14px;margin:10px 0 0}.faq{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:48px 0 56px}.faq h2{margin-top:14px;font-size:30px}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold;font-size:14px}details p{font-size:14px;color:var(--muted);margin:14px 0 0;line-height:1.8}footer{border-top:2px solid var(--text);padding:24px 0 32px;font:10px/1.6 'Courier New',monospace}.footer-note{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:2}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:1360px){header,main,footer{margin-left:40px;margin-right:40px}}@media(max-width:900px){header,main,footer{margin-left:24px;margin-right:24px}.hero{grid-template-columns:1fr;gap:24px}.hero-note{max-width:640px}h1{font-size:64px;letter-spacing:-3px}.input-panel{padding-right:24px}.output-panel{padding-left:24px}.section-title{align-items:start}.section-title>.label{font-size:9px}.settings{grid-template-columns:1fr}.stage{height:270px}.stage img{max-height:244px}.faq{gap:24px}footer .footer-note{display:none}}@media(max-width:700px){header,main,footer{margin-left:20px;margin-right:20px}header{height:76px}.brand{font-size:11px;gap:10px}.hero{grid-template-columns:1fr;gap:28px;padding:32px 0}h1{font-size:54px;letter-spacing:-2px}.hero-note{max-width:100%}.hero-note p{margin-top:10px}.hero-note .fine{margin-top:10px}.workspace{grid-template-columns:1fr}.input-panel,.output-panel{padding:24px 0}.output-panel{border-left:0;border-top:2px solid var(--text)}.section-title{align-items:center;margin-bottom:24px}.section-title>.label{font-size:11px}.settings{grid-template-columns:1fr 1.5fr}.actions{gap:8px}.primary{padding:16px 12px}.stage{height:300px}.stage img{max-height:274px}.method{grid-template-columns:1fr;gap:20px;padding:24px 0}.method>div{display:grid;grid-template-columns:1fr 1.6fr;gap:12px}.method p{margin:0;font-size:12px}.method .label{font-size:9px}.faq{grid-template-columns:1fr;gap:24px;padding:32px 0}.faq h2 br{display:none}footer{align-items:start;font-size:9px}footer a{font-size:10px}textarea{min-height:180px}}