.css-var-reference{max-width:1000px;color:var(--sl-color-text);padding:24px}.css-var-reference__intro{color:var(--sl-color-gray-3);margin-bottom:16px}.css-var-section{margin-bottom:32px}.css-var-section__title{border-bottom:2px solid var(--sl-color-gray-5);color:var(--sl-color-white);margin:0 0 12px;padding-bottom:8px}.css-var-table{border-collapse:collapse;width:100%;font-size:14px}.css-var-table th{text-align:left;background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);padding:8px 12px}.css-var-table td{border-bottom:1px solid var(--sl-color-gray-6);background:var(--sl-color-bg);color:var(--sl-color-text);vertical-align:middle;padding:8px 12px}.css-var-table__var-name{color:var(--sl-color-accent);background:var(--sl-color-gray-6);border-radius:3px;padding:2px 4px;font-family:monospace}.css-var-table__default{font-family:monospace}.css-var-swatch{border:1px solid var(--sl-color-gray-5);vertical-align:middle;border-radius:2px;width:16px;height:16px;margin-right:8px;display:inline-block}.theme-builder-container{grid-template-rows:auto 1fr auto;height:90vh;display:grid}.theme-builder-container.is-fullscreen{height:100vh}.theme-builder-toolbar{background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-gray-5);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.theme-builder-toolbar__label{color:var(--sl-color-text);font-weight:500}.theme-builder-btn{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-text);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:14px;transition:background .15s,border-color .15s}.theme-builder-btn:hover{background:var(--sl-color-gray-5);border-color:var(--sl-color-accent)}.theme-builder-btn:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.theme-builder-btn--primary{background:var(--sl-color-accent);color:#fff;border-color:var(--sl-color-accent)}.theme-builder-btn--primary:hover{background:light-dark(#1d4ed8,#2563eb)}.theme-builder-btn--success{color:#fff;background:light-dark(#16a34a,#22c55e);border-color:#0000}.theme-builder-main{flex:1;min-height:0;display:flex;overflow:hidden}.theme-builder-grid-wrapper{flex:1;min-width:0;min-height:0;padding:16px;overflow:auto}.theme-builder-modal{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theme-builder-modal__content{background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:8px;max-width:800px;max-height:80vh;padding:20px;overflow:auto;box-shadow:0 4px 20px #0000004d}.theme-builder-modal__title{color:var(--sl-color-white);margin:0 0 12px}.theme-builder-modal__code{background:var(--sl-color-gray-6);color:var(--sl-color-text);border:1px solid var(--sl-color-gray-5);border-radius:4px;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow:auto}.theme-builder-panel{background:var(--sl-color-bg);border-left:1px solid var(--sl-color-gray-5);flex-direction:column;width:380px;min-width:380px;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.theme-builder-panel--collapsed{width:40px;min-width:40px}.theme-builder-panel__header{background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-gray-5);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.theme-builder-panel__toggle{cursor:pointer;color:var(--sl-color-text);background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px}.theme-builder-panel__toggle:hover{background:var(--sl-color-gray-5)}.theme-builder-panel__title{color:var(--sl-color-white);flex:1;font-size:14px;font-weight:600}.theme-builder-panel--collapsed .theme-builder-panel__title,.theme-builder-panel--collapsed .theme-builder-panel__controls,.theme-builder-panel--collapsed .theme-builder-panel__content{display:none}.theme-builder-panel__controls{align-items:center;gap:8px;display:flex}.theme-builder-panel__content{flex:1;padding:0;overflow-y:auto}.theme-builder-dark-toggle{color:var(--sl-color-text);align-items:center;gap:6px;font-size:12px;display:flex}.theme-builder-dark-toggle input{cursor:pointer}.theme-builder-category{border-bottom:1px solid var(--sl-color-gray-5)}.theme-builder-category__header{cursor:pointer;background:var(--sl-color-gray-6);user-select:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.theme-builder-category__header:hover{background:var(--sl-color-gray-5)}.theme-builder-category__chevron{color:var(--sl-color-gray-3);font-size:10px;transition:transform .15s}.theme-builder-category--open .theme-builder-category__chevron{transform:rotate(90deg)}.theme-builder-category__name{color:var(--sl-color-white);flex:1;font-size:13px;font-weight:500}.theme-builder-category__count{color:var(--sl-color-gray-3);background:var(--sl-color-gray-6);border-radius:10px;padding:2px 6px;font-size:11px}.theme-builder-category__items{background:var(--sl-color-bg);padding:8px 12px;display:none}.theme-builder-category--open .theme-builder-category__items{display:block}.theme-builder-color-row{border-bottom:1px solid var(--sl-color-gray-6);align-items:center;gap:8px;padding:6px 0;display:flex}.theme-builder-color-row:last-child{border-bottom:none}.theme-builder-color-row__label{min-width:0;color:var(--sl-color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.theme-builder-color-row__label code{color:var(--sl-color-accent);background:var(--sl-color-gray-6);border-radius:3px;padding:1px 4px;font-size:11px}.theme-builder-color-row__pickers{align-items:center;gap:4px;display:flex}.theme-builder-color-picker{flex-direction:column;align-items:center;gap:2px;display:flex}.theme-builder-color-picker__label{text-transform:uppercase;color:var(--sl-color-gray-3);letter-spacing:.5px;font-size:9px}.theme-builder-color-picker__wrapper{align-items:center;gap:4px;display:flex}.theme-builder-color-picker__input{border:1px solid var(--sl-color-gray-5);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:24px;padding:0}.theme-builder-color-picker__input:disabled{opacity:.3;cursor:not-allowed}.theme-builder-color-picker__input::-webkit-color-swatch-wrapper{padding:2px}.theme-builder-color-picker__input::-webkit-color-swatch{border:none;border-radius:2px}.theme-builder-color-picker__transparent{color:var(--sl-color-gray-3);cursor:pointer;user-select:none;align-items:center;gap:2px;font-size:9px;display:flex}.theme-builder-color-picker__transparent input{cursor:pointer;width:12px;height:12px;margin:0}.theme-builder-color-picker__transparent-label{text-transform:uppercase;letter-spacing:.3px;font-size:8px}.theme-builder-color-picker--dark{opacity:.5;pointer-events:none}.theme-builder-panel--dark-mode .theme-builder-color-picker--dark{opacity:1;pointer-events:auto}.theme-builder-var-row{border-bottom:1px solid var(--sl-color-gray-6);align-items:center;gap:8px;padding:6px 0;display:flex}.theme-builder-var-row:last-child{border-bottom:none}.theme-builder-var-row__label{min-width:0;color:var(--sl-color-text);flex:1;font-size:12px}.theme-builder-var-row__label code{color:var(--sl-color-accent);background:var(--sl-color-gray-6);border-radius:3px;padding:1px 4px;font-size:11px}.theme-builder-var-row__input,.theme-builder-var-row__select{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7);width:120px;color:var(--sl-color-text);border-radius:4px;padding:4px 8px;font-size:12px}.theme-builder-a11y{border-top:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);flex-direction:column;transition:max-height .2s;display:flex;overflow:hidden}.theme-builder-a11y__header{background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-gray-5);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.theme-builder-a11y__toggle{cursor:pointer;color:var(--sl-color-text);background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;line-height:1}.theme-builder-a11y__toggle:hover{background:var(--sl-color-gray-5)}.theme-builder-a11y__title{color:var(--sl-color-white);font-size:13px;font-weight:600}.theme-builder-a11y__legend{align-items:center;gap:6px;margin-left:auto;display:flex}.theme-builder-a11y--collapsed .theme-builder-a11y__content{display:none}.theme-builder-a11y__content{flex-wrap:wrap;align-items:stretch;gap:6px;padding:10px 12px;display:flex}.theme-builder-a11y-card{border:1px solid var(--sl-color-gray-6);background:light-dark(#f8f9fa,#1c2128);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.theme-builder-a11y-card__name{color:var(--sl-color-text);white-space:nowrap;min-width:90px;font-size:11px;font-weight:600}.theme-builder-a11y-card__badges{gap:6px;display:flex}.theme-builder-a11y-card__mode{align-items:center;gap:3px;display:flex}.theme-builder-a11y-card__mode-label{font-size:11px}.theme-builder-a11y-badge{white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:3px;min-width:48px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.theme-builder-a11y-badge--aaa{color:light-dark(#155724,#9fdfb4);background:light-dark(#d4edda,#1a4c2a)}.theme-builder-a11y-badge--pass{color:light-dark(#155724,#8fcea0);background:light-dark(#d4edda,#1a3c2a)}.theme-builder-a11y-badge--large{color:light-dark(#856404,#e0c878);background:light-dark(#fff3cd,#4a3c1a)}.theme-builder-a11y-badge--fail{color:light-dark(#721c24,#e08888);background:light-dark(#f8d7da,#4a1a1a)}.theme-builder-a11y-badge--unknown{color:light-dark(#383d41,#999);background:light-dark(#e2e3e5,#333)}.theme-builder-a11y__legend .theme-builder-a11y-badge{pointer-events:none;min-width:unset;padding:1px 5px;font-size:9px}