:root{--bg:#fff;--fg:#0f172a;--muted:#475569;--border:#e2e8f0;--surface:#f8fafc;--primary:#6d28d9;--primary-fg:#fff;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font:16px/150% var(--sans);letter-spacing:.2px;color:var(--fg);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark]{--bg:#0b1020;--fg:#e5e7eb;--muted:#a3a3a3;--border:#ffffff1f;--surface:#ffffff0d}body{background:var(--bg);min-height:100svh;color:var(--fg);margin:0}#root{min-height:100svh}button,input,select,textarea{font:inherit}.app{flex-direction:column;min-height:100svh;display:flex}.appBar{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid;position:sticky;top:0}.appBar.ltr .appBarSide:first-child{justify-self:start}.appBar.ltr .appBarSide:last-child,.appBar.rtl .appBarSide:first-child{justify-self:end}.appBar.rtl .appBarSide:last-child{justify-self:start}.appName{letter-spacing:.2px;font-weight:650}.iconButton{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.iconButton:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 70%, white);outline-offset:2px}.iconButton .icon{justify-content:center;align-items:center;width:18px;font-size:18px;line-height:1;display:inline-flex}.content{box-sizing:border-box;width:min(920px,100%);margin:0 auto;padding:24px 16px 64px}.title{margin:0 0 10px;font-size:32px;line-height:1.15}.body{color:var(--muted);margin:0 0 22px}.controls{gap:16px;display:grid}.control{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:10px;padding:14px;display:grid}.controlLabel{color:var(--muted);font-size:13px}.segmented{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:12px;display:inline-flex;overflow:hidden}.segmentedBtn{appearance:none;color:var(--fg);cursor:pointer;background:0 0;border:0;min-width:120px;padding:10px 12px}.segmentedBtn.active{background:var(--primary);color:var(--primary-fg)}.debug{margin-top:18px}.pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;margin-inline-end:8px;padding:6px 10px;display:inline-flex}