/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Open Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--container-md:28rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-primary:"Montserrat",ui-sans-serif,system-ui,sans-serif;--font-secondary:"Open Sans",ui-sans-serif,system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.card{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-section)}.card-compact{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-component)}.app-shell{background-color:var(--color-surface-secondary);flex-direction:column;min-height:100vh;display:flex}.app-page{width:100%;padding:var(--spacing-2xl)var(--spacing-xl);flex:1}.app-page__container{max-width:80rem;margin:0 auto}.app-header{z-index:50;background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);position:sticky;top:0}.app-header__inner{padding:var(--spacing-lg)var(--spacing-xl)}.app-header__content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.app-header__brand{align-items:center;gap:var(--spacing-md);display:flex}.app-header__logo{flex-shrink:0;width:2.5rem;height:2.5rem}.app-header__title{font-family:var(--font-primary);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.app-header__actions{justify-content:flex-end;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.app-header__user{margin-right:var(--spacing-sm);flex-direction:column;align-items:flex-end;display:none}.app-header__user-name{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.app-header__user-role{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary);text-transform:capitalize}.app-header__spoke-nav{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.app-header__nav-link,.app-header__action-button{align-items:center;gap:var(--spacing-sm);white-space:nowrap;display:inline-flex}.app-header__nav-link{color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);transition:all var(--transition-base);background-color:#0000;padding:.625rem 1rem;text-decoration:none}.app-header__nav-link:hover{background-color:var(--color-surface-tertiary)}.app-header__nav-link--active{background-color:var(--color-surface-tertiary);border-color:var(--color-border-focus)}.app-header__icon,.configurator-nav__icon{flex-shrink:0;width:1rem;height:1rem}@media(min-width:768px){.app-header__user{display:flex}}.app-footer{z-index:45;min-height:var(--app-footer-height);padding:var(--spacing-sm)var(--spacing-xl);background-color:var(--color-surface-primary);border-top:1px solid var(--color-border-default);position:sticky;bottom:0;box-shadow:0 -1px 3px #0000001f}.app-footer__inner{justify-content:space-between;align-items:center;gap:var(--spacing-lg);width:100%;display:flex}.app-footer__status{align-items:baseline;gap:var(--spacing-sm);min-width:0;display:flex}.app-footer__label{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary);text-transform:uppercase}.app-footer__value{color:var(--color-text-secondary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);white-space:nowrap}.theme-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-secondary);display:inline-flex}.theme-toggle__button{align-items:center;gap:var(--spacing-sm);min-height:2rem;padding:0 var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);background-color:#0000;border:1px solid #0000;display:inline-flex}.theme-toggle__button:hover{background-color:var(--color-surface-tertiary);color:var(--color-text-primary)}.theme-toggle__button--active{background-color:var(--color-surface-elevated);border-color:var(--color-border-focus);color:var(--color-text-primary)}.theme-toggle__icon{flex-shrink:0;width:1rem;height:1rem}@media(max-width:640px){.app-shell{--app-footer-height:6rem}.app-footer__inner{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.app-footer__status{justify-content:space-between}.theme-toggle{width:100%}.theme-toggle__button{padding:0 var(--spacing-sm);flex:1;justify-content:center}}.configurator-nav{background-color:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border-default)}.configurator-nav__inner{padding:0 var(--spacing-xl)}.configurator-nav__content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.configurator-nav__items{gap:var(--spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.configurator-nav__restart{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:inline-flex}.hub-spoke-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.hub-spoke-card{text-align:left;background-color:var(--color-surface-elevated);width:100%;color:inherit;border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-component);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}.hub-spoke-card:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-focus)}.hub-spoke-card__title{margin:0 0 var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hub-spoke-card__description{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin:0}.hub-launch-panel{padding:var(--spacing-xl)}.hub-settings-section{padding:var(--spacing-xl)var(--spacing-2xl);background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default)}.hub-settings-section__eyebrow{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary);text-transform:uppercase}.hub-settings-section__title{font-family:var(--font-primary);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.hub-settings-section__description{margin:var(--spacing-xs)0 0;max-width:44rem;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.hub-email-list{flex-direction:column;display:flex}.hub-email-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-default);background-color:var(--color-surface-primary);display:flex}.hub-email-row:last-child{border-bottom:0}.hub-email-row__choice{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.hub-email-row__address{color:var(--color-text-primary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-email-row__badge{padding:.125rem var(--spacing-sm);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:var(--radius-sm);background-color:rgba(var(--color-brand-primary-rgb),.12);color:var(--color-brand-primary-light);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium)}.hub-email-row__remove{color:var(--color-text-tertiary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);transition:color var(--transition-base);background:0 0;border:0}.hub-email-row__remove:hover{color:var(--color-status-error)}.hub-account-actions{padding:0 var(--spacing-2xl)var(--spacing-lg);justify-content:flex-end;display:flex}.radio-input{width:1.125rem;height:1.125rem;accent-color:var(--color-interactive-primary);flex-shrink:0}@media(min-width:768px){.hub-spoke-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.hub-spoke-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.hub-email-row,.hub-account-actions{flex-direction:column;align-items:stretch}.hub-email-row__choice{align-items:flex-start}}.access-message__title{margin:0 0 var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.access-message__copy{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);color:var(--color-text-secondary);margin:0}.app-loading{background-color:var(--color-surface-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading__text{font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);color:var(--color-text-secondary)}.error-page{background-color:var(--color-surface-secondary);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.error-page__card{width:100%;max-width:42rem}.error-page__title{font-family:var(--font-primary);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.error-page__copy{margin:var(--spacing-md)0 0;font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);color:var(--color-text-secondary)}.error-page__stack{width:100%;margin:var(--spacing-lg)0 0;padding:var(--spacing-lg);background-color:var(--color-surface-tertiary);border-radius:var(--radius-lg);overflow-x:auto}.error-page__stack-code{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.login-page{min-height:calc(100vh - var(--app-footer-height));background:linear-gradient(135deg,var(--color-surface-secondary),var(--color-surface-primary));padding:var(--spacing-lg);flex:1;justify-content:center;align-items:center;display:flex}.login-page__panel{width:100%;max-width:28rem}.login-page__header{margin-bottom:var(--spacing-2xl);text-align:center}.login-page__title{margin:0 0 var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.login-page__subtitle{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);color:var(--color-text-secondary);margin:0}.login-page__form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-page__error{padding:var(--spacing-md);border:1px solid rgba(var(--color-status-error-rgb),.2);border-radius:var(--radius-lg);background-color:rgba(var(--color-status-error-rgb),.1)}.login-page__error-copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-status-error);margin:0}.login-page__submit{width:100%}.web-config-page{background-color:var(--color-surface-secondary);flex:1;min-height:0}.web-config-frame{width:100%;height:calc(100vh - var(--app-header-height) - var(--app-footer-height));border:0;display:block}.admin-page{flex:1;min-height:0}.admin-layout{min-height:calc(100vh - var(--app-header-height) - var(--app-footer-height));display:flex}.admin-sidebar{background-color:var(--color-surface-primary);border-right:1px solid var(--color-border-default);flex-shrink:0;width:18rem}.admin-sidebar__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-default)}.admin-sidebar__eyebrow{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary);text-transform:uppercase}.admin-sidebar__title{font-family:var(--font-primary);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.admin-sidebar__nav{gap:var(--spacing-sm);padding:var(--spacing-lg);flex-direction:column;display:flex}.admin-sidebar__button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);text-align:left;transition:all var(--transition-base);background-color:#0000;border:0}.admin-sidebar__button:hover{background-color:var(--color-surface-tertiary);color:var(--color-text-primary)}.admin-sidebar__button--active{background-color:var(--color-interactive-primary);color:#fff}.admin-sidebar__section-label,.admin-sidebar__section-count{display:block}.admin-sidebar__section-label{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md)}.admin-sidebar__section-count{margin-top:var(--spacing-xs);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);opacity:.8}.admin-content{background-color:var(--color-surface-secondary);flex:1;min-width:0}.admin-content__header{padding:var(--spacing-xl)var(--spacing-2xl);background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-default)}.admin-content__title{font-family:var(--font-primary);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.admin-content__description{margin:var(--spacing-xs)0 0;font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);color:var(--color-text-secondary)}.admin-toolbar{padding:var(--spacing-lg)var(--spacing-2xl);background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default)}.admin-toolbar__row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.admin-toolbar__search{flex:1;min-width:16rem}.admin-toolbar__count{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.admin-alert{margin:var(--spacing-lg)var(--spacing-2xl)0;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);border:1px solid}.admin-alert--success{background-color:rgba(var(--color-status-success-rgb),.1);border-color:var(--color-status-success);color:var(--color-status-success)}.admin-alert--error{background-color:rgba(var(--color-status-error-rgb),.1);border-color:var(--color-status-error);color:var(--color-status-error)}.admin-panel{margin:var(--spacing-lg)var(--spacing-2xl)0;background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:1.25rem}.admin-form-stack{flex-direction:column;gap:1.25rem;display:flex}.admin-form-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media(min-width:768px){.admin-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-form-grid--six{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-field-actions--col-4{grid-column-start:4}.admin-field-actions--col-6{grid-column-start:6}}.admin-form-subsection{border-top:1px solid var(--color-border-default);padding-top:1.25rem}.admin-actions-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.admin-field-actions{align-items:flex-end;display:flex}.admin-button-full{width:100%}.admin-spoke-field__label{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.admin-spoke-field__items{gap:var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.admin-spoke-field__option{align-items:center;gap:var(--spacing-sm);display:flex}.admin-table-area{padding:var(--spacing-lg)var(--spacing-2xl)}.admin-table-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.admin-table-loading,.admin-table-empty{padding:var(--spacing-xl);color:var(--color-text-secondary)}.admin-table-empty{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table__head{background-color:var(--color-surface-elevated)}.admin-table__header,.admin-table__select-header,.admin-table__actions-header{padding:var(--spacing-lg);color:var(--color-text-primary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);text-align:left;border-bottom:1px solid var(--color-border-default)}.admin-table__select-header{width:3rem}.admin-table__sort-button{align-items:center;gap:var(--spacing-sm);display:inline-flex}.admin-table__sort-indicator{color:var(--color-text-tertiary)}.admin-table__row{border-bottom:1px solid var(--color-border-light)}.admin-table__row:hover{background-color:var(--color-surface-elevated)}.admin-table__cell{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.admin-table__primary-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.admin-table__meta-text{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.admin-table__document-cell{align-items:center;gap:var(--spacing-md);display:flex}.admin-table__cell-actions,.admin-table__spoke-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.admin-table__spoke-list{gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.admin-table__spoke-option{align-items:center;gap:var(--spacing-sm);display:flex}.admin-file-badge{border-radius:var(--radius-sm);width:2.25rem;height:2rem;font-size:.625rem;font-weight:var(--font-weight-bold);border:1px solid;justify-content:center;align-items:center;display:inline-flex}.admin-file-badge--image{border-color:var(--color-status-info);color:var(--color-status-info)}.admin-file-badge--pdf{border-color:var(--color-status-error);color:var(--color-status-error)}.admin-file-badge--file{border-color:var(--color-status-warning);color:var(--color-status-warning)}.form-control{margin-bottom:var(--spacing-lg)}.form-control--flush{margin-bottom:0}.form-control__label{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.form-control__required{color:var(--color-brand-accent)}.form-control__input{width:100%}.form-control__help,.form-control__error{margin:var(--spacing-sm)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.form-control__help{color:var(--color-text-tertiary)}.form-control__error{color:var(--color-brand-accent)}.form-section{margin-bottom:var(--spacing-lg)}.form-section__title{margin:0 0 var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.radio-card-group{margin-bottom:var(--spacing-lg)}.radio-card-group__label{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.radio-card-group__items{gap:var(--spacing-lg);display:flex}.radio-card--fill{flex:1}.radio-card__title,.checkbox-card__title{font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.radio-card__subtitle{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.radio-card__description,.checkbox-card__description{margin-top:var(--spacing-xs);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.checkbox-card__layout{align-items:flex-start;gap:var(--spacing-md);display:flex}.checkbox-card__check-icon{color:#fff;width:1.25rem;height:1.25rem}.checkbox-card__body{flex:1}.checkbox-field__label-text{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.checkbox-field__help{margin:var(--spacing-sm)0 0;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.file-input__preview-row{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.file-input__remove{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-brand-accent)}.page-help-viewer{margin-bottom:var(--spacing-xl);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.page-help-viewer__toggle{width:100%;padding:var(--spacing-md)var(--spacing-lg);transition:background-color var(--transition-base);justify-content:space-between;align-items:center;display:flex}.page-help-viewer__toggle:hover{background-color:var(--color-surface-tertiary)}.page-help-viewer__title-row{align-items:center;gap:var(--spacing-sm);display:flex}.page-help-viewer__icon{color:var(--color-interactive-primary)}.page-help-viewer__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-help-viewer__chevron{color:var(--color-text-secondary);transition:transform var(--transition-base)}.page-help-viewer__chevron--expanded{transform:rotate(180deg)}.page-help-viewer__content{padding:var(--spacing-sm)var(--spacing-lg)var(--spacing-lg);border-top:1px solid var(--color-border-default)}.page-help-viewer__overview{margin:0 0 var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.page-help-viewer__media-list,.page-help-viewer__features{margin-bottom:var(--spacing-lg)}.page-help-viewer__media-list{gap:var(--spacing-md);flex-direction:column;display:flex}.page-help-viewer__figure{margin:0}.page-help-viewer__media-frame{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:#0000001a;overflow:hidden}.page-help-viewer__image{object-fit:contain;width:100%;height:auto;max-height:12rem}.page-help-viewer__caption{margin-top:var(--spacing-xs);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary);text-align:center;font-style:italic}.page-help-viewer__feature-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase}.page-help-viewer__feature-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.page-help-viewer__feature-item{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);display:flex}.page-help-viewer__feature-icon{width:1rem;height:1rem;color:var(--color-interactive-primary);flex-shrink:0;margin-top:.125rem}.page-help-viewer__footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-default)}.page-help-viewer__footer-copy{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary);margin:0;font-style:italic}.nav-link{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);transition:all var(--transition-base);border-bottom:2px solid #0000;display:block}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-surface-elevated)}.nav-link-active{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface-elevated);border-bottom:2px solid var(--color-border-focus);display:block}.progress-tracker{bottom:var(--app-footer-height);z-index:20;background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default);padding:var(--spacing-lg)var(--spacing-xl);position:sticky;left:0;right:0}.progress-tracker__content{align-items:center;gap:var(--spacing-xl);display:flex}.progress-tracker__edge{flex-shrink:0;width:11rem}.progress-tracker__edge--end{justify-content:flex-end;display:flex}.progress-tracker__button{align-items:center;gap:var(--spacing-sm);white-space:nowrap;display:inline-flex}.progress-tracker__button-icon{flex-shrink:0;width:1rem;height:1rem}.progress-tracker__steps{flex:1;justify-content:space-between;align-items:center;display:flex}.progress-tracker__step{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg);flex:1;align-items:center;display:flex}.progress-tracker__step-body{flex-direction:column;flex:1;align-items:center;display:flex}.progress-tracker__step-row{align-items:center;width:100%;display:flex}.progress-tracker__check-icon{width:1.25rem;height:1.25rem}.progress-circle{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.progress-circle-incomplete{background-color:var(--color-surface-tertiary);color:var(--color-text-tertiary);border:2px solid var(--color-border-default)}.progress-circle-complete{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border:2px solid var(--color-interactive-primary)}.progress-circle-accessible:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.progress-circle-disabled{opacity:.5;cursor:not-allowed}.progress-line{height:2px;margin:0 var(--spacing-sm);background-color:var(--color-border-default);flex:1}.progress-line-complete{background-color:var(--color-interactive-primary)}.progress-label{margin-top:var(--spacing-sm);font-size:var(--font-size-text-xs);color:var(--color-text-tertiary);text-align:center}.progress-label-current{color:var(--color-text-primary)}.clickable{cursor:pointer}.radio-card{cursor:pointer;position:relative}.radio-card input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-card-content{background-color:var(--color-surface-tertiary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-component);transition:all var(--transition-base)}.radio-card:hover .radio-card-content{background-color:var(--color-surface-elevated);border-color:var(--color-border-focus)}.radio-card input[type=radio]:checked+.radio-card-content{background-color:var(--color-surface-elevated);border-color:var(--color-interactive-primary);box-shadow:0 0 0 3px #4791d01a}.checkbox-card{cursor:pointer;display:block;position:relative}.checkbox-card input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-card-content{background-color:var(--color-surface-tertiary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-component);transition:all var(--transition-base)}.checkbox-card:hover .checkbox-card-content{background-color:var(--color-surface-elevated);border-color:var(--color-border-focus)}.checkbox-card input[type=checkbox]:checked+.checkbox-card-content{background-color:var(--color-surface-elevated);border-color:var(--color-interactive-primary);box-shadow:0 0 0 3px #4791d01a}.checkbox-indicator{border:2px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-secondary);width:24px;height:24px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-card input[type=checkbox]:checked~.checkbox-card-content .checkbox-indicator{background-color:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.checkbox-label{align-items:center;gap:var(--spacing-md);cursor:pointer;display:flex}.checkbox-input{border:2px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface-tertiary);cursor:pointer;width:1.25rem;height:1.25rem;transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.checkbox-input:checked{background-color:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.checkbox-input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.375rem;height:.625rem;position:absolute;top:.125rem;left:.375rem;transform:rotate(45deg)}.checkbox-input:disabled{opacity:.5;cursor:not-allowed}.checkbox-input:hover:not(:disabled){border-color:var(--color-border-focus)}.checkbox-input:focus{outline:none;box-shadow:0 0 0 3px #4791d033}.logo-preview{object-fit:contain;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);max-width:150px;max-height:60px;padding:var(--spacing-sm);background-color:var(--color-surface-elevated)}.channel-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.channel-card{padding:var(--spacing-xl);background:var(--color-surface-secondary);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.channel-card:before{content:"";background:var(--color-brand-primary);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.channel-card:hover{border-color:var(--color-brand-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.channel-card:has(input[type=checkbox]:checked){border-color:var(--color-brand-primary-light);background:linear-gradient(135deg,#4791d014,#4791d008);box-shadow:0 2px 8px #4791d033}.channel-card:has(input[type=checkbox]:checked):before{opacity:1}.channel-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid #bababa1a;justify-content:space-between;align-items:center;display:flex}.channel-title-group{align-items:center;gap:var(--spacing-md);display:flex}.channel-number{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.channel-id{font-size:var(--font-size-text-xs);color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:#bababa1a;margin-top:2px;padding:2px 8px;font-family:Courier New,monospace}.channel-badge{font-size:var(--font-size-text-xs);color:var(--color-brand-accent);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);background:#ff66001a;border:1px solid #ff66004d;padding:4px 10px}.channel-config{padding-top:var(--spacing-lg);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.channel-config-field{margin-bottom:var(--spacing-lg)}.channel-config-field:last-child{margin-bottom:0}.channel-config-label{font-size:var(--font-size-text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary);display:block}.icon-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;display:inline-flex}.icon-button:hover{background:var(--color-brand-primary-light);border-color:var(--color-brand-primary-light);color:var(--color-surface-primary);box-shadow:0 2px 8px #4791d04d}.icon-button:active{transform:scale(.98)}.halfbridge-info{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-left:3px solid var(--color-brand-primary-light);border-radius:var(--radius-sm);font-size:var(--font-size-text-xs);color:var(--color-brand-primary-light);font-weight:var(--font-weight-medium);background:#4791d01a;display:flex}.halfbridge-info svg{flex-shrink:0}.hardware-help-text{margin:var(--spacing-xs)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.hardware-ramping-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.hardware-ramping-input{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface-secondary);width:1rem;height:1rem}.hardware-selected-icon{filter:brightness(0)invert();width:1rem;height:1rem}.hardware-summary{margin-top:var(--spacing-xl);background-color:var(--color-surface-tertiary)}.hardware-summary__title{margin:0 0 var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hardware-summary__stats{gap:var(--spacing-2xl);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);display:flex}.hardware-summary__item{flex-direction:column;display:flex}.hardware-summary__label{margin-bottom:var(--spacing-xs);color:var(--color-text-tertiary)}.hardware-summary__value{font-family:var(--font-primary);font-size:var(--font-size-text-xxl);line-height:var(--line-height-text-xxl);font-weight:var(--font-weight-bold);color:var(--color-brand-accent)}.editor-grid{gap:var(--spacing-xl);grid-template-columns:300px 1fr;min-height:500px;display:grid}.editor-workspace{align-items:flex-start;gap:var(--spacing-xl);display:flex}.editor-main{flex:1;min-width:0}.page-list{min-width:0}.page-list__title{margin:0 0 var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-list__items{gap:var(--spacing-sm);flex-direction:column;display:flex}.page-list-item{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-align:left;width:100%;transition:all .2s}.page-list-item__content{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;display:flex}.page-list-item__text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.page-list-item__title{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.page-list-item__description{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.page-list-item:hover{background:var(--color-surface-tertiary);border-color:var(--color-brand-primary-light)}.page-list-item-active{background:var(--color-surface-tertiary);border-color:var(--color-brand-primary-light);box-shadow:0 0 0 1px var(--color-brand-primary-light)}.page-enabled-badge{font-size:var(--font-size-text-xs);color:var(--color-brand-primary-light);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);background:#4791d01a;border:1px solid #4791d04d;padding:2px 8px}.page-editor{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.page-editor__header{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.page-editor__title{font-family:var(--font-primary);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.page-editor__actions{align-items:center;gap:var(--spacing-md);display:flex}.page-help-card{margin-bottom:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated);overflow:hidden}.page-help-card__actions{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-top:1px solid var(--color-border-default);display:flex}.page-help-card__empty{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);display:flex}.editor-compact-button{padding:var(--spacing-xs)var(--spacing-md);border:1px solid var(--color-brand-primary-light);border-radius:var(--radius-md);color:var(--color-brand-primary-light);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium);background:0 0;transition:all .2s}.editor-compact-button:hover{background:var(--color-brand-primary-light);color:var(--color-text-inverse)}.editor-compact-button--danger{border-color:rgba(var(--color-status-error-rgb),.4);color:var(--color-status-error)}.editor-compact-button--danger:hover{background:rgba(var(--color-status-error-rgb),.12);border-color:var(--color-status-error);color:var(--color-status-error)}.page-canvas{margin-top:var(--spacing-lg)}.page-canvas-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-default);margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.page-canvas-header__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.page-canvas-header__count{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.editor-alert{margin:var(--spacing-md)0;padding:var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.empty-state{padding:var(--spacing-3xl)var(--spacing-xl);text-align:center;background:var(--color-surface-tertiary);border:2px dashed var(--color-border-default);border-radius:var(--radius-md)}.empty-state__copy{color:var(--color-text-secondary);margin:0}.sections-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.section-card{background:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s}.section-card-selected{border-color:var(--color-brand-primary-light);box-shadow:0 0 0 1px var(--color-brand-primary-light)}.section-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.section-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-surface-tertiary);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.section-body{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-default)}.section-readonly-card{padding:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated)}.section-readonly-card__copy{margin:0 0 var(--spacing-md);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.section-readonly-card__component-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.section-readonly-card__component-title{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.section-readonly-card__component-pill{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-surface-tertiary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-primary)}.section-control-group{margin-top:var(--spacing-lg)}.section-control-group__label{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.section-control-group__options{gap:var(--spacing-sm);display:flex}.editor-option-button{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated);color:var(--color-text-secondary);flex:1;transition:all .2s}.editor-option-button:hover{border-color:var(--color-brand-primary)}.editor-option-button--selected{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}.editor-option-button__content{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.editor-option-button__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium)}.editor-option-button__meta{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);opacity:.75}.section-note{margin:var(--spacing-sm)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.section-note--compact{margin-top:var(--spacing-xs)}.section-count-card{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-surface-tertiary)}.section-count-card__copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin:0}.section-count-card__hint{margin:var(--spacing-xs)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.section-grid-actions{margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}.section-danger-link{align-items:center;gap:var(--spacing-xs);color:var(--color-text-tertiary);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);background:0 0;border:0;transition:color .2s;display:inline-flex}.section-danger-link:hover{color:var(--color-status-error)}.components-palette{background:var(--color-surface-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.components-palette-scroll{max-height:60vh;padding-right:var(--spacing-xs);overflow-y:auto}.editor-palette-panel{top:var(--spacing-lg);width:20rem;max-height:calc(100vh - var(--spacing-xl)*2);flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.palette-switcher{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.palette-copy{margin:0 0 var(--spacing-md);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.palette-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.palette-empty,.palette-existing{padding:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated);text-align:center}.palette-existing{padding:var(--spacing-md)}.palette-empty__copy,.palette-existing__copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-tertiary);margin:0}.palette-existing__copy{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.palette-group__heading{margin:var(--spacing-sm)0 0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-default)}.palette-group__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-tertiary)}.section-jump{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.section-jump-title{font-size:var(--font-size-text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.section-jump-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.section-jump-item{text-align:left;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-text-sm);transition:all .2s}.section-jump-item:hover{border-color:var(--color-brand-primary-light);background:var(--color-surface-secondary)}.palette-filter{margin-bottom:var(--spacing-md);position:relative}.palette-filter-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-primary);color:var(--color-text-primary);font-size:var(--font-size-text-sm)}.palette-filter-clear{top:50%;right:var(--spacing-sm);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .2s;display:flex;position:absolute;transform:translateY(-50%)}.palette-filter-clear:hover{background:var(--color-surface-tertiary);border-color:var(--color-brand-primary-light);color:var(--color-text-primary)}.palette-filter-input:focus{border-color:var(--color-brand-primary-light);box-shadow:0 0 0 1px var(--color-brand-primary-light);outline:none}.component-chip{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface-tertiary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:grab;flex-direction:column;gap:4px;min-width:120px;transition:all .2s;display:inline-flex}.component-chip__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.component-chip__meta{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.component-chip__meta--caps{text-transform:uppercase}.component-chip:hover{border-color:var(--color-brand-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #4791d040}.component-chip:active{cursor:grabbing;transform:translateY(0)}.component-chip--on-page{opacity:.7;border-style:dashed}.component-chip--on-page:hover{opacity:1}.section-component-dropzone{margin-top:var(--spacing-lg);border:2px dashed var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-elevated);min-height:120px;padding:var(--spacing-lg);transition:all .2s}.section-component-dropzone:hover{border-color:var(--color-brand-primary-light);background:#4791d00d}.dropzone-empty{text-align:center;justify-content:center;align-items:center;min-height:80px;display:flex}.component-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.component-list-item{padding:var(--spacing-md);background:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.component-list-item:active{cursor:grabbing}.component-list-item:hover{border-color:var(--color-brand-primary-light);box-shadow:0 2px 8px #4791d026}.component-info{flex-direction:column;gap:4px;display:flex}.drag-handle{color:var(--color-text-tertiary);cursor:grab;flex-shrink:0;transition:color .2s}.component-list-item:hover .drag-handle{color:var(--color-brand-primary)}.component-list-item:active .drag-handle{cursor:grabbing}.component-label{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal}.component-type{font-size:var(--font-size-text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.component-actions{gap:var(--spacing-xs);align-items:center;display:flex}.btn-edit{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-edit:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.btn-remove{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.btn-remove:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface-primary)}.section-grid-container{padding:var(--spacing-sm);position:relative}.section-grid-error{top:var(--spacing-sm);background:var(--color-accent);color:#fff;padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);z-index:10;animation:3s ease-in-out forwards fadeInOut;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(-10px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.section-grid{gap:var(--spacing-sm);background:var(--color-surface-secondary);border-radius:var(--radius-md);min-height:180px;padding:var(--spacing-sm);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.section-grid--4col{grid-template-columns:repeat(4,1fr)}.section-grid--1col{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.section-grid--3x2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.section-grid--2x1{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}.section-grid--1x3{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.section-grid--1x4{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr}.section-grid--signal-list{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:1fr;gap:4px}.section-grid--signal-list .section-grid-cell{min-height:52px}.section-grid-cell{border-radius:var(--radius-sm);min-height:80px;transition:all .2s;position:relative}.section-grid-cell--empty{border:2px dashed var(--color-border-default);background:0 0;justify-content:center;align-items:center;display:flex}.section-grid-cell--empty:hover{border-color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.05)}.section-grid-cell--filled{border:1px solid var(--color-border-default);background:var(--color-surface-primary)}.section-grid-cell--drop-target{border-color:var(--color-brand-primary)!important;background:rgba(var(--color-brand-primary-rgb),.1)!important;border-style:solid!important}.section-grid-cell--swap-target{box-shadow:0 0 0 2px rgba(var(--color-brand-primary-rgb),.2);border-color:var(--color-brand-primary-light)!important;background:rgba(var(--color-brand-primary-rgb),.08)!important}.section-grid-cell--swap-displaced{border-color:var(--color-accent)!important;background:#ffb1421a!important;border-style:dashed!important}.section-grid-cell__placeholder{text-align:center;opacity:.6}.section-grid-cell__placeholder-text{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.section-grid-cell__content{height:100%;padding:var(--spacing-sm);cursor:grab;flex-direction:column;justify-content:space-between;transition:opacity .15s,transform .15s;display:flex}.section-grid-cell__content:active{cursor:grabbing}.section-grid-cell__content--dragging{opacity:.4;border:2px dashed var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);transform:scale(.95)}.section-grid-cell__info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.section-grid-cell__label{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;overflow:hidden}.section-grid-cell__type{font-size:var(--font-size-text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.section-grid-cell__actions{gap:var(--spacing-xs);justify-content:flex-end;margin-top:auto;display:flex}.section-grid-cell__actions .btn-edit,.section-grid-cell__actions .btn-remove{width:24px;height:24px;font-size:1rem}@media(max-width:1024px){.editor-workspace{flex-direction:column}.editor-palette-panel{width:100%;max-height:none;position:static}}@media(max-width:768px){.editor-grid{grid-template-columns:1fr}.page-editor__header,.page-help-card__empty{flex-direction:column;align-items:flex-start}.page-editor__actions,.section-control-group__options,.palette-switcher{flex-wrap:wrap}.editor-option-button{min-width:9rem}}.input-field{background-color:var(--color-surface-tertiary);color:var(--color-text-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-text-md);font-family:var(--font-secondary);transition:all var(--transition-base)}.input-field:focus{border-color:var(--color-border-focus);background-color:var(--color-surface-elevated);outline:none}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field:hover{border-color:var(--color-border-focus)}.input-field[type=file]{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer}.input-field[type=file]::file-selector-button{background-color:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-lg);margin-right:var(--spacing-lg);font-size:var(--font-size-text-sm);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.input-field[type=file]::file-selector-button:hover{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-color:var(--color-interactive-primary)}.input-field[type=file]:hover{border-color:var(--color-border-focus)}.toggle-button{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-default);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.toggle-button--active{background-color:var(--color-brand-primary);color:var(--color-text-inverse);border-color:var(--color-brand-primary)}.toggle-button--inactive{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border-color:var(--color-border-default)}.toggle-button--inactive:hover{background-color:var(--color-surface-elevated);border-color:var(--color-border-focus);color:var(--color-text-primary)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.surface-primary{background-color:var(--color-surface-primary)}.surface-secondary{background-color:var(--color-surface-secondary)}.surface-tertiary{background-color:var(--color-surface-tertiary)}.surface-elevated{background-color:var(--color-surface-elevated)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-brand{color:var(--color-brand-primary)}.text-accent{color:var(--color-brand-accent)}.text-success{color:var(--color-status-success)}.text-warning{color:var(--color-status-warning)}.text-error{color:var(--color-status-error)}.text-info{color:var(--color-status-info)}.bg-primary{background-color:var(--color-brand-primary)}.border-primary{border-color:var(--color-brand-primary)}.bg-status-success{background-color:var(--color-status-success)}.bg-status-warning{background-color:var(--color-status-warning)}.bg-status-error{background-color:var(--color-status-error)}.bg-status-info{background-color:var(--color-status-info)}.bg-primary-soft{background-color:rgba(var(--color-brand-primary-rgb),.12)}.border-status-error{border-color:var(--color-status-error)}.bg-accent{background-color:var(--color-brand-accent)}.hover\:bg-accent:hover{background-color:var(--color-interactive-accent-hover)}.bg-accent\/10{background-color:rgba(var(--color-brand-accent-rgb),.1)}.border-accent{border-color:var(--color-brand-accent)}.border-accent\/30{border-color:rgba(var(--color-brand-accent-rgb),.3)}.bg-border-default{background-color:var(--color-border-default)}.border-border,.border-border-default{border-color:var(--color-border-default)}.border-primary-soft{border-color:rgba(var(--color-brand-primary-rgb),.2)}.heading-1{font-family:var(--font-primary);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold)}.heading-2{font-family:var(--font-primary);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-bold)}.heading-3{font-family:var(--font-primary);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold)}.heading-4{font-family:var(--font-primary);font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-bold)}.heading-5{font-family:var(--font-primary);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-semibold)}.heading-6{font-family:var(--font-primary);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-semibold)}.text-xxl{font-family:var(--font-secondary);font-size:var(--font-size-text-xxl);line-height:var(--line-height-text-xxl)}.text-xl{font-family:var(--font-secondary);font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl)}.text-lg{font-family:var(--font-secondary);font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg)}.text-md{font-family:var(--font-secondary);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md)}.text-sm{font-family:var(--font-secondary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.text-xs{font-family:var(--font-secondary);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.border-default{border-color:var(--color-border-default)}.border-light{border-color:var(--color-border-light)}.border-focus{border-color:var(--color-border-focus)}.interactive-primary{color:var(--color-interactive-primary);transition:color var(--transition-base)}.interactive-primary:hover{color:var(--color-interactive-primary-hover)}.interactive-accent{color:var(--color-interactive-accent);transition:color var(--transition-base)}.interactive-accent:hover{color:var(--color-interactive-accent-hover)}.section-padding{padding:var(--spacing-section)}.component-padding{padding:var(--spacing-component)}.compact-padding{padding:var(--spacing-compact)}.overflow-x-auto{overflow-x:auto}.container{max-width:80rem;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin-left:auto;margin-right:auto}.pt-16{padding-top:4rem}}:root{color-scheme:dark;--color-brand-primary:#305371;--color-brand-primary-rgb:48,83,113;--color-brand-primary-light:#4791d0;--color-brand-accent:#f60;--color-brand-accent-rgb:255,102,0;--app-header-height:73px;--app-footer-height:3.5rem;--color-surface-primary:#1e1e1e;--color-surface-secondary:#141414;--color-surface-tertiary:#2a2a2a;--color-surface-elevated:#252525;--color-text-primary:#f8f8f8;--color-text-secondary:#bababa;--color-text-tertiary:#777;--color-text-inverse:#1e1e1e;--color-border-default:#3a3a3a;--color-border-light:#2a2a2a;--color-border-focus:#4791d0;--color-interactive-primary:#4791d0;--color-interactive-primary-hover:#5ba3db;--color-interactive-accent:#f60;--color-interactive-accent-hover:#ff8533;--color-status-success:#10b981;--color-status-success-rgb:16,185,129;--color-status-warning:#f59e0b;--color-status-warning-rgb:245,158,11;--color-status-error:#ef4444;--color-status-error-strong:#dc2626;--color-status-error-rgb:239,68,68;--color-status-info:#4791d0;--color-status-info-rgb:71,145,208;--font-size-h1:6rem;--font-size-h2:4.5rem;--font-size-h3:3.75rem;--font-size-h4:3rem;--font-size-h5:2.25rem;--font-size-h6:1.5rem;--line-height-h1:6.25rem;--line-height-h2:5.25rem;--line-height-h3:5.25rem;--line-height-h4:3.75rem;--line-height-h5:3rem;--line-height-h6:2.25rem;--font-size-text-xxl:1.25rem;--font-size-text-xl:1.125rem;--font-size-text-lg:1rem;--font-size-text-md:.875rem;--font-size-text-sm:.75rem;--font-size-text-xs:.625rem;--line-height-text-xxl:1.75rem;--line-height-text-xl:1.625rem;--line-height-text-lg:1.5rem;--line-height-text-md:1.375rem;--line-height-text-sm:1.125rem;--line-height-text-xs:1rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-section:2rem;--spacing-component:1.5rem;--spacing-compact:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}:root[data-theme=light]{color-scheme:light;--color-surface-primary:#fff;--color-surface-secondary:#f4f6f8;--color-surface-tertiary:#edf1f5;--color-surface-elevated:#fff;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--color-border-default:#d7dce2;--color-border-light:#e7ebf0;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a1a,0 1px 2px -1px #0f172a1a;--shadow-md:0 4px 6px -1px #0f172a1a,0 2px 4px -2px #0f172a1a;--shadow-lg:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a1a;--shadow-xl:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--color-surface-primary:#fff;--color-surface-secondary:#f4f6f8;--color-surface-tertiary:#edf1f5;--color-surface-elevated:#fff;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--color-border-default:#d7dce2;--color-border-light:#e7ebf0;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a1a,0 1px 2px -1px #0f172a1a;--shadow-md:0 4px 6px -1px #0f172a1a,0 2px 4px -2px #0f172a1a;--shadow-lg:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a1a;--shadow-xl:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a}}button,a,[role=button],[onclick]{cursor:pointer}@media(max-width:768px){:root{--font-size-h1:4.75rem;--font-size-h2:3.75rem;--font-size-h3:3rem;--font-size-h4:2.25rem;--font-size-h5:1.5rem;--font-size-h6:1.25rem;--line-height-h1:5.25rem;--line-height-h2:4.5rem;--line-height-h3:3.75rem;--line-height-h4:3rem;--line-height-h5:2.25rem;--line-height-h6:1.75rem}}html{scrollbar-gutter:stable;overflow-y:scroll}html,body{background-color:var(--color-surface-secondary);color:var(--color-text-primary);font-family:var(--font-secondary);color-scheme:normal}.modal-overlay{z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.modal-header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.modal-close:hover{background-color:var(--color-surface-tertiary);color:var(--color-text-primary)}.modal-hidden-input{display:none}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.icon-option{background-color:var(--color-surface-tertiary);border:2px solid var(--color-border-default);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100px;padding:1rem;transition:all .2s;display:flex}.icon-option:hover{background-color:var(--color-surface-elevated);border-color:var(--color-interactive-primary)}.icon-option.selected{background-color:var(--color-surface-elevated);border-color:var(--color-interactive-primary);box-shadow:0 0 0 2px #4791d033}.icon-option img{object-fit:contain;filter:brightness(0)invert();width:40px;height:40px}.icon-label{color:var(--color-text-secondary);text-align:center;font-size:.75rem;line-height:1.2}.icon-option.selected .icon-label{color:var(--color-text-primary);font-weight:500}.form-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.form-select{background-color:var(--color-surface-tertiary);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:6px;padding:.625rem;font-size:.875rem;transition:all .2s}.form-select:hover{border-color:var(--color-border-focus)}.form-select:focus{border-color:var(--color-interactive-primary);outline:none;box-shadow:0 0 0 3px #4791d01a}.radio-group{flex-direction:column;gap:.75rem;display:flex}.radio-option{background-color:var(--color-surface-tertiary);border:2px solid var(--color-border-default);cursor:pointer;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s;display:flex;position:relative}.radio-option:hover{background-color:var(--color-surface-elevated);border-color:var(--color-interactive-primary)}.radio-option:has(input[type=radio]:checked){background-color:var(--color-surface-elevated);border-color:var(--color-interactive-primary);box-shadow:0 0 0 2px #4791d033}.radio-option input[type=radio]{accent-color:var(--color-interactive-primary);flex-shrink:0;position:absolute;top:1rem;left:1rem}.radio-option>span{color:var(--color-text-secondary);margin-left:1.75rem;font-size:.875rem;font-weight:400}.radio-option input[type=radio]:checked~span{color:var(--color-text-primary);font-weight:500}.component-variant-empty{color:var(--color-text-tertiary);margin:0}.option-description{color:var(--color-text-tertiary);margin-left:1.75rem;font-size:.75rem;line-height:1.3}.btn-primary{background-color:var(--color-interactive-primary);color:#fff;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:var(--color-interactive-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-default);background-color:#0000;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:var(--color-surface-tertiary)}.route-page-title{margin:0 0 var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.route-page-copy{margin:0 0 var(--spacing-xl);font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);color:var(--color-text-secondary)}.route-page-copy__strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.config-error-page{max-width:56rem;padding:var(--spacing-xl);margin:0 auto}.config-error-title{margin:0 0 var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.config-error-alert{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--color-status-error);border-radius:var(--radius-sm);background-color:rgba(var(--color-status-error-rgb),.1)}.config-error-alert__copy{color:var(--color-status-error);margin:0}.config-section-block{margin-bottom:var(--spacing-lg)}.config-enabled-panel{gap:var(--spacing-xl);margin-top:var(--spacing-lg);padding-left:var(--spacing-xl);border-left:2px solid rgba(var(--color-brand-primary-rgb),.2);flex-direction:column;display:flex}.config-stack{gap:var(--spacing-lg);flex-direction:column;display:flex}.config-stack--tight{gap:var(--spacing-md)}.config-nested{margin-left:var(--spacing-xl)}.config-field-label{margin-bottom:var(--spacing-md);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.config-field-label--compact{margin-bottom:var(--spacing-sm)}.config-option-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.config-option-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.config-option-grid--one{grid-template-columns:1fr}.config-option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.config-inline-block{margin-top:var(--spacing-md)}.config-toggle-row{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.config-enabled-panel--compact{gap:var(--spacing-lg)}.config-info-panel{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid rgba(var(--color-brand-accent-rgb),.3);border-radius:var(--radius-lg);background-color:rgba(var(--color-brand-accent-rgb),.1)}.config-info-panel__layout{align-items:flex-start;gap:var(--spacing-md);display:flex}.config-info-panel__icon{width:1.25rem;height:1.25rem;color:var(--color-brand-accent);flex-shrink:0;margin-top:.125rem}.config-info-panel__body{flex:1}.config-info-panel__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.config-info-panel__copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin:0}.config-empty-panel{padding:var(--spacing-lg);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-tertiary)}.config-empty-panel__copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-tertiary);margin:0}.config-item-list{gap:var(--spacing-xl);margin-top:var(--spacing-xl);flex-direction:column;display:flex}.config-panel-title{font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.config-item-card{gap:var(--spacing-lg);padding:var(--spacing-lg);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-tertiary);flex-direction:column;display:flex}.config-item-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.config-help-text{margin:var(--spacing-sm)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.config-help-text--error{color:var(--color-status-error)}.config-link{color:var(--color-brand-accent);text-decoration:underline}.config-subtitle{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.config-row-stack{gap:var(--spacing-sm);flex-direction:column;display:flex}.config-field-row{align-items:center;gap:var(--spacing-md);display:flex}.config-field-row__label{width:5rem;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-tertiary);flex-shrink:0}.config-field-row__label--small{width:4rem}.config-field-row__label--disabled{color:var(--color-text-tertiary);opacity:.5}.config-field-row__control{flex:1}.config-field-row__select{width:9rem}.config-checkbox{width:1rem;height:1rem;accent-color:var(--color-brand-accent);flex-shrink:0}.safety-modal{z-index:50;padding:var(--spacing-lg);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.safety-modal__panel{width:100%;max-width:var(--container-md);padding:var(--spacing-2xl);border:1px solid rgba(var(--color-brand-accent-rgb),.3);border-radius:var(--radius-lg);background-color:var(--color-surface-elevated);box-shadow:var(--shadow-xl)}.safety-modal__title{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);font-family:var(--font-secondary);font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-accent);display:flex}.safety-modal__copy{margin:0 0 var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-primary)}.safety-modal__warning{margin:0 0 var(--spacing-xl);padding:var(--spacing-xs)var(--spacing-md);border:1px solid rgba(var(--color-brand-accent-rgb),.3);border-radius:var(--radius-sm);background-color:rgba(var(--color-brand-accent-rgb),.1);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium);color:var(--color-brand-accent)}.safety-modal__actions{justify-content:flex-end;gap:var(--spacing-md);display:flex}.safety-modal__button{padding:var(--spacing-sm)var(--spacing-lg)}.safety-modal__button--danger{background-color:var(--color-brand-accent);color:var(--color-text-inverse)}.safety-modal__button--danger:hover:not(:disabled){background-color:var(--color-interactive-accent-hover)}.preview-route{flex-direction:column;height:100%;display:flex}.preview-toolbar{margin-bottom:var(--spacing-lg)}.preview-toolbar__row{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.preview-title{font-family:var(--font-primary);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.preview-copy{margin:var(--spacing-xs)0 0;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.preview-actions{align-items:center;gap:var(--spacing-lg);display:flex}.preview-button{align-items:center;gap:var(--spacing-sm);display:inline-flex}.preview-button-icon,.preview-info__icon{flex-shrink:0;width:1rem;height:1rem}.preview-spinner{animation:1s linear infinite spin}.preview-scale-control{align-items:center;gap:var(--spacing-sm);display:flex}.preview-scale-label{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.preview-scale-select{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.preview-updated{align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);display:flex}.preview-updated__meta,.preview-dimensions{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.preview-demo-badge{align-items:center;gap:var(--spacing-xs);padding:.125rem var(--spacing-sm);border:1px solid rgba(var(--color-brand-primary-rgb),.2);border-radius:var(--radius-full);background-color:rgba(var(--color-brand-primary-rgb),.12);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium);color:var(--color-status-warning);display:inline-flex}.preview-stage{background-color:var(--color-surface-secondary);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.preview-state{padding:var(--spacing-2xl);text-align:center}.preview-state__icon{width:3rem;height:3rem;margin:0 auto var(--spacing-lg)}.preview-state__icon--error{color:var(--color-status-error)}.preview-state__icon--loading{color:var(--color-brand-primary);animation:1s linear infinite spin}.preview-state__spinner-track{opacity:.25}.preview-state__spinner-path{opacity:.75}.preview-state__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);font-weight:var(--font-weight-semibold);color:var(--color-status-error)}.preview-state__copy{margin:0 0 var(--spacing-lg);color:var(--color-text-secondary)}.preview-state__actions{justify-content:center;gap:var(--spacing-md);display:flex}.preview-frame-shell{position:relative}.preview-device-frame{padding:var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background-color:#000;position:relative;overflow:hidden}.preview-viewport{border-radius:var(--radius-sm);position:relative;overflow:hidden}.preview-iframe{transform-origin:0 0;border:none}.preview-dimensions-wrap{text-align:center;position:absolute;bottom:-1.5rem;left:0;right:0}.preview-info{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-elevated)}.preview-info__layout{align-items:flex-start;gap:var(--spacing-md);display:flex}.preview-info__icon{color:var(--color-status-info);margin-top:.125rem}.preview-info__body{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.preview-info__copy{color:var(--color-text-secondary);margin:0}.preview-modal-stack{gap:var(--spacing-md);flex-direction:column;display:flex}.preview-modal-download{justify-content:center;width:100%}.theme-locked-banner{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--color-status-warning);border-radius:var(--radius-lg);background-color:rgba(var(--color-status-warning-rgb),.1);display:flex}.theme-locked-banner__icon{width:1.25rem;height:1.25rem;color:var(--color-status-warning);flex-shrink:0;margin-top:.125rem}.theme-locked-banner__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.theme-locked-banner__copy{margin:var(--spacing-xs)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-secondary)}.theme-lockable--locked{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.theme-mode-grid,.theme-preset-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.theme-section-block{margin-bottom:var(--spacing-lg)}.theme-field-label,.theme-color-label{margin-bottom:var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium);display:block}.theme-field-label{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.theme-color-label{color:var(--color-text-secondary)}.theme-preset-grid{gap:var(--spacing-md)}.theme-preset-button{padding:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-tertiary);color:inherit;text-align:left;cursor:pointer;transition:all .2s}.theme-preset-button:hover{border-color:var(--color-border-focus);background-color:var(--color-surface-elevated)}.theme-preset-button--selected{border-color:var(--color-brand-primary);background-color:rgba(var(--color-brand-primary-rgb),.12)}.theme-preset-swatches{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.theme-preset-swatch-list{gap:var(--spacing-xs);display:flex}.theme-preset-swatch{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem}.theme-preset-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.theme-preset-description{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.theme-custom-panel{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-lg);background-color:var(--color-surface-tertiary)}.theme-custom-title{margin:0 0 var(--spacing-lg);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.theme-custom-stack{gap:var(--spacing-lg);flex-direction:column;display:flex}.theme-color-help{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.theme-color-row{align-items:center;gap:var(--spacing-md);display:flex}.theme-color-input{border-radius:var(--radius-sm);cursor:pointer;border:0;width:5rem;height:2.5rem}.theme-color-text-input{flex:1}.theme-preset-note{margin:var(--spacing-lg)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.export-summary-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media(min-width:768px){.export-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.export-summary-section__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.export-summary-list{gap:var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);flex-direction:column;display:flex}.export-summary-row{justify-content:space-between;gap:var(--spacing-lg);display:flex}.export-summary-row--center{align-items:center}.export-summary-label{color:var(--color-text-secondary)}.export-summary-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-align:right}.export-summary-value--caps{text-transform:uppercase}.export-summary-value--capitalize{text-transform:capitalize}.export-color-swatches{gap:var(--spacing-xs);display:flex}.export-color-swatch{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:1.25rem;height:1.25rem}.export-section-copy{margin:0 0 var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.export-action-stack{gap:var(--spacing-md);flex-direction:column;display:flex}.export-button-icon{margin-right:var(--spacing-sm);display:inline}.export-spinner{width:1.25rem;height:1.25rem;margin-left:-.25rem;margin-right:var(--spacing-md);animation:1s linear infinite spin;display:inline}@keyframes spin{to{transform:rotate(360deg)}}.export-spinner__track{opacity:.25}.export-spinner__path{opacity:.75}.export-status{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium)}.export-status--success{color:var(--color-status-success)}.export-status--error{color:var(--color-status-error)}.setup-notice{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:rgba(var(--color-brand-accent-rgb),.1);border:1px solid rgba(var(--color-brand-accent-rgb),.3);border-radius:var(--radius-lg)}.setup-notice__layout{align-items:flex-start;gap:var(--spacing-md);display:flex}.setup-notice__icon{width:1.25rem;height:1.25rem;color:var(--color-brand-accent);flex-shrink:0;margin-top:.125rem}.setup-notice__body{flex:1}.setup-notice__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.setup-notice__copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin:0}.setup-link{color:var(--color-brand-accent);font-weight:var(--font-weight-medium)}.setup-link:hover{text-decoration:underline}.setup-section-copy{margin:0 0 var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.setup-action-row{align-items:center;gap:var(--spacing-md);display:flex}.setup-action-row--wrap{flex-wrap:wrap}.setup-button-icon{margin-right:var(--spacing-sm);display:inline}.setup-status{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-medium)}.setup-status--success{color:var(--color-status-success)}.setup-status--error{color:var(--color-status-error)}.setup-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:rgba(var(--color-status-warning-rgb),.1);border:1px solid rgba(var(--color-status-warning-rgb),.3);border-radius:var(--radius-lg)}.setup-warning__title{margin-bottom:var(--spacing-xs);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-status-warning)}.setup-warning__copy{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.setup-small-copy{margin:var(--spacing-md)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.setup-inline-note{margin-left:var(--spacing-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-tertiary)}.setup-current-resolution{margin-top:var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.setup-summary{margin-top:var(--spacing-lg);background-color:var(--color-surface-tertiary)}.setup-summary__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.setup-summary__list{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.setup-summary__value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.setup-demo-modal{z-index:1000;padding:var(--spacing-lg);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.setup-demo-modal__panel{width:100%;max-width:31.25rem;padding:var(--spacing-xl);background-color:var(--color-surface-elevated);border:1px solid var(--color-brand-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.setup-demo-modal__title{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);font-family:var(--font-secondary);font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-accent);display:flex}.setup-demo-modal__copy{margin:0 0 var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-primary)}.setup-demo-modal__warning{margin:0 0 var(--spacing-xl);padding:var(--spacing-xs).625rem;background-color:rgba(var(--color-brand-accent-rgb),.1);border:1px solid rgba(var(--color-brand-accent-rgb),.3);border-radius:var(--radius-sm);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-medium);color:var(--color-brand-accent)}.setup-demo-modal__actions{gap:var(--spacing-md);flex-direction:column;display:flex}.setup-demo-modal__button-row{gap:var(--spacing-md);display:flex}.setup-demo-modal__button{flex:1}.setup-demo-modal__download{width:100%}.custom-upload-section{background-color:var(--color-surface-tertiary);border:2px dashed var(--color-border-default);text-align:center;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.upload-button{background-color:var(--color-interactive-primary);color:#fff;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.upload-button:hover{background-color:var(--color-interactive-primary-hover)}.upload-hint{color:var(--color-text-tertiary);margin-top:.5rem;font-size:.75rem}.upload-error{color:var(--color-status-error);margin-top:.5rem;font-size:.875rem;font-weight:500}.custom-icon-preview{border-bottom:1px solid var(--color-border-default);margin-bottom:1.5rem;padding-bottom:1.5rem}.icon-section-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.modal-large{max-width:900px}.help-editor{flex-direction:column;gap:1.5rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.textarea-field{background-color:var(--color-surface-tertiary);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:.875rem;font-family:var(--font-sans);resize:vertical;border-radius:6px;min-height:60px;padding:.625rem;transition:border-color .2s}.textarea-field:focus{border-color:var(--color-interactive-primary);outline:none}.features-list{flex-direction:column;gap:.5rem;display:flex}.feature-item{align-items:center;gap:.5rem;display:flex}.feature-item .input-field{flex:1}.btn-add-small{background-color:var(--color-interactive-primary);color:#fff;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-add-small:hover{background-color:var(--color-interactive-primary-hover)}.btn-remove-small{background-color:var(--color-status-error);color:#fff;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.25rem;line-height:1;transition:all .2s;display:flex}.btn-remove-small:hover{background-color:var(--color-status-error-strong)}.page-help-modal__hidden-input{display:none}.page-help-modal__upload-error,.page-help-modal__empty-copy{margin:var(--spacing-xs)0 0;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.page-help-modal__upload-error{color:var(--color-status-error)}.page-help-modal__empty-copy{color:var(--color-text-secondary)}.page-help-modal__media-list{gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.page-help-modal__media-item{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex}.page-help-modal__thumbnail{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:#0003;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;overflow:hidden}.page-help-modal__thumbnail-image{object-fit:contain;max-width:100%;max-height:100%}.page-help-modal__media-fields{flex-direction:column;flex:1;gap:.375rem;display:flex}.page-help-modal__media-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.page-help-modal__filename{text-overflow:ellipsis;white-space:nowrap;max-width:11.25rem;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-secondary);overflow:hidden}.page-help-modal__media-actions{align-items:center;gap:var(--spacing-xs);display:flex}.page-help-modal__icon-button{color:var(--color-text-secondary);transition:color var(--transition-base),opacity var(--transition-base);padding:.125rem}.page-help-modal__icon-button:hover:not(:disabled){color:var(--color-text-primary)}.page-help-modal__icon-button:disabled{opacity:.3}.page-help-modal__icon-button--danger{color:var(--color-status-error)}.page-help-modal__icon-button--danger:hover:not(:disabled){color:var(--color-status-error-strong)}.page-help-modal__compact-input{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.channel-assignments{background-color:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.channel-assignments__header{margin-bottom:var(--spacing-lg)}.channel-assignments__title{font-size:var(--font-size-text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)0}.channel-assignments__description{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary);margin:0}.channel-assignments__grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.channel-assignments__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.channel-assignments__field--full{grid-column:1/-1}.channel-assignments__label{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.channel-assignments .input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md)center;padding-right:calc(var(--spacing-lg) + 12px);cursor:pointer}.channel-assignments .input-field:hover{border-color:var(--color-border-focus)}.io-table-root{width:100%}.io-toolbar{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.io-toolbar__button{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.io-toolbar__icon{margin-top:-.125rem;margin-right:.375rem;display:inline}.io-summary{align-items:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-lg);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);display:flex}.io-summary__value{color:var(--color-text-primary)}.io-print-only{display:none}.io-print-title{font-size:var(--font-size-text-xl);font-weight:var(--font-weight-bold);margin:0}.io-print-meta{font-size:var(--font-size-text-xs);color:#6b7280;margin:0}.io-section{margin-top:var(--spacing-xl)}.io-section-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.io-section-title__meta{margin-left:var(--spacing-sm);font-size:var(--font-size-text-xs);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.io-table{border-collapse:collapse;width:100%;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.io-table--compact .io-th,.io-table--compact .io-td{padding:var(--spacing-xs)var(--spacing-sm)}.io-th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;font-size:var(--font-size-text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);border-bottom:2px solid var(--color-border-default);white-space:nowrap}.io-th-narrow{text-align:center;width:60px}.io-td{padding:var(--spacing-xs)var(--spacing-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.io-td--center{text-align:center}.io-td--primary{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.io-empty{color:var(--color-text-tertiary);font-size:var(--font-size-text-xs)}.io-tr{transition:background-color var(--transition-base)}.io-tr:hover{background-color:var(--color-surface-elevated)}.io-tr-enabled{background-color:rgba(var(--color-status-success-rgb),.04)}.io-tr-enabled:hover{background-color:rgba(var(--color-status-success-rgb),.08)}.io-tr-system{background-color:rgba(var(--color-status-info-rgb),.04)}.io-status-dot{border-radius:var(--radius-full);width:.5rem;height:.5rem;display:inline-block}.io-status-dot--enabled{background-color:var(--color-status-success)}.io-status-dot--disabled{background-color:var(--color-border-default)}.io-status-dot--system{background-color:var(--color-interactive-primary)}.io-badge{border-radius:var(--radius-sm);font-size:var(--font-size-text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;padding:1px 8px;display:inline-block}.io-badge-output{background-color:rgba(var(--color-status-success-rgb),.12);color:var(--color-status-success)}.io-badge-input{background-color:rgba(var(--color-status-info-rgb),.12);color:var(--color-status-info)}.io-badge-can{background-color:rgba(var(--color-status-warning-rgb),.12);color:var(--color-status-warning)}.io-badge-serial{background-color:rgba(var(--color-brand-accent-rgb),.12);color:var(--color-brand-accent)}.io-badge-ground{background-color:var(--color-surface-tertiary);color:var(--color-text-tertiary)}.io-pill{border-radius:var(--radius-full,999px);font-size:var(--font-size-text-xs);font-weight:var(--font-weight-medium);background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);text-transform:capitalize;padding:1px 8px;display:inline-block}.io-tag{border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium);background-color:var(--color-surface-tertiary);color:var(--color-text-tertiary);text-transform:capitalize;vertical-align:middle;padding:0 6px;display:inline-block}.io-tag--inline{margin-left:var(--spacing-sm)}.io-integrations-note{margin:0 0 var(--spacing-sm);max-width:52rem;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary)}.io-multitap-recommendation{margin:var(--spacing-md)0 var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-surface-secondary)}.io-multitap-recommendation__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex}.io-multitap-recommendation__eyebrow{margin:0 0 var(--spacing-xs);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase}.io-multitap-recommendation__summary{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-primary);margin:0}.io-multitap-recommendation__meta{gap:var(--spacing-xs);min-width:11rem;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:flex-end;display:flex}.io-multitap-recommendation__meta span,.io-multitap-recommendation__warning{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface-primary);padding:2px 8px}.io-multitap-recommendation__warning{color:var(--color-status-warning);margin:0;display:inline-block}.io-multitap-recommendation__note{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background-color:var(--color-surface-primary);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin:0}.io-multitap-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.io-multitap-grid--single{grid-template-columns:minmax(260px,460px)}.io-multitap-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-surface-primary);margin:0;overflow:hidden}.io-multitap-card__image{width:100%;height:auto;display:block}.io-multitap-card__caption{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-top:1px solid var(--color-border-light);display:flex}.io-multitap-card__label{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.io-multitap-card__state{max-width:12rem;font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);color:var(--color-text-secondary);text-align:right}.io-multitap-assignments{gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md)var(--spacing-md);border-top:1px solid var(--color-border-light);display:grid;overflow-x:auto}.io-multitap-assignment-group{gap:var(--spacing-xs);display:grid}.io-multitap-assignment-group__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.io-multitap-assignment-table{width:100%;min-width:22rem}.io-multitap-assignment-table td:first-child{width:42%}.io-victron-instance{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:grid}.io-victron-instance__header{gap:var(--spacing-xs);display:grid}.io-victron-instance__title{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.io-victron-instance__note{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-secondary);margin:0}.io-victron-instance__table-wrap{overflow-x:auto}.io-victron-instance__table{min-width:34rem}.io-victron-instance__table th:nth-child(3),.io-victron-instance__table td:nth-child(3){text-align:center;width:8rem}@media(max-width:768px){.io-multitap-recommendation__header{flex-direction:column}.io-multitap-recommendation__meta{justify-content:flex-start;min-width:0}.io-multitap-card__caption{gap:var(--spacing-xs);flex-direction:column}.io-multitap-card__state{text-align:left;max-width:none}}@media print{body>*{visibility:hidden}.io-table-root{width:100%;padding:12mm;position:absolute;top:0;left:0;visibility:visible!important}.io-table-root *{visibility:visible!important}.io-print-hidden,nav,header,.btn-primary,.btn-secondary:not(.io-table-root .btn-secondary){display:none!important}.io-print-only{display:block!important}.io-table{page-break-inside:auto;font-size:9pt}.io-tr{page-break-inside:avoid}.io-th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#111827!important;background-color:#f3f4f6!important}.io-td{color:#111827!important;border-bottom-color:#e5e7eb!important}.io-badge,.io-pill{border:1px solid #d1d5db;color:#374151!important;background-color:#0000!important}.io-tag{border:1px solid #d1d5db;color:#6b7280!important;background-color:#0000!important}.io-tr-enabled{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#10b9810f!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}