@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-content:""}}}@layer theme{:host,:root{--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-teal-600:oklch(60% .118 184.704);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem}}@layer utilities{.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.relative{position:relative}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}.mt-1{margin-top:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.h-full{height:100%}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-32{min-height:calc(var(--spacing)*32)}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-0{flex-basis:0}.cursor-pointer{cursor:pointer}.appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-3{gap:calc(var(--spacing)*3)}.gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.gap-y-1{row-gap:var(--spacing)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e+38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-gray-300{border-color:var(--color-gray-300)}.border-teal-600{border-color:var(--color-teal-600)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900) 20%,transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm,.text-sm\/6{font-size:var(--text-sm)}.text-sm\/6{line-height:calc(var(--spacing)*6)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.text-green-800{color:var(--color-green-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.accent-indigo-500{accent-color:var(--color-indigo-500)}.outline,.outline-1{outline-width:1px}.outline,.outline-1,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.-outline-offset-1{outline-offset:-1px}.outline-offset-2{outline-offset:2px}.outline-gray-300{outline-color:var(--color-gray-300)}.outline-red-500{outline-color:var(--color-red-500)}.outline-red-600{outline-color:var(--color-red-600)}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.outline-white\/10{outline-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.\[--ff-email-suggestion-action\:\#818cf8\]{--ff-email-suggestion-action:#818cf8}.\[--ff-email-suggestion-action\:\#6366f1\]{--ff-email-suggestion-action:#6366f1}.\[--ff-email-suggestion-color\:\#6b7280\]{--ff-email-suggestion-color:#6b7280}.\[--ff-email-suggestion-color\:\#9ca3af\]{--ff-email-suggestion-color:#9ca3af}.\[--ff-phone-background\:\#292a2d\]{--ff-phone-background:#292a2d}.\[--ff-phone-background\:\#fff\]{--ff-phone-background:#fff}.\[--ff-phone-border\:\#4b5563\]{--ff-phone-border:#4b5563}.\[--ff-phone-border\:\#d1d5db\]{--ff-phone-border:#d1d5db}.\[--ff-phone-color\:\#1f2937\]{--ff-phone-color:#1f2937}.\[--ff-phone-color\:\#f3f4f6\]{--ff-phone-color:#f3f4f6}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing)*4)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:cursor-pointer::file-selector-button{cursor:pointer}.file\:rounded-md::file-selector-button{border-radius:var(--radius-md)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-white::file-selector-button{background-color:var(--color-white)}.file\:bg-white\/10::file-selector-button{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.file\:bg-white\/10::file-selector-button{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.file\:px-3::file-selector-button{padding-inline:calc(var(--spacing)*3)}.file\:py-1\.5::file-selector-button{padding-block:calc(var(--spacing)*1.5)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-gray-900::file-selector-button{color:var(--color-gray-900)}.file\:text-white::file-selector-button{color:var(--color-white)}.file\:outline::file-selector-button{outline-style:var(--tw-outline-style);outline-width:1px}.file\:outline-1::file-selector-button{outline-style:var(--tw-outline-style);outline-width:1px}.file\:outline-gray-300::file-selector-button{outline-color:var(--color-gray-300)}.file\:outline-white\/10::file-selector-button{outline-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.file\:outline-white\/10::file-selector-button{outline-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.placeholder\:text-gray-400::-moz-placeholder{color:var(--color-gray-400)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-gray-500::-moz-placeholder{color:var(--color-gray-500)}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-1:before{content:var(--tw-content);inset:var(--spacing)}.before\:rounded-full:before{border-radius:3.40282e+38px;content:var(--tw-content)}.before\:bg-white:before{background-color:var(--color-white);content:var(--tw-content)}.not-checked\:before\:hidden:not(:checked):before{content:var(--tw-content);display:none}.checked\:border-indigo-500:checked{border-color:var(--color-indigo-500)}.checked\:border-indigo-600:checked{border-color:var(--color-indigo-600)}.checked\:bg-indigo-500:checked{background-color:var(--color-indigo-500)}.checked\:bg-indigo-600:checked{background-color:var(--color-indigo-600)}.checked\:bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20viewBox\%3D\%270\%200\%2014\%2014\%27\%20fill\%3D\%27none\%27\%20xmlns\%3D\%27http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%27\%3E\%3Cpath\%20d\%3D\%27M3\%208L6\%2011L11\%203\.5\%27\%20stroke\%3D\%27white\%27\%20stroke-width\%3D\%272\%27\%20stroke-linecap\%3D\%27round\%27\%20stroke-linejoin\%3D\%27round\%27\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 8 3 3 5-7.5'/%3E%3C/svg%3E")}.indeterminate\:border-indigo-500:indeterminate{border-color:var(--color-indigo-500)}.indeterminate\:border-indigo-600:indeterminate{border-color:var(--color-indigo-600)}.indeterminate\:bg-indigo-500:indeterminate{background-color:var(--color-indigo-500)}.indeterminate\:bg-indigo-600:indeterminate{background-color:var(--color-indigo-600)}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-indigo-400:hover{background-color:var(--color-indigo-400)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:file\:bg-gray-50:hover::file-selector-button{background-color:var(--color-gray-50)}.hover\:file\:bg-white\/20:hover::file-selector-button{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:file\:bg-white\/20:hover::file-selector-button{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:-outline-offset-2:focus{outline-offset:-2px}.focus\:outline-indigo-500:focus{outline-color:var(--color-indigo-500)}.focus\:outline-indigo-600:focus{outline-color:var(--color-indigo-600)}.focus\:outline-red-500:focus{outline-color:var(--color-red-500)}.focus\:outline-red-600:focus{outline-color:var(--color-red-600)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-indigo-500:focus-visible{outline-color:var(--color-indigo-500)}.focus-visible\:outline-indigo-600:focus-visible{outline-color:var(--color-indigo-600)}.focus-visible\:outline-red-500:focus-visible{outline-color:var(--color-red-500)}.focus-visible\:outline-red-600:focus-visible{outline-color:var(--color-red-600)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-checked\:outline-2:has(:checked){outline-style:var(--tw-outline-style);outline-width:2px}.has-checked\:outline-indigo-500:has(:checked){outline-color:var(--color-indigo-500)}.has-checked\:outline-indigo-600:has(:checked){outline-color:var(--color-indigo-600)}@media(min-width:40rem){.sm\:mb-0{margin-bottom:0}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.sm\:text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}}.\[\&_a\]\:font-bold a{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_a\]\:text-indigo-400 a{color:var(--color-indigo-400)}.\[\&_a\]\:text-indigo-600 a{color:var(--color-indigo-600)}@media(hover:hover){.hover\:\[\&_a\]\:text-indigo-300:hover a{color:var(--color-indigo-300)}.hover\:\[\&_a\]\:text-indigo-500:hover a{color:var(--color-indigo-500)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}:root{color-scheme:light dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;--demo-bg:#f1f5f9;--demo-text:#0f172a;--demo-muted:#64748b;--demo-panel:#fff;--demo-border:#e2e8f0;--demo-tab-active:#0f172a;--demo-loader:#64748b;--demo-accent:#2563eb;--demo-accent-soft:#eff6ff;--demo-accent-border:#bfdbfe;--demo-graphql:#e535ab;--demo-graphql-soft:#fdf2f8;--demo-graphql-border:#fbcfe8;--demo-btn-bg:#0f172a;--demo-btn-text:#fff;--demo-code-bg:#0f172a;--demo-code-text:#e2e8f0;background:var(--demo-bg);color:var(--demo-text)}@media(prefers-color-scheme:dark){:root{--demo-bg:#0b1120;--demo-text:#e2e8f0;--demo-muted:#94a3b8;--demo-panel:#1e293b;--demo-border:#334155;--demo-tab-active:#f8fafc;--demo-loader:#94a3b8;--demo-accent:#60a5fa;--demo-accent-soft:#172554;--demo-accent-border:#1e3a8a;--demo-graphql:#f472b6;--demo-graphql-soft:#500724;--demo-graphql-border:#831843;--demo-btn-bg:#f8fafc;--demo-btn-text:#0f172a;--demo-code-bg:#020617;--demo-code-text:#e2e8f0}}html[data-theme=light]{color-scheme:light;--demo-bg:#f1f5f9;--demo-text:#0f172a;--demo-muted:#64748b;--demo-panel:#fff;--demo-border:#e2e8f0;--demo-tab-active:#0f172a;--demo-loader:#64748b;--demo-accent:#2563eb;--demo-accent-soft:#eff6ff;--demo-accent-border:#bfdbfe;--demo-graphql:#e535ab;--demo-graphql-soft:#fdf2f8;--demo-graphql-border:#fbcfe8;--demo-btn-bg:#0f172a;--demo-btn-text:#fff;--demo-code-bg:#0f172a;--demo-code-text:#e2e8f0}html[data-theme=dark]{color-scheme:dark;--demo-bg:#0b1120;--demo-text:#e2e8f0;--demo-muted:#94a3b8;--demo-panel:#1e293b;--demo-border:#334155;--demo-tab-active:#f8fafc;--demo-loader:#94a3b8;--demo-accent:#60a5fa;--demo-accent-soft:#172554;--demo-accent-border:#1e3a8a;--demo-graphql:#f472b6;--demo-graphql-soft:#500724;--demo-graphql-border:#831843;--demo-btn-bg:#f8fafc;--demo-btn-text:#0f172a;--demo-code-bg:#020617;--demo-code-text:#e2e8f0}*{box-sizing:border-box}body,html{background:var(--demo-bg);color:var(--demo-text);margin:0;min-height:100%}#app,.app{background:var(--demo-bg);color:var(--demo-text);min-height:100vh}.app{margin:0 auto;max-width:1320px;padding:2rem 1.25rem 4rem}.demo-layout{align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(300px,380px) minmax(0,1fr);margin-top:1.5rem}.demo-layout .panel{margin-top:0}.demo-sidebar{display:flex;flex-direction:column;gap:1rem}.demo-stage{margin:0;min-width:0;padding:0}.panel--stage{min-height:100%}.stage-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:flex-start;margin-bottom:1rem}.view-picker--compact{flex:0 0 auto}.view-picker--compact .view-picker__tab{flex:0 0 auto;font-size:.8125rem;padding:.4rem .75rem}.stage-flip{perspective:1400px;transform-style:preserve-3d}.stage-flip__face{animation:stage-flip-in .45s cubic-bezier(.22,1,.36,1);backface-visibility:hidden;min-width:0;transform-origin:center center}@keyframes stage-flip-in{0%{opacity:0;transform:rotateY(-70deg) scale(.97)}to{opacity:1;transform:rotateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.stage-flip__face{animation:none}}.code-preview{background:var(--demo-code-bg,var(--demo-bg));border:1px solid var(--demo-border);border-radius:10px;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:.85rem}.code-preview__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.code-preview__copy{background:var(--demo-surface,var(--demo-bg));border:1px solid var(--demo-border);border-radius:7px;color:var(--demo-text);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:600;padding:.4rem .75rem}.code-preview__copy:hover{border-color:var(--demo-muted)}.code-preview__pre{background:#0d1117;color:#e6edf3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.55;margin:0;padding:.85rem 1rem;white-space:pre}.code-preview__pre,.code-preview__shiki{border-radius:8px;max-height:min(70vh,40rem);overflow:auto}.code-preview__shiki pre{background:transparent!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.55;margin:0;overflow:visible;padding:1rem 1.1rem}.code-preview__shiki code{font-family:inherit;font-size:inherit}.panel--controls{padding:1.25rem}.sidebar-divider,.stage-divider{border:0;border-top:1px solid var(--demo-border);margin:1.25rem 0}.panel-title--sub{font-size:1rem;margin-top:1rem}.submit-message{color:var(--demo-text);font-size:.95rem;font-weight:600;margin:0}.submit-feedback{display:flex;flex-direction:column;gap:1rem}.submit-feedback .stage-divider{margin:.25rem 0 0}.submit-feedback .status{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin-top:0}.submit-feedback .transport-tag{margin-left:0}.submit-feedback .panel-title--sub{margin:0}.submit-feedback .submit-response-pre{margin-top:0}.demo-toolbar.demo-toolbar--embedded+.demo-feedback,.panel--controls .demo-feedback{background:none;border:0;margin-top:1rem;padding:0}@media(max-width:960px){.demo-layout{grid-template-columns:1fr}}.app-header{border-bottom:1px solid var(--demo-border);padding-bottom:1rem;width:100%}.header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.header-brand,.header-row h1{align-items:center;display:flex;flex:1 1 auto;gap:.65rem;margin:0;min-width:min(100%,16rem)}.header-brand__icon{border-radius:6px;flex-shrink:0;height:2rem;width:2rem}.header-row__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.header-lead{color:var(--demo-muted);font-size:.95rem;line-height:1.55;margin:1rem 0 0;width:100%}header h1{font-size:1.75rem;letter-spacing:-.02em}.package-source{border:1px solid var(--demo-border);border-radius:6px;color:var(--demo-muted);display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-left:.55rem;padding:.15rem .45rem;text-transform:uppercase;vertical-align:middle}.scheme-toggle{background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:999px;box-shadow:0 1px 2px #0f172a0f;display:inline-flex;flex-shrink:0;gap:.15rem;padding:.2rem}@media(max-width:640px){.header-row__controls{justify-content:flex-start;width:100%}}.scheme-toggle__btn{background:transparent;border:0;border-radius:999px;color:var(--demo-muted);cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:background .15s ease,color .15s ease}.scheme-toggle__btn.is-active{background:var(--demo-tab-active);color:var(--demo-bg)}.scheme-toggle__btn--icon{align-items:center;display:inline-flex;height:2rem;justify-content:center;padding:0;width:2rem}.demo-icon,.scheme-toggle__btn--icon svg{display:block;flex-shrink:0}.header-github{align-items:center;background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:999px;color:var(--demo-muted);display:inline-flex;height:2.25rem;justify-content:center;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease;width:2.25rem}.header-github:hover{border-color:var(--demo-muted);color:var(--demo-text)}.panel{background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:14px;box-shadow:0 1px 3px #0f172a0d;margin-top:1.5rem;padding:1.25rem}.panel--demo{overflow:hidden;padding:0}.panel--bootstrap-dark{background:#212529;border-color:#495057;color:#f8f9fa}.panel--bootstrap-dark .panel-help,.panel--bootstrap-dark .panel-meta{color:#ced4da}.panel-title{font-size:1.1rem;margin:0 0 .35rem}.panel-help,.panel-meta{color:var(--demo-muted);font-size:.9rem;margin:0 0 1rem}.panel-meta{margin:.75rem 0 0}.demo-callout code,.demo-toolbar code,.panel-meta code{background:var(--demo-accent-soft);border-radius:4px;color:inherit;font-size:.85em;padding:.1em .35em}.demo-toolbar{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent);padding:1.25rem 1.25rem 1rem}.demo-toolbar:not(.demo-toolbar--embedded){border-bottom:1px solid var(--demo-border)}.demo-toolbar.demo-toolbar--embedded{background:none;border:0;padding:0}.demo-toolbar__head{margin-bottom:1.25rem}.demo-toolbar__lead{margin:0}.demo-toolbar__section{margin-bottom:1rem}.demo-toolbar__section:last-of-type{margin-bottom:0}.demo-toolbar__label{color:var(--demo-muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.api-picker{display:grid;gap:.75rem;grid-template-columns:1fr}.api-picker__option{align-items:flex-start;background:var(--demo-bg);border:2px solid var(--demo-border);border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:1rem 1rem .85rem;position:relative;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.api-picker__option:hover:not(:disabled){border-color:var(--demo-muted)}.api-picker__option:disabled{cursor:not-allowed;opacity:.55}.api-picker__option--rest.is-active{background:var(--demo-accent-soft);border-color:var(--demo-accent);box-shadow:0 0 0 1px var(--demo-accent-border)}.api-picker__option--graphql.is-active{background:var(--demo-graphql-soft);border-color:var(--demo-graphql);box-shadow:0 0 0 1px var(--demo-graphql-border)}.api-picker__title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.api-picker__option--rest.is-active .api-picker__title{color:var(--demo-accent)}.api-picker__option--graphql.is-active .api-picker__title{color:var(--demo-graphql)}.api-picker__desc{color:var(--demo-muted);font-size:.82rem;line-height:1.4}.api-picker__badge{background:var(--demo-accent);border-radius:999px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;margin-top:.35rem;padding:.15rem .5rem;text-transform:uppercase}.api-picker__option--graphql .api-picker__badge:not(.api-picker__badge--muted){background:var(--demo-graphql)}.api-picker__badge--muted{background:var(--demo-border);color:var(--demo-muted)}.view-picker{background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:10px;display:flex;flex-wrap:wrap;gap:.35rem;padding:.25rem}.view-picker__tab{background:transparent;border:0;border-radius:7px;color:var(--demo-muted);cursor:pointer;flex:1 1 100%;font:inherit;font-size:.875rem;font-weight:600;min-width:-moz-fit-content;min-width:fit-content;padding:.55rem .85rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.view-picker__tab:hover{color:var(--demo-text)}.view-picker__tab.is-active{background:var(--demo-panel);box-shadow:0 1px 2px #0f172a14;color:var(--demo-text)}.demo-callout{border:1px solid transparent;border-radius:10px;font-size:.875rem;line-height:1.45;margin:1rem 0 0;padding:.75rem .9rem}.demo-callout--info{background:#64748b1a;border-color:var(--demo-border);color:var(--demo-muted)}.demo-callout--rest{background:var(--demo-accent-soft);border-color:var(--demo-accent-border);color:var(--demo-text)}.demo-callout--graphql{background:var(--demo-graphql-soft);border-color:var(--demo-graphql-border);color:var(--demo-text)}.demo-feedback{display:grid;gap:.75rem}.transport-tag{border-radius:4px;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-left:.5rem;padding:.1rem .45rem;vertical-align:middle}.transport-tag--rest{background:var(--demo-accent-soft);color:var(--demo-accent)}.transport-tag--graphql{background:var(--demo-graphql-soft);color:var(--demo-graphql)}.resume-url{margin-top:.5rem;word-break:break-all}.resume-hint{font-size:.9rem;margin:.5rem 0 0}.handle-form{display:grid;gap:.75rem}.handle-form label{display:grid;font-size:.875rem;font-weight:600;gap:.35rem}.handle-form input,.handle-form select{background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:8px;color:inherit;font:inherit;padding:.55rem .65rem}.btn-primary{background:var(--demo-btn-bg);border:1px solid transparent;border-radius:8px;color:var(--demo-btn-text);cursor:pointer;font:inherit;font-weight:600;padding:.55rem 1rem;transition:opacity .15s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.controls button:not(.view-picker__tab):not(.api-picker__option):not(.scheme-toggle__btn):not(.code-preview__copy),.handle-form button{background:var(--demo-btn-bg);border:1px solid transparent;border-radius:8px;color:var(--demo-btn-text);cursor:pointer;font:inherit;font-weight:600;padding:.55rem 1rem}.controls button:disabled,.handle-form button:disabled{cursor:not-allowed;opacity:.6}.controls{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}.status{background:var(--demo-accent-soft);border:1px solid var(--demo-accent-border);border-radius:8px;color:var(--demo-text);font-size:.9rem;margin:0;padding:.75rem 1rem}.status.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}html[data-theme=dark] .status.is-error{background:#450a0a;border-color:#7f1d1d;color:#fecaca}.status.is-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}html[data-theme=dark] .status.is-success{background:#052e16;border-color:#14532d;color:#a7f3d0}.handle-form button{width:100%}.submit-response-pre{border:0;border-radius:8px;font-size:.72rem;margin-bottom:0;margin-top:.5rem;max-height:14rem}.submit-response-pre,pre{background:var(--demo-code-bg);color:var(--demo-code-text);overflow:auto;padding:1rem}pre{border:1px solid var(--demo-border);border-radius:8px;font-size:.8rem;margin:0}.headless-form{display:grid;gap:1rem}.headless-form input,.headless-form textarea{background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:8px;color:inherit;padding:.55rem .65rem;width:100%}.ff-loader{color:var(--demo-loader)}