.onui-custom-editor{flex-direction:column;gap:12px;display:flex}.onui-custom-editor__toggle-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.onui-custom-editor__toggle-label{font-size:var(--text-sm);color:var(--foreground);font-weight:500}.onui-custom-editor__switch{background:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background-color .2s,border-color .2s;position:relative}.onui-custom-editor__switch:after{content:"";background:var(--muted-foreground);border-radius:50%;width:14px;height:14px;transition:transform .2s,background-color .2s;position:absolute;top:2px;left:2px}.onui-custom-editor__switch.onui-custom-editor__switch--active{background:var(--primary);border-color:var(--primary)}.onui-custom-editor__switch.onui-custom-editor__switch--active:after{background:var(--primary-foreground,#fff);transform:translate(16px)}.onui-custom-editor__panel{flex-direction:column;gap:8px;animation:.2s ease-out onui-custom-editor-fade-in;display:flex}@keyframes onui-custom-editor-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.onui-custom-editor__group{border:1px solid var(--border);border-radius:var(--radius,6px);overflow:hidden}.onui-custom-editor__group-header{background:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--foreground);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;border:none;justify-content:space-between;align-items:center;padding:8px 10px;font-weight:600;display:flex}.onui-custom-editor__group-header:hover{background:var(--accent,#0000000d)}.onui-custom-editor__group-chevron{color:var(--muted-foreground);flex-shrink:0;transition:transform .15s}.onui-custom-editor__group-chevron.onui-custom-editor__group-chevron--open{transform:rotate(180deg)}.onui-custom-editor__group-body{flex-direction:column;gap:6px;padding:6px 10px 10px;display:flex}.onui-custom-editor__color-row{align-items:center;gap:8px;height:28px;display:flex}.onui-custom-editor__color-label{font-size:var(--text-xs);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.onui-custom-editor__color-swatch{appearance:none;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding:0}.onui-custom-editor__color-swatch::-webkit-color-swatch-wrapper{padding:0}.onui-custom-editor__color-swatch::-webkit-color-swatch{border:none;border-radius:3px}.onui-custom-editor__color-swatch::-moz-color-swatch{border:none;border-radius:3px}.onui-custom-editor__color-hex{border:1px solid var(--border);background:var(--card);width:72px;color:var(--foreground);font-size:var(--text-2xs);font-family:var(--font-mono);text-align:center;border-radius:4px;outline:none;flex-shrink:0;padding:2px 6px}.onui-custom-editor__color-hex:focus{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.onui-custom-editor__radius-row{flex-direction:column;gap:4px;padding:0 2px;display:flex}.onui-custom-editor__radius-label{font-size:var(--text-xs);color:var(--muted-foreground);justify-content:space-between;align-items:center;display:flex}.onui-custom-editor__radius-value{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--foreground)}.onui-custom-editor__radius-slider{appearance:none;background:var(--muted);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.onui-custom-editor__radius-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--primary-foreground,#fff);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%}.onui-custom-editor__radius-slider::-moz-range-thumb{background:var(--primary);border:2px solid var(--primary-foreground,#fff);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%}.onui-custom-editor__radius-stops{color:var(--muted-foreground);justify-content:space-between;padding:0 2px;font-size:9px;display:flex}.onui-custom-editor__reset{border:1px solid var(--border);border-radius:var(--radius,6px);background:var(--card);color:var(--muted-foreground);font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.onui-custom-editor__reset:hover{background:var(--destructive);color:var(--destructive-foreground,#fff);border-color:var(--destructive)}.onui-custom-editor__actions{gap:8px;display:flex}.onui-custom-editor__actions>.onui-custom-editor__reset{flex:0}.onui-custom-editor__save{border:1px solid var(--primary);border-radius:var(--radius,6px);background:var(--primary);color:var(--primary-foreground,#fff);font-size:var(--text-xs);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:opacity .15s;display:flex}.onui-custom-editor__save:hover{opacity:.9}.onui-custom-editor__divider{align-items:center;gap:12px;margin:4px 0;display:flex}.onui-custom-editor__divider-line{background:var(--border);flex:1;height:1px}.onui-custom-editor__divider-text{font-size:var(--text-2xs);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-weight:500}
.onui-theme-preview{background:var(--background);border:1px solid var(--border);border-radius:var(--radius,6px);flex-direction:column;gap:10px;padding:16px;display:flex}.onui-theme-preview__card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius,6px);padding:12px;box-shadow:0 1px 3px #00000014}.onui-theme-preview__card-title{margin-bottom:2px;font-size:12px;font-weight:600}.onui-theme-preview__card-desc{color:var(--muted-foreground);margin-bottom:10px;font-size:10px}.onui-theme-preview__btn-row{flex-wrap:wrap;gap:6px;display:flex}.onui-theme-preview__btn{border-radius:var(--radius,6px);cursor:default;border:1px solid #0000;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.onui-theme-preview__btn--primary{background:var(--primary);color:var(--primary-foreground)}.onui-theme-preview__btn--secondary{background:var(--secondary);color:var(--secondary-foreground)}.onui-theme-preview__btn--outline{color:var(--foreground);border-color:var(--border);background:0 0}.onui-theme-preview__btn--destructive{background:var(--destructive);color:var(--destructive-foreground)}.onui-theme-preview__input{border:1px solid var(--input);border-radius:var(--radius,6px);background:var(--background);width:100%;height:28px;color:var(--foreground);pointer-events:none;outline:none;padding:4px 8px;font-size:10px}.onui-theme-preview__badge-row{flex-wrap:wrap;gap:4px;display:flex}.onui-theme-preview__badge{border-radius:9999px;align-items:center;padding:2px 8px;font-size:9px;font-weight:500;display:inline-flex}.onui-theme-preview__badge--primary{background:var(--primary);color:var(--primary-foreground)}.onui-theme-preview__badge--secondary{background:var(--secondary);color:var(--secondary-foreground)}.onui-theme-preview__badge--destructive{background:var(--destructive);color:var(--destructive-foreground)}.onui-theme-preview__badge--outline{color:var(--foreground);border:1px solid var(--border);background:0 0}.onui-theme-preview__switch-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.onui-theme-preview__switch-label{font-size:10px;font-weight:500}.onui-theme-preview__switch-desc{color:var(--muted-foreground);font-size:9px}.onui-theme-preview__switch{border-radius:9px;flex-shrink:0;width:32px;height:18px;position:relative}.onui-theme-preview__switch:after{content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:2px}.onui-theme-preview__switch--off{background:var(--muted);border:1px solid var(--border)}.onui-theme-preview__switch--off:after{background:var(--muted-foreground);left:2px}.onui-theme-preview__switch--on{background:var(--primary);border:1px solid var(--primary)}.onui-theme-preview__switch--on:after{background:var(--primary-foreground,#fff);left:16px}.onui-theme-preview__avatar-row{gap:6px;display:flex}.onui-theme-preview__avatar{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.onui-theme-preview__avatar--primary{background:var(--primary);color:var(--primary-foreground)}.onui-theme-preview__avatar--accent{background:var(--accent);color:var(--accent-foreground)}.onui-theme-preview__avatar--muted{background:var(--muted);color:var(--muted-foreground)}.onui-theme-preview__muted-block{background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius,6px);padding:8px 10px;font-family:monospace;font-size:9px}.onui-theme-preview__popover{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius,6px);padding:8px 10px;font-size:10px;box-shadow:0 4px 12px #0000001a}.onui-theme-preview__accent-strip{gap:4px;display:flex}.onui-theme-preview__accent-bar{border-radius:3px;flex:1;height:6px}.onui-theme-preview__section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);margin-top:4px;font-size:9px;font-weight:600}.onui-theme-preview__table{border-collapse:collapse;width:100%;font-size:9px}.onui-theme-preview__table th{background:var(--muted);color:var(--muted-foreground);text-align:left;padding:5px 8px;font-weight:500}.onui-theme-preview__table td{border-top:1px solid var(--border);background:var(--card);padding:5px 8px}
.onui-panel--settings-content{padding:20px}.onui-panel--settings-section{max-width:800px;margin-bottom:32px}.onui-settings-view__field{margin-bottom:16px}.onui-settings-view__field-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:8px;font-weight:500;display:block}.onui-swatches{flex-shrink:0;display:flex}.onui-swatches--sm{gap:0}.onui-swatches--sm .onui-swatches__dot{width:14px;height:14px;margin-left:-3px}.onui-swatches--sm .onui-swatches__dot:first-child{margin-left:0}.onui-swatches--md{gap:0}.onui-swatches--md .onui-swatches__dot{width:18px;height:18px;margin-left:-4px}.onui-swatches--md .onui-swatches__dot:first-child{margin-left:0}.onui-swatches__dot{border:1px solid var(--background);border-radius:3px;box-shadow:0 0 0 1px #0000000f}.onui-theme-dropdown{position:relative}.onui-theme-dropdown__trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;height:36px;color:var(--foreground);cursor:pointer;font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:0 10px;transition:border-color .15s;display:flex}.onui-theme-dropdown__trigger:hover{border-color:var(--primary)}.onui-theme-dropdown__trigger-left{align-items:center;gap:8px;min-width:0;display:flex}.onui-theme-dropdown__trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onui-theme-dropdown__chevron{opacity:.5;flex-shrink:0;transition:transform .15s}.onui-theme-dropdown__chevron--open{transform:rotate(180deg)}.onui-theme-dropdown__panel{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background:var(--popover,var(--card));animation:.12s ease-out onui-dropdown-in;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 16px #0000001f}@keyframes onui-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.onui-theme-dropdown__search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 10px;display:flex}.onui-theme-dropdown__search-icon{color:var(--muted-foreground);flex-shrink:0}.onui-theme-dropdown__search-input{color:var(--foreground);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.onui-theme-dropdown__search-input::placeholder{color:var(--muted-foreground)}.onui-theme-dropdown__count{border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.onui-theme-dropdown__list{max-height:260px;padding:4px;overflow-y:auto}.onui-theme-dropdown__empty{text-align:center;font-size:var(--text-sm);color:var(--muted-foreground);padding:24px 0}.onui-theme-dropdown__item{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--foreground);cursor:pointer;font-size:var(--text-sm);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:6px 8px;transition:background-color .1s;display:flex}.onui-theme-dropdown__item:hover,.onui-theme-dropdown__item--selected{background:var(--accent,#0000000d)}.onui-theme-dropdown__item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.onui-theme-dropdown__item-check{color:var(--primary);flex-shrink:0}