@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&f[]=cabinet-grotesk@700,800&display=swap";.app-layout{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;max-width:1100px;width:100%;margin-inline:auto;padding:var(--space-8) var(--space-4)}.error-banner{display:flex;align-items:center;justify-content:space-between;background:color-mix(in oklch,var(--color-error) 10%,var(--color-surface));border:1px solid color-mix(in oklch,var(--color-error) 30%,transparent);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm)}.error-banner button{color:var(--color-error);opacity:.7;padding:var(--space-1)}.error-banner button:hover{opacity:1}.workspace{display:flex;flex-direction:column;gap:var(--space-6)}:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition: .18s cubic-bezier(.16, 1, .3, 1);--font-display: "Cabinet Grotesk", "Helvetica Neue", sans-serif;--font-body: "Satoshi", "Inter", sans-serif}:root,[data-theme=light]{--color-bg: #f7f6f2;--color-surface: #f9f8f5;--color-surface-2: #ffffff;--color-surface-offset: #f0ede8;--color-border: #d4d1ca;--color-divider: #dcd9d5;--color-text: #28251d;--color-text-muted: #6b6a66;--color-text-faint: #b0afa9;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-primary-hl: #cedcd8;--color-success: #437a22;--color-error: #a12c7b;--color-code-bg: #edeae5;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .08);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .12)}[data-theme=dark]{--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1d1c1a;--color-border: #393836;--color-divider: #262523;--color-text: #cdccca;--color-text-muted: #797876;--color-text-faint: #5a5957;--color-primary: #4f98a3;--color-primary-hover: #227f8b;--color-primary-hl: #313b3b;--color-success: #6daa45;--color-error: #d163a7;--color-code-bg: #22211f;--shadow-sm: 0 1px 2px oklch(0 0 0 / .2);--shadow-md: 0 4px 12px oklch(0 0 0 / .3);--shadow-lg: 0 12px 32px oklch(0 0 0 / .4)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1d1c1a;--color-border: #393836;--color-divider: #262523;--color-text: #cdccca;--color-text-muted: #797876;--color-text-faint: #5a5957;--color-primary: #4f98a3;--color-primary-hover: #227f8b;--color-primary-hl: #313b3b;--color-success: #6daa45;--color-error: #d163a7;--color-code-bg: #22211f}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}img,picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.2}button{cursor:pointer;background:none;border:none}a,button,[role=button],input,textarea{transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}