:root{color-scheme:light;--fg:#1d1d1f;--mut:#555;--bg:#fff;--acc:#1557d0;--line:#d9d9de}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--fg);background:var(--bg)}
header,main,footer{max-width:820px;margin:0 auto;padding:0 16px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;flex-wrap:wrap}
.brand{font-weight:700;color:var(--fg);text-decoration:none}nav a{color:var(--acc)}nav a[aria-current]{font-weight:700;color:var(--fg)}
h1{font-size:1.9rem;line-height:1.25;margin:20px 0 8px}.intro{color:var(--mut);margin:0 0 16px}
.tool{border:1px solid var(--line);border-radius:12px;padding:16px}.field{margin-bottom:12px}label{display:block;font-weight:600;margin-bottom:4px}
input,textarea,select{width:100%;font:inherit;padding:10px;border:1px solid #8a8a90;border-radius:8px}
button{font:inherit;font-weight:700;color:#fff;background:var(--acc);border:0;border-radius:8px;padding:12px 20px;min-height:44px;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #f5a623;outline-offset:2px}
.limit{font-size:.9rem;color:var(--mut);margin:8px 0 0}.status{min-height:1.6em;margin:12px 0}.result{border-top:1px solid var(--line);padding-top:12px}
.result img,.result video{max-width:100%;height:auto;border-radius:8px}.result audio{width:100%}.text{white-space:pre-wrap}
.dl{display:inline-block;margin-top:8px}.ad{margin:24px 0;min-height:100px}details{border-bottom:1px solid var(--line);padding:8px 0}
summary{cursor:pointer;font-weight:600}footer{color:var(--mut);font-size:.9rem;padding:32px 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}