:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-1: 24px;--font-2: 18px;--font-3: 16px;--font-body: 14px;--line-tight: 1.2;--line-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius-1: 6px;--radius-2: 8px;--text-muted: #aaa;--border-muted: #333;--bg-input: #1f1f1f;--accent: #7aa7ff;--accent-strong: #99bbff;--btn-bg: #2a2a2a;--btn-text: #eaeaea;--btn-bg-disabled: #3a3a3a;--btn-text-disabled: #bdbdbd;--accent-disabled: #5f89d6}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--text-muted: #666;--border-muted: #e5e7eb;--bg-input: #f7f7f7;--accent: #1a73e8;--accent-strong: #1558b0;--btn-bg: #f5f5f5;--btn-text: #1a1a1a;--btn-bg-disabled: #e9e9e9;--btn-text-disabled: #777777;--accent-disabled: #8ab4f8}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ui-heading-1{font-size:var(--font-1);font-weight:900;margin:0 0 var(--space-2) 0;text-transform:capitalize}.ui-heading-2{font-size:var(--font-2);font-weight:700;margin:var(--space-3) 0 var(--space-2) 0}.ui-heading-3{font-size:var(--font-3);font-weight:600;margin:var(--space-2) 0 var(--space-2) 0}.ui-subline{color:var(--text-muted);font-size:calc(var(--font-body) * .95);font-style:italic;margin:2px 0 var(--space-2) 0}.ui-vstack{display:grid}.ui-hstack{display:flex;align-items:flex-start}.ui-spacer{min-height:1px}.ui-columns{display:grid;grid-template-columns:repeat(var(--cols-base, 1),minmax(0,1fr))}@media (min-width: 768px){.ui-columns{grid-template-columns:repeat(var(--cols-md, var(--cols-base, 1)),minmax(0,1fr))}}@media (min-width: 1024px){.ui-columns{grid-template-columns:repeat(var(--cols-lg, var(--cols-md, var(--cols-base, 1))),minmax(0,1fr))}}.ui-field{display:grid;gap:var(--space-2)}.ui-field-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.ui-field-required{color:var(--accent)}.ui-field-hint{color:var(--text-muted);font-size:12px}.ui-input,.ui-textarea,select.ui-input{width:100%;background:var(--bg-input);border:1px solid var(--border-muted);border-radius:var(--radius-1);padding:10px;font-size:var(--font-body);color:inherit}select.ui-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.ui-textarea{resize:vertical}.ui-input:focus,.ui-textarea:focus,select.ui-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}.ui-input:disabled,.ui-textarea:disabled{cursor:not-allowed;opacity:.7}.ui-button{border-radius:var(--radius-1);border:1px solid var(--border-muted);padding:10px 14px;font-size:var(--font-body);font-weight:500;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.ui-button:hover{border-color:var(--accent)}.ui-button--primary{background:var(--accent);color:#fff}.ui-button--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.ui-button--ghost{background:transparent;border:none}.ui-button:disabled{background:var(--btn-bg-disabled);color:var(--btn-text-disabled);cursor:not-allowed}.ui-table-container{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:var(--table-min-width, 360px)}.ui-th,.ui-td{text-align:left;padding:8px 10px;white-space:nowrap}.ui-td-break{white-space:normal;word-break:break-word}.ui-th,.ui-td{border-bottom:1px solid var(--border-muted)}.ui-segmented{display:inline-flex;border:1px solid var(--border-muted);border-radius:var(--radius-1);overflow:hidden}.ui-segmented button{background:var(--btn-bg);color:var(--btn-text);border:none;padding:8px 12px;font-size:var(--font-body)}.ui-segmented button+button{border-left:1px solid var(--border-muted)}.ui-segmented button[aria-pressed=true]{background:var(--accent);color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.prep-btn[aria-pressed=true]{background:#1a73e8;color:#fff;border-color:#1558b0}.prep-btn[disabled]{opacity:.6;cursor:not-allowed}.container{max-width:1200px;margin:0 auto;padding:16px;text-align:left}.header{margin:0 0 4px}.tagline{color:var(--text-muted);margin:0 0 60px}.nav{display:flex;gap:var(--space-2);margin:8px 0 72px;border-bottom:1px solid var(--border-muted)}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:8px 10px;border-radius:0;color:inherit;cursor:pointer}.nav-item:hover{color:var(--accent)}.nav-item.is-active{color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:-1px}.nav-item:focus-visible{outline:3px auto -webkit-focus-ring-color}.input,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-muted);border-radius:var(--radius-1);padding:10px;font-size:14px}.input:focus,.textarea:focus{outline:none;border-color:var(--accent)}.btn{border-radius:var(--radius-1);border:1px solid var(--border-muted);padding:10px 14px;font-size:14px;font-weight:500;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:transparent;border:none}.btn:disabled{background:var(--btn-bg-disabled);color:var(--btn-text-disabled);cursor:not-allowed}.translate-layout{width:100%}.translate-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.translate-input-column{display:grid;gap:12px}.translate-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent);margin:0 8px;flex-shrink:0}.translate-output-column{display:grid;gap:12px;min-height:200px}@media (max-width: 768px){.translate-form{grid-template-columns:1fr;gap:16px}.translate-arrow{transform:rotate(90deg);margin:8px 0}.translate-output-column{min-height:auto}}