@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/1f160ec2cb9962ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/ad8a7e2c3c2c120b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/cde148027b808b99-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/e61ae719f7cc4155-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/0ea4f4df910e6120-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/739c2d8941231bb4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Mono Fallback;src:local("Arial");ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.00%;size-adjust:134.61%}.__className_5899e0{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}.__variable_5899e0{--font-roboto-mono:"Roboto Mono","Roboto Mono Fallback"}@font-face{font-family:Monda;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f03dc354940280da-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Monda;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bf55fa51aa04f16c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Monda;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/806ebd09419b4310-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Monda;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f03dc354940280da-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Monda;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/bf55fa51aa04f16c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Monda;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/806ebd09419b4310-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Monda Fallback;src:local("Arial");ascent-override:112.06%;descent-override:39.84%;line-gap-override:0.00%;size-adjust:107.23%}.__className_0951de{font-family:Monda,Monda Fallback;font-style:normal}.__variable_0951de{--font-monda:"Monda","Monda Fallback"}:root{--circuit-dark-teal:#1a4a47;--circuit-mid-teal:#2d6a65;--circuit-medium-light-teal:#3b847e;--circuit-light-teal:#4a9b94;--circuit-bright-teal:#5dbfb7;--circuit-hover-teal:#6dd1c9;--circuit-hover-bg:#1a3a38;--circuit-bright-yellow:#FFCF60;--circuit-light-yellow:#fff2d1;--circuit-magenta:#e91e63;--circuit-darker-teal:#0f2b29;--circuit-teal:#4a9b94;--color-white-100:rgba(255,255,255,0.05);--color-white-200:rgba(255,255,255,0.1);--color-white-300:rgba(255,255,255,0.2);--color-white-400:rgba(255,255,255,0.4);--color-white-500:rgba(255,255,255,0.7);--color-white-600:rgba(255,255,255,0.8);--color-white-700:rgba(255,255,255,0.85);--color-white-800:rgba(255,255,255,0.9);--color-white-900:rgba(255,255,255,0.95);--color-white-1000:rgb(255,255,255);--color-black-100:rgba(12,12,13,0.05);--color-black-200:rgba(12,12,13,0.1);--color-black-300:rgba(12,12,13,0.2);--color-black-400:rgba(12,12,13,0.4);--color-black-500:rgba(12,12,13,0.7);--color-black-600:rgba(12,12,13,0.8);--color-black-700:rgba(12,12,13,0.85);--color-black-800:rgba(12,12,13,0.9);--color-black-900:rgba(12,12,13,0.95);--color-black-1000:rgb(12,12,13);--color-red-100:rgb(254,233,231);--color-red-300:rgb(252,179,173);--color-red-500:rgb(236,34,31);--color-red-600:rgb(192,15,12);--color-green-100:rgb(235,255,238);--color-green-300:rgb(175,244,198);--color-green-500:rgb(20,174,92);--color-green-700:rgb(0,128,67);--color-yellow-100:rgb(255,251,235);--color-yellow-300:rgb(255,232,163);--color-yellow-500:rgb(230,160,0);--color-yellow-600:rgb(191,106,2);--sds-size-space-0:0px;--sds-size-space-025:1px;--sds-size-space-050:2px;--sds-size-space-075:3px;--sds-size-space-100:4px;--sds-size-space-150:6px;--sds-size-space-200:8px;--sds-size-space-250:10px;--sds-size-space-300:12px;--sds-size-space-400:16px;--sds-size-space-500:20px;--sds-size-space-600:24px;--sds-size-space-700:28px;--sds-size-space-800:32px;--sds-size-space-1000:40px;--sds-size-space-1200:48px;--sds-size-space-1600:64px;--sds-size-space-2000:80px;--sds-size-space-2400:96px;--sds-size-space-3200:128px;--sds-size-space-4000:160px;--sds-size-height-32:28px;--sds-size-height-36:32px;--sds-size-height-40:36px;--sds-size-height-44:40px;--sds-size-height-48:44px;--sds-size-height-52:48px;--sds-size-space-negative-050:-2px;--sds-size-space-negative-100:-4px;--sds-size-space-negative-200:-8px;--sds-size-space-negative-300:-12px;--sds-size-space-negative-400:-16px;--sds-size-space-negative-600:-24px;--sds-size-radius-100:4px;--sds-size-radius-150:6px;--sds-size-radius-200:8px;--sds-size-radius-300:14px;--sds-size-radius-400:16px;--sds-size-radius-full:9999px;--sds-size-depth-0:0;--sds-size-depth-025:1;--sds-size-depth-100:4;--sds-size-depth-200:8;--sds-size-depth-400:16;--sds-size-depth-800:32;--sds-size-depth-1200:48;--sds-size-depth-negative-025:-1;--sds-size-depth-negative-100:-4;--sds-size-depth-negative-200:-8;--sds-size-depth-negative-400:-16;--sds-size-depth-negative-800:-32;--sds-size-depth-negative-1200:-48;--sds-size-stroke-border:1px;--sds-size-stroke-focus-ring:2px;--sds-size-blur-100:4px;--sds-size-icon-small:24px;--sds-size-icon-medium:32px;--sds-size-icon-large:40px;--background:var(--circuit-darker-teal);--foreground:var(--circuit-light-yellow);--surface-background:var(--circuit-mid-teal);--surface-background-hover:var(--circuit-light-teal);--surface-background-pressed:var(--circuit-dark-teal);--surface-background-subtle:var(--circuit-darker-teal);--surface-background-subtle-25:color-mix(in srgb,var(--circuit-darker-teal) 75%,black 25%);--surface-background-muted:var(--circuit-dark-teal);--surface-background-emphasis:var(--circuit-light-yellow);--surface-background-disabled:#1f3a38;--surface-container-level-1:var(--circuit-dark-teal);--surface-preview-background:var(--circuit-dark-teal);--surface-elevated:var(--circuit-light-teal);--surface-hover:var(--circuit-light-teal);--surface-sidebar-background:var(--circuit-dark-teal);--text-primary:var(--circuit-light-yellow);--text-secondary:var(--circuit-light-yellow);--text-tertiary:rgba(255,242,209,0.6);--text-disabled:#4a6664;--text-inverse:var(--circuit-darker-teal);--text-brand:var(--circuit-bright-yellow);--text-error:#ff6b6b;--text-success:#48c774;--text-warning:#ffdd57;--text-heading-strong:var(--circuit-bright-yellow);--border-default:var(--circuit-light-teal);--border-hover:var(--circuit-bright-teal);--border-focus:var(--circuit-bright-yellow);--border-error:#ff3860;--border-success:#257942;--border-disabled:#365855;--border-interactive-primary:var(--interactive-primary-pressed);--border-interactive-secondary:var(--circuit-magenta);--border-subtle:var(--circuit-mid-teal);--border-interactive:var(--border-default);--border-interactive-hover:var(--border-hover);--border-interactive-pressed:var(--border-default);--interactive-primary:var(--circuit-bright-yellow);--interactive-primary-hover:#ffdc73;--interactive-primary-pressed:#f0c052;--interactive-secondary:var(--circuit-magenta);--interactive-secondary-hover:#f04fa8;--interactive-secondary-pressed:#d81b60;--interactive-danger:#ff3860;--interactive-danger-hover:#ff556f;--interactive-danger-pressed:#e6204b;--status-error:#e74c3c;--status-error-hover:#c0392b;--status-error-pressed:#962d22;--status-error-subtle:rgba(231,76,60,0.15);--status-success:#2ecc71;--status-success-subtle:rgba(46,204,113,0.15);--status-warning:var(--circuit-bright-yellow);--status-warning-subtle:rgba(255,185,53,0.15);--status-info:var(--circuit-light-teal);--status-info-subtle:rgba(74,155,148,0.15);--interactive-primary-subtle:rgba(255,207,96,0.15);--interactive-primary-subtle-pressed:rgba(255,207,96,0.25);--color-blue-100:#e8f4ff;--color-blue-300:#93c5ff;--color-blue-500:#3286f5;--color-blue-700:#1e5daf;--color-purple-100:#f5ebff;--color-purple-300:#c199ff;--color-purple-500:#8c51f5;--color-purple-700:#6636b6;--color-orange-100:#fff2e7;--color-orange-300:#ffb681;--color-orange-500:#f67e22;--color-orange-700:#c15009;--focus-ring:var(--eva-bright-yellow);--overlay-background:rgba(15,43,41,0.85);--overlay-hover:rgba(15,43,41,0.95);--overlay-modal:rgba(15,43,41,0.92);--font-family-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-family-mono:var(--font-roboto-mono),"Courier New",monospace;--font-family-display:var(--font-monda),sans-serif;--font-title-hero:700 64px/1.2 var(--font-family-display);--font-title-page:700 42px/1.2 var(--font-family-display);--font-subtitle:400 28px/1.2 var(--font-family-display);--font-heading:600 21px/1.2 var(--font-family-display);--font-subheading:400 18px/1.2 var(--font-family-display);--font-body-base:400 var(--font-size-87)/1.4 var(--font-family-display);--font-body-strong:600 var(--font-size-87)/1.4 var(--font-family-display);--font-body-small:400 var(--font-size-75)/1.4 var(--font-family-display);--font-body-small-strong:600 var(--font-size-75)/1 var(--font-family-display);--font-body-code:400 var(--font-size-100)/1 var(--font-family-mono);--font-input:400 var(--font-size-87)/1 var(--font-family-display);--font-body-base-single:400 var(--font-size-87)/1 var(--font-family-display);--font-body-small-strong-single:600 var(--font-size-75)/1 var(--font-family-display);--letter-spacing-title-hero:-3%;--letter-spacing-title-page:-2%;--letter-spacing-heading:-2%;--sds-size-width-sidebar:280px;--sds-size-width-card-min:280px;--sds-size-width-metric-card:140px;--theme-gold-primary:#B8860B;--theme-gold-secondary:#DAA520;--theme-gold-bg:linear-gradient(135deg,#FFD700,#FFA500);--theme-gold-border:#DAA520;--theme-gold-text:#8B4513;--theme-gold-text-light:#A0522D;--theme-success-primary:#059669;--theme-success-bg:#ecfdf5;--theme-success-border:#10b981;--theme-success-text:#0c4a6e;--theme-error-primary:#b91c1c;--theme-error-bg:#fef2f2;--theme-error-border:#fca5a5;--theme-error-text:#7f1d1d;--theme-warning-primary:#92400e;--theme-warning-bg:#fffbeb;--theme-warning-border:#f59e0b;--theme-warning-text:#78350f;--theme-info-primary:#0369a1;--theme-info-bg:#f0f9ff;--theme-info-border:#0ea5e9;--theme-info-text:#0c4a6e;--theme-campaign-primary:#667eea;--theme-campaign-bg:linear-gradient(135deg,#FF6B6B,#4ECDC4 50%,#45B7D1);--theme-campaign-border:#FF6B6B;--theme-campaign-text:#ffffff;--theme-campaign-text-light:#f0f8ff}.circuitds-example-sidebar{padding:var(--sds-size-space-400);background-color:var(--surface-background);border-right:var(--sds-size-stroke-border) solid var(--border-subtle)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-family-display);font-size:var(--font-size-87);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;font-weight:inherit}.title-hero{font:var(--font-title-hero);letter-spacing:var(--letter-spacing-title-hero)}.title-page{font:var(--font-title-page);letter-spacing:var(--letter-spacing-title-page)}.subtitle{font:var(--font-subtitle)}.heading{font:var(--font-heading);letter-spacing:var(--letter-spacing-heading)}.subheading{font:var(--font-subheading)}.body-base{font:var(--font-body-base)}.body-strong{font:var(--font-body-strong)}.body-small{font:var(--font-body-small)}.body-small-strong{font:var(--font-body-small-strong)}.body-code{font:var(--font-body-code)}.input{font:var(--font-input)}.body-base-single{font:var(--font-body-base-single)}.body-small-strong-single{font:var(--font-body-small-strong-single)}.modal-backdrop{top:0;left:0;right:0;bottom:0;background-color:var(--overlay-modal,rgba(15,43,41,.92));z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sds-size-space-400,16px)}.modal-content{background-color:var(--surface-container-level-1,var(--eva-dark-teal));color:var(--text-primary,var(--eva-light-yellow));padding:var(--sds-size-space-800,32px);border-radius:var(--sds-size-radius-200,8px);border:var(--sds-size-stroke-border,1px) solid var(--border-subtle,var(--eva-mid-teal));width:90%;max-width:550px;overflow-y:auto;box-shadow:0 var(--sds-size-depth-100,4px) var(--sds-size-depth-200,8px) rgba(0,0,0,.25)}.modal-title{color:var(--text-heading-strong,var(--eva-bright-yellow));margin:0}.circuit-tag{display:inline-flex;align-items:center;font:var(--font-body-small);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sds-size-radius-50);border:1px solid;transition:all .2s ease}.circuit-tag--small{padding:var(--sds-size-space-075) var(--sds-size-space-200);font-size:.75rem}.circuit-tag--medium{padding:var(--sds-size-space-100) var(--sds-size-space-250);font-size:.8rem}.circuit-tag--default{background:var(--surface-preview-background);color:var(--text-secondary);border-color:var(--border-default)}.circuit-tag--feature{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}.circuit-tag--success{background:var(--theme-success-bg);color:var(--theme-success-primary);border-color:var(--theme-success-border)}.circuit-tag--warning{background:var(--theme-warning-bg);color:var(--theme-warning-primary);border-color:var(--theme-warning-border)}.circuit-tag--error{background:var(--theme-error-bg);color:var(--theme-error-primary);border-color:var(--theme-error-border)}.circuit-tag--info{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}:root{--font-size-50:0.625rem;--font-size-75:0.75rem;--font-size-87:0.8125rem;--font-size-100:0.875rem;--font-size-200:1rem;--font-size-300:1.125rem;--font-size-400:1.375rem;--font-size-500:1.625rem;--font-size-600:1.875rem;--font-size-700:2.375rem;--font-size-800:2.875rem;--font-size-900:3.375rem;--font-size-1000:3.875rem;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em}.display-xl{font-size:var(--font-size-1000)}.display-lg,.display-xl{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.display-lg{font-size:var(--font-size-800)}.display-md{font-size:var(--font-size-700)}.display-md,.heading-1{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-1{font-size:var(--font-size-800)}.heading-2{font-size:var(--font-size-600);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-3{font-size:var(--font-size-500)}.heading-3,.heading-4{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-4{font-size:var(--font-size-400)}.heading-5{font-size:var(--font-size-300)}.heading-5,.heading-6{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-6{font-size:var(--font-size-200)}.text-xl{font-size:var(--font-size-200)}.text-lg,.text-xl{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-lg{font-size:var(--font-size-100)}.text-base{font-size:var(--font-size-87)}.text-base,.text-sm{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-sm{font-size:var(--font-size-75)}.text-xs{font-size:var(--font-size-50);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.ui-lg{font-size:var(--font-size-100)}.ui-lg,.ui-md{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.ui-md{font-size:var(--font-size-75)}.ui-sm{font-size:var(--font-size-50);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.code-lg{font-size:var(--font-size-100)}.code-lg,.code-md{font-family:var(--font-mono);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.code-md{font-size:var(--font-size-75)}.code-sm{font-family:var(--font-mono);font-size:var(--font-size-50)}.caption,.code-sm{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.caption{font-size:var(--font-size-75);color:var(--text-secondary)}.overline{letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.label,.overline{font-size:var(--font-size-75);line-height:var(--line-height-normal);font-weight:500}.label{letter-spacing:var(--letter-spacing-normal)}.type-scale-grid{display:grid;gap:var(--sds-size-space-600);padding:var(--sds-size-space-600);background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200);margin-bottom:var(--sds-size-space-600)}.type-example{display:grid;gap:var(--sds-size-space-200)}.font-scale-grid{display:grid;gap:var(--sds-size-space-400);padding:var(--sds-size-space-600);background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200)}.font-scale-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sds-size-space-200);background:var(--surface-background);border-radius:var(--sds-size-radius-100)}.code-block{padding:var(--sds-size-space-400);overflow-x:auto}.code-block,.implementation-example{background:var(--surface-background-subtle);border-radius:var(--sds-size-radius-200)}.implementation-example{padding:var(--sds-size-space-600)}:root{--sidebar-width:var(--sds-size-width-sidebar);--sidebar-width-minimized:60px}.app-layout{--sidebar-width:var(--sds-size-width-sidebar);display:grid;grid-template-columns:auto 1fr;height:100vh;width:100%;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);overflow:visible}.app-layout:has(.sidebar--minimized){--sidebar-width:var(--sidebar-width-minimized);grid-template-columns:var(--sidebar-width-minimized) 1fr}.sidebar-floating-toggle{position:absolute;right:-32px;top:8px;width:32px;height:32px;background:var(--surface-background);border:1px solid var(--border-default);border-radius:var(--sds-size-radius-100);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar-floating-toggle:hover{background:var(--surface-subtle);color:var(--text-primary)}.circuit-sidebar{position:relative;display:flex;flex-direction:column;gap:0;padding:0;background:var(--surface-background);border-right:1px solid var(--border-default);min-width:200px;max-width:320px;width:max-content;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1)}.circuit-sidebar.sidebar--minimized{width:var(--sidebar-width-minimized)!important;min-width:var(--sidebar-width-minimized)!important;max-width:var(--sidebar-width-minimized)!important}.circuit-sidebar.sidebar--minimized .sidebar-nav{padding:var(--sds-size-space-200)}.circuit-sidebar.sidebar--minimized .sidebar-nav-header{padding:var(--sds-size-space-400) var(--sds-size-space-200)}.circuit-sidebar.sidebar--minimized .sidebar-nav-title{font-size:var(--font-size-125);text-align:center}.circuit-sidebar.sidebar--minimized .sidebar-nav-group-heading,.circuit-sidebar.sidebar--minimized .sidebar-nav-group-toggle,.circuit-sidebar.sidebar--minimized .sidebar-nav-link{padding:var(--sds-size-space-200);justify-content:center}.circuit-sidebar.sidebar--minimized .sidebar-nav-icon{margin:0}.circuit-sidebar.sidebar--minimized .sidebar-nav-sublist{display:none}.circuit-sidebar nav{flex:1;display:flex;flex-direction:column;overflow-y:auto}.circuit-sidebar .sidebar-nav{flex:1;display:flex;flex-direction:column;padding:0}.circuit-sidebar .sidebar-nav-header{height:48px;display:flex;align-items:center;padding:0 var(--sds-size-space-300);margin:0;flex-shrink:0}.circuit-sidebar .sidebar-nav-list{flex:1;overflow-y:auto;overflow-x:visible;padding:8px 0}.circuit-sidebar:not(.sidebar--minimized) .sidebar-nav-list{padding:8px}.circuit-sidebar .sidebar-nav-list::-webkit-scrollbar{width:8px}.circuit-sidebar .sidebar-nav-list::-webkit-scrollbar-track{background:transparent}.circuit-sidebar .sidebar-nav-list::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:4px}.circuit-sidebar .sidebar-nav-list::-webkit-scrollbar-thumb:hover{background-color:var(--border-default)}.main-content-area{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.app-content{flex:1;min-height:0;padding:var(--sds-size-space-400) var(--sds-size-space-600);overflow:hidden;position:relative;z-index:1;display:flex;flex-direction:column}.app-content--no-padding{padding:0!important}.top-toolbar{height:48px;flex-shrink:0;background-color:var(--circuit-mid-teal);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:flex-end;position:sticky;top:0;z-index:100}.top-toolbar .action-toolbar{height:100%;padding:0!important;margin:0;border-bottom:none;gap:0;justify-content:space-between;width:100%}.top-toolbar .toolbar-action-button{width:48px;height:100%;background-color:transparent;border:none;border-left:1px solid var(--circuit-light-teal);border-radius:0;padding:0;margin:0;cursor:pointer;color:var(--text-primary);font-size:24px;line-height:48px;text-align:center;display:flex;align-items:center;justify-content:center}.top-toolbar .toolbar-action-button:hover{background-color:var(--circuit-dark-teal);border:none;border-left:1px solid var(--circuit-light-teal)}.toolbar-action-button svg{width:24px;height:24px}.top-toolbar .toolbar-action-button.with-text{width:auto;padding:0 20px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;border-left:1px solid var(--circuit-light-teal)}@media (max-width:767px){.app-layout{display:block;overflow:hidden}.app-layout,.main-content-area{height:100vh;width:100%;position:relative}.top-toolbar .toolbar-action-button,.top-toolbar .toolbar-action-button.with-text,.top-toolbar .toolbar-action-button:hover{border-bottom:1px solid var(--circuit-light-teal)}.circuit-sidebar{position:fixed;top:0;left:0;width:min(280px,85vw);height:100vh;height:100dvh;z-index:1000;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 rgba(0,0,0,0);overscroll-behavior:contain}.circuit-sidebar.sidebar--open{transform:translateX(0);box-shadow:2px 0 24px rgba(0,0,0,.15)}.nav-toggle-btn{position:fixed;top:env(safe-area-inset-top,0);left:0;z-index:1100;width:48px;height:48px;border:none;border-right:1px solid var(--circuit-light-teal);border-bottom:1px solid var(--circuit-light-teal);border-radius:0;background:var(--circuit-mid-teal);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none;-webkit-tap-highlight-color:transparent}.nav-toggle-icon{width:22px;height:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;position:relative}.nav-toggle-bar{width:100%;height:2px;background:var(--text-primary);border-radius:0;transition:all .25s cubic-bezier(.4,0,.2,1);transform-origin:center;display:block;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.nav-toggle-btn.is-open .nav-toggle-bar:first-child{transform:translateY(3px) rotate(45deg) translateZ(0)}.nav-toggle-btn.is-open .nav-toggle-bar:last-child{transform:translateY(-3px) rotate(-45deg) translateZ(0)}.nav-toggle-btn:active,.nav-toggle-btn:hover{background:var(--circuit-dark-teal);border-right:1px solid var(--circuit-light-teal);border-bottom:1px solid var(--circuit-light-teal)}.nav-toggle-btn:active{transform:none}.nav-toggle-btn.is-open{left:calc(min(280px, 85vw) + 0px);background:var(--circuit-mid-teal);color:var(--text-primary);box-shadow:2px 0 8px rgba(0,0,0,.1)}.nav-toggle-btn.is-open,.nav-toggle-btn.is-open:hover{border-right:1px solid var(--circuit-light-teal);border-bottom:1px solid var(--circuit-light-teal);border-left:none}.nav-toggle-btn.is-open:hover{background:var(--circuit-dark-teal)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);z-index:900;opacity:0;animation:fadeIn .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{to{opacity:1}}body:has(.sidebar--open){overflow:hidden;position:fixed;width:100%;height:100vh;top:0;left:0}.app-content:not(.app-content--no-padding){padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-400) var(--sds-size-space-400)}.app-content{height:calc(100vh - 48px);overflow-y:auto}}@media (min-width:768px){.nav-toggle-btn,.sidebar-overlay{display:none}}@media (max-width:767px){.sidebar-floating-toggle{display:none!important}}@media (max-width:767px) and (orientation:landscape){.circuit-sidebar{width:min(320px,70vw)}.nav-toggle-btn.is-open{left:calc(min(320px, 70vw) + 0px)}.circuit-sidebar.sidebar--minimized{width:min(320px,70vw)!important}}@media (max-width:480px){.circuit-sidebar{width:min(260px,90vw)}.nav-toggle-btn.is-open{left:calc(min(260px, 90vw) + 0px)}.app-content:not(.app-content--no-padding){padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-300) var(--sds-size-space-300)}.circuit-sidebar.sidebar--minimized{width:min(260px,90vw)!important}}.mobile-menu-button{position:fixed;top:0;left:0;z-index:100;background:var(--circuit-mid-teal);border:none;border-right:1px solid var(--circuit-light-teal);border-bottom:1px solid var(--circuit-light-teal);border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:all .2s ease;cursor:pointer}.mobile-menu-button:hover{background:var(--circuit-dark-teal)}.mobile-menu-button:active{transform:none}.mobile-menu-button svg{color:var(--text-primary);width:24px;height:24px}.mobile-nav-close-button{position:fixed;top:0;left:240px;z-index:1101;background:var(--circuit-mid-teal);border:none;border-right:1px solid var(--circuit-light-teal);border-bottom:1px solid var(--circuit-light-teal);border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:background-color .2s ease;cursor:pointer;box-shadow:2px 0 8px rgba(0,0,0,.1);animation:slide-in-from-left .2s ease-out}.mobile-nav-close-button:hover{background:var(--circuit-dark-teal)}.mobile-nav-close-button:active{transform:none}.mobile-nav-close-button svg{color:var(--text-primary);width:24px;height:24px}@media (max-width:767px){.circuit-sidebar,.nav-toggle-btn,.sidebar-floating-toggle{display:none!important}}@media (min-width:768px){.mobile-menu-button,.mobile-nav-close-button{display:none}}.sheet-content .circuit-sidebar{position:static!important;transform:none!important;display:flex!important;height:100%;width:100%!important;box-shadow:none;background:var(--surface-background);border-right:1px solid var(--border-default);z-index:auto}.sheet-content .circuit-sidebar.sidebar--minimized{width:100%!important}.sheet-content .sidebar-nav-list{overflow-y:auto;overflow-x:hidden;flex:1}@media (max-width:767px){.app-content:not(.app-content--no-padding){padding:var(--sds-size-space-400)!important}.main-content-area{padding-top:0}.app-layout{min-height:100vh;min-height:100dvh}.main-content-area{position:relative;z-index:1}}.page-layout{width:100%;height:100%;display:flex;flex-direction:column}.page-layout-header{margin-bottom:var(--sds-size-space-600);margin-top:var(--sds-size-space-600);padding-bottom:var(--sds-size-space-400);border-bottom:var(--sds-size-stroke-border) solid var(--border-subtle)}.page-title{font-size:var(--font-size-600);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700;color:var(--text-primary);margin-bottom:var(--sds-size-space-200);word-wrap:break-word;hyphens:auto}.page-description{font-size:var(--font-size-200);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal);color:var(--text-secondary);max-width:80ch}.page-layout-content{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width:768px){.page-layout-header{margin-bottom:var(--sds-size-space-400);margin-top:var(--sds-size-space-400);padding-bottom:var(--sds-size-space-300)}.page-title{font-size:var(--font-size-500);line-height:var(--line-height-normal)}.page-description{font-size:var(--font-size-100);line-height:var(--line-height-relaxed);max-width:none}}@media (max-width:480px){.page-layout-header{margin-bottom:var(--sds-size-space-300);margin-top:var(--sds-size-space-300);padding-bottom:var(--sds-size-space-200)}.page-title{font-size:var(--font-size-400);letter-spacing:var(--letter-spacing-normal)}.page-description{font-size:var(--font-size-75)}}.content-section{margin-bottom:var(--sds-size-space-800);padding:var(--sds-size-space-600);border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-200);background-color:var(--surface-background);overflow:hidden}.content-section-title{margin-bottom:var(--sds-size-space-400)}.content-section-body{display:flex;flex-direction:column;gap:var(--sds-size-space-600)}.content-section ol,.content-section ul{padding-left:var(--sds-size-space-800);margin:0;font:var(--font-body-medium)}.content-section ul{list-style-type:disc}.content-section ol{list-style-type:decimal}.content-section ol ul,.content-section ul ul{list-style-type:circle}.content-section ol ul ul,.content-section ul ul ul{list-style-type:square}.content-section .list-disc{list-style-type:disc;padding-left:var(--sds-size-space-800);margin:0}.content-section .list-circle{list-style-type:circle;padding-left:var(--sds-size-space-800);margin:0}@media (max-width:768px){.content-section{margin-bottom:var(--sds-size-space-600)}.content-section-title{margin-bottom:var(--sds-size-space-300)}.content-section ol,.content-section ul{padding-left:var(--sds-size-space-600)}}.circuitds-layout-container{display:grid;grid-template-columns:var(--sidebar-width,280px) 1fr;height:100vh;width:100vw;margin:0;padding:0}.circuitds-main-content{padding:var(--sds-size-space-800);overflow-y:auto;background-color:var(--surface-background-subtle);min-width:0}@media (max-width:767px){.circuitds-layout-container{grid-template-columns:1fr;height:auto;min-height:100vh;min-height:100dvh}.circuitds-main-content{padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-400) var(--sds-size-space-400)}.circuit-sidebar{width:min(300px,85vw)}.circuitds-main-content pre{overflow-x:auto;-webkit-overflow-scrolling:touch}.circuitds-main-content .example-showcase{margin:var(--sds-size-space-400) 0}}@media (max-width:480px){.circuitds-main-content{padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-300) var(--sds-size-space-300)}.circuit-sidebar{width:min(280px,90vw)}}@media (max-width:767px) and (orientation:landscape){.circuit-sidebar{width:min(340px,70vw)}.circuitds-main-content{padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-600) var(--sds-size-space-400)}}.button_button_uCVc{padding:var(--sds-size-space-150) var(--sds-size-space-300);border:var(--sds-size-stroke-border) solid transparent;gap:var(--sds-size-space-200);display:inline-flex;min-height:var(--sds-size-height-40);align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:var(--font-size-87);font-weight:600;line-height:1.4;cursor:pointer;transition:background-color ease-linear .12s,color ease-linear .12s,border-color ease-linear .12s;user-select:none;border-radius:var(--sds-size-radius-150);-webkit-tap-highlight-color:transparent}.button_button_primary_uCVc{background-color:var(--circuit-bright-yellow);color:var(--circuit-darker-teal);border-color:var(--circuit-bright-yellow);font-weight:600}.button_button_primary_uCVc:hover:not(:disabled){background-color:#ffdc73;border-color:#ffdc73}.button_button_primary_uCVc:active:not(:disabled){background-color:#f0c052;border-color:#f0c052}.button_button_secondary_uCVc{background-color:transparent;color:var(--text-primary);border-color:var(--border-interactive)}.button_button_secondary_uCVc:hover:not(:disabled){background-color:var(--surface-background-hover);border-color:var(--border-interactive-hover)}.button_button_secondary_uCVc:active:not(:disabled){background-color:var(--surface-background-pressed);border-color:var(--border-interactive-pressed)}.button_button_ghost_uCVc{background-color:transparent;color:var(--interactive-primary);border-color:transparent}.button_button_ghost_uCVc:hover:not(:disabled){background-color:var(--interactive-primary-subtle)}.button_button_ghost_uCVc:active:not(:disabled){background-color:var(--interactive-primary-subtle-pressed)}.button_button_ghost-destructive_uCVc{background-color:transparent;color:#dc2626;border-color:transparent}.button_button_ghost-destructive_uCVc:hover:not(:disabled){background-color:rgba(220,38,38,.1)}.button_button_ghost-destructive_uCVc:active:not(:disabled){background-color:rgba(220,38,38,.2)}.button_button_destructive_uCVc{background-color:#dc2626;color:white;border-color:#dc2626;font-weight:500}.button_button_destructive_uCVc:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.button_button_destructive_uCVc:active:not(:disabled){background-color:#991b1b;border-color:#991b1b}.button_button_info_uCVc{background-color:rgba(74,155,148,.25);color:var(--text-primary);border-color:transparent}.button_button_info_uCVc:hover:not(:disabled){background-color:rgba(74,155,148,.35);border-color:transparent}.button_button_info_uCVc:active:not(:disabled){background-color:rgba(74,155,148,.45);border-color:transparent}.button_button_filter_uCVc{background-color:rgba(74,155,148,.15);color:var(--text-primary);border:none;height:100%;padding:var(--sds-size-space-150) var(--sds-size-space-300);transition:all .15s ease;border-radius:var(--sds-size-radius-100)}.button_button_filter_uCVc:hover:not(:disabled){background-color:rgba(74,155,148,.25)}.button_button_filter_uCVc:active:not(:disabled){background-color:rgba(74,155,148,.35)}.button_button_toolbar_uCVc{height:100%;padding:0 var(--sds-size-space-400);background-color:transparent;border:none;border-left:1px solid var(--circuit-light-teal);border-radius:0;font-size:var(--font-size-75);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.button_button_toolbar_uCVc:hover:not(:disabled){background-color:var(--circuit-dark-teal)}.action-toolbar .button_button_toolbar_uCVc,.top-toolbar .action-toolbar .button_button_toolbar_uCVc,.top-toolbar .button_button_toolbar_uCVc{font-size:var(--font-size-75)!important}.app-layout .top-toolbar .action-toolbar .button_button_uCVc.button_button_toolbar_uCVc,.top-toolbar .action-toolbar .button_button_uCVc.button_button_toolbar_uCVc,.top-toolbar .action-toolbar button.button_button_uCVc.button_button_toolbar_uCVc{font-size:.75rem!important;font-size:var(--font-size-75)!important}.button_button_uCVc:disabled{cursor:not-allowed;opacity:.6}.button_button_uCVc:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--focus-ring);outline-offset:2px}.circuit-button-sm{padding:var(--sds-size-space-100) var(--sds-size-space-300);min-height:var(--sds-size-height-32);font-size:var(--font-size-100)}.circuit-button-lg{padding:var(--sds-size-space-300) var(--sds-size-space-600);min-height:var(--sds-size-height-48);font-size:var(--font-size-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sds-size-space-200);padding:var(--sds-size-space-150) var(--sds-size-space-300);border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-150);background:var(--surface-background);color:var(--text-primary);font-family:var(--font-family-display);font-size:var(--font-size-75);font-weight:500;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);text-decoration:none;cursor:pointer;transition:all ease-linear .1s;-webkit-tap-highlight-color:transparent;user-select:none;min-height:36px;min-width:36px}.btn:hover{background:var(--surface-background-hover);border-color:var(--border-hover)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:active{background:var(--surface-background-pressed);border-color:var(--border-pressed);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--interactive-primary);color:var(--text-inverse);border-color:var(--interactive-primary)}.btn-primary:hover{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.btn-primary:active{background:var(--interactive-primary-pressed);border-color:var(--interactive-primary-pressed)}.btn-secondary{background:var(--interactive-secondary);color:var(--text-primary);border-color:var(--interactive-secondary)}.btn-secondary:hover{background:var(--interactive-secondary-hover);border-color:var(--interactive-secondary-hover)}.btn-secondary:active{background:var(--interactive-secondary-pressed);border-color:var(--interactive-secondary-pressed)}.btn-danger{background:var(--interactive-danger);color:var(--text-inverse);border-color:var(--interactive-danger)}.btn-danger:hover{background:var(--interactive-danger-hover);border-color:var(--interactive-danger-hover)}.btn-danger:active{background:var(--interactive-danger-pressed);border-color:var(--interactive-danger-pressed)}.btn-sm{padding:var(--sds-size-space-100) var(--sds-size-space-200);font-size:var(--font-size-50);min-height:28px;min-width:28px}.btn-lg{padding:var(--sds-size-space-200) var(--sds-size-space-500);font-size:var(--font-size-100);min-height:44px;min-width:44px}@media (max-width:768px){.btn{min-height:48px;min-width:48px;padding:var(--sds-size-space-300) var(--sds-size-space-500);font-size:var(--font-size-100)}.btn-sm{min-height:40px;min-width:40px;padding:var(--sds-size-space-200) var(--sds-size-space-400);font-size:var(--font-size-75)}.btn-lg{min-height:56px;min-width:56px;padding:var(--sds-size-space-400) var(--sds-size-space-700);font-size:var(--font-size-150)}.btn:active{transform:scale(.98)}}@media (max-width:480px){.btn{min-height:52px;padding:var(--sds-size-space-400) var(--sds-size-space-600)}.btn-sm{min-height:44px;padding:var(--sds-size-space-300) var(--sds-size-space-500)}.btn-lg{min-height:60px;padding:var(--sds-size-space-500) var(--sds-size-space-800)}}.btn-group{display:flex;gap:var(--sds-size-space-200);flex-wrap:wrap}@media (max-width:480px){.btn-group{flex-direction:column;gap:var(--sds-size-space-300)}.btn-group .btn{width:100%}}.icon-button_base{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--sds-size-radius-100);cursor:pointer;transition:all ease-linear .12s;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-family-display);font-weight:500}.icon-button_primary{background-color:var(--circuit-bright-yellow);color:var(--circuit-darker-teal);border:1px solid var(--circuit-bright-yellow)}.icon-button_primary:hover:not(:disabled){background-color:#ffdc73;border-color:#ffdc73}.icon-button_primary:active:not(:disabled){background-color:#f0c052;border-color:#f0c052}.icon-button_secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-interactive)}.icon-button_secondary:hover:not(:disabled){background-color:var(--surface-background-hover);border-color:var(--border-interactive-hover)}.icon-button_secondary:active:not(:disabled){background-color:var(--surface-background-pressed);border-color:var(--border-interactive-pressed)}.icon-button_destructive{background-color:transparent;color:#dc2626;border:1px solid transparent}.icon-button_destructive:hover:not(:disabled){background-color:rgba(220,38,38,.1)}.icon-button_destructive:active:not(:disabled){background-color:rgba(220,38,38,.2)}.icon-button_ghost{border:1px solid transparent!important}.icon-button_ghost,.icon-button_ghost:hover:not(:disabled){background-color:transparent!important;color:var(--circuit-bright-yellow)!important}.icon-button_ghost:active:not(:disabled){background-color:rgba(255,207,96,.2)!important}.icon-button_sm{width:20px;height:20px;padding:0;font-size:10px;display:flex;align-items:center;justify-content:center}.icon-button_md{width:32px;height:32px;padding:0;font-size:14px}.icon-button_lg{width:40px;height:40px;padding:0;font-size:16px}.icon-button_base:disabled{cursor:not-allowed;opacity:.6}.icon-button_base:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--focus-ring);outline-offset:2px}@media (max-width:768px){.icon-button_sm{width:28px;height:28px}.icon-button_md{width:36px;height:36px}.icon-button_lg{width:44px;height:44px}}.circuit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-modal);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sds-size-space-400)}.circuit-modal{background:var(--surface-background);border-radius:var(--sds-size-radius-200);border:var(--sds-size-stroke-border) solid var(--border-default);padding:var(--sds-size-space-800);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 var(--sds-size-space-300) var(--sds-size-space-800) rgba(0,0,0,.3)}.circuit-modal-title{font:var(--font-heading);color:var(--text-heading-strong);margin-bottom:var(--sds-size-space-600);text-align:center}.circuit-form{display:flex;flex-direction:column;gap:var(--sds-size-space-600);width:100%;max-width:600px}.circuit-form-row{display:flex;gap:var(--sds-size-space-400)}.circuit-form-actions{display:flex;justify-content:flex-end;gap:var(--sds-size-space-300);padding-top:var(--sds-size-space-500);margin-top:var(--sds-size-space-500);border-top:1px solid var(--border-subtle)}.modal-content .circuit-form-actions .button_button_primary_uCVc{background-color:var(--interactive-primary)!important;border-color:var(--interactive-primary)!important;color:var(--text-inverse)!important}.modal-content .circuit-form-actions .button_button_primary_uCVc:hover:not(:disabled){background-color:var(--interactive-primary-hover)!important;border-color:var(--interactive-primary-hover)!important}.circuit-input{position:relative;display:block;width:100%;padding:var(--sds-size-space-300) var(--sds-size-space-400);font:var(--font-input);color:var(--text-primary);background-color:var(--surface-background);border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-200);outline:none;transition:all .15s ease-in-out;min-height:var(--sds-size-height-44)}.circuit-input::placeholder{color:var(--text-tertiary);opacity:.8}input.circuit-input:hover:not(:disabled):not(:focus){border-color:var(--border-hover);background-color:var(--circuit-medium-light-teal)}.circuit-input:focus{border-color:var(--border-focus);background-color:var(--surface-background);box-shadow:0 0 0 var(--sds-size-stroke-focus-ring) var(--focus-ring);outline:none}.circuit-input:disabled{background-color:var(--surface-background-disabled);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.7}.circuit-input[type=file]{padding:var(--sds-size-space-200) var(--sds-size-space-400);cursor:pointer}input.circuit-input[type=file]:hover:not(:disabled){border-color:var(--border-hover);background-color:var(--circuit-medium-light-teal)}.circuit-input[type=number]{-moz-appearance:textfield}.circuit-input[type=number]::-webkit-inner-spin-button,.circuit-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.circuit-input.error{border-color:var(--border-error);background-color:var(--status-error-subtle)}.circuit-input.error:focus{border-color:var(--border-error);box-shadow:0 0 0 var(--sds-size-stroke-focus-ring) var(--status-error-subtle)}.circuit-error-text{color:var(--text-error);font:var(--font-body-small);margin-top:var(--sds-size-space-100);font-size:.875rem;font-weight:500}.circuit-input-sm{padding:var(--sds-size-space-200) var(--sds-size-space-300);min-height:var(--sds-size-height-36);font-size:.875rem}.circuit-input-lg{padding:var(--sds-size-space-400) var(--sds-size-space-600);min-height:var(--sds-size-height-52);font-size:1.125rem}.circuit-label{font:var(--font-body-strong);color:var(--text-primary);margin-bottom:var(--sds-size-space-200);display:block;font-weight:600}.circuit-label.required:after{content:"*";color:var(--status-error);margin-left:var(--sds-size-space-100)}.circuit-field{display:flex;flex-direction:column;gap:var(--sds-size-space-200);width:100%}.circuit-field-hint{font:var(--font-body-small);color:var(--text-secondary);margin-top:var(--sds-size-space-100);font-size:.875rem}.form-description-group{display:flex;flex-direction:column;gap:var(--sds-size-space-100)}.form-group{display:flex;flex-direction:column;gap:var(--sds-size-space-200);margin-bottom:var(--sds-size-space-500)}.form-label{font-family:var(--font-family-display);font-size:var(--font-size-75);font-weight:600;color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--sds-size-space-300) var(--sds-size-space-400);border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-150);background:var(--surface-background);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-100);line-height:var(--line-height-normal);transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;min-height:48px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px rgba(26,74,71,.1)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-background-disabled)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--sds-size-space-300) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--sds-size-space-800)}.form-error{font-size:var(--font-size-75);color:var(--interactive-danger);display:flex;align-items:center;gap:var(--sds-size-space-100)}.form-error,.form-help{margin-top:var(--sds-size-space-100)}.form-help{font-size:var(--font-size-50);color:var(--text-secondary)}.form-row{display:flex;gap:var(--sds-size-space-400);align-items:end}.form-inline{display:flex;align-items:center;gap:var(--sds-size-space-300)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--interactive-danger)}.form-input--success,.form-select--success,.form-textarea--success{border-color:var(--interactive-success)}.form-checkbox,.form-radio{width:20px;height:20px;border:var(--sds-size-stroke-border) solid var(--border-default);background:var(--surface-background);cursor:pointer;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.form-checkbox{border-radius:var(--sds-size-radius-100)}.form-radio{border-radius:50%}.form-checkbox:checked,.form-radio:checked{background:var(--interactive-primary);border-color:var(--interactive-primary)}.form-checkbox:checked:after{content:"✓";position:absolute;color:var(--text-inverse);font-size:14px;font-weight:700}.form-radio:checked:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--text-inverse)}.form-check-group{display:flex;align-items:center;gap:var(--sds-size-space-300);cursor:pointer}.form-check-label{cursor:pointer;user-select:none;flex:1}.form-file{border:2px dashed var(--border-default);border-radius:var(--sds-size-radius-200);padding:var(--sds-size-space-600);text-align:center;background:var(--surface-background-subtle);cursor:pointer;transition:all .15s ease;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sds-size-space-300)}.form-file:hover{border-color:var(--interactive-primary);background:var(--surface-background-hover)}.form-file-input{display:none}.form-search{position:relative}.form-search-input{padding-left:var(--sds-size-space-800)}.form-search-icon{position:absolute;left:var(--sds-size-space-300);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}@media (max-width:768px){.form-group{gap:var(--sds-size-space-300);margin-bottom:var(--sds-size-space-600)}.form-input,.form-select,.form-textarea{padding:var(--sds-size-space-400) var(--sds-size-space-500);font-size:var(--font-size-100);min-height:52px}.form-textarea{min-height:140px}.form-label{font-size:var(--font-size-100)}.form-row{flex-direction:column;gap:var(--sds-size-space-400)}.form-inline{flex-direction:column;align-items:stretch;gap:var(--sds-size-space-200)}.form-checkbox,.form-radio{min-width:48px;min-height:48px}.form-file{min-height:140px;padding:var(--sds-size-space-800)}}@media (max-width:480px){.form-group{margin-bottom:var(--sds-size-space-700)}.form-input,.form-select,.form-textarea{min-height:56px;padding:var(--sds-size-space-500) var(--sds-size-space-600)}.form-file,.form-textarea{min-height:160px}.form-file{padding:var(--sds-size-space-900)}}@media (hover:none) and (pointer:coarse){.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 4px rgba(26,74,71,.15)}}.dropdown{position:relative;display:inline-block;height:100%}.dropdown-trigger{cursor:pointer;user-select:none;outline:none;height:100%}.dropdown-trigger:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--focus-ring);outline-offset:2px;border-radius:var(--sds-size-radius-100)}.dropdown-menu{position:absolute;top:100%;z-index:1000;min-width:200px;width:max-content;max-width:400px;max-height:75vh;margin-top:var(--sds-size-space-100);background-color:var(--surface-container-level-1);border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-200);box-shadow:0 var(--sds-size-depth-100) var(--sds-size-depth-200) rgba(0,0,0,.25);overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:dropdown-fade-in .15s ease-out}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:4px 0}.dropdown-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);background-clip:padding-box}.dropdown-menu{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.dropdown-menu--left{left:0}.dropdown-menu--right{right:0}.dropdown-list{list-style:none;margin:0;padding:var(--sds-size-space-200) 0;padding-right:4px}.dropdown-item{display:flex;align-items:center;gap:var(--sds-size-space-200);padding:var(--sds-size-space-200) var(--sds-size-space-400);color:var(--text-primary);text-decoration:none;font:var(--font-body-base);transition:background-color .15s ease-out;cursor:pointer;outline:none}.dropdown-item:hover:not(.dropdown-item--disabled){background-color:var(--surface-background-hover)}.dropdown-item:focus-visible{background-color:var(--surface-background-hover)}.dropdown-item:active:not(.dropdown-item--disabled){background-color:var(--surface-background-pressed)}.dropdown-item--disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.6}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:var(--sds-size-icon-small);height:var(--sds-size-icon-small);flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.dropdown-menu{box-shadow:0 var(--sds-size-depth-100) var(--sds-size-depth-200) rgba(0,0,0,.4)}}.accordion{border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-200);background:var(--surface-background);overflow:hidden}.accordion--default{border:var(--sds-size-stroke-border) solid var(--accordion-border-color);border-radius:var(--sds-size-radius-200);overflow:hidden}.accordion--bordered .accordion-item{border-bottom:var(--sds-size-stroke-border) solid var(--accordion-border-color)}.accordion--bordered .accordion-item:last-child{border-bottom:none}.accordion-item{border-bottom:var(--sds-size-stroke-border) solid var(--border-subtle)}.accordion-item:last-child{border-bottom:none}.accordion-item--disabled{opacity:.6;cursor:not-allowed}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--sds-size-space-400) var(--sds-size-space-500);background:transparent;border:none;font-family:var(--font-family-display);font-size:var(--font-size-100);font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;user-select:none;min-height:56px}.accordion-trigger:hover{background:var(--surface-background-hover)}.accordion-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.accordion-trigger:disabled{cursor:not-allowed}.accordion-trigger[aria-expanded=true]{background:var(--surface-background-subtle);border-bottom:var(--sds-size-stroke-border) solid var(--border-subtle)}.accordion-title{flex:1;font-weight:600}.accordion-icon{width:20px;height:20px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.accordion-icon--rotated,.accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-content{overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.accordion-content[data-state=closed]{animation:accordion-up .25s cubic-bezier(.4,0,.2,1)}.accordion-content[data-state=open]{animation:accordion-down .25s cubic-bezier(.4,0,.2,1)}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.accordion-content-inner{padding:0 var(--sds-size-space-500) var(--sds-size-space-400);color:var(--text-secondary);font-size:var(--font-size-100);line-height:var(--line-height-relaxed)}@supports (display:grid){.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;max-height:none}.accordion-content--open{grid-template-rows:1fr;max-height:none}.accordion-content-inner{overflow:hidden}}.accordion--navigation{background:transparent;border:none}.accordion--navigation .accordion-item{background:transparent}.accordion--navigation .accordion-trigger{padding:var(--sds-size-space-200) var(--sds-size-space-300);font:var(--font-body-base);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-50)}.accordion--navigation .accordion-trigger:hover{background-color:transparent;color:var(--text-primary)}.accordion--navigation .accordion-content-inner{padding:var(--sds-size-space-100) 0 var(--sds-size-space-200) var(--sds-size-space-400)}.accordion--navigation .accordion-icon{font-size:10px}.accordion-multiple .accordion-item{margin-bottom:var(--sds-size-space-200);border-radius:var(--sds-size-radius-200);border:var(--sds-size-stroke-border) solid var(--border-default)}.accordion-multiple .accordion-item:last-child{margin-bottom:0}.accordion-compact .accordion-trigger{padding:var(--sds-size-space-300) var(--sds-size-space-400);font-size:var(--font-size-75);min-height:48px}.accordion-compact .accordion-content-inner{padding:0 var(--sds-size-space-400) var(--sds-size-space-300);font-size:var(--font-size-75)}.accordion-compact .accordion-icon{width:16px;height:16px}@media (max-width:768px){.accordion-trigger{padding:var(--sds-size-space-500) var(--sds-size-space-600);font-size:var(--font-size-100);min-height:60px;gap:var(--sds-size-space-400)}.accordion-content-inner{padding:0 var(--sds-size-space-600) var(--sds-size-space-500);font-size:var(--font-size-100);line-height:var(--line-height-relaxed)}.accordion-icon{width:24px;height:24px}.accordion-trigger:active{background:var(--surface-background-pressed);transform:scale(.995)}.accordion-compact .accordion-trigger{padding:var(--sds-size-space-400) var(--sds-size-space-500);min-height:52px}.accordion-compact .accordion-content-inner{padding:0 var(--sds-size-space-500) var(--sds-size-space-400)}.accordion-compact .accordion-icon{width:20px;height:20px}}@media (max-width:480px){.accordion-trigger{padding:var(--sds-size-space-600) var(--sds-size-space-700);min-height:64px}.accordion-content-inner{padding:0 var(--sds-size-space-700) var(--sds-size-space-600)}.accordion-compact .accordion-trigger{padding:var(--sds-size-space-500) var(--sds-size-space-600);min-height:56px}.accordion-compact .accordion-content-inner{padding:0 var(--sds-size-space-600) var(--sds-size-space-500)}}@media (prefers-contrast:high){.accordion{border-width:2px}.accordion-trigger:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.accordion-content,.accordion-icon{transition:none}.accordion-content[data-state=closed],.accordion-content[data-state=open]{animation:none}}@media (prefers-color-scheme:dark){.accordion{--accordion-border-color:var(--border-subtle)}.accordion-trigger:hover{background:rgba(255,255,255,.05)}.accordion-trigger[aria-expanded=true]{background:rgba(255,255,255,.03)}.accordion-trigger:active{background:rgba(255,255,255,.08)}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease-out}.modal-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sds-size-space-400);z-index:9999;pointer-events:none;overflow:visible}.modal-content{position:relative;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;background:var(--circuit-dark-teal);border:1px solid var(--border-default);border-radius:var(--sds-size-radius-300);overflow:hidden;pointer-events:auto;animation:slideIn .3s ease-out}.modal-backdrop-inline{position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-panel{position:relative;width:100%;max-width:1200px;max-height:100%;flex-direction:column;border-radius:var(--sds-size-radius-300);overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header,.modal-panel{display:flex;background:var(--circuit-dark-teal)}.modal-header{flex:none;z-index:1;align-items:center}.modal-header-content{display:flex;align-items:center;width:100%;gap:var(--sds-size-space-300)}.modal-actions{display:flex;align-items:center;margin-left:auto}.modal-actions-wrapper{display:flex;align-items:center;gap:var(--sds-size-space-200)}.modal-content .modal-header{padding:12px 16px;justify-content:space-between}.modal-panel .modal-header{padding:12px 16px;gap:var(--sds-size-space-300)}.modal-title{flex:1;display:flex;flex-direction:column;gap:var(--sds-size-space-100)}.modal-title h2{margin:0;font-size:var(--font-size-400);font-weight:700;color:var(--text-primary)}.modal-close{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(74,155,148,.2);border:none;border-radius:var(--sds-size-radius-100);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;padding:0;margin:0}.modal-close svg{width:20px;height:20px;margin:0;padding:0}.modal-close:hover{background:rgba(74,155,148,.4);color:var(--text-primary)}.modal-menu{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(74,155,148,.2);border:none;border-radius:var(--sds-size-radius-100);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;padding:0;margin:0}.modal-menu svg{width:20px;height:20px;margin:0;padding:0}.modal-menu:hover{background:rgba(74,155,148,.4);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.modal-container{padding:0}.modal-content{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.modal-panel .modal-header{padding:8px}.modal-back{width:32px;height:32px}}