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