.forge{--color-background:#000;--color-foreground:#fff;--color-muted:#9ca3af;--color-surface:#0a0a0a;--color-surface-hover:#141414;--color-border:#1f1f1f;--color-accent:#f97316;--color-accent-hover:#fb923c;--color-accent-soft:#ff57221f;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-divider:#1a1f1f;background-color:var(--color-background);color:var(--color-foreground);--font-sans:"Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Courier New", Courier, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);min-height:100vh}h1.display{color:var(--color-foreground);margin:0 0 var(--space-lg) 0;letter-spacing:-.03em;font-size:clamp(1.75rem,6vw,3rem);font-weight:100;line-height:1.1}h1{color:var(--color-foreground);margin:0 0 var(--space-lg) 0;letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1}h2{color:var(--color-foreground);margin:0 0 var(--space-sm) 0;letter-spacing:-.02em;font-size:1rem;font-weight:500}h3{color:var(--color-foreground);margin:0 0 var(--space-sm) 0;font-size:.875rem;font-weight:600}h4{color:var(--color-foreground);margin:0 0 var(--space-sm) 0;font-size:1rem;font-weight:600}h5{color:var(--color-foreground);margin:0 0 var(--space-sm) 0;font-size:.875rem;font-weight:500}h6{color:var(--color-muted);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}p{color:var(--color-muted);max-width:75ch;margin:0;font-size:.875rem}.forge-skip-link{top:-100%;left:var(--space-md);z-index:9999;padding:var(--space-sm) var(--space-md);background-color:var(--color-accent);color:var(--color-background);border-radius:var(--radius-sm);transition:top var(--transition-fast);font-weight:600;text-decoration:none;position:absolute}.forge-skip-link:focus{top:var(--space-md)}.forge-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);background-color:#000000f2;position:sticky;top:0}.forge-nav-inner{align-items:center;gap:var(--space-md);width:100%;max-width:1200px;margin:0 auto;display:flex}.forge-nav-brand{color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:1.125rem;font-weight:700;text-decoration:none}.forge-nav-spacer{flex:1;min-width:0}.forge-nav-hamburger{width:44px;height:44px;color:var(--color-foreground);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.forge-nav-hamburger:hover{background-color:var(--color-surface-hover)}.forge-nav-hamburger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.forge-nav-links{display:none}.forge-nav-overlay{z-index:150;opacity:0;visibility:hidden;background-color:#000000b3;transition:opacity .15s,visibility .15s;position:fixed;inset:0}.forge-nav-overlay-visible{opacity:1;visibility:visible}.forge-nav-drawer{background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:200;width:280px;max-width:80vw;height:100vh;transition:transform .3s var(--ease-out-expo);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.forge-nav-drawer-open{transform:translate(0)}.forge-nav-drawer-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.forge-nav-drawer-links{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.forge-nav-drawer-link{min-height:44px;padding:var(--space-sm) var(--space-md);color:var(--color-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.forge-nav-drawer-link:hover{color:var(--color-foreground);background-color:var(--color-surface-hover);transform:translate(4px)}.forge-nav-drawer-link[aria-current=true]{color:var(--color-accent);background-color:var(--color-accent-soft)}.forge-main{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.forge-section{padding:var(--space-xl) 0;border-bottom:1px solid var(--color-divider);opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(24px)}@media (min-width:768px){.forge-section{padding:var(--space-3xl) 0}}.forge-section.in-view{opacity:1;transform:translateY(0)}.forge-section:last-child{border-bottom:none}.forge-section header{margin-bottom:var(--space-xl)}.forge-section-preview{gap:var(--space-md);flex-wrap:wrap;align-items:flex-start;width:100%;display:flex}.forge-surface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-lg)}.forge-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;min-width:44px;min-height:40px;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.forge-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.forge-btn-primary{background-color:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.forge-btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.forge-btn-secondary{color:var(--color-foreground);border-color:var(--color-border);background-color:#0000}.forge-btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-muted)}.forge-btn-ghost{color:var(--color-foreground);background-color:#0000;border-color:#0000}.forge-btn-ghost:hover{background-color:var(--color-surface-hover)}.forge-btn-destructive{background-color:var(--color-error);color:var(--color-foreground);border-color:var(--color-error)}.forge-btn-destructive:hover{background-color:#dc2626}.forge-btn:disabled,.forge-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.forge-btn-icon{padding:var(--space-sm);min-width:40px}.forge-btn-loading{color:#0000;position:relative}.forge-btn-loading:after{content:"";border:2px solid var(--color-background);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite forge-spin;position:absolute}@keyframes forge-spin{to{transform:rotate(360deg)}}@keyframes forge-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#forge-inputs .forge-section-preview{gap:var(--space-xl);flex-direction:column;display:flex}#forge-selects-checkboxes-radios .forge-section-preview{flex-direction:column;display:flex}#forge-selects-checkboxes-radios .forge-section-preview h3{margin-top:32px}.forge-fieldset{gap:var(--space-md);border:none;flex-direction:column;margin:0;padding:0;display:flex}.forge-input-wrapper{gap:var(--space-sm);flex-direction:column;width:100%;max-width:400px;display:flex}.forge-label{color:var(--color-foreground);font-size:.875rem;font-weight:500}.forge-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);color:var(--color-foreground);width:100%;min-height:40px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:.875rem}.forge-input::placeholder{color:var(--color-muted)}.forge-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.forge-input:disabled{opacity:.5;cursor:not-allowed}.forge-input-error{border-color:var(--color-error)}.forge-input-error:focus{box-shadow:0 0 0 3px #ef444433}.forge-helper-text{color:var(--color-muted);font-size:.75rem}.forge-error-text{color:var(--color-error);font-size:.75rem}.forge-input-with-icon{position:relative}.forge-input-with-icon .forge-input{padding-left:40px}.forge-input-icon{left:var(--space-md);color:var(--color-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.forge-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);transition:transform var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;font-size:.75rem;font-weight:600;display:inline-flex}.forge-badge:hover{cursor:pointer;transform:scale(1.05)}.forge-badge-default{background-color:var(--color-surface-hover);color:var(--color-foreground);border-color:var(--color-border)}.forge-badge-success{color:var(--color-success);background-color:#22c55e26;border-color:#22c55e4d}.forge-badge-warning{color:var(--color-warning);background-color:#f59e0b26;border-color:#f59e0b4d}.forge-badge-error{color:var(--color-error);background-color:#ef444426;border-color:#ef44444d}.forge-badge-info{color:var(--color-info);background-color:#3b82f626;border-color:#3b82f64d}.forge-badge-accent{background-color:var(--color-accent-soft);color:var(--color-accent);border-color:#ff57224d}.forge-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-lg);gap:var(--space-md);transition:transform var(--transition-base), border-color var(--transition-base);flex-direction:column;max-width:320px;display:flex}.forge-card:hover{border-color:var(--color-muted);cursor:pointer;transform:translateY(-4px)}.forge-card-header{justify-content:space-between;align-items:center;display:flex}.forge-card-title{color:var(--color-foreground);margin:0;font-size:1rem;font-weight:600}.forge-card-description{color:var(--color-muted);margin:0;font-size:.875rem}.forge-card-footer{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-divider);display:flex}.forge-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.forge-list-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.forge-list-item-icon{color:var(--color-accent);flex-shrink:0}.forge-snackbar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:250px;max-width:calc(100vw - var(--space-xl));box-shadow:var(--shadow-lg);animation:forge-scale-in .3s var(--ease-out-expo) forwards;display:flex}@media (min-width:480px){.forge-snackbar{max-width:500px}}.forge-snackbar-icon{flex-shrink:0}.forge-snackbar-success .forge-snackbar-icon{color:var(--color-success)}.forge-snackbar-warning .forge-snackbar-icon{color:var(--color-warning)}.forge-snackbar-error .forge-snackbar-icon{color:var(--color-error)}.forge-snackbar-info .forge-snackbar-icon{color:var(--color-info)}.forge-snackbar-message{color:var(--color-foreground);flex:1;font-size:.875rem}.forge-snackbar-action{color:var(--color-accent);font-family:var(--font-sans);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:0 0;border:none;font-size:.875rem;font-weight:600}.forge-snackbar-action:hover{background-color:var(--color-accent-soft)}.forge-modal-overlay{padding:var(--space-xl);z-index:200;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.forge-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.forge-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}.forge-modal-title{color:var(--color-foreground);margin:0;font-size:1.125rem;font-weight:600}.forge-modal-close{color:var(--color-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none}.forge-modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-foreground)}.forge-modal-body{padding:var(--space-lg)}.forge-modal-body p{color:var(--color-muted);margin:0}.forge-modal-footer{gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-divider);justify-content:flex-end;display:flex}.forge-table-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto}.forge-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.forge-table th,.forge-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-divider);min-width:0}.forge-table th{color:var(--color-foreground);background-color:var(--color-surface-hover);font-weight:600}.forge-table td{color:var(--color-muted)}.forge-table tr:last-child td{border-bottom:none}.forge-table tr:hover td{background-color:var(--color-surface-hover)}.forge-tabs{gap:var(--space-xs);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.forge-tab{padding:var(--space-md) var(--space-lg);font-family:var(--font-sans);color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:500}.forge-tab:hover{color:var(--color-foreground)}.forge-tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.forge-divider{background-color:var(--color-divider);height:1px;margin:var(--space-xl) 0}.forge-divider-vertical{background-color:var(--color-divider);align-self:center;width:1px;height:60px}.forge-code-block{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto}.forge-code-block-header{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}.forge-code-block-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.forge-code-block-copy{color:var(--color-muted);font-family:var(--font-sans);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:0 0;border:none;font-size:.75rem}.forge-code-block-copy:hover{background-color:var(--color-surface-hover);color:var(--color-foreground)}.forge-code-block pre{padding:var(--space-md);font-family:var(--font-mono);color:var(--color-foreground);box-sizing:border-box;white-space:pre;word-wrap:normal;width:100%;min-width:0;max-width:100%;margin:0;font-size:.875rem;line-height:1.7;overflow-x:auto}.forge-code-block code{font-family:var(--font-mono);box-sizing:border-box;display:block}.forge-custom-select{gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.forge-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:44px;padding:var(--space-sm) var(--space-md);padding-right:calc(var(--space-md) + 24px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--color-foreground);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);text-align:left;font-size:.875rem;display:flex;position:relative}.forge-select-trigger:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.forge-select-trigger:disabled{opacity:.5;cursor:not-allowed}.forge-select-value{flex:1}.forge-select-placeholder{color:var(--color-muted)}.forge-select-chevron{right:var(--space-md);color:var(--color-muted);transition:transform var(--transition-fast);pointer-events:none;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%)}.forge-select-chevron-open{transform:translateY(-50%)rotate(180deg)}.forge-select-dropdown{top:calc(100% + var(--space-xs));z-index:50;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--space-xs);max-height:240px;animation:forge-select-dropdown-in .15s var(--ease-out-expo) forwards;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}@keyframes forge-select-dropdown-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.forge-select-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);color:var(--color-foreground);font-size:.875rem;display:flex}.forge-select-option:hover,.forge-select-option-active{background-color:var(--color-surface-hover)}.forge-select-option-selected{color:var(--color-accent)}.forge-select-option-disabled{opacity:.5;cursor:not-allowed}.forge-select-option-disabled:hover{background-color:#0000}.forge-select-check{color:var(--color-accent);flex-shrink:0}.forge-select{appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-2xl) var(--space-sm) var(--space-md);font-family:var(--font-sans);color:var(--color-foreground);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;min-height:44px;transition:border-color var(--transition-fast);width:100%;font-size:.875rem}.forge-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.forge-checkbox-wrapper,.forge-radio-wrapper{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.forge-checkbox,.forge-radio{appearance:none;border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;width:18px;height:18px;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-shrink:0}.forge-checkbox{border-radius:var(--radius-sm)}.forge-checkbox:checked{background-color:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.forge-radio{border-radius:50%}.forge-radio:checked{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-background)}.forge-checkbox-label,.forge-radio-label{color:var(--color-foreground);-webkit-user-select:none;user-select:none;font-size:.875rem}.forge-swatch{gap:var(--space-sm);flex-direction:column;flex:1 1 calc(50% - var(--space-md));min-width:0;display:flex}.forge-swatch-color{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;height:80px}@media (max-width:480px){.forge-swatch-color{height:60px}}.forge-swatch-label{color:var(--color-foreground);font-size:.875rem;font-weight:500}.forge-swatch-value{color:var(--color-muted);font-size:.75rem;font-family:var(--font-mono)}.forge-type-grid{gap:var(--space-md);flex-direction:column;width:100%;max-width:100%;display:flex}.forge-type-specimen{gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;width:100%;max-width:60ch;display:flex}.forge-type-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.forge-type-sample{color:var(--color-foreground);line-height:1.2}.mono{font-family:var(--font-mono);font-size:.875rem}small{color:var(--color-muted);font-size:.875rem}.forge-hero{padding:var(--space-3xl) 0 var(--space-2xl)}.forge-section p.forge-hero-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-size:.75rem;font-weight:600;margin:var(--space-md) 0 0!important}.forge-section p.forge-hero-eyebrow a{color:inherit;text-decoration:none}.forge-section p.forge-hero-subtitle{color:var(--color-muted);max-width:50ch;margin:24px 0 32px;font-size:.875rem;line-height:1.7}.forge-hero-actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (min-width:480px){.forge-nav{padding:var(--space-sm) var(--space-lg)}.forge-nav-inner{gap:var(--space-lg)}.forge-nav-link{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.forge-hero-actions{flex-direction:row;justify-content:center;align-items:center}.forge-hero-actions .forge-btn{width:auto}h1.display{font-size:clamp(2rem,10vw,4rem)}h1{font-size:clamp(1.75rem,8vw,3rem)}h2{font-size:1rem}h3{font-size:.875rem}h4,h5,p{font-size:.75rem}.forge-section p.forge-hero-subtitle{font-size:.875rem}}@media (max-width:479px){h1.display{font-size:clamp(2.5rem,12vw,4rem)!important}h1:not(.display){font-size:clamp(1.5rem,8vw,2.5rem)!important}}@media (min-width:768px){.forge-main{padding:0 var(--space-xl)}.forge-nav{padding:var(--space-md) 0}.forge-nav-inner{padding:0 var(--space-xl);gap:var(--space-xl)}.forge-section{padding:var(--space-3xl) 0}.forge-section h2{font-size:1.75rem}.forge-hero h1{font-size:clamp(2.5rem,6vw,4rem)}.forge-type-grid{flex-direction:column}.forge-type-specimen{width:100%}}.forge[data-forge-theme=light]{--color-background:#fff;--color-foreground:#0f172a;--color-muted:#64748b;--color-surface:#f8fafc;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-divider:#e2e8f0;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 15px #0000001a;background-color:var(--color-background);color:var(--color-foreground)}html[data-forge-theme=light]{background-color:#fff}html[data-forge-theme=dark]{background-color:#000}.forge[data-forge-theme=light] .forge-nav{background-color:#fffffff2}@media (prefers-reduced-motion:reduce){.forge *,.forge :before,.forge :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.forge-section{opacity:1;transform:none}}