@import"https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap";.tabs{width:100%}.tabs__header{display:flex;gap:var(--ui-space-tiny);border-bottom:var(--ui-border-width-thick) solid var(--ui-border);margin-bottom:var(--ui-space-md)}.tabs__tab{padding:var(--ui-space-sm) var(--ui-space-md);background:none;border:none;border-bottom:var(--ui-border-radius-sm) solid transparent;font-size:var(--ui-font-size-small);font-weight:500;color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-transition-fast) ease;position:relative;top:var(--ui-space-tiny)}.tabs__tab:hover{color:var(--ui-text);background-color:var(--tabs-active-bg, var(--ui-bg-subtle))}.tabs__tab--active{color:var(--tabs-active-color, var(--ui-primary));border-bottom-color:var(--tabs-active-color, var(--ui-primary));font-weight:600;background-color:var(--tabs-active-bg, transparent)}.tabs__content{animation:fadeIn var(--ui-transition-fast) ease;position:relative;z-index:1;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(calc(var(--ui-space-xs) * -1))}to{opacity:1;transform:translateY(0)}}.accordion{margin-bottom:var(--ui-space-md);background:transparent;border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius);overflow:hidden;transition:box-shadow var(--ui-transition-fast) ease,border-color var(--ui-transition-fast) ease,transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;position:relative;z-index:1;transform-origin:center center}.accordion-open{overflow:visible;z-index:100}.accordion:hover{box-shadow:var(--ui-shadow-md)}.accordion-active{border:var(--ui-border-width-thick) solid var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent),var(--ui-shadow-lg);z-index:200;animation:accordion-appear var(--ui-animation-accordion-appear, .6s) cubic-bezier(.34,1.56,.64,1)}@keyframes accordion-appear{0%{transform:scale(.85) translateY(-8px);opacity:.5}60%{transform:scale(1.02) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.accordion:not(.accordion-active){animation:accordion-settle var(--ui-animation-accordion-settle, .5s) cubic-bezier(.4,0,.2,1)}@keyframes accordion-settle{0%{transform:scale(1);opacity:1}50%{transform:scale(.98);opacity:.9}to{transform:scale(1);opacity:1}}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-sm);padding:var(--ui-space-sm) var(--ui-space-md);background:transparent;border:none;cursor:pointer;font-family:inherit;transition:background-color var(--ui-transition-fast) ease}.accordion-header:focus-visible{outline:var(--ui-border-width-thick) solid var(--ui-primary);outline-offset:var(--ui-outline-offset-inset)}.accordion-label{font-size:var(--ui-font-size-base);font-weight:600;color:var(--ui-text);text-align:left;flex:0 0 auto}.accordion-header-content{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-sm)}.accordion-icon{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);transition:transform var(--ui-transition-fast) ease;flex-shrink:0}.accordion-open .accordion-icon{transform:rotate(0)}.accordion-content{padding:var(--ui-space-md);border-top:var(--ui-border-width) solid var(--ui-border);animation:accordion-expand var(--ui-transition-fast) ease}@keyframes accordion-expand{0%{opacity:0;transform:translateY(var(--ui-lift-tiny))}to{opacity:1;transform:translateY(0)}}.slider{display:flex;flex-direction:column;gap:var(--ui-space-xs);padding:var(--ui-space-sm) 0}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:var(--ui-font-size-small);color:var(--ui-text);font-weight:500}.slider-value{display:inline-flex;align-items:baseline;gap:var(--ui-space-tiny);justify-content:center}.slider-value-input{width:5ch;font-size:var(--ui-font-size-small);color:var(--ui-text-muted);font-family:var(--ui-font-instructional, "Monaco", "Courier New", monospace);font-weight:600;background:transparent;border:none;text-align:center}.slider-value-input:disabled{opacity:.7}.slider-value-unit{font-size:var(--ui-font-size-instruction);color:var(--ui-text-muted)}.slider-value-row{display:flex;justify-content:center;margin-top:var(--ui-space-xs)}.slider-range-chip{border:1px solid var(--ui-border);background:var(--ui-bg-subtle);color:var(--ui-text-muted);font-size:var(--ui-font-size-instruction);padding:2px 8px;border-radius:999px;cursor:pointer;margin-left:var(--ui-space-xs);white-space:nowrap}.slider-range-chip:disabled{cursor:default;opacity:.7}.slider-range-chip:hover:not(:disabled){background:var(--ui-panel-bg);color:var(--ui-text);border-color:var(--ui-text-muted)}.slider-range-chip-inline{font-size:var(--ui-font-size-instruction);padding:1px 6px;margin-right:var(--ui-space-xs)}.slider-preset-button{border:none;background:transparent;font-family:Cormorant Garamond,serif;letter-spacing:.2em;font-size:var(--ui-font-size-instruction);color:var(--ui-text-muted);cursor:pointer;padding:0;margin-left:var(--ui-space-xs)}.slider-preset-button .preset-active{color:var(--ui-text);font-weight:600}.slider-preset-button:disabled{cursor:default;opacity:.6}.slider-input{width:100%;height:var(--ui-space-micro);border-radius:var(--ui-border-radius-sm);background:var(--ui-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background var(--ui-transition-fast)}.slider-input:hover{background:var(--ui-text-muted)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--ui-space-micro) * 3);height:calc(var(--ui-space-micro) * 3);border-radius:50%;background:var(--slider-indicator, var(--ui-primary));cursor:pointer;transition:all var(--ui-transition-fast);border:var(--ui-border-width) solid white;box-shadow:var(--ui-shadow-sm)}.slider-input::-webkit-slider-thumb:hover{background:var(--slider-indicator, var(--ui-primary));transform:scale(1.1);box-shadow:var(--ui-shadow-md)}.slider-input::-moz-range-thumb{width:calc(var(--ui-space-micro) * 3);height:calc(var(--ui-space-micro) * 3);border-radius:50%;background:var(--slider-indicator, var(--ui-primary));cursor:pointer;transition:all var(--ui-transition-fast);border:var(--ui-border-width) solid white;box-shadow:var(--ui-shadow-sm)}.slider-input::-moz-range-thumb:hover{background:var(--slider-indicator, var(--ui-primary));transform:scale(1.1);box-shadow:var(--ui-shadow-md)}.slider-input:focus-visible{outline:var(--ui-border-width-thick) solid var(--slider-indicator, var(--ui-primary));outline-offset:var(--ui-outline-offset)}._checkboxLabel_tself_1{display:flex;align-items:center;gap:var(--ui-space-sm);cursor:pointer}._checkboxLabelText_tself_8{font-size:var(--ui-font-size-small)}._sectionColumn_tself_12{display:flex;flex-direction:column;gap:var(--ui-space-md)}._columnSm_tself_18{display:flex;flex-direction:column;gap:var(--ui-space-sm)}._inlineControlLabel_tself_24{display:flex;align-items:center;gap:var(--ui-space-sm)}._instructionParagraph_tself_30{font-family:var(--ui-font-instructional);font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin:var(--ui-space-xs) 0 var(--ui-space-md);line-height:1.6}._indentedColumn_tself_38{margin-left:var(--ui-space-lg);display:flex;flex-direction:column;gap:var(--ui-space-xs);padding-left:var(--ui-space-sm);border-left:var(--ui-border-width-thick) solid var(--ui-border)}._sectionDivider_tself_47{margin-top:var(--ui-space-sm);padding-top:var(--ui-space-md);border-top:var(--ui-border-width) solid var(--ui-border)}._blockLabelSmall_tself_53{display:block;font-size:var(--ui-font-size-small);font-weight:var(--ui-font-weight-semibold);margin-bottom:var(--ui-space-sm)}._fullWidthSelect_tself_60{width:100%;padding:var(--ui-space-sm);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg);color:var(--ui-text);font-size:var(--ui-font-size-small)}._helperParagraph_tself_70{font-size:var(--ui-font-size-small);font-family:var(--ui-font-instructional);color:var(--ui-text-muted);line-height:1.6;margin-top:var(--ui-space-xs)}._mutedItalicParagraph_tself_78{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);font-style:italic;margin-bottom:var(--ui-space-sm)}._gridColumn_tself_85{display:flex;flex-direction:column;gap:var(--ui-space-sm)}._gridOptions_tself_91{display:grid;gap:var(--ui-space-xs);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}._tokenRow_tself_97{display:flex;gap:var(--ui-space-xs);align-items:center;background:var(--ui-bg-subtle);padding:var(--ui-space-xs) var(--ui-space-sm);border-radius:var(--ui-radius);border:1px solid var(--ui-border-subtle)}._tokenRowBaseline_tself_107{display:flex;gap:var(--ui-space-xs);align-items:baseline}._tokenName_tself_113{color:var(--ui-primary);font-weight:600;min-width:200px}._tokenNameWide_tself_119{color:var(--ui-secondary);font-weight:600;min-width:250px}._tokenValue_tself_125{color:var(--ui-text);opacity:.8}._colorSwatch_tself_130{width:16px;height:16px;border:1px solid var(--ui-border);border-radius:2px;flex-shrink:0}._mutedParagraph_tself_138{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin-bottom:var(--ui-space-sm)}._spacingOverlayParagraph_tself_144{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin-top:calc(-1 * var(--ui-space-sm));margin-left:calc(var(--ui-space-lg) + var(--ui-space-xs))}._gridLegend_tself_151{font-size:var(--ui-font-size-small);font-weight:600;color:var(--ui-text-secondary);margin-bottom:var(--ui-space-xs)}._indentedInfo_tself_158{margin-left:var(--ui-space-lg);display:flex;flex-direction:column;gap:var(--ui-space-xs);padding-left:var(--ui-space-sm);border-left:var(--ui-border-width-thick) solid var(--ui-border)}._dogfoodingLabel_tself_167{display:flex;align-items:center;gap:var(--ui-space-sm);cursor:pointer;padding:var(--ui-space-sm);background-color:var(--ui-bg-subtle);border-radius:var(--ui-border-radius)}._italicInstruction_tself_177{font-family:var(--ui-font-instructional);font-size:var(--ui-font-size-small);font-style:italic;color:var(--ui-text-muted);margin-top:var(--ui-space-xs);margin-bottom:0}._italicInstructionIndented_tself_186{font-family:var(--ui-font-instructional);font-size:var(--ui-font-size-small);font-style:italic;color:var(--ui-text-muted);margin-top:var(--ui-space-xs);margin-bottom:0;margin-left:calc(var(--ui-space-lg) + var(--ui-space-xs))}._variableGrid_tself_196{display:grid;gap:var(--ui-space-xs);font-size:var(--ui-font-size-small);font-family:var(--ui-font-mono);max-height:400px;overflow-y:auto;background:var(--ui-bg-subtle);padding:var(--ui-space-sm);border-radius:var(--ui-radius);border:1px solid var(--ui-border)}.font-selector{display:flex;flex-direction:column;gap:var(--ui-spacing-xs);position:relative;isolation:isolate}.font-selector__label{display:flex;align-items:baseline;gap:var(--ui-spacing-xs);font-size:var(--ui-font-size-base);font-weight:500;color:var(--ui-text)}.font-selector__help{font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-size:var(--ui-font-size-mini);font-weight:400;color:var(--ui-text-muted);font-style:italic}.font-selector__input-wrapper{position:relative;display:flex;align-items:center}.font-selector__input{width:100%;padding:var(--ui-spacing-xs) var(--ui-spacing-sm);padding-right:2rem;font-size:var(--ui-font-size-base);font-family:inherit;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-border-radius);outline:none;transition:border-color .2s ease}.font-selector__input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-alpha-10)}.font-selector__input::placeholder{color:var(--ui-text-muted)}.font-selector__status{position:absolute;right:var(--ui-spacing-xs);font-size:var(--ui-font-size-base);pointer-events:none}.font-selector__status--loading{animation:pulse 1.5s ease-in-out infinite}.font-selector__status--error{color:var(--ui-danger, #e74c3c)}.font-selector__status--success{color:var(--ui-success, #27ae60)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.font-selector__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--ui-spacing-micro);max-height:300px;overflow-y:auto;background-color:var(--ui-surface, var(--ui-bg, #fafafa));border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow-lg);z-index:10000}.font-selector:focus-within .font-selector__dropdown{z-index:10001}.font-selector__category{display:flex;flex-direction:column}.font-selector__category+.font-selector__category{border-top:1px solid var(--ui-border-subtle)}.font-selector__category-label{padding:var(--ui-spacing-xs) var(--ui-spacing-sm);font-size:var(--ui-font-size-mini);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-muted);background:var(--ui-bg);position:sticky;top:0;z-index:10}.font-selector__option{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-spacing-sm);padding:var(--ui-spacing-xs) var(--ui-spacing-sm);border:none;background:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease;width:100%}.font-selector__option:hover,.font-selector__option--selected{background:var(--ui-primary-alpha-10)}.font-selector__option-name{font-size:var(--ui-font-size-base);color:var(--ui-text);flex:1}.font-selector__option-category{font-size:var(--ui-font-size-mini);color:var(--ui-text-muted);font-style:italic}.font-selector__no-results{padding:var(--ui-spacing-sm);font-size:var(--ui-font-size-base);color:var(--ui-text-muted);text-align:center;font-style:italic}.font-selector__dropdown::-webkit-scrollbar{width:8px}.font-selector__dropdown::-webkit-scrollbar-track{background:var(--ui-surface-raised)}.font-selector__dropdown::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:4px}.font-selector__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ui-text-muted)}.hint{display:flex;align-items:flex-start;gap:var(--ui-space-sm);background:var(--ui-hint-bg, var(--ui-bg-subtle));border:var(--ui-border-width) solid var(--ui-border);border-left:var(--ui-border-radius-sm) solid var(--ui-hint-accent, var(--ui-primary));border-radius:var(--ui-border-radius);padding:var(--ui-space-sm);color:var(--ui-text);font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-size:var(--ui-font-size-small)}.hint__icon{color:var(--ui-hint-accent, var(--ui-primary));font-size:1.2em;line-height:1}.hint__body{flex:1}.hint__title{font-weight:600;margin:0 0 var(--ui-space-xs) 0}.hint__text{color:var(--ui-text-muted)}.text-input{margin-bottom:var(--ui-space-md)}.text-input__label{display:block;font-size:var(--ui-font-size-small);font-weight:500;color:var(--ui-text);margin-bottom:var(--ui-space-xs)}.text-input__field{width:100%;padding:var(--ui-space-sm);font-size:var(--ui-font-size);font-family:inherit;color:var(--ui-text);background-color:var(--ui-bg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius-sm);transition:all var(--ui-transition-fast) ease;box-sizing:border-box}.text-input__field:focus{outline:none;border-color:var(--ui-primary);box-shadow:0 0 0 var(--ui-border-radius-sm) var(--ui-primary-alpha)}.text-input__field::placeholder{color:var(--ui-text-muted)}.relationship-table-editor{display:flex;flex-direction:column;height:100%;background:var(--ui-bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-boundary{background:var(--ui-danger-bg, #fff0f0);border:1px solid var(--ui-danger, #c53030);padding:var(--ui-space-md);border-radius:var(--ui-radius);color:var(--ui-danger, #c53030);font-size:var(--ui-font-size-small)}.error-boundary button{margin-top:var(--ui-space-sm);padding:var(--ui-space-xs) var(--ui-space-sm);border:none;border-radius:var(--ui-radius-sm, 4px);background:var(--ui-danger, #c53030);color:#fff;cursor:pointer}.table-tabs{display:flex;gap:var(--ui-space-xs);padding:var(--ui-space-xs);border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}.table-tab{padding:var(--ui-space-xs) var(--ui-space-sm);background:transparent;border:1px solid transparent;border-radius:var(--ui-radius);color:var(--ui-text-muted);font-family:var(--ui-font-family);font-size:var(--ui-font-size-small);cursor:pointer;transition:all .15s ease}.table-tab:hover{background:var(--ui-bg-subtle);color:var(--ui-text)}.table-tab.active{background:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.table-container{flex:1;overflow:auto;padding:var(--ui-space-micro)}.relationship-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--ui-font-family);font-size:var(--ui-font-size-small);border:1px solid var(--ui-border)}.relationship-table thead th{position:sticky;top:0;background:var(--ui-surface);color:var(--ui-text);font-weight:600;text-align:left;padding:var(--ui-space-xs) var(--ui-space-xs);border-bottom:2px solid var(--ui-border);border-right:1px solid var(--ui-border);z-index:10}.relationship-table thead th:last-child{border-right:none}.relationship-table thead th .col-label{display:inline-flex;flex-direction:column;gap:var(--ui-space-tiny)}.relationship-table thead th .col-note{font-size:var(--ui-font-size-instruction);color:var(--ui-text-muted);font-weight:400}.relationship-table thead th.col-disabled{opacity:.7;color:var(--ui-text-muted)}.relationship-table tbody td{padding:var(--ui-space-xs);border-bottom:1px solid var(--ui-border-subtle);border-right:1px solid var(--ui-border);vertical-align:top;min-width:0;overflow:hidden}.relationship-table tbody td:last-child{border-right:none}.relationship-table tbody tr:hover{background:var(--ui-bg-subtle)}.relationship-table tbody td.cell-disabled{opacity:.6}.relationship-table tbody td.cell-disabled input,.relationship-table tbody td.cell-disabled select,.relationship-table tbody td.cell-disabled button{cursor:not-allowed}.cell-text{font-weight:500;color:var(--ui-text);font-size:var(--ui-font-size-small)}.cell-dropdown select{width:100%;padding:var(--ui-space-tiny) var(--ui-space-xs);background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);color:var(--ui-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-small);cursor:pointer}.cell-dropdown select:focus{outline:none;border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-transparent, rgba(128, 90, 213, .1))}.cell-dropdown select:disabled{opacity:.5;cursor:not-allowed;background:var(--ui-bg-subtle)}.cell-dropdown-wrapper{display:flex;flex-direction:column;gap:var(--ui-space-tiny);align-items:stretch}.cell-dropdown-wrapper .color-swatch{width:100%;height:var(--ui-space-sm);border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border);flex-shrink:0}.cell-dropdown-wrapper select{width:100%}.relationship-table tbody td .cell-slider{display:flex;flex-direction:column;gap:var(--ui-space-tiny);min-width:0;width:100%}.relationship-table tbody td .cell-slider .slider-controls{display:flex;align-items:center;gap:var(--ui-space-xs);width:100%}.relationship-table tbody td .cell-slider input[type=range]{flex:1;min-width:60px;height:2px;background:var(--ui-border);border-radius:var(--ui-radius-sm);outline:none;-webkit-appearance:none}.relationship-table tbody td .cell-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--ui-space-sm);height:var(--ui-space-sm);border-radius:50%;background:var(--ui-primary);cursor:pointer;box-shadow:0 1px 2px #00000026}.slider-mode-toggle{border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-text);font-size:var(--ui-font-size-instruction);border-radius:var(--ui-radius-sm, 4px);padding:2px 6px;cursor:pointer;flex-shrink:0}.slider-mode-toggle:hover{background:var(--ui-bg-subtle)}.relationship-table tbody td .cell-slider input[type=range]::-moz-range-thumb{width:var(--ui-space-sm);height:var(--ui-space-sm);border-radius:50%;background:var(--ui-primary);cursor:pointer;border:none;box-shadow:0 1px 2px #00000026}.slider-value{font-size:var(--ui-font-size-instruction);font-family:var(--ui-font-mono, monospace);color:var(--ui-text-muted);min-width:3.5em;text-align:right;flex-shrink:0}.relationship-table tbody td .cell-computed{display:flex;flex-direction:column;gap:var(--ui-space-tiny);align-items:stretch}.relationship-table tbody td .cell-computed .color-swatch{width:100%;height:var(--ui-space-sm);border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border);flex-shrink:0}.color-swatch{width:var(--ui-space-md);height:var(--ui-space-md);border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border);flex-shrink:0}.computed-label{font-size:var(--ui-font-size-instruction);color:var(--ui-text-muted);text-align:center}.relationship-table tbody td .cell-preview{min-height:var(--ui-space-lg);padding:var(--ui-space-tiny);background:transparent;border:0;display:flex;align-items:center;justify-content:center}.tab-description{margin:0 0 var(--ui-space-xs);padding:var(--ui-space-xs);border-left:3px solid var(--ui-border);font-size:var(--ui-font-size-instruction);color:var(--ui-text-muted);background:var(--ui-bg-subtle);border-radius:var(--ui-radius)}.spacing-overlay{position:relative}.spacing-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-blueprint, transparent);pointer-events:none;z-index:1}.spacing-overlay__svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.spacing-overlay__label{font-family:var(--ui-font-family, system-ui, sans-serif);font-size:var(--ui-font-size-mini, 12px);fill:var(--ui-secondary, oklch(.65 .1 280));paint-order:stroke;stroke:var(--ui-bg, white);stroke-width:var(--ui-border-radius-sm, 6px)}.spacing-overlay__legend{position:absolute;right:var(--ui-space-sm, 8px);top:var(--ui-space-sm, 8px);background:var(--ui-bg, #fff);border:var(--ui-border-width, 1px) solid var(--ui-border, #ccc);border-radius:var(--ui-border-radius, 4px);padding:var(--ui-space-xs, 4px) var(--ui-space-sm, 8px);color:var(--ui-text, #333);font-size:var(--ui-font-size-small, 14px);z-index:3}.info-chip{display:inline-flex;align-items:center;gap:var(--ui-space-sm);background:var(--ui-bg-subtle);color:var(--ui-text);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius-pill);padding:var(--ui-space-tiny) var(--ui-space-sm);font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-size:var(--ui-font-size-mini);font-weight:var(--ui-font-weight-semibold, 600);line-height:var(--ui-line-height-tight, 1);margin:var(--ui-space-sm) var(--ui-space-tiny) 0 0;-webkit-user-select:none;user-select:none;white-space:nowrap}.info-chip.tone-primary{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 15%,white)}.info-chip.tone-secondary{color:var(--color-secondary);border-color:var(--color-secondary);background:color-mix(in oklch,var(--color-secondary) 15%,white)}.info-chip.tone-warning{background:color-mix(in oklch,var(--ui-warning) 20%,white);color:var(--ui-warning);border-color:var(--ui-warning)}.info-chip.tone-danger{background:color-mix(in oklch,var(--ui-danger) 20%,white);color:var(--ui-danger);border-color:var(--ui-danger)}.info-chip.tone-info{background:color-mix(in oklch,var(--ui-info) 20%,white);color:var(--ui-info);border-color:var(--ui-info)}.info-chip.sev-error{border-color:var(--ui-danger);color:var(--ui-danger)}.info-chip.sev-warning{border-color:var(--ui-warning);color:var(--ui-warning)}.info-chip.sev-info{border-color:var(--ui-info);color:var(--ui-info)}.info-chip-group{display:inline-flex;gap:var(--ui-space-xxs);align-items:center;margin-left:var(--ui-space-xxs);flex-wrap:wrap}.dt-color-swatch{background:var(--color-background);border:var(--border-width-card) var(--border-style-base) color-mix(in oklch,var(--border-color-card) calc(var(--border-opacity-card) * 100%),transparent);border-radius:var(--radius-sm);padding:var(--rim-spacing, var(--size-spacing-sm));width:fit-content;min-width:var(--size-spacing-xl);box-sizing:border-box;overflow:visible;display:inline-flex;flex-direction:column;vertical-align:top;line-height:1;transition:background-color .2s ease,border-color .15s ease;position:relative}.dt-color-swatch__chip{height:var(--size-spacing-xl);min-height:var(--size-spacing-xl);flex:0 0 var(--size-spacing-xl);display:block;border-radius:var(--radius-sm);border:var(--border-width-card) var(--border-style-base) color-mix(in oklch,var(--border-color-card) calc(var(--border-opacity-card) * 100%),transparent);width:100%;min-width:var(--size-spacing-3xl);position:relative}.dt-color-swatch__chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.dt-color-swatch__label{margin-top:var(--size-spacing-sm);font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);line-height:1.35}.dt-color-swatch__meta{margin-top:var(--size-spacing-xs);font-family:var(--font-body);font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.35}.dt-color-swatch__meta code{background:color-mix(in oklch,var(--swatch-accent, var(--color-primary)) 15%,var(--color-background));color:var(--swatch-accent, var(--color-primary));border:var(--border-width-base) var(--border-style-base) color-mix(in oklch,var(--swatch-accent, var(--color-primary)) 35%,var(--color-background));padding:calc(var(--size-spacing-xs) * .5) var(--size-spacing-xs);border-radius:var(--radius-xs);font-size:var(--font-size-tiny)}.dt-color-swatch__actions{display:flex;gap:var(--size-spacing-xs);margin-top:var(--size-spacing-xs);flex-wrap:wrap}.dt-color-swatch__btn{font-size:var(--font-size-tiny);padding:calc(var(--size-spacing-xs) * .5) var(--size-spacing-xs);border-radius:var(--radius-sm);border:var(--border-width-button) var(--border-style-base) color-mix(in oklch,var(--border-color-button) calc(var(--border-opacity-button) * 100%),transparent);background:var(--color-background);cursor:pointer;color:var(--color-text);transition:background-color .2s ease,border-color .15s ease}.dt-color-swatch__btn:hover{background:color-mix(in oklch,var(--color-primary) 10%,var(--color-background));border-color:color-mix(in oklch,var(--swatch-accent, var(--color-primary)) 35%,var(--border-color-button))}._toolbar_17eks_1{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ui-space-md)}._workspaceSelector_17eks_8{display:flex;align-items:center;gap:var(--ui-space-sm)}._workspaceLabel_17eks_14{font-size:var(--ui-font-size-small);font-weight:var(--ui-font-weight-semibold);white-space:nowrap}._workspaceSelect_17eks_8{padding:var(--ui-space-xs) var(--ui-space-sm);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background-color:var(--ui-bg);color:var(--ui-text);font-size:var(--ui-font-size-small);cursor:pointer}._previewClamp_17eks_30{margin:0 auto;transition:max-width .3s ease}._headingBlock_17eks_35{display:flex;flex-direction:column;gap:var(--ui-space-xs)}._headingRow_17eks_41{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ui-space-xs);max-width:100%}._previewTitle_17eks_49{margin:0;font-size:var(--ui-font-size-base)}._previewDescription_17eks_54{font-size:var(--ui-font-size-small);font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-style:italic;color:var(--ui-text-muted)}.validation-panel{background:transparent;border:none;border-radius:0;padding:var(--rim-spacing, var(--ui-space-micro));font-size:var(--font-size-small);display:flex;flex-direction:column;gap:var(--spacing-panel-gap);box-shadow:none}.validation-header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-spacing-sm)}.status-pill{padding:var(--size-spacing-xs) var(--size-spacing-xxs);border-radius:var(--radius-pill);color:#fff;font-weight:600;font-size:var(--font-size-tiny)}.validation-header .meta{display:flex;align-items:center;gap:var(--size-spacing-xxs);color:var(--color-text-muted)}.groups details{border:none;border-radius:0;padding:var(--rim-spacing, var(--ui-space-micro));background:transparent}.groups summary{cursor:pointer;font-weight:600;font-size:var(--font-size-tiny);display:flex;align-items:center;gap:var(--size-spacing-xxs)}.groups summary .count{background:transparent;color:var(--color-text-muted);border-radius:0;padding:0;font-size:var(--font-size-tiny);font-weight:500}.groups ul{margin:var(--size-spacing-xxs) 0 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--spacing-panel-gap)}.violation{background:var(--surface-1, var(--color-surface));border-width:var(--surface-border-width-1, 1px);border-style:var(--surface-border-style-1, solid);border-color:var(--surface-border-color-1, var(--color-border));border-radius:var(--radius-md);padding:var(--rim-spacing, var(--ui-space-micro));display:flex;flex-direction:column;gap:var(--size-spacing-xs);box-shadow:var(--shadow-sm)}.violation.error{border-color:var(--color-error)}.violation.warning{border-color:var(--color-warning)}.violation.info{border-color:var(--color-success)}.violation .message{font-size:var(--font-size-tiny);font-weight:500;color:var(--color-text-default)}.violation .tokens{display:flex;flex-wrap:wrap;gap:var(--ui-space-xs)}.token-chip{margin:0}.token-chip.has-color{border-color:#0003;box-shadow:0 1px 2px #0000001a}.receipts h4{margin:0 0 var(--size-spacing-xs) 0;font-size:var(--font-size-tiny);font-weight:600}.receipts ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--spacing-panel-gap)}.receipts li{background:transparent;padding:var(--size-spacing-xs) var(--size-spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-tiny)}.empty{text-align:center;font-style:italic;color:var(--color-text-muted);font-size:var(--font-size-tiny)}.preset-panel{display:flex;flex-direction:column;gap:var(--ui-space-md)}.preset-view-toggle{display:flex;align-items:center;gap:var(--ui-space-xs);justify-content:flex-end;font-size:var(--ui-font-size-mini);color:var(--ui-text-muted)}.preset-view-label{opacity:.9}.preset-view-button{padding:var(--ui-space-tiny) var(--ui-space-xs);font-size:var(--ui-font-size-mini);border-radius:var(--ui-border-radius-sm);border:1px solid transparent;background:transparent;color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-transition-fast) ease}.preset-view-button:hover{background:var(--ui-bg-subtle);color:var(--ui-text)}.preset-view-button.active{background:var(--ui-bg-muted);color:var(--ui-text);border-color:var(--ui-border)}.preset-tabs{display:flex;gap:var(--ui-space-xs);border-bottom:var(--ui-border-width) solid var(--ui-border);padding-bottom:var(--ui-space-xs)}.preset-tab{padding:var(--ui-space-xs) var(--ui-space-sm);background:transparent;border:none;border-radius:var(--ui-border-radius) var(--ui-border-radius) 0 0;font-size:var(--ui-font-size-small);font-weight:500;color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-transition-fast) ease}.preset-tab:hover{background:var(--ui-bg-subtle);color:var(--ui-text)}.preset-tab.active{background:var(--ui-bg-muted);color:var(--ui-text);font-weight:600}.preset-grid{display:grid;grid-template-columns:1fr;gap:var(--ui-space-sm);max-height:var(--ui-grid-max-height);overflow-y:auto;padding:var(--ui-space-xs)}.preset-list{display:flex;flex-direction:column;gap:var(--ui-space-xs);max-height:var(--ui-grid-max-height);overflow-y:auto;padding:var(--ui-space-xs)}.preset-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-sm);padding:var(--ui-space-xs) var(--ui-space-sm);background:var(--ui-panel-bg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius)}.preset-list-main{display:flex;align-items:center;gap:var(--ui-space-sm);min-width:0}.preset-list-swatch{width:calc(var(--ui-swatch-height) * .6);height:calc(var(--ui-swatch-height) * .6);border-radius:var(--ui-border-radius-sm);border:var(--ui-border-width) solid var(--ui-border);flex-shrink:0}.preset-list-text{display:flex;flex-direction:column;gap:var(--ui-space-tiny);min-width:0}.preset-list-name-row{display:flex;align-items:baseline;gap:var(--ui-space-xs)}.preset-list-name{font-size:var(--ui-font-size-small);font-weight:600;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-list-type{font-size:var(--ui-font-size-mini);color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:var(--ui-letter-spacing-caps)}.preset-list-description{margin:0;font-size:var(--ui-font-size-mini);color:var(--ui-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-card{display:flex;gap:var(--ui-space-sm);padding:var(--ui-space-sm);background:var(--ui-panel-bg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius-lg);transition:all var(--ui-transition-fast) ease;cursor:default}.preset-card:hover{background:var(--ui-bg-subtle);border-color:var(--ui-text-muted);box-shadow:var(--ui-shadow-md)}.preset-swatch{width:var(--ui-swatch-height);height:var(--ui-swatch-height);border-radius:var(--ui-border-radius);border:var(--ui-border-width) solid var(--ui-border);flex-shrink:0}.preset-content{flex:1;display:flex;flex-direction:column;gap:var(--ui-space-xs)}.preset-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-xs)}.preset-meta{margin-top:var(--ui-space-tiny)}.preset-type{font-size:var(--ui-font-size-mini);color:var(--ui-text-muted)}.preset-name{margin:0;font-size:var(--ui-font-size-base);font-weight:600;color:var(--ui-text)}.preset-delete{width:var(--ui-icon-size);height:var(--ui-icon-size);padding:0;background:transparent;border:none;border-radius:var(--ui-border-radius-sm);font-size:var(--ui-font-size-large);line-height:1;color:var(--ui-text-muted);cursor:pointer;transition:all var(--ui-transition-fast) ease}.preset-delete:hover{background:var(--ui-danger);color:#fff}.preset-description{margin:0;font-size:var(--ui-font-size-small);color:var(--ui-text-muted);line-height:1.4}.preset-tags{display:flex;gap:var(--ui-space-xs);flex-wrap:wrap}.preset-tag{font-size:var(--ui-font-size-mini);padding:var(--ui-space-tiny) var(--ui-space-xs);background:var(--ui-bg-muted);color:var(--ui-text-muted);border-radius:var(--ui-border-radius-sm);font-weight:500}.preset-apply{align-self:flex-start;padding:var(--ui-space-xs) var(--ui-space-md);font-size:var(--ui-font-size-small);font-weight:500;background:var(--ui-primary);color:#fff;border:none;border-radius:var(--ui-border-radius);cursor:pointer;transition:all var(--ui-transition-fast) ease}.preset-apply:hover{opacity:var(--ui-opacity-hover);transform:translateY(var(--ui-lift-small))}.preset-apply-list{align-self:center;white-space:nowrap}.preset-empty{padding:var(--ui-space-lg);text-align:center;color:var(--ui-text-muted);font-size:var(--ui-font-size-small)}.preset-empty p{margin:0}.preset-note{margin:var(--ui-space-xs) 0 var(--ui-space-sm)}.preset-note-link{border:none;background:none;padding:0;margin:0;font:inherit;color:var(--ui-primary);cursor:pointer;text-decoration:underline;font-style:normal}.preset-save-button{width:100%;padding:var(--ui-space-sm);font-size:var(--ui-font-size-base);font-weight:600;background:var(--ui-bg-muted);color:var(--ui-text);border:var(--ui-border-width) dashed var(--ui-border);border-radius:var(--ui-border-radius-lg);cursor:pointer;transition:all var(--ui-transition-fast) ease}.preset-save-button:hover{background:var(--ui-bg-subtle);border-style:solid;border-color:var(--ui-text-muted)}.preset-save-dialog{display:flex;flex-direction:column;gap:var(--ui-space-sm);padding:var(--ui-space-sm);background:var(--ui-panel-bg-alt);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius-lg)}.preset-input,.preset-textarea{width:100%;padding:var(--ui-space-sm);font-size:var(--ui-font-size-base);font-family:inherit;background:var(--ui-bg);color:var(--ui-text);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius);box-sizing:border-box}.preset-input:focus,.preset-textarea:focus{outline:none;border-color:var(--ui-primary)}.preset-textarea{resize:vertical;min-height:calc(var(--ui-swatch-height) + var(--ui-space-md))}.preset-save-actions{display:flex;gap:var(--ui-space-sm)}.preset-save-confirm,.preset-save-cancel{flex:1;padding:var(--ui-space-sm);font-size:var(--ui-font-size-base);font-weight:600;border:none;border-radius:var(--ui-border-radius);cursor:pointer;transition:all var(--ui-transition-fast) ease}.preset-save-confirm{background:var(--ui-primary);color:#fff}.preset-save-confirm:hover{opacity:var(--ui-opacity-hover)}.preset-save-cancel{background:var(--ui-bg);color:var(--ui-text);border:var(--ui-border-width) solid var(--ui-border)}.preset-save-cancel:hover{background:var(--ui-bg-subtle)}._root_1mur0_1{display:flex;flex-direction:column;gap:var(--ui-space-lg)}._hiddenInput_1mur0_7{display:none}._hashCode_1mur0_11{font-family:var(--ui-font-mono);font-size:var(--ui-font-size-small);color:var(--ui-text-muted)}._section_1mur0_17{margin-bottom:var(--ui-space-lg)}._sectionHeadingRow_1mur0_21{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ui-space-sm);margin-bottom:var(--ui-space-sm)}._sectionHeading_1mur0_21{font-size:var(--ui-font-size-base);font-weight:var(--ui-font-weight-semibold);margin-bottom:var(--ui-space-sm)}._sectionDivider_1mur0_35{padding-top:var(--ui-space-md);border-top:1px solid var(--ui-border);margin-top:var(--ui-space-md)}._mutedParagraph_1mur0_41{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin-bottom:var(--ui-space-sm)}._mutedParagraphMd_1mur0_47{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin-bottom:var(--ui-space-md)}._italicParagraph_1mur0_53{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin-top:var(--ui-space-xs);font-style:italic}._buttonRow_1mur0_60{display:flex;flex-wrap:wrap;gap:var(--ui-space-sm)}._button_1mur0_60{padding:var(--ui-space-sm) var(--ui-space-md);font-size:var(--ui-font-size-base);background-color:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);cursor:pointer;font-weight:var(--ui-font-weight-medium)}._buttonSmall_1mur0_77{padding:var(--ui-space-xs) var(--ui-space-sm);font-size:var(--ui-font-size-small)}._checkboxLabel_1mur0_82{display:flex;align-items:center;gap:var(--ui-space-xs);margin-bottom:var(--ui-space-sm);font-size:var(--ui-font-size-small);cursor:pointer}._checkboxInput_1mur0_91{cursor:pointer}._feedbackBanner_1mur0_95{margin-top:var(--ui-space-md);padding:var(--ui-space-sm);background-color:var(--ui-primary);color:var(--ui-text-on-primary, #fff);border-radius:var(--ui-radius);font-size:var(--ui-font-size-small);text-align:center}._themeDisplay_1mur0_105{padding-left:var(--ui-space-sm);border-radius:var(--ui-radius)}._themeHeading_1mur0_110{font-size:var(--ui-font-size-base);font-weight:var(--ui-font-weight-semibold);margin:0 0 var(--ui-space-xs)}._themeList_1mur0_116{margin:0;padding-left:1.5rem;margin-bottom:var(--ui-space-md)}._themeListTight_1mur0_122{margin:0;padding-left:1.5rem}._themeListNote_1mur0_127{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);font-style:italic}._jsonTextarea_1mur0_133{width:100%;padding:var(--ui-space-sm);font-family:var(--ui-font-mono);font-size:var(--ui-font-size-small);background-color:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);resize:vertical;margin-bottom:var(--ui-space-sm)}._jsonTextarea_1mur0_133::placeholder{color:var(--ui-text-muted);font-style:italic}._filenameInput_1mur0_151{width:100%;padding:var(--ui-space-sm);font-family:var(--ui-font-mono);font-size:var(--ui-font-size-small);background-color:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);margin-bottom:var(--ui-space-xs)}._filenameInput_1mur0_151::placeholder{color:var(--ui-text-muted);font-style:italic}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ui-font-body, var(--ui-font-family, system-ui, sans-serif));font-size:var(--ui-font-size-base);color:var(--ui-text);font-weight:var(--ui-font-weight-regular, 400);background:var(--ui-bg, #fafafa);line-height:1.6;accent-color:var(--ui-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--ui-font-heading, var(--ui-font-family, inherit))}.app-header{padding:var(--ui-space-lg);background:var(--ui-primary);color:#fff;border-bottom:var(--ui-border-width) solid var(--ui-border)}.app-header h1{font-family:var(--ui-font-heading, var(--ui-font-family, inherit));font-size:var(--ui-font-size-heading);margin-bottom:var(--ui-space-xs);font-weight:var(--ui-font-weight-semibold, 600)}.app-header p{font-size:var(--ui-font-size-small);opacity:var(--ui-opacity-hover)}.app-main{flex:1;padding:var(--ui-space-lg)}.test-card{max-width:600px;padding:var(--ui-space-lg);background:var(--ui-panel-bg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow-md)}.test-card h2{font-family:var(--ui-font-heading, var(--ui-font-family, inherit));margin-bottom:var(--ui-space-md);color:var(--ui-text);font-size:var(--ui-font-size-large)}.test-card p{margin-bottom:var(--ui-space-md);color:var(--ui-text-muted);line-height:1.6}.test-card p:last-of-type{margin-bottom:var(--ui-space-lg)}code{padding:var(--ui-space-tiny) var(--ui-space-micro);background:var(--ui-bg-subtle);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius-sm);font-family:Monaco,Courier New,monospace;font-size:.9em;color:var(--ui-primary)}button{min-height:var(--ui-button-height);padding:0 var(--ui-space-md);font-family:var(--ui-font-body, var(--ui-font-family, system-ui, sans-serif));font-size:var(--ui-font-size-base);font-weight:var(--ui-font-weight-medium, 500);border:none;border-radius:var(--ui-border-radius);cursor:pointer;transition:all var(--ui-transition-fast) ease;display:inline-flex;align-items:center;justify-content:center;line-height:1.1}.btn-primary{background:var(--ui-primary);color:#fff;margin-right:var(--ui-space-sm)}.btn-primary:hover{background:var(--ui-primary-hover);transform:translateY(var(--ui-lift-small));box-shadow:var(--ui-shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--ui-shadow-md)}.btn-secondary{background:var(--ui-panel-bg);color:var(--ui-primary);border:var(--ui-border-width) solid var(--ui-border)}.btn-secondary:hover{background:var(--ui-bg-subtle);border-color:var(--ui-primary)}:focus-visible{outline:var(--ui-border-width-thick) solid var(--ui-primary);outline-offset:var(--ui-outline-offset)}.info-panel{margin-top:var(--ui-space-lg);padding:var(--ui-space-md);background:var(--ui-bg-subtle);border-left:var(--ui-border-radius-sm) solid var(--ui-primary);border-radius:var(--ui-border-radius)}.info-panel h3{font-family:var(--ui-font-heading, var(--ui-font-family, inherit));font-size:var(--ui-font-size-base);margin-bottom:var(--ui-space-sm);color:var(--ui-text)}.info-panel ul{list-style:none;padding:0}.info-panel li{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin-bottom:var(--ui-space-xs);padding-left:var(--ui-space-md);position:relative}.info-panel li:before{content:"✓";position:absolute;left:0;color:var(--ui-primary);font-weight:var(--ui-font-weight-bold, 700)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--ui-primary);color:#fff;padding:var(--ui-space-md) var(--ui-space-lg);border-bottom:var(--ui-border-width-thick) solid var(--ui-bg-muted);display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-lg)}.app-header h1{margin:0;font-size:inherit;font-weight:inherit}.app-logo{height:calc(var(--font-size-h1, var(--ui-font-size-heading)) * 1.8);width:auto;display:block}.brand-title{margin:0;font-size:var(--font-size-h1, var(--ui-font-size-heading));line-height:var(--line-height, 1.2);font-weight:var(--font-weight-h1, 600);font-family:var(--font-heading, var(--ui-font-heading))}.brand-word-primary{font-family:Cormorant Unicase,serif;font-variant:small-caps;letter-spacing:.08em}.brand-word-secondary{font-family:inherit}.brand-badge{font-size:.6em;font-weight:400;opacity:var(--ui-opacity-subtle)}.app-header h1{margin-bottom:0;padding-bottom:0;border-bottom:none}.app-header p{margin:0;font-size:var(--ui-font-size-small);opacity:var(--ui-opacity-subtle)}.app-layout{display:grid;grid-template-columns:400px 1fr 0px;gap:0;flex:1;overflow:hidden;transition:grid-template-columns .3s ease}.layout-relationships .app-layout{grid-template-columns:66% 34% 0px!important}.layout-relationships .editor-panel,.layout-relationships .editor-panel .config-info,.layout-relationships .editor-panel .vt-display,.layout-relationships .editor-panel .dt-display{padding:var(--rim-spacing, var(--ui-space-micro))}.layout-relationships .validation-panel{display:none}.layout-relationships .panel-toggle{display:none!important}.editor-panel{background-color:var(--surface-1, var(--ui-panel-bg));border-right-width:var(--surface-border-width-1, var(--ui-border-width));border-right-style:var(--surface-border-style-1, solid);border-right-color:var(--surface-border-color-1, var(--ui-border));overflow-y:auto;padding:var(--ui-space-lg)}.inspector-panel{border-right:none;border-left-width:var(--surface-border-width-1, var(--ui-border-width));border-left-style:var(--surface-border-style-1, solid);border-left-color:var(--surface-border-color-1, var(--ui-border))}.editor-panel h2{font-size:var(--ui-font-size-base);color:var(--ui-text);margin:0 0 var(--ui-space-md) 0;padding-bottom:var(--ui-space-sm);border-bottom:var(--ui-border-width) solid var(--ui-border);font-weight:600}.config-display,.controls{margin-bottom:var(--ui-space-xl)}.config-info,.vt-display,.dt-display{background:var(--ui-panel-bg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-border-radius);padding:var(--ui-space-md);margin-bottom:var(--ui-space-md);transition:background-color var(--ui-transition-normal) ease}.config-info h3,.vt-display h3,.dt-display h3{font-size:var(--ui-font-size-small);color:var(--ui-text);margin:0 0 var(--ui-space-sm) 0;text-transform:uppercase;letter-spacing:var(--ui-letter-spacing-caps);font-weight:600}.config-info p{font-size:var(--ui-font-size-small);color:var(--ui-text-muted);margin:0 0 var(--ui-space-xs) 0;line-height:1.6}.config-info p:last-child{margin-bottom:0}.vt-display ul,.dt-display ul{list-style:none;padding:0;margin:0;font-size:var(--ui-font-size-small);color:var(--ui-text-muted)}.vt-display li,.dt-display li{padding:var(--ui-space-xs) 0;line-height:1.6}code{background:var(--ui-primary);color:#fff;padding:var(--ui-space-tiny) var(--ui-space-micro);border-radius:var(--ui-border-radius-sm);font-family:Courier New,monospace;font-size:.9em;font-weight:500}.dt-inline-highlight{color:var(--color-highlight, var(--color-accent));font-weight:600;letter-spacing:.01em}.dt-instruction{font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-size:var(--ui-font-size-small);font-style:normal;color:var(--ui-text);line-height:1.6}.dt-instruction-muted{font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-size:var(--ui-font-size-small);font-style:italic;color:var(--ui-text-muted);line-height:1.6}.preview-panel{background-color:var(--surface-0, var(--color-background));overflow-y:auto;padding:var(--ui-space-xl)}.validation-panel-container{border-left-width:var(--surface-border-width-1, var(--ui-border-width));border-left-style:var(--surface-border-style-1, solid);border-left-color:var(--surface-border-color-1, var(--color-border));background:var(--surface-1, var(--ui-panel-bg));padding:var(--rim-spacing, var(--ui-space-micro));overflow-y:auto}.preview-panel>h2{font-size:var(--ui-font-size-large);color:var(--ui-text);margin:0 0 var(--ui-space-sm) 0;font-weight:600}.preview-description{font-family:var(--ui-font-instructional, var(--ui-font-family, inherit));font-size:var(--ui-font-size-small);font-style:italic;color:var(--ui-text-muted);margin:0 0 var(--ui-space-xl) 0;line-height:1.6}.preview-section{background:var(--surface-2, var(--color-surface));border-width:var(--surface-border-width-2, var(--ui-border-width));border-style:var(--surface-border-style-2, solid);border-color:var(--surface-border-color-2, var(--color-border));border-radius:var(--radius-lg);padding:var(--ui-space-lg);margin-bottom:var(--ui-space-lg);box-shadow:var(--ui-shadow-md, var(--ui-shadow-sm));transition:background-color var(--ui-transition-normal) ease,box-shadow var(--ui-transition-fast) ease}.preview-section.raised{box-shadow:var(--ui-shadow-lg, var(--ui-shadow-md))}.preview-with-chips{position:relative}.info-chips-row{display:flex;gap:var(--ui-space-xs);flex-wrap:wrap;margin-bottom:var(--ui-space-sm)}.severity-frame-error{outline:var(--ui-border-width-thick) solid var(--ui-danger);outline-offset:var(--ui-outline-offset);border-radius:var(--ui-border-radius)}.severity-frame-warning{outline:var(--ui-border-width-thick) dashed var(--ui-warning);outline-offset:var(--ui-outline-offset);border-radius:var(--ui-border-radius)}.severity-frame-info{outline:var(--ui-border-width-thick) dotted var(--ui-info);outline-offset:var(--ui-outline-offset);border-radius:var(--ui-border-radius)}.preview-section>h3{font-size:var(--ui-font-size-base);color:var(--ui-text);margin:0 0 var(--ui-space-md) 0;font-weight:600;border-bottom-width:var(--surface-border-width-2, var(--ui-border-width));border-bottom-style:var(--surface-border-style-2, solid);border-bottom-color:var(--surface-border-color-2, var(--ui-border));padding-bottom:var(--ui-space-sm)}.preview-colors .swatch-row,.color-swatches,.swatch-grid{display:flex;flex-wrap:wrap;gap:var(--ui-space-sm);align-items:flex-start}.preview-section button{transition:all var(--ui-transition-fast) ease}.preview-section button:hover{opacity:var(--ui-opacity-hover);transform:translateY(var(--ui-lift-small))}.preview-section button:active{transform:translateY(0)}.interp-swatch{position:relative}.interp-tooltip{display:none;position:absolute;bottom:100%;left:0;transform:translateY(calc(-1 * var(--ui-space-micro)));font-size:var(--ui-font-size-instruction);line-height:1;padding:var(--ui-space-tiny) var(--ui-space-sm);border-radius:var(--ui-border-radius-pill);border-width:var(--surface-border-width-3, var(--ui-border-width));border-style:var(--surface-border-style-3, solid);border-color:var(--surface-border-color-3, var(--ui-border));white-space:nowrap;box-shadow:var(--ui-shadow-sm);pointer-events:none}.interp-swatch:hover .interp-tooltip{display:inline-flex}@media (max-width: 1024px){.app-layout{grid-template-columns:350px 1fr}}@media (max-width: 768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.editor-panel{border-right:none;border-bottom-width:var(--surface-border-width-1, var(--ui-border-width));border-bottom-style:var(--surface-border-style-1, solid);border-bottom-color:var(--surface-border-color-1, var(--ui-border));max-height:50vh}.preview-panel{overflow-y:auto}.validation-panel-container{display:none}}