:root{--ot-gray-0:#fff;--ot-gray-25:#fcfcfd;--ot-gray-50:#f8f9fb;--ot-gray-100:#f1f3f7;--ot-gray-150:#e8ebf1;--ot-gray-200:#dfe3ea;--ot-gray-300:#c6ccd8;--ot-gray-400:#9aa3b4;--ot-gray-500:#6f7889;--ot-gray-600:#545c6d;--ot-gray-700:#3d4453;--ot-gray-800:#272d39;--ot-gray-850:#1c212b;--ot-gray-900:#141821;--ot-gray-950:#0d1017;--ot-accent-50:#eef2ff;--ot-accent-100:#e0e7ff;--ot-accent-200:#c7d2fe;--ot-accent-400:#818cf8;--ot-accent-500:#6366f1;--ot-accent-600:#4f46e5;--ot-accent-700:#4338ca;--ot-green-500:#10b981;--ot-green-600:#059669;--ot-amber-500:#f59e0b;--ot-red-500:#ef4444;--ot-red-600:#dc2626;--ot-bg:var(--ot-gray-25);--ot-bg-subtle:var(--ot-gray-50);--ot-surface:var(--ot-gray-0);--ot-surface-raised:var(--ot-gray-0);--ot-surface-sunken:var(--ot-gray-100);--ot-border:var(--ot-gray-200);--ot-border-strong:var(--ot-gray-300);--ot-text:var(--ot-gray-900);--ot-text-muted:var(--ot-gray-600);--ot-text-subtle:var(--ot-gray-500);--ot-accent:var(--ot-accent-600);--ot-accent-hover:var(--ot-accent-700);--ot-accent-soft:var(--ot-accent-50);--ot-accent-contrast:#fff;--ot-success:var(--ot-green-600);--ot-warning:var(--ot-amber-500);--ot-danger:var(--ot-red-600);--ot-focus-ring:0 0 0 3px #6366f159;--ot-shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280f;--ot-shadow-md:0 4px 8px -2px #1018280f, 0 2px 4px -2px #1018280a;--ot-shadow-lg:0 12px 24px -6px #1018281a, 0 4px 8px -4px #1018280f;--ot-font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard", "Noto Sans KR", "Hiragino Sans", "Noto Sans JP", "Noto Sans SC", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ot-font-mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--ot-text-xs:.75rem;--ot-text-sm:.8125rem;--ot-text-base:.9375rem;--ot-text-md:1rem;--ot-text-lg:1.125rem;--ot-text-xl:1.375rem;--ot-text-2xl:1.75rem;--ot-text-3xl:2.25rem;--ot-text-4xl:2.875rem;--ot-space-1:.25rem;--ot-space-2:.5rem;--ot-space-3:.75rem;--ot-space-4:1rem;--ot-space-5:1.25rem;--ot-space-6:1.5rem;--ot-space-8:2rem;--ot-space-10:2.5rem;--ot-space-12:3rem;--ot-space-16:4rem;--ot-radius-sm:6px;--ot-radius:10px;--ot-radius-md:12px;--ot-radius-lg:16px;--ot-radius-full:999px;--ot-header-height:56px;--ot-content-width:1320px;--ot-prose-width:74rem;--ot-transition:.14s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--ot-bg:var(--ot-gray-950);--ot-bg-subtle:var(--ot-gray-900);--ot-surface:var(--ot-gray-900);--ot-surface-raised:var(--ot-gray-850);--ot-surface-sunken:var(--ot-gray-950);--ot-border:#262c38;--ot-border-strong:#333b4a;--ot-text:#e9ecf2;--ot-text-muted:#a3abbd;--ot-text-subtle:#7d879b;--ot-accent:var(--ot-accent-400);--ot-accent-hover:#a5b4fc;--ot-accent-soft:#6366f124;--ot-accent-contrast:#0d1017;--ot-success:var(--ot-green-500);--ot-danger:var(--ot-red-500);--ot-focus-ring:0 0 0 3px #818cf859;--ot-shadow-sm:0 1px 2px #0000004d;--ot-shadow-md:0 4px 10px -2px #0006;--ot-shadow-lg:0 16px 32px -8px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ot-bg:var(--ot-gray-950);--ot-bg-subtle:var(--ot-gray-900);--ot-surface:var(--ot-gray-900);--ot-surface-raised:var(--ot-gray-850);--ot-surface-sunken:var(--ot-gray-950);--ot-border:#262c38;--ot-border-strong:#333b4a;--ot-text:#e9ecf2;--ot-text-muted:#a3abbd;--ot-text-subtle:#7d879b;--ot-accent:var(--ot-accent-400);--ot-accent-hover:#a5b4fc;--ot-accent-soft:#6366f124;--ot-accent-contrast:#0d1017;--ot-success:var(--ot-green-500);--ot-danger:var(--ot-red-500);--ot-focus-ring:0 0 0 3px #818cf859;--ot-shadow-sm:0 1px 2px #0000004d;--ot-shadow-md:0 4px 10px -2px #0006;--ot-shadow-lg:0 16px 32px -8px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{min-height:100vh;font-family:var(--ot-font-sans);font-size:var(--ot-text-base);color:var(--ot-text);background:var(--ot-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.015em;color:var(--ot-text);margin:0;font-weight:650;line-height:1.25}h1{font-size:var(--ot-text-3xl)}h2{font-size:var(--ot-text-xl)}h3{font-size:var(--ot-text-lg)}p{margin:0}a{color:var(--ot-accent);transition:color var(--ot-transition);text-decoration:none}a:hover{color:var(--ot-accent-hover);text-underline-offset:2px;text-decoration:underline}code,kbd,pre,samp,textarea.ot-code{font-family:var(--ot-font-mono);font-size:.9em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--ot-focus-ring);border-radius:var(--ot-radius-sm);outline:none}ul,ol{margin:0;padding:0}li{list-style:none}hr{border:none;border-top:1px solid var(--ot-border);margin:var(--ot-space-8) 0}::selection{background:var(--ot-accent-soft)}*{scrollbar-color:var(--ot-border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ot-border-strong);border-radius:var(--ot-radius-full);background-clip:content-box;border:3px solid #0000}.ot-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ot-skip-link{top:var(--ot-space-2);left:var(--ot-space-2);z-index:100;padding:var(--ot-space-2) var(--ot-space-4);background:var(--ot-surface);border:1px solid var(--ot-border);border-radius:var(--ot-radius);transition:transform var(--ot-transition);position:absolute;transform:translateY(-200%)}.ot-skip-link:focus{transform:translateY(0)}.ot-shell{flex-direction:column;min-height:100vh;display:flex}.ot-container{width:100%;max-width:var(--ot-content-width);padding-inline:var(--ot-space-5);margin:0 auto}.ot-main{padding-block:var(--ot-space-8) var(--ot-space-16);flex:1}.ot-header{z-index:40;background:color-mix(in srgb, var(--ot-bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--ot-border);position:sticky;top:0}.ot-header__inner{align-items:center;gap:var(--ot-space-3);height:var(--ot-header-height);display:flex}.ot-logo{align-items:center;gap:var(--ot-space-2);font-weight:680;font-size:var(--ot-text-md);letter-spacing:-.02em;color:var(--ot-text);white-space:nowrap;display:inline-flex}.ot-logo:hover{color:var(--ot-text);text-decoration:none}.ot-logo__mark{background:linear-gradient(135deg, var(--ot-accent-500), var(--ot-accent-700));color:#fff;letter-spacing:-.04em;border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.ot-header__spacer{flex:1}.ot-header__actions{align-items:center;gap:var(--ot-space-1);display:flex}.ot-btn{justify-content:center;align-items:center;gap:var(--ot-space-2);padding:0 var(--ot-space-3);border:1px solid var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface);height:34px;color:var(--ot-text);font-size:var(--ot-text-sm);cursor:pointer;white-space:nowrap;transition:background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition);font-weight:500;display:inline-flex}.ot-btn:hover:not(:disabled){background:var(--ot-surface-sunken);border-color:var(--ot-border-strong);text-decoration:none}.ot-btn:disabled{opacity:.5;cursor:not-allowed}.ot-btn--primary{background:var(--ot-accent);border-color:var(--ot-accent);color:var(--ot-accent-contrast)}.ot-btn--primary:hover:not(:disabled){background:var(--ot-accent-hover);border-color:var(--ot-accent-hover);color:var(--ot-accent-contrast)}.ot-btn--ghost{color:var(--ot-text-muted);background:0 0;border-color:#0000}.ot-btn--ghost:hover:not(:disabled){background:var(--ot-surface-sunken);color:var(--ot-text);border-color:#0000}.ot-btn--sm{height:28px;padding:0 var(--ot-space-2);font-size:var(--ot-text-xs)}.ot-btn--icon{width:34px;padding:0}.ot-btn--icon.ot-btn--sm{width:28px}.ot-btn--success{color:var(--ot-success);border-color:color-mix(in srgb, var(--ot-success) 40%, var(--ot-border))}.ot-search-trigger{align-items:center;gap:var(--ot-space-2);min-width:200px;height:34px;padding:0 var(--ot-space-3);border:1px solid var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface-sunken);color:var(--ot-text-subtle);font-size:var(--ot-text-sm);cursor:pointer;transition:border-color var(--ot-transition);display:inline-flex}.ot-search-trigger:hover{border-color:var(--ot-border-strong)}.ot-search-trigger__hint{border:1px solid var(--ot-border);border-radius:var(--ot-radius-sm);background:var(--ot-surface);font-family:var(--ot-font-mono);margin-inline-start:auto;padding:1px 6px;font-size:11px;line-height:1.5}.ot-palette-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c1273;justify-content:center;padding-top:12vh;display:flex;position:fixed;inset:0}.ot-palette{width:min(620px, calc(100vw - var(--ot-space-8)));background:var(--ot-surface-raised);border:1px solid var(--ot-border);border-radius:var(--ot-radius-lg);max-height:70vh;box-shadow:var(--ot-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.ot-palette__input{width:100%;padding:var(--ot-space-4) var(--ot-space-5);border:none;border-bottom:1px solid var(--ot-border);font-size:var(--ot-text-md);background:0 0;outline:none}.ot-palette__results{padding:var(--ot-space-2);overflow-y:auto}.ot-palette__item{align-items:baseline;gap:var(--ot-space-3);width:100%;padding:var(--ot-space-2) var(--ot-space-3);border-radius:var(--ot-radius);color:var(--ot-text);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}.ot-palette__item[aria-selected=true],.ot-palette__item:hover{background:var(--ot-accent-soft);text-decoration:none}.ot-palette__item-name{font-weight:550}.ot-palette__item-meta{color:var(--ot-text-subtle);font-size:var(--ot-text-xs);font-family:var(--ot-font-mono);margin-inline-start:auto}.ot-palette__empty{padding:var(--ot-space-8);text-align:center;color:var(--ot-text-subtle)}.ot-menu{position:relative}.ot-menu__panel{top:calc(100% + 8px);z-index:50;width:min(720px, calc(100vw - var(--ot-space-8)));max-height:min(70vh,560px);padding:var(--ot-space-4);gap:var(--ot-space-4);background:var(--ot-surface-raised);border:1px solid var(--ot-border);border-radius:var(--ot-radius-md);box-shadow:var(--ot-shadow-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;position:absolute;inset-inline-start:0;overflow-y:auto}.ot-menu__group-title{margin-bottom:var(--ot-space-2);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.ot-menu__link{padding:var(--ot-space-1) var(--ot-space-2);border-radius:var(--ot-radius-sm);color:var(--ot-text-muted);font-size:var(--ot-text-sm);display:block}.ot-menu__link:hover,.ot-menu__link[aria-current=page]{background:var(--ot-accent-soft);color:var(--ot-accent);text-decoration:none}.ot-dropdown{position:relative}.ot-dropdown__panel{top:calc(100% + 6px);z-index:50;min-width:180px;padding:var(--ot-space-1);background:var(--ot-surface-raised);border:1px solid var(--ot-border);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow-lg);position:absolute;inset-inline-end:0}.ot-dropdown__item{align-items:center;gap:var(--ot-space-2);width:100%;padding:var(--ot-space-2) var(--ot-space-3);border-radius:var(--ot-radius-sm);color:var(--ot-text);font-size:var(--ot-text-sm);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}.ot-dropdown__item:hover{background:var(--ot-surface-sunken);text-decoration:none}.ot-dropdown__item[aria-current=true]{color:var(--ot-accent);font-weight:550}.ot-dropdown__check{margin-inline-start:auto}.ot-tool-layout{gap:var(--ot-space-6);align-items:start;display:grid}@media (width>=1200px){.ot-tool-layout{column-gap:var(--ot-space-10);grid-template-columns:236px minmax(0,1fr)}}.ot-adrail{display:none}@media (width>=1500px){:root{--ot-content-width:1680px}.ot-tool-layout{grid-template-columns:236px minmax(0,1fr) 300px}.ot-adrail{top:calc(var(--ot-header-height) + var(--ot-space-5));display:block;position:sticky}}.ot-tool-main{min-width:0}.ot-rail{display:none}@media (width>=1200px){.ot-rail{top:calc(var(--ot-header-height) + var(--ot-space-5));max-height:calc(100vh - var(--ot-header-height) - var(--ot-space-8));border-inline-end:1px solid var(--ot-border);overscroll-behavior:contain;padding-inline-end:var(--ot-space-5);display:block;position:sticky;overflow-y:auto}}.ot-sidebar__group+.ot-sidebar__group{margin-top:var(--ot-space-5)}.ot-sidebar__heading{margin-bottom:var(--ot-space-2);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.ot-sidebar__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ot-sidebar__link{align-items:center;gap:var(--ot-space-2);padding:5px var(--ot-space-3);border-radius:var(--ot-radius-sm);color:var(--ot-text-muted);font-size:var(--ot-text-sm);transition:background var(--ot-transition), color var(--ot-transition);text-decoration:none;display:flex}.ot-sidebar__link:hover{background:var(--ot-surface-sunken);color:var(--ot-text)}.ot-sidebar__link[aria-current=page]{background:color-mix(in srgb, var(--ot-accent) 12%, transparent);color:var(--ot-accent);font-weight:550}.ot-sidebar__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ot-sidebar__count{color:var(--ot-text-subtle);font-size:var(--ot-text-xs);font-variant-numeric:tabular-nums;margin-inline-start:auto}.ot-workspace--full{z-index:60;padding:var(--ot-space-5);background:var(--ot-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.ot-workspace:fullscreen{padding:var(--ot-space-5);background:var(--ot-bg);overflow-y:auto}.ot-workspace--full .ot-io-grid{flex:1}.ot-workspace:fullscreen .ot-io-grid{flex:1}.ot-workspace--full .ot-editor{min-height:60vh}.ot-workspace:fullscreen .ot-editor{min-height:60vh}.ot-tabs{gap:var(--ot-space-1);margin-bottom:var(--ot-space-5);border-bottom:1px solid var(--ot-border);scrollbar-width:thin;padding-bottom:2px;display:flex;overflow-x:auto}.ot-tabs__tab{padding:var(--ot-space-2) var(--ot-space-4);color:var(--ot-text-muted);font-size:var(--ot-text-sm);white-space:nowrap;transition:color var(--ot-transition), border-color var(--ot-transition);border-bottom:2px solid #0000;flex:none;margin-bottom:-3px;font-weight:500;text-decoration:none}.ot-tabs__tab:hover{color:var(--ot-text)}.ot-tabs__tab[aria-current=page]{border-bottom-color:var(--ot-accent);color:var(--ot-accent);font-weight:600}.ot-tool-header{margin-bottom:var(--ot-space-6)}.ot-tool-header__title{margin-bottom:var(--ot-space-2)}.ot-tool-header__lede{max-width:var(--ot-prose-width);color:var(--ot-text-muted);font-size:var(--ot-text-md)}.ot-breadcrumb{align-items:center;gap:var(--ot-space-2);margin-bottom:var(--ot-space-3);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);flex-wrap:wrap;display:flex}.ot-breadcrumb__sep{opacity:.5}.ot-panel{background:var(--ot-surface);border:1px solid var(--ot-border);border-radius:var(--ot-radius-md);box-shadow:var(--ot-shadow-sm)}.ot-panel__header{align-items:center;gap:var(--ot-space-2);padding:var(--ot-space-2) var(--ot-space-3);border-bottom:1px solid var(--ot-border);display:flex}.ot-panel__title{font-size:var(--ot-text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--ot-text-subtle);font-weight:600}.ot-panel__actions{align-items:center;gap:var(--ot-space-1);margin-inline-start:auto;display:flex}.ot-panel__body{padding:var(--ot-space-3)}.ot-panel__footer{align-items:center;gap:var(--ot-space-3);padding:var(--ot-space-2) var(--ot-space-3);border-top:1px solid var(--ot-border);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);flex-wrap:wrap;display:flex}.ot-editor{width:100%;min-height:190px;padding:var(--ot-space-3);border-radius:0 0 var(--ot-radius-md) var(--ot-radius-md);color:var(--ot-text);font-family:var(--ot-font-mono);font-size:var(--ot-text-sm);resize:vertical;tab-size:2;background:0 0;border:none;outline:none;line-height:1.65;display:block}.ot-editor::placeholder{color:var(--ot-text-subtle)}.ot-editor--readonly{background:var(--ot-surface-sunken)}.ot-io-grid{gap:var(--ot-space-4);grid-template-columns:1fr;display:grid}@media (width>=900px){.ot-io-grid--split{grid-template-columns:1fr 1fr}}.ot-toolbar{align-items:center;gap:var(--ot-space-2);margin-block:var(--ot-space-4);flex-wrap:wrap;display:flex}.ot-field{align-items:center;gap:var(--ot-space-2);font-size:var(--ot-text-sm);color:var(--ot-text-muted);display:inline-flex}.ot-field__hint{color:var(--ot-danger);font-size:var(--ot-text-xs)}.ot-select,.ot-input{height:34px;padding:0 var(--ot-space-3);border:1px solid var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface);color:var(--ot-text);font-size:var(--ot-text-sm);transition:border-color var(--ot-transition);outline:none}.ot-select:hover,.ot-input:hover{border-color:var(--ot-border-strong)}.ot-input--mono{font-family:var(--ot-font-mono)}.ot-checkbox{align-items:center;gap:var(--ot-space-2);font-size:var(--ot-text-sm);color:var(--ot-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.ot-checkbox input{width:15px;height:15px;accent-color:var(--ot-accent);cursor:pointer}.ot-segmented{border:1px solid var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface-sunken);padding:2px;display:inline-flex}.ot-segmented__item{padding:4px var(--ot-space-3);border-radius:var(--ot-radius-sm);color:var(--ot-text-muted);font-size:var(--ot-text-sm);cursor:pointer;transition:background var(--ot-transition);background:0 0;border:none}.ot-segmented__item[aria-pressed=true]{background:var(--ot-surface);color:var(--ot-text);box-shadow:var(--ot-shadow-sm);font-weight:550}.ot-alert{gap:var(--ot-space-2);padding:var(--ot-space-3);border:1px solid var(--ot-border);border-radius:var(--ot-radius);font-size:var(--ot-text-sm);display:flex}.ot-alert--error{border-color:color-mix(in srgb, var(--ot-danger) 35%, var(--ot-border));background:color-mix(in srgb, var(--ot-danger) 8%, transparent);color:var(--ot-danger)}.ot-alert--warning{border-color:color-mix(in srgb, var(--ot-warning) 40%, var(--ot-border));background:color-mix(in srgb, var(--ot-warning) 10%, transparent);color:var(--ot-text)}.ot-alert--success{border-color:color-mix(in srgb, var(--ot-success) 35%, var(--ot-border));background:color-mix(in srgb, var(--ot-success) 8%, transparent);color:var(--ot-success)}.ot-alert--info{background:var(--ot-surface-sunken);color:var(--ot-text-muted)}.ot-badge{align-items:center;gap:var(--ot-space-1);padding:1px var(--ot-space-2);border-radius:var(--ot-radius-full);background:var(--ot-surface-sunken);color:var(--ot-text-muted);font-size:var(--ot-text-xs);font-weight:550;display:inline-flex}.ot-badge--success{background:color-mix(in srgb, var(--ot-success) 14%, transparent);color:var(--ot-success)}.ot-badge--danger{background:color-mix(in srgb, var(--ot-danger) 14%, transparent);color:var(--ot-danger)}.ot-badge--warning{background:color-mix(in srgb, var(--ot-warning) 16%, transparent);color:var(--ot-text)}.ot-card-grid{gap:var(--ot-space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ot-card{gap:var(--ot-space-1);padding:var(--ot-space-4);border:1px solid var(--ot-border);border-radius:var(--ot-radius-md);background:var(--ot-surface);color:inherit;transition:border-color var(--ot-transition), box-shadow var(--ot-transition), transform var(--ot-transition);flex-direction:column;display:flex}.ot-card:hover{border-color:var(--ot-border-strong);box-shadow:var(--ot-shadow-md);text-decoration:none;transform:translateY(-1px)}.ot-card__title{color:var(--ot-text);font-weight:600}.ot-card__blurb{color:var(--ot-text-muted);font-size:var(--ot-text-sm);line-height:1.55}.ot-card__tag{margin-top:var(--ot-space-2);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);font-family:var(--ot-font-mono)}.ot-tile-grid{gap:var(--ot-space-2);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.ot-tile{min-height:44px;padding:var(--ot-space-2) var(--ot-space-3);border:1px solid var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface);color:var(--ot-text-muted);font-size:var(--ot-text-sm);transition:border-color var(--ot-transition), background var(--ot-transition), color var(--ot-transition);align-items:center;line-height:1.35;display:flex}.ot-tile:hover{border-color:var(--ot-accent);background:var(--ot-accent-soft);color:var(--ot-accent);text-decoration:none}.ot-cat-heading{align-items:baseline;gap:var(--ot-space-3);display:flex}.ot-cat-heading__count{color:var(--ot-text-subtle);font-size:var(--ot-text-sm);font-variant-numeric:tabular-nums;font-weight:400}.ot-prose{max-width:var(--ot-prose-width);color:var(--ot-text-muted)}.ot-prose h2{margin-top:var(--ot-space-10);margin-bottom:var(--ot-space-3)}.ot-prose h3{margin-top:var(--ot-space-6);margin-bottom:var(--ot-space-2)}.ot-prose p+p,.ot-prose ul,.ot-prose ol{margin-top:var(--ot-space-3)}.ot-prose ul li,.ot-prose ol li{margin-bottom:var(--ot-space-2);padding-inline-start:var(--ot-space-5);position:relative}.ot-prose ul li:before{content:"";inset-inline-start:var(--ot-space-2);background:var(--ot-border-strong);border-radius:50%;width:4px;height:4px;position:absolute;top:.66em}.ot-prose ol{counter-reset:ot-step}.ot-prose ol li{counter-increment:ot-step}.ot-prose ol li:before{content:counter(ot-step) ".";color:var(--ot-text-subtle);font-variant-numeric:tabular-nums;position:absolute;inset-inline-start:0}.ot-prose code{border-radius:var(--ot-radius-sm);background:var(--ot-surface-sunken);color:var(--ot-text);padding:1px 5px}.ot-prose pre{margin:var(--ot-space-3) 0;padding:var(--ot-space-3);border:1px solid var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface-sunken);overflow-x:auto}.ot-section{margin-top:var(--ot-space-12)}.ot-section__title{margin-bottom:var(--ot-space-4)}.ot-faq__item{padding:var(--ot-space-4) 0;border-bottom:1px solid var(--ot-border)}.ot-faq__question{margin-bottom:var(--ot-space-2);font-size:var(--ot-text-md);color:var(--ot-text);font-weight:600}.ot-faq__answer{color:var(--ot-text-muted)}.ot-table-wrap{border:1px solid var(--ot-border);border-radius:var(--ot-radius-md);overflow-x:auto}.ot-table{border-collapse:collapse;width:100%;font-size:var(--ot-text-sm)}.ot-table th,.ot-table td{padding:var(--ot-space-2) var(--ot-space-3);text-align:start;border-bottom:1px solid var(--ot-border);white-space:nowrap}.ot-table th{background:var(--ot-surface-sunken);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.ot-table tr:last-child td{border-bottom:none}.ot-table td.ot-mono{font-family:var(--ot-font-mono);font-variant-numeric:tabular-nums}.ot-kv{gap:var(--ot-space-2) var(--ot-space-4);grid-template-columns:minmax(120px,max-content) 1fr;align-items:baseline;display:grid}.ot-kv__key{color:var(--ot-text-subtle);font-size:var(--ot-text-sm)}.ot-kv__value{font-family:var(--ot-font-mono);font-size:var(--ot-text-sm);word-break:break-all}.ot-ad{margin-block:var(--ot-space-8);border:1px dashed var(--ot-border);border-radius:var(--ot-radius);background:var(--ot-surface-sunken);color:var(--ot-text-subtle);font-size:var(--ot-text-xs);justify-content:center;align-items:center;display:flex;overflow:hidden}.ot-ad--leaderboard{height:90px}.ot-ad--rectangle{height:280px}.ot-ad--inline{height:60px}.ot-ad--live{background:0 0;border-style:none}@media (width>=1500px){:root{--ot-content-width:1320px}.ot-tool-layout{grid-template-columns:236px minmax(0,1fr)}.ot-adrail{display:none}}.ot-footer{border-top:1px solid var(--ot-border);background:var(--ot-bg-subtle);padding-bottom:96px;padding-block:var(--ot-space-8);color:var(--ot-text-subtle);font-size:var(--ot-text-sm)}.ot-footer__inner{gap:var(--ot-space-6);flex-wrap:wrap;justify-content:space-between;display:flex}.ot-footer__links{gap:var(--ot-space-4);flex-wrap:wrap;display:flex}.ot-footer__links a{color:var(--ot-text-muted)}.ot-hero{padding-block:var(--ot-space-12) var(--ot-space-10);text-align:center}.ot-hero__title{font-size:clamp(1.9rem, 1.2rem + 2.6vw, var(--ot-text-4xl));margin-bottom:var(--ot-space-4)}.ot-hero__lede{max-width:62ch;color:var(--ot-text-muted);font-size:var(--ot-text-lg);margin:0 auto}.ot-hero__actions{justify-content:center;gap:var(--ot-space-3);margin-top:var(--ot-space-6);flex-wrap:wrap;display:flex}.ot-feature-grid{gap:var(--ot-space-6);margin-top:var(--ot-space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ot-feature__title{margin-bottom:var(--ot-space-1);font-size:var(--ot-text-md);color:var(--ot-text);font-weight:600}.ot-feature__body{color:var(--ot-text-muted);font-size:var(--ot-text-sm)}@media (width<=900px){.ot-search-trigger{min-width:0}.ot-search-trigger__label,.ot-search-trigger__hint,.ot-btn__label{display:none}.ot-btn{padding-inline:var(--ot-space-2)}.ot-menu__panel{inset-inline:var(--ot-space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:auto;position:fixed}}@media (width<=460px){.ot-logo__text{display:none}}