.preset-selector{--preset-columns:3}.preset-selector--empty{display:flex;align-items:center;justify-content:center;padding:16px}.preset-selector__empty-text{font-size:12px;color:var(--semi-color-text-3)}.preset-selector__grid{display:grid;grid-template-columns:repeat(var(--preset-columns),1fr);grid-gap:8px;gap:8px}.preset-selector__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#2a2a2a;border:2px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;transition:all .15s ease}[data-theme=light] .preset-selector__item{background:#e8e8e8}.preset-selector__item:hover{border-color:var(--semi-color-border)}.preset-selector__item--selected{border-color:var(--semi-color-primary);background:var(--semi-color-primary-light-default)}.preset-selector__thumbnail{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden}.preset-selector__thumbnail-image{width:100%;height:100%;object-fit:cover}.preset-selector__thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--semi-color-text-2)}.preset-selector__name{font-size:12px;color:var(--semi-color-text-1);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-preset-grid{--custom-preset-columns:3;--custom-preset-aspect-ratio:auto}.custom-preset-grid--loading{display:flex;align-items:center;justify-content:center;padding:12px}.custom-preset-grid__loading-text{font-size:12px;color:var(--semi-color-text-3)}.custom-preset-grid__items{display:grid;grid-template-columns:repeat(var(--custom-preset-columns),1fr);grid-gap:8px;gap:8px}.custom-preset-grid__add-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--custom-preset-aspect-ratio);min-height:40px;background:var(--semi-color-fill-0);border:2px dashed var(--semi-color-border);border-radius:8px;cursor:pointer;color:var(--semi-color-text-3);transition:all .15s ease}.custom-preset-grid__add-btn:hover{border-color:var(--semi-color-primary);color:var(--semi-color-primary);background:var(--semi-color-primary-light-default)}.custom-preset-grid__item{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:var(--custom-preset-aspect-ratio);min-height:40px;padding:8px;background:var(--semi-color-fill-0);border:2px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;transition:all .15s ease;overflow:hidden;box-sizing:border-box}.custom-preset-grid__item:hover{background:var(--semi-color-fill-1);border-color:var(--semi-color-border)}.custom-preset-grid__item:hover .custom-preset-grid__delete-btn{opacity:1}.custom-preset-grid__item--deleting{opacity:.5;pointer-events:none}.custom-preset-grid__item-placeholder{font-size:18px;font-weight:600;color:var(--semi-color-text-2)}.custom-preset-grid__delete-btn{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(0,0,0,.6);border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:all .15s ease}.custom-preset-grid__delete-btn:hover{background:var(--semi-color-danger)}.custom-preset-grid__empty{grid-column:1/-1;padding:8px 0;text-align:center}.custom-preset-grid__empty-text{font-size:12px;color:var(--semi-color-text-3)}.color-picker{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;min-width:72px;background:var(--semi-color-fill-1);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.color-picker:hover:not(.color-picker--disabled){background:var(--semi-color-fill-2)}.color-picker--disabled{opacity:.5;cursor:not-allowed}.color-picker--mixed{border:1px dashed var(--semi-color-border)}.color-picker__mixed-indicator{flex:1 1;height:18px;border-radius:2px;background:repeating-linear-gradient(-45deg,var(--semi-color-fill-1),var(--semi-color-fill-1) 3px,var(--semi-color-fill-2) 3px,var(--semi-color-fill-2) 6px)}.color-picker__preview{flex:1 1;height:18px;border-radius:2px;border:1px solid var(--semi-color-border)}.color-picker__preview--transparent{background:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0);background-size:8px 8px;background-position:0 0,4px 4px}.color-picker__arrow{color:var(--semi-color-text-2);font-size:12px;flex-shrink:0;margin-left:auto}.color-picker__popover{padding:12px;min-width:200px}.color-picker__presets{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px;margin-bottom:12px}.color-picker__preset-item{width:24px;height:24px;border-radius:4px;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .15s ease}.color-picker__preset-item:hover{transform:scale(1.1)}.color-picker__preset-item--selected{border-color:var(--semi-color-primary);box-shadow:0 0 0 2px var(--semi-color-primary-light-default)}.color-picker__preset-item--transparent{background:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0);background-size:8px 8px;background-position:0 0,4px 4px}.color-picker__input-wrapper{margin-top:8px}.color-picker__input{width:100%;font-family:monospace}.color-picker-pro{width:280px}.color-picker-pro__saturation{position:relative;margin-bottom:12px}.color-picker-pro__saturation .react-colorful{width:100%;height:auto}.color-picker-pro__saturation .react-colorful__saturation{height:150px;border-radius:6px;border-bottom:none}.color-picker-pro__saturation .react-colorful__hue{height:14px;border-radius:7px;margin-top:8px;margin-left:28px}.color-picker-pro__saturation .react-colorful__hue-pointer,.color-picker-pro__saturation .react-colorful__saturation-pointer{width:16px;height:16px;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.color-picker-pro__eyedropper{position:absolute;left:0;bottom:0;width:20px;height:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--semi-color-text-2);cursor:pointer;transition:all .15s ease;padding:0}.color-picker-pro__eyedropper:hover{color:var(--semi-color-text-0)}.color-picker-pro__eyedropper .semi-icon{font-size:14px}.color-picker-pro__input-row{display:flex;align-items:center;gap:6px;margin:8px 0;height:32px}.color-picker-pro__format-select{width:72px;flex-shrink:0;height:32px}.color-picker-pro__format-select .semi-select{height:32px!important;min-height:32px!important;background:#2a2a2a!important;border:none!important;border-radius:3px!important}.color-picker-pro__format-select .semi-select-focus,.color-picker-pro__format-select .semi-select:focus,.color-picker-pro__format-select .semi-select:hover{background:#333!important;border:none!important}.color-picker-pro__format-select .semi-select-selection{height:32px!important;min-height:32px!important;background:rgba(0,0,0,0)!important;border:none!important;border-radius:3px!important;padding-top:0!important;padding-bottom:0!important}.color-picker-pro__format-select .semi-select-content-wrapper{height:32px!important;display:flex!important;align-items:center!important}.color-picker-pro__format-select .semi-select-selection-text{color:#fff;font-size:13px;line-height:32px!important;height:32px!important}.color-picker-pro__format-select .semi-select-arrow{color:#888;display:flex!important;align-items:center!important}.color-picker-pro__format-select .semi-select-inset-label-wrapper{display:flex!important;align-items:center!important;height:32px!important}[data-theme=light] .color-picker-pro__format-select .semi-select{background:#e8e8e8!important}[data-theme=light] .color-picker-pro__format-select .semi-select-focus,[data-theme=light] .color-picker-pro__format-select .semi-select:focus,[data-theme=light] .color-picker-pro__format-select .semi-select:hover{background:#ddd!important}[data-theme=light] .color-picker-pro__format-select .semi-select-selection-text{color:#333}.color-picker-pro__hex-input{flex:1 1;height:32px}.color-picker-pro__hex-input .semi-input-wrapper{height:32px!important;display:flex!important;align-items:center!important;background:#2a2a2a!important;border:none!important;border-radius:3px!important}.color-picker-pro__hex-input .semi-input-wrapper:focus-within,.color-picker-pro__hex-input .semi-input-wrapper:hover{background:#333!important;border:none!important}.color-picker-pro__hex-input .semi-input{height:32px!important;background:rgba(0,0,0,0)!important;border:none!important;color:#fff;font-family:monospace;font-size:13px;text-transform:uppercase;line-height:32px!important}[data-theme=light] .color-picker-pro__hex-input .semi-input-wrapper{background:#e8e8e8!important}[data-theme=light] .color-picker-pro__hex-input .semi-input-wrapper:focus-within,[data-theme=light] .color-picker-pro__hex-input .semi-input-wrapper:hover{background:#ddd!important}[data-theme=light] .color-picker-pro__hex-input .semi-input{color:#333}.color-picker-pro__rgb-inputs{display:flex;gap:6px;flex:1 1;height:32px}.color-picker-pro__rgb-input{flex:1 1;min-width:0;height:32px}.color-picker-pro__rgb-input .semi-input-wrapper{height:32px!important;display:flex!important;align-items:center!important;background:#2a2a2a!important;border:none!important;border-radius:3px!important}.color-picker-pro__rgb-input .semi-input-wrapper:focus-within,.color-picker-pro__rgb-input .semi-input-wrapper:hover{background:#333!important;border:none!important}.color-picker-pro__rgb-input .semi-input{height:32px!important;background:rgba(0,0,0,0)!important;border:none!important;color:#fff;font-family:monospace;font-size:13px;text-align:center;line-height:32px!important}[data-theme=light] .color-picker-pro__rgb-input .semi-input-wrapper{background:#e8e8e8!important}[data-theme=light] .color-picker-pro__rgb-input .semi-input-wrapper:focus-within,[data-theme=light] .color-picker-pro__rgb-input .semi-input-wrapper:hover{background:#ddd!important}[data-theme=light] .color-picker-pro__rgb-input .semi-input{color:#333}.color-picker-pro__palette{display:flex;flex-direction:column;gap:2px}.color-picker-pro__palette-row{display:flex;gap:2px}.color-picker-pro__palette-item{width:16px;height:16px;border:none;border-radius:2px;cursor:pointer;transition:transform .1s ease;padding:0}.color-picker-pro__palette-item:hover{transform:scale(1.2);z-index:1}.color-picker-pro__palette-item--selected{outline:2px solid #fff;outline-offset:1px;z-index:2}.number-input{display:flex;align-items:center;gap:8px}.number-input--with-slider{flex-direction:column;align-items:stretch}.number-input--with-slider .number-input__slider{margin-bottom:4px}.number-input__slider{flex:1 1}.number-input__slider .semi-slider-handle{width:12px;height:12px}.number-input__input{width:100%}.number-input__input .semi-input-number{width:100%;background:var(--semi-color-bg-3);border-color:rgba(0,0,0,0)}.number-input__input .semi-input-number:focus-within,.number-input__input .semi-input-number:hover{border-color:var(--semi-color-border)}.number-input__input--mixed .semi-input-number{border-style:dashed;border-color:var(--semi-color-border)}.number-input__input .semi-input-number-button-container{display:none}.select-input{width:100%}.select-input .semi-select{background:var(--semi-color-bg-3);border-color:rgba(0,0,0,0)}.select-input .semi-select:focus-within,.select-input .semi-select:hover{border-color:var(--semi-color-border)}.select-input--mixed .semi-select{border-style:dashed;border-color:var(--semi-color-border)}.select-input__option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all .15s ease}.select-input__option:hover:not(.select-input__option--disabled){background:var(--semi-color-bg-2)}.select-input__option--selected{background:var(--semi-color-primary-light-default);color:var(--semi-color-primary)}.select-input__option--disabled{opacity:.5;cursor:not-allowed}.select-input__option-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-input__option-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-group--collapsed .property-group__content{display:none}.property-row{display:flex;align-items:center;gap:8px}.property-row--vertical{flex-direction:column;align-items:stretch;gap:4px}.property-row--vertical .property-row__label{width:auto}.property-row__label{flex-shrink:0;width:72px;font-size:12px;color:var(--semi-color-text-2)}.property-row__control{flex:1 1;min-width:0;display:flex;align-items:center}.preset-section-tabs{display:flex;gap:2px;padding:2px;background:var(--semi-color-fill-0);border-radius:6px;margin-bottom:8px}.preset-section-tabs__tab{flex:1 1;padding:6px 10px;border:none;border-radius:4px;background:rgba(0,0,0,0);color:var(--semi-color-text-2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-section-tabs__tab:hover:not(.preset-section-tabs__tab--active){background:var(--semi-color-fill-1)}.preset-section-tabs__tab--active{background:var(--semi-color-primary-light-default);color:var(--semi-color-primary);font-weight:600}.save-preset-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px 12px;margin-top:8px;background:var(--semi-color-fill-0);border:1px dashed var(--semi-color-border);border-radius:6px;color:var(--semi-color-text-2);font-size:12px;cursor:pointer;transition:all .15s ease}.save-preset-btn:hover{border-color:var(--semi-color-primary);color:var(--semi-color-primary);background:var(--semi-color-primary-light-default)}.panel-tabs{display:flex;gap:4px;padding:4px;flex-shrink:0;background:var(--semi-color-bg-2);border-radius:8px;margin-bottom:8px}.panel-tabs__tab{flex:1 1;padding:10px 12px;border:none;border-radius:6px;background:rgba(0,0,0,0);color:var(--semi-color-text-2);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.panel-tabs__tab:hover:not(.panel-tabs__tab--active){background:var(--semi-color-fill-1)}.panel-tabs__tab--active{background:var(--semi-color-primary-light-default);color:var(--semi-color-primary);font-weight:600}