.custom-option-icon{display:inline-block;flex:none;object-fit:contain;vertical-align:-.16em;max-width:32px;max-height:32px}
.option-icon-management{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:32px}
.option-icon-preview{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid #ffffff0e;border-radius:6px;background:#ffffff03;overflow:hidden}
.option-icon-management .text-button{font-size:11px;padding:4px 0;color:var(--muted)}.option-icon-management .text-button:hover{color:var(--gold)}.option-icon-management [disabled]{opacity:.35;cursor:default}
.option-icon-management input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.option-icon-status{font-size:11px;color:var(--muted)}
.option-icon-library{flex-basis:100%;padding:8px;border:1px solid #ffffff10;border-radius:7px;background:#ffffff03}.option-icon-library[hidden]{display:none}.option-icon-library .form-helper{font-size:10px;margin:0 0 8px}.option-icon-library-grid{display:grid;grid-template-columns:repeat(4,30px);gap:5px}.option-icon-library-choice{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ffffff0f;border-radius:5px;background:transparent;color:var(--ink);cursor:pointer}.option-icon-library-choice .icon{width:18px;height:18px}.option-icon-library-choice:hover,.option-icon-library-choice:focus-visible{color:var(--gold);background:#cbb37e0c;border-color:#cbb37e55;outline:none}@media(max-width:420px){.option-icon-library-grid{grid-template-columns:repeat(4,30px)}}
.option-native-picker{position:relative;display:inline-flex;min-width:0;width:100%;align-items:center}
.option-native-picker[hidden]{display:none}
.option-icon-picker-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;opacity:0!important;clip-path:inset(50%);pointer-events:none}
.option-native-picker-trigger{display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:31px;border:1px solid #ffffff12;border-radius:6px;background:#ffffff03;color:var(--ink);font:inherit;font-size:12px;padding:5px 8px;text-align:left;cursor:pointer}
.option-native-picker-trigger:focus-visible,.option-native-picker-trigger[aria-expanded=true]{outline:1px solid #cbb37e66;outline-offset:1px}.option-native-picker-trigger[aria-invalid=true]{border-color:#be7f7866}.option-native-picker-trigger:disabled{opacity:.55;cursor:default}
.option-icon-picker-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-icon-picker-arrow{flex:none;font-size:14px;color:var(--muted)}
.option-icon-picker-panel{position:fixed;z-index:1460;width:min(350px,calc(100vw - 24px));padding:10px;border:1px solid #ffffff14;border-radius:9px;background:#1b1b1d;box-shadow:0 12px 40px #00000055}
.option-icon-picker-search{box-sizing:border-box;width:100%;min-height:31px;padding:6px 8px;border:1px solid #ffffff12;border-radius:6px;background:#ffffff03;color:var(--ink);font:inherit;font-size:12px;margin-bottom:8px}
.option-icon-picker-options{max-height:min(320px,calc(100dvh - 100px));overflow:auto}.option-icon-picker-choice{display:flex;gap:8px;align-items:center;width:100%;padding:9px 8px;text-align:left;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.option-icon-picker-choice:hover,.option-icon-picker-choice:focus-visible{background:#ffffff06;outline:none}.option-icon-picker-choice[aria-selected=true]{background:#cbb37e0c;color:var(--gold)}.option-icon-picker-choice:disabled{opacity:.4;cursor:default}.option-icon-picker-choice>span{min-width:0;overflow-wrap:anywhere}