html{interpolate-size:allow-keywords}.op-col{max-width:760px;margin:0 auto;padding:48px 24px 90px}.op-crumb{font-size:13px;color:var(--muted);display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.op-crumb a:hover{color:var(--ink)}.op-crumb-here{color:var(--ink-2)}.op-head{margin-bottom:30px}.op-h1{font-size:clamp(32px,5vw,46px);letter-spacing:-.03em;line-height:1.08}.op-intro{color:var(--ink-2);font-size:18px;line-height:1.65;margin-top:18px}.op-privacy{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);margin-top:18px}.pill-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e29}.op-tool{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:28px;margin:8px 0}.op-sec{margin-top:52px}.op-sec>h2{font-size:25px;letter-spacing:-.02em;margin-bottom:20px;line-height:1.2}.op-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.op-steps li{counter-increment:step;position:relative;padding-left:46px}.op-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--accent-weak);color:var(--accent);font-weight:640;font-size:14px;display:grid;place-items:center}.op-step-title{display:block;font-weight:560}.op-step-text{display:block;color:var(--muted);font-size:15px;line-height:1.55;margin-top:3px}.op-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.op-feat{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--panel)}.op-feat h3{font-size:15.5px;margin-bottom:6px}.op-feat p{color:var(--muted);font-size:14.5px;line-height:1.55}.op-api p{color:var(--ink-2);line-height:1.7}.op-api code{font-family:var(--mono);font-size:13px;color:var(--accent);background:var(--accent-weak);padding:1px 6px;border-radius:6px}.op-code{margin:18px 0 22px;background:#0d1117;border:1px solid var(--line-2);border-radius:var(--radius);padding:18px 20px;overflow-x:auto}.op-code code{font-family:var(--mono);font-size:13px;line-height:1.7;color:#e6edf3;white-space:pre;background:none;padding:0}.op-faq{display:flex;flex-direction:column;gap:10px}.op-q{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:4px 18px}.op-q summary{cursor:pointer;font-weight:540;font-size:15.5px;padding:14px 0;list-style:none}.op-q summary::-webkit-details-marker{display:none}.op-q summary:before{content:"+";display:inline-block;color:var(--accent);font-weight:700;margin-right:10px;transition:transform .25s ease}.op-q[open] summary:before{transform:rotate(45deg)}.op-q p{color:var(--muted);font-size:14.5px;line-height:1.65;padding:0 0 16px;margin:0}.op-q::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .3s ease,opacity .25s ease,content-visibility .3s allow-discrete}.op-q[open]::details-content{block-size:auto;opacity:1}@media(prefers-reduced-motion:reduce){.op-q::details-content,.op-q summary:before{transition:none}}.op-chips{display:flex;flex-wrap:wrap;gap:10px}.op-chip{border:1px solid var(--line-2);border-radius:999px;padding:8px 15px;font-size:14px;color:var(--ink-2)}.op-chip:hover{border-color:var(--accent);color:var(--accent)}.op-chip-pillar{color:var(--accent)}.drop{border:1.5px dashed var(--line-2);border-radius:var(--radius);background:var(--bg-soft);padding:42px 24px;text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-weak)}.drop-emph{font-weight:550}.drop-sub{color:var(--muted);font-size:13.5px;margin-top:6px}.filelist{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.filerow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px}.filerow .fname{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerow .fsize{color:var(--muted);font-size:13px;margin-left:auto}.filerow .frm{color:var(--muted);border:0;background:none;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.filerow .frm:hover{color:#e5484d}.actions{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.status{font-size:14px;color:var(--muted)}.status.err{color:#e5484d}.status.ok{color:#17914a}:root[data-theme=dark] .status.ok{color:#4ade80}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .status.ok{color:#4ade80}}.btn[disabled]{opacity:.5;pointer-events:none}@media(max-width:560px){.op-features{grid-template-columns:1fr}}