.okf-progress[data-astro-cid-wfc7gsxm]{max-height:180px;overflow:auto;font:12px/1.7 var(--font-mono);color:var(--color-body-text);padding-left:24px;margin-top:16px}.okf-result[data-astro-cid-wfc7gsxm]{margin-top:28px}.okf-result[data-astro-cid-wfc7gsxm][hidden],#okf-cancel[data-astro-cid-wfc7gsxm][hidden],#okf-progress[data-astro-cid-wfc7gsxm][hidden],[data-astro-cid-wfc7gsxm][hidden]{display:none}.okf-result-actions[data-astro-cid-wfc7gsxm]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.okf-result-actions[data-astro-cid-wfc7gsxm] h2[data-astro-cid-wfc7gsxm]{font-size:18px;margin-right:auto}.okf-preview[data-astro-cid-wfc7gsxm]{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,2fr);border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden}.okf-preview[data-astro-cid-wfc7gsxm][hidden]{display:none!important}.okf-files[data-astro-cid-wfc7gsxm]{padding:8px;border-right:1px solid var(--color-hairline);max-height:480px;overflow:auto}.okf-files[data-astro-cid-wfc7gsxm] button[data-astro-cid-wfc7gsxm]{display:block;width:100%;text-align:left;overflow-wrap:anywhere;padding:10px;min-height:44px;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-ink);font:12px var(--font-mono);cursor:pointer}.okf-files[data-astro-cid-wfc7gsxm] button[data-astro-cid-wfc7gsxm][aria-pressed=true]{background:var(--color-canvas);font-weight:600}.okf-file-content[data-astro-cid-wfc7gsxm]{min-width:0;padding:16px}.okf-file-content[data-astro-cid-wfc7gsxm] h3[data-astro-cid-wfc7gsxm]{font:12px var(--font-mono);margin-bottom:12px;overflow-wrap:anywhere}.okf-file-content[data-astro-cid-wfc7gsxm] pre[data-astro-cid-wfc7gsxm]{max-height:420px;overflow:auto;color:var(--color-ink);font:12px/1.65 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:540px){.okf-preview[data-astro-cid-wfc7gsxm]{grid-template-columns:1fr}.okf-files[data-astro-cid-wfc7gsxm]{border-right:0;border-bottom:1px solid var(--color-hairline);max-height:180px}}.okf-card[data-astro-cid-wfc7gsxm]{padding:var(--card-py) var(--card-px)}.okf-card[data-astro-cid-wfc7gsxm] h1[data-astro-cid-wfc7gsxm].section-title{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.035em;line-height:1.2;max-width:640px;margin-top:6px}.okf-intro[data-astro-cid-wfc7gsxm]{font-size:14.5px;line-height:1.7;color:var(--color-body-text);max-width:620px;margin-bottom:28px}.okf-intro[data-astro-cid-wfc7gsxm] a[data-astro-cid-wfc7gsxm]{color:var(--color-ink);text-underline-offset:3px}.okf-form[data-astro-cid-wfc7gsxm]{display:flex;gap:10px;flex-wrap:wrap}.okf-steps-grid[data-astro-cid-wfc7gsxm]{margin-top:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.okf-step[data-astro-cid-wfc7gsxm]{display:flex;flex-direction:column;gap:8px}.okf-step-num[data-astro-cid-wfc7gsxm]{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;color:var(--color-mute)}.okf-step-title[data-astro-cid-wfc7gsxm]{font-size:13.5px;font-weight:600;letter-spacing:-.02em;color:var(--color-ink)}.okf-step-desc[data-astro-cid-wfc7gsxm]{font-size:13px;line-height:1.6;color:var(--color-body-text)}.okf-list[data-astro-cid-wfc7gsxm]{display:flex;flex-direction:column;gap:12px;max-width:680px}.okf-list[data-astro-cid-wfc7gsxm] li[data-astro-cid-wfc7gsxm]{font-size:14px;line-height:1.65;color:var(--color-body-text);padding-left:18px;position:relative}.okf-list[data-astro-cid-wfc7gsxm] li[data-astro-cid-wfc7gsxm]:before{content:"—";position:absolute;left:0;color:var(--color-mute)}#okf-url[data-astro-cid-wfc7gsxm]{flex:1;min-width:240px;padding:11px 16px;font-size:14px;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill-sm);outline:none;transition:border-color .15s}#okf-url[data-astro-cid-wfc7gsxm]:focus{border-color:var(--color-hairline-strong)}.sr-only[data-astro-cid-wfc7gsxm]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.okf-hint[data-astro-cid-wfc7gsxm]{font-size:13px;line-height:1.5;color:var(--color-body-text);margin-top:12px;margin-bottom:20px}.okf-examples[data-astro-cid-wfc7gsxm]{margin-top:18px;padding-top:18px;border-top:1px solid var(--color-hairline);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.okf-examples-label[data-astro-cid-wfc7gsxm]{font-size:12px;font-weight:500;color:var(--color-body-text);white-space:nowrap}.okf-example-buttons[data-astro-cid-wfc7gsxm]{display:flex;gap:8px;flex-wrap:wrap}.okf-example-btn[data-astro-cid-wfc7gsxm]{font-size:12px;padding:7px 12px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;transition:background-color .15s,border-color .15s;font-family:var(--font-sans);white-space:nowrap}.okf-example-btn[data-astro-cid-wfc7gsxm]:hover{background:var(--color-canvas-soft-2);border-color:var(--color-hairline-strong)}.okf-example-btn[data-astro-cid-wfc7gsxm]:active{background:var(--color-canvas-soft-3)}.okf-status[data-astro-cid-wfc7gsxm]{margin-top:18px;font-size:13.5px;line-height:1.6;color:var(--color-body-text);min-height:1.6em;display:flex;align-items:center;gap:10px}.okf-status[data-astro-cid-wfc7gsxm].is-loading{padding:16px 18px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);margin-top:20px;font-size:14px;font-weight:500;color:var(--color-ink);position:relative;overflow:hidden}.okf-status[data-astro-cid-wfc7gsxm].is-error{color:var(--color-error, #d32f2f)}.okf-status[data-astro-cid-wfc7gsxm].is-success{color:var(--color-ink)}.okf-status[data-astro-cid-wfc7gsxm].is-warning{color:var(--color-warning, #f57c00)}.okf-status-text[data-astro-cid-wfc7gsxm]{flex:1}.okf-status-spinner[data-astro-cid-wfc7gsxm]{display:inline-block;width:16px;height:16px;border:2px solid var(--color-hairline);border-top-color:var(--color-ink);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.okf-progress-bar[data-astro-cid-wfc7gsxm]{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-hairline);border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:hidden}.okf-progress-fill[data-astro-cid-wfc7gsxm]{height:100%;background:linear-gradient(90deg,var(--color-ink),var(--color-body-text),var(--color-ink));background-size:200% 100%;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:10%;background-position:0% 0}50%{width:90%;background-position:100% 0}to{width:10%;background-position:0% 0}}.okf-output[data-astro-cid-wfc7gsxm]{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-hairline)}.okf-output-label[data-astro-cid-wfc7gsxm]{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);margin-bottom:10px}.okf-chips[data-astro-cid-wfc7gsxm]{display:flex;flex-wrap:wrap;gap:8px}.okf-chip[data-astro-cid-wfc7gsxm]{font-family:var(--font-mono);font-size:12px;color:var(--color-body-text);background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:6px 13px;white-space:nowrap}.okf-file-tree[data-astro-cid-wfc7gsxm]{font-family:var(--font-mono);font-size:12px;color:var(--color-body-text);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:12px 14px;overflow-x:auto}.okf-tree-item[data-astro-cid-wfc7gsxm]{display:flex;flex-direction:column;gap:6px}.okf-tree-item[data-astro-cid-wfc7gsxm] code[data-astro-cid-wfc7gsxm]{font-family:var(--font-mono);color:var(--color-ink);font-size:12px}.okf-tree-children[data-astro-cid-wfc7gsxm]{padding-left:20px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--color-hairline);margin-left:4px;padding-top:4px;padding-bottom:4px}.okf-tree-note[data-astro-cid-wfc7gsxm]{font-size:11px;color:var(--color-mute);font-style:italic;margin-left:6px}@media(max-width:700px){.okf-steps-grid[data-astro-cid-wfc7gsxm]{grid-template-columns:repeat(2,1fr);gap:22px}}@media(max-width:540px){.okf-card[data-astro-cid-wfc7gsxm]{padding:28px 24px}.okf-form[data-astro-cid-wfc7gsxm]{flex-direction:column}#okf-url[data-astro-cid-wfc7gsxm],#okf-submit[data-astro-cid-wfc7gsxm]{width:100%}.okf-steps-grid[data-astro-cid-wfc7gsxm]{grid-template-columns:1fr}.okf-examples[data-astro-cid-wfc7gsxm]{flex-direction:column;align-items:flex-start}.okf-example-buttons[data-astro-cid-wfc7gsxm]{width:100%}.okf-example-btn[data-astro-cid-wfc7gsxm]{flex:1;min-width:80px}}