.brick-navbar{z-index:var(--z-sticky);background-color:var(--surface-bg);border-block-end:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:oklch(from var(--surface-bg) l c h / .85);transition:background-color var(--transition-base);position:sticky;inset-block-start:0}.brick-navbar__inner{max-inline-size:var(--container-max);padding:var(--space-sm) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);margin-inline:auto;display:flex}.brick-navbar__brand{font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap}.brick-navbar__brand:hover{opacity:.85}.brick-navbar__links{align-items:center;gap:var(--space-xs);display:flex}.brick-navbar__link{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast), background-color var(--transition-fast)}.brick-navbar__link:hover{color:var(--color-text);background-color:var(--surface-bg-subtle)}.brick-navbar__link--active{color:var(--color-primary);background-color:var(--surface-bg-subtle)}.brick-navbar__actions{align-items:center;gap:var(--space-xs);display:flex}.brick-navbar__theme-toggle{border-radius:var(--radius-full);background-color:var(--surface-bg-subtle);border:1px solid var(--border-color);cursor:pointer;block-size:2.25rem;inline-size:2.25rem;transition:background-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.brick-navbar__theme-toggle:hover{background-color:var(--border-color);transform:rotate(15deg)}.brick-navbar__theme-icon{transition:opacity var(--transition-fast);font-size:1rem;position:absolute}.brick-navbar__theme-icon--light{opacity:0}.brick-navbar__theme-icon--dark{opacity:1}@media (prefers-color-scheme:dark){.brick-navbar__theme-icon--light{opacity:1}.brick-navbar__theme-icon--dark{opacity:0}}html.dark .brick-navbar__theme-icon--light{opacity:1}html.dark .brick-navbar__theme-icon--dark,html.light .brick-navbar__theme-icon--light{opacity:0}html.light .brick-navbar__theme-icon--dark{opacity:1}.brick-navbar__burger{block-size:2.25rem;inline-size:2.25rem;padding:var(--space-xs);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;display:none}.brick-navbar__burger:hover{background-color:var(--surface-bg-subtle)}.brick-navbar__burger-line{background-color:var(--color-text);block-size:2px;inline-size:100%;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:1px;display:block}.brick-navbar__burger[aria-expanded=true] .brick-navbar__burger-line:first-child{transform:translateY(7px)rotate(45deg)}.brick-navbar__burger[aria-expanded=true] .brick-navbar__burger-line:nth-child(2){opacity:0}.brick-navbar__burger[aria-expanded=true] .brick-navbar__burger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.brick-navbar__burger{display:flex}.brick-navbar__links{background-color:var(--surface-bg);border-block-end:1px solid var(--border-color);inline-size:100%;padding:var(--space-sm) var(--space-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:none;position:absolute;inset-block-start:100%;inset-inline-start:0}.brick-navbar__links--open{display:flex}.brick-navbar__link{inline-size:100%;padding:var(--space-sm) var(--space-md)}}.brick-container{inline-size:100%;margin-inline:auto;position:relative}.brick-container--with-title{border:1px solid var(--border-color);background-color:var(--surface-bg-elevated);border-radius:var(--radius-lg);margin-block-start:2rem}.brick-container__title-label{top:0;left:var(--space-lg);background-color:var(--surface-bg-elevated);border:1px solid var(--border-color);border-bottom:2px solid var(--surface-bg-elevated);height:32px;padding:0 var(--space-md);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);z-index:1;align-items:center;display:flex;position:absolute;transform:translateY(calc(1px - 100%))}.brick-container--sm{max-inline-size:var(--container-sm)}.brick-container--md{max-inline-size:var(--container-md)}.brick-container--lg{max-inline-size:var(--container-lg)}.brick-container--xl{max-inline-size:var(--container-xl)}.brick-container--full{max-inline-size:100%}.brick-container--padded{padding-inline:var(--space-lg);padding-block:var(--space-2xl)}.brick-container--stack{flex-direction:column;display:flex}.brick-container--flex{flex-wrap:wrap;display:flex}.brick-container--grid{grid-template-columns:repeat(var(--container-cols,auto-fill), minmax(280px, 1fr));display:grid}.brick-container--gap-sm{gap:var(--space-sm)}.brick-container--gap-md{gap:var(--space-md)}.brick-container--gap-lg{gap:var(--space-lg)}.brick-container--gap-xl{gap:var(--space-xl)}@media (width<=640px){.brick-container--grid{grid-template-columns:1fr}}.brick-card{border-radius:var(--radius-lg);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden;container-type:inline-size}.brick-card--default{background-color:var(--surface-bg-elevated);border:1px solid var(--border-color)}.brick-card--elevated{background-color:var(--surface-bg-elevated);box-shadow:var(--shadow-md)}.brick-card--outlined{border:2px solid var(--border-color-strong);background-color:#0000}.brick-card--hoverable{cursor:pointer}.brick-card--hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.brick-card--hoverable:active{transform:translateY(0)}.brick-card__header{padding:var(--space-lg) var(--space-lg) var(--space-xs)}.brick-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.brick-card__body{padding:var(--space-sm) var(--space-lg);color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.brick-card__actions{gap:var(--space-sm);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.brick-card__footer{padding:var(--space-xs) var(--space-lg) var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);border-block-start:1px solid var(--border-color);margin-block-start:var(--space-xs);padding-block-start:var(--space-sm)}@container (width<=300px){.brick-card__header{padding:var(--space-sm) var(--space-sm) var(--space-2xs)}.brick-card__body{padding:var(--space-2xs) var(--space-sm)}.brick-card__footer{padding:var(--space-2xs) var(--space-sm) var(--space-sm)}.brick-card__title{font-size:var(--text-lg)}}.brick-hero{padding:var(--space-4xl) var(--space-lg);justify-content:center;align-items:center;min-block-size:50dvh;display:flex;position:relative;overflow:hidden}.brick-hero__inner{z-index:1;max-inline-size:var(--container-lg);gap:var(--space-lg);flex-direction:column;display:flex;position:relative}.brick-hero--center{text-align:center}.brick-hero--center .brick-hero__inner{align-items:center}.brick-hero--left .brick-hero__inner{align-items:flex-start}.brick-hero__title{font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brick-hero__subtitle{font-size:var(--text-xl);color:var(--color-text-muted);max-inline-size:600px;line-height:var(--leading-relaxed)}.brick-hero__cta{margin-block-start:var(--space-md)}.brick-hero__glow{background:radial-gradient(ellipse 80% 60% at 50% 120%, oklch(from var(--color-primary) l c h / .12) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}@media (width<=768px){.brick-hero{padding:var(--space-3xl) var(--space-md);min-block-size:40dvh}.brick-hero__title{font-size:var(--text-4xl)}.brick-hero__subtitle{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.brick-hero__glow{animation:none}}.brick-btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:1px solid #0000;min-block-size:24px;min-inline-size:24px;display:inline-flex}.brick-btn--sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);border-radius:var(--radius-sm)}.brick-btn--md{padding:var(--space-xs) var(--space-md);font-size:var(--text-base)}.brick-btn--lg{padding:var(--space-sm) var(--space-xl);font-size:var(--text-lg);border-radius:var(--radius-lg)}.brick-btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.brick-btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.brick-btn--primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.brick-btn--secondary{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.brick-btn--secondary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.brick-btn--ghost{color:var(--color-text);background-color:#0000}.brick-btn--ghost:hover:not(:disabled){background-color:var(--surface-bg-subtle)}.brick-btn--danger{background-color:var(--color-danger);color:var(--color-white)}.brick-btn--danger:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.brick-btn--danger:active:not(:disabled){transform:translateY(0)}.brick-btn--disabled,.brick-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.brick-btn__icon{align-items:center;font-size:1.1em;display:inline-flex}.brick-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (pointer:coarse){.brick-btn--sm{min-block-size:44px;padding:var(--space-xs) var(--space-md)}.brick-btn--md{min-block-size:48px}.brick-btn--lg{min-block-size:52px}}.brick-footer{background-color:var(--surface-bg-subtle);border-block-start:1px solid var(--border-color);padding:var(--space-3xl) 0 var(--space-xl);margin-block-start:auto}.brick-footer__inner{max-inline-size:var(--container-max);padding-inline:var(--space-lg);margin-inline:auto}.brick-footer__columns{gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-block-end:var(--space-2xl);display:grid}.brick-footer__column-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-block-end:var(--space-sm)}.brick-footer__column-links{gap:var(--space-xs);flex-direction:column;display:flex}.brick-footer__link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.brick-footer__link:hover{color:var(--color-primary)}.brick-footer__bottom{border-block-start:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding-block-start:var(--space-lg);display:flex}.brick-footer__copyright{font-size:var(--text-sm);color:var(--color-text-muted)}.brick-footer__bottom-text{font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=640px){.brick-footer__columns{gap:var(--space-xl);grid-template-columns:1fr 1fr}.brick-footer__bottom{flex-direction:column;align-items:flex-start}}.brick-loader{padding:var(--space-xl,2rem);justify-content:center;align-items:center;gap:var(--space-sm,1rem);color:var(--color-text-muted,#999);flex-direction:column;display:flex}.brick-loader__spinner{border:3px solid var(--border-color,#ffffff1a);border-top-color:var(--primary-color,#007bff);border-radius:50%;width:32px;height:32px;animation:1s linear infinite brick-loader-spin}.brick-loader__text{font-size:var(--text-sm,.875rem);animation:1.5s ease-in-out infinite brick-loader-pulse}@keyframes brick-loader-spin{to{transform:rotate(360deg)}}@keyframes brick-loader-pulse{0%,to{opacity:.6}50%{opacity:1}}.brick-lightbox{z-index:var(--z-modal);animation:lightbox-overlay-in var(--transition-base) forwards;background-color:oklch(0% 0 0/0);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.brick-lightbox--visible{background-color:oklch(0% 0 0/.85)}.brick-lightbox--closing{animation:lightbox-overlay-out var(--transition-fast) forwards}@keyframes lightbox-overlay-in{0%{background-color:oklch(0% 0 0/0)}to{background-color:oklch(0% 0 0/.85)}}@keyframes lightbox-overlay-out{0%{background-color:oklch(0% 0 0/.85)}to{background-color:oklch(0% 0 0/0)}}.brick-lightbox__close{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:2;block-size:2.5rem;inline-size:2.5rem;transition:background-color var(--transition-fast);background-color:oklch(0% 0 0/.5);border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.brick-lightbox__close:hover{background-color:oklch(0% 0 0/.75)}.brick-lightbox__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.brick-lightbox__nav{border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:2;block-size:3rem;inline-size:3rem;transition:background-color var(--transition-fast), opacity var(--transition-normal);opacity:1;background-color:oklch(0% 0 0/.4);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.brick-lightbox__nav:hover{background-color:oklch(0% 0 0/.7)}.brick-lightbox__nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.brick-lightbox__nav--prev{left:var(--space-lg)}.brick-lightbox__nav--next{right:var(--space-lg)}.brick-lightbox__nav--disabled{opacity:0;pointer-events:none}@media (width<=768px){.brick-lightbox--nav-hidden .brick-lightbox__nav{opacity:0;pointer-events:none}}.brick-lightbox__body{max-width:min(95vw,1920px);max-height:90vh;animation:lightbox-img-in var(--transition-base) ease-out forwards;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.brick-lightbox--closing .brick-lightbox__body{animation:lightbox-img-out var(--transition-fast) ease-in forwards}@keyframes lightbox-img-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes lightbox-img-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.brick-lightbox__image,.brick-lightbox__video{object-fit:contain;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;width:auto;max-width:min(95vw,1920px);height:auto;max-height:90vh}.brick-lightbox__image--hidden,.brick-lightbox__media--hidden{visibility:hidden;position:absolute}.brick-lightbox__caption{margin-top:var(--space-sm);color:oklch(100% 0 0/.7);font-size:var(--text-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80vw;overflow:hidden}.brick-lightbox__loader{align-items:center;gap:var(--space-md);color:oklch(100% 0 0/.6);font-size:var(--text-sm);z-index:10;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brick-lightbox__spinner{border:3px solid oklch(100% 0 0/.15);border-top-color:var(--color-primary);border-radius:50%;block-size:2.5rem;inline-size:2.5rem;animation:.8s linear infinite lightbox-spin}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.brick-lightbox__error{color:oklch(100% 0 0/.7);font-size:var(--text-base);text-align:center;padding:var(--space-xl)}@media (prefers-reduced-motion:reduce){.brick-lightbox,.brick-lightbox__body,.brick-lightbox__spinner{animation:none!important}}.brick-modal-overlay{z-index:var(--z-modal);padding:var(--space-lg);animation:modal-overlay-in var(--transition-base) forwards;background-color:oklch(0% 0 0/0);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.brick-modal-overlay--visible{background-color:oklch(0% 0 0/.5)}.brick-modal-overlay--closing{animation:modal-overlay-out var(--transition-base) forwards}@keyframes modal-overlay-in{0%{background-color:oklch(0% 0 0/0)}to{background-color:oklch(0% 0 0/.5)}}@keyframes modal-overlay-out{0%{background-color:oklch(0% 0 0/.5)}to{background-color:oklch(0% 0 0/0)}}.brick-modal{background-color:var(--surface-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);max-block-size:90dvh;inline-size:100%;max-inline-size:560px;animation:modal-slide-in var(--transition-base) cubic-bezier(.34, 1.56, .64, 1) forwards;overflow-y:auto}.brick-modal-overlay--closing .brick-modal{animation:modal-slide-out var(--transition-fast) ease-in forwards}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.98)}}.brick-modal--danger .brick-modal__header{border-block-end-color:oklch(from var(--color-danger) l c h / .3)}.brick-modal--success .brick-modal__header{border-block-end-color:oklch(from var(--color-success) l c h / .3)}.brick-modal--warning .brick-modal__header{border-block-end-color:oklch(from var(--color-warning) l c h / .3)}.brick-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-block-end:1px solid var(--border-color);display:flex}.brick-modal__title-row{align-items:center;gap:var(--space-sm);display:flex}.brick-modal__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.brick-modal__icon{flex-shrink:0;font-size:1.25rem}.brick-modal__close{border-radius:var(--radius-full);block-size:2rem;inline-size:2rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.brick-modal__close:hover{background-color:var(--surface-bg-subtle);color:var(--color-text)}.brick-modal__body{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.brick-modal__description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.brick-modal__details{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:none}.brick-modal__details--visible{display:block}.brick-modal__footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-xl) var(--space-xl);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.brick-modal,.brick-modal-overlay{animation:none!important}}@media (width<=480px){.brick-modal-overlay{align-items:flex-end;padding:0}.brick-modal{border-end-end-radius:0;border-end-start-radius:0;max-block-size:85dvh;max-inline-size:100%}}.brick-list-wrapper{flex-direction:column;width:100%;display:flex;position:relative}.brick-list-wrapper--outlined{border:1px solid var(--border-color,#ffffff1a);background-color:var(--surface-bg-elevated,#1a1a1a);border-radius:var(--radius-lg,12px);padding:var(--space-xs,.5rem)}.brick-list-wrapper--elevated{border:1px solid var(--border-color,#ffffff1a);background-color:var(--surface-bg-elevated,#1a1a1a);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-md,0 4px 6px #0000001a);padding:var(--space-xs,.5rem)}.brick-list-wrapper--with-title{margin-block-start:2.5rem}.brick-list__title-label{top:0;left:var(--space-lg,1.5rem);background-color:var(--surface-bg-elevated,#1a1a1a);border:1px solid var(--border-color,#ffffff1a);border-bottom:2px solid var(--surface-bg-elevated,#1a1a1a);height:32px;padding:0 var(--space-md,1rem);border-top-left-radius:var(--radius-md,8px);border-top-right-radius:var(--radius-md,8px);font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-muted,#999);z-index:1;align-items:center;display:flex;position:absolute;transform:translateY(calc(1px - 100%))}.brick-list{gap:var(--space-xs,.5rem);flex-direction:column;flex:1;width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:hidden auto}.brick-list__item{transition:background-color var(--transition-base,.2s), border-color var(--transition-base,.2s);border-radius:var(--radius-md,8px);border:2px solid #0000}.brick-list__item--selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.brick-list__item--selectable:hover{background-color:var(--surface-bg-elevated,#ffffff0d);border-color:var(--border-color,#ffffff1a)}.brick-list__item--selected{background-color:var(--surface-bg-elevated,#ffffff1a);border-color:var(--primary-color,#007bff)}.brick-form{flex-direction:column;display:flex}.brick-form__fields{flex-direction:inherit;gap:inherit;margin-block-end:var(--space-lg);display:flex}.brick-form__actions{gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}.brick-form__error{font-size:var(--text-sm);color:var(--color-danger);background-color:oklch(from var(--color-danger) l c h / .1);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);inline-size:100%;display:none}.brick-form__error--visible{display:block}.brick-form__success{font-size:var(--text-sm);color:var(--color-success);background-color:oklch(from var(--color-success) l c h / .1);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);inline-size:100%;display:none}.brick-form__success--visible{display:block}.brick-input{gap:var(--space-2xs);flex-direction:column;display:flex}.brick-input__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.brick-input__required{color:var(--color-danger)}.brick-input__field{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);min-block-size:2.5rem}.brick-input__field::placeholder{color:var(--color-text-muted);opacity:.6}.brick-input__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15);outline:none}.brick-input__field:user-invalid{border-color:var(--color-danger)}.brick-input__field:user-invalid:focus{box-shadow:0 0 0 3px oklch(from var(--color-danger) l c h / .15)}[data-state=invalid] .brick-input__field{border-color:var(--color-danger)}[data-state=invalid] .brick-input__field:user-valid{border-color:var(--color-danger)}[data-state=invalid] .brick-input__field:user-invalid{border-color:var(--color-danger)}[data-state=invalid] .brick-input__field:focus{box-shadow:0 0 0 3px oklch(from var(--color-danger) l c h / .15)}[data-state=invalid] .brick-input__field:user-valid:focus{box-shadow:0 0 0 3px oklch(from var(--color-danger) l c h / .15)}[data-state=invalid] .brick-input__help{color:var(--color-danger);display:block}.brick-input__field:user-valid{border-color:var(--color-success)}[data-state=valid] .brick-input__field{border-color:var(--color-success)}[data-state=valid] .brick-input__field:user-invalid{border-color:var(--color-success)}[data-state=valid] .brick-input__field:user-valid{border-color:var(--color-success)}[data-state=valid] .brick-input__field:focus{box-shadow:0 0 0 3px oklch(from var(--color-success) l c h / .15)}[data-state=valid] .brick-input__field:user-invalid:focus{box-shadow:0 0 0 3px oklch(from var(--color-success) l c h / .15)}[data-state=valid] .brick-input__help{color:var(--color-success)}:not([data-state]) .brick-input__field:not(:user-invalid):not(:user-valid){border-color:var(--border-color)}.brick-input__field:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-bg-subtle)}.brick-input__help{font-size:var(--text-xs);color:var(--color-text-muted);min-block-size:1em}.brick-input__help:empty{display:none}@media (pointer:coarse){.brick-input__field{min-block-size:3rem;font-size:var(--text-lg)}}.brick-dropdown{gap:var(--space-xs,.25rem);flex-direction:column;display:flex;position:relative}.brick-dropdown__label{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text,#e0e0e0)}.brick-dropdown__required{color:var(--danger-color,#ef4444)}.brick-dropdown__trigger{padding:var(--space-sm,.5rem) var(--space-md,1rem);border:1px solid var(--border-color,#ffffff26);border-radius:var(--radius-md,8px);background-color:var(--surface-bg,#111);cursor:pointer;transition:border-color var(--transition-base,.2s), box-shadow var(--transition-base,.2s);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:42px;display:flex}.brick-dropdown__trigger:hover{border-color:var(--primary-color,#007bff)}.brick-dropdown--open .brick-dropdown__trigger{border-color:var(--primary-color,#007bff);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color,#007bff) 25%, transparent)}.brick-dropdown__trigger-content{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-base,1rem);color:var(--color-text,#e0e0e0);flex:1;overflow:hidden}.brick-dropdown__trigger-content--placeholder{color:var(--color-text-muted,#999)}.brick-dropdown__chevron{margin-left:var(--space-sm,.5rem);color:var(--color-text-muted,#999);transition:transform var(--transition-base,.2s);font-size:.6em}.brick-dropdown--open .brick-dropdown__chevron{transform:rotate(180deg)}.brick-dropdown__panel{z-index:100;margin-top:var(--space-xs,.25rem);border:1px solid var(--border-color,#ffffff26);border-radius:var(--radius-md,8px);background-color:var(--surface-bg-elevated,#1a1a1a);box-shadow:var(--shadow-lg,0 8px 24px #0000004d);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}.brick-dropdown--open .brick-dropdown__panel{display:flex}.brick-dropdown__item{align-items:center;gap:var(--space-sm,.5rem);padding:var(--space-sm,.5rem) var(--space-md,1rem);cursor:pointer;transition:background-color var(--transition-base,.2s);-webkit-user-select:none;user-select:none;list-style:none;display:flex}.brick-dropdown__item:hover{background-color:var(--surface-bg,#ffffff0d)}.brick-dropdown__item--selected{background-color:color-mix(in srgb, var(--primary-color,#007bff) 15%, transparent)}.brick-dropdown__item-check{text-align:center;width:16px;font-size:var(--text-sm,.875rem);color:var(--primary-color,#007bff);flex-shrink:0}.brick-dropdown__item-content{flex:1;min-width:0}.brick-dropdown__help{font-size:var(--text-xs,.75rem);color:var(--color-text-muted,#999);min-height:0;margin:0}.brick-dropdown[data-state=invalid] .brick-dropdown__trigger{border-color:var(--danger-color,#ef4444)}.brick-dropdown[data-state=invalid] .brick-dropdown__help{color:var(--danger-color,#ef4444)}.brick-progressbar{align-items:center;gap:.75rem;width:100%;display:flex}.brick-progressbar__track{background:var(--clr-surface-2,#e2e8f0);border-radius:var(--radius-full,9999px);flex:1;height:.5rem;overflow:hidden}.brick-progressbar__fill{border-radius:var(--radius-full,9999px);background:var(--clr-primary,#3b82f6);height:100%;transition:width .3s}.brick-progressbar--success .brick-progressbar__fill{background:var(--clr-success,#22c55e)}.brick-progressbar--danger .brick-progressbar__fill{background:var(--clr-danger,#ef4444)}.brick-progressbar__label{color:var(--clr-text-2,#64748b);white-space:nowrap;text-align:right;min-width:5rem;font-size:.8rem;font-weight:500}.brick-tabs{width:100%;max-width:var(--container-xl);flex-direction:column;margin-block-start:2rem;margin-inline:auto;display:flex}.brick-tabs__header{z-index:1;scrollbar-width:none;gap:2px;margin-bottom:-1px;padding-inline-start:var(--space-lg);display:flex;overflow-x:auto}.brick-tabs__header::-webkit-scrollbar{display:none}.brick-tabs__btn{background-color:var(--surface-bg);border:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-family:inherit;font-size:var(--text-sm);color:var(--color-text-muted);padding:0 var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;height:32px;transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-items:center;font-weight:500;display:flex}.brick-tabs__btn:hover{background-color:var(--surface-200);color:var(--color-text)}.brick-tabs__btn--active{background-color:var(--surface-bg-elevated);border-bottom-color:var(--surface-bg-elevated);color:var(--color-text)}.brick-tabs__btn--active:hover{background-color:var(--surface-bg-elevated)}.brick-tabs__content{border:1px solid var(--border-color);background-color:var(--surface-bg-elevated);border-radius:var(--radius-lg);width:100%;padding:var(--space-xl);z-index:0;animation:fadeIn var(--transition-normal) ease-out;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}:root{--color-gray-50:oklch(98% 0 0);--color-gray-100:oklch(95% 0 0);--color-gray-200:oklch(90% .005 260);--color-gray-300:oklch(82% .008 260);--color-gray-400:oklch(70% .01 260);--color-gray-500:oklch(55% .012 260);--color-gray-600:oklch(45% .012 260);--color-gray-700:oklch(35% .012 260);--color-gray-800:oklch(25% .01 260);--color-gray-850:oklch(20% .01 260);--color-gray-900:oklch(15% .01 260);--color-gray-950:oklch(10% .008 260);--color-primary-light:oklch(50% .2 260);--color-primary-dark:oklch(75% .15 260);--color-primary-hover-light:oklch(45% .22 260);--color-primary-hover-dark:oklch(80% .13 260);--color-accent-light:oklch(65% .25 330);--color-accent-dark:oklch(78% .18 330);--color-success-light:oklch(55% .2 145);--color-success-dark:oklch(75% .15 145);--color-warning-light:oklch(70% .18 85);--color-warning-dark:oklch(82% .14 85);--color-danger-light:oklch(55% .22 25);--color-danger-dark:oklch(75% .16 25);--color-white:oklch(100% 0 0);--color-black:oklch(0% 0 0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-primary:var(--color-primary-light);--color-primary-hover:var(--color-primary-hover-light);--color-accent:var(--color-accent-light);--color-success:var(--color-success-light);--color-warning:var(--color-warning-light);--color-danger:var(--color-danger-light);--color-text:var(--color-gray-900);--color-text-muted:var(--color-gray-500);--color-text-on-primary:var(--color-white);--color-bg:var(--color-white);--color-bg-subtle:var(--color-gray-50);--color-bg-elevated:var(--color-white);--surface-bg:var(--color-bg);--surface-bg-subtle:var(--color-bg-subtle);--surface-bg-elevated:var(--color-bg-elevated);--border-color:var(--color-gray-200);--border-color-strong:var(--color-gray-300);--shadow-sm:0 1px 2px oklch(0% 0 0/.05), 0 1px 3px oklch(0% 0 0/.04);--shadow-md:0 4px 6px oklch(0% 0 0/.06), 0 2px 4px oklch(0% 0 0/.04);--shadow-lg:0 10px 15px oklch(0% 0 0/.08), 0 4px 6px oklch(0% 0 0/.04);--shadow-xl:0 20px 25px oklch(0% 0 0/.1), 0 8px 10px oklch(0% 0 0/.04);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs:clamp(.7rem, .65rem + .2vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-lg:clamp(1.05rem, .95rem + .5vw, 1.125rem);--text-xl:clamp(1.15rem, 1rem + .75vw, 1.25rem);--text-2xl:clamp(1.4rem, 1.1rem + 1.5vw, 1.5rem);--text-3xl:clamp(1.7rem, 1.3rem + 2vw, 1.875rem);--text-4xl:clamp(2rem, 1.5rem + 2.5vw, 2.25rem);--text-5xl:clamp(2.5rem, 1.8rem + 3.5vw, 3rem);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-toast:600;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-max:1400px;--color-scrollbar-track:var(--color-gray-100);--color-scrollbar-thumb:var(--color-gray-400);scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);accent-color:var(--color-primary)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-primary:var(--color-primary-dark);--color-primary-hover:var(--color-primary-hover-dark);--color-accent:var(--color-accent-dark);--color-success:var(--color-success-dark);--color-warning:var(--color-warning-dark);--color-danger:var(--color-danger-dark);--color-text:var(--color-gray-100);--color-text-muted:var(--color-gray-400);--color-text-on-primary:var(--color-gray-950);--color-bg:var(--color-gray-950);--color-bg-subtle:var(--color-gray-900);--color-bg-elevated:var(--color-gray-850);--border-color:var(--color-gray-800);--border-color-strong:var(--color-gray-700);--color-scrollbar-track:var(--color-gray-900);--color-scrollbar-thumb:var(--color-gray-600)}}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:var(--color-primary-dark);--color-primary-hover:var(--color-primary-hover-dark);--color-accent:var(--color-accent-dark);--color-success:var(--color-success-dark);--color-warning:var(--color-warning-dark);--color-danger:var(--color-danger-dark);--color-text:var(--color-gray-100);--color-text-muted:var(--color-gray-400);--color-text-on-primary:var(--color-gray-950);--color-bg:var(--color-gray-950);--color-bg-subtle:var(--color-gray-900);--color-bg-elevated:var(--color-gray-850);--surface-bg:var(--color-bg);--surface-bg-subtle:var(--color-bg-subtle);--surface-bg-elevated:var(--color-bg-elevated);--border-color:var(--color-gray-800);--border-color-strong:var(--color-gray-700);--color-scrollbar-track:var(--color-gray-900);--color-scrollbar-thumb:var(--color-gray-600)}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:var(--color-primary-light);--color-primary-hover:var(--color-primary-hover-light);--color-accent:var(--color-accent-light);--color-success:var(--color-success-light);--color-warning:var(--color-warning-light);--color-danger:var(--color-danger-light);--color-text:var(--color-gray-900);--color-text-muted:var(--color-gray-500);--color-text-on-primary:var(--color-white);--color-bg:var(--color-white);--color-bg-subtle:var(--color-gray-50);--color-bg-elevated:var(--color-white);--surface-bg:var(--color-bg);--surface-bg-subtle:var(--color-bg-subtle);--surface-bg-elevated:var(--color-bg-elevated);--border-color:var(--color-gray-200);--border-color-strong:var(--color-gray-300);--color-scrollbar-track:var(--color-gray-100);--color-scrollbar-thumb:var(--color-gray-400)}html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,code,em,img,strong,sub,sup,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{margin:0;padding:0}html,body,div,article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,video,svg{block-size:auto;max-inline-size:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;box-sizing:border-box}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}html{font-family:var(--font-family);font-size:100%;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-wrap:break-word;scrollbar-width:thin}body{background-color:var(--surface-bg);color:var(--color-text);font-size:var(--text-base);min-block-size:100dvh;transition:background-color var(--transition-base), color var(--transition-base)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-weight-bold);text-wrap:balance}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed);text-wrap:pretty}small{font-size:var(--text-sm)}strong{font-weight:var(--font-weight-semibold)}a:where(:not([class])){color:var(--color-primary);transition:color var(--transition-fast)}a:where(:not([class])):hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}pre{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--surface-bg-subtle);overflow-x:auto}::selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}#app{flex-direction:column;min-block-size:100dvh;display:flex}