@layer app{.icon-shape{display:inline-grid;place-items:center;padding:5px;background:color-mix(in srgb,currentColor 16%,transparent)}.shape-circle{border-radius:50%}.shape-rounded{border-radius:30%}.shape-square{border-radius:3px}.shape-diamond{border-radius:4px;transform:rotate(45deg)}.shape-diamond>svg{transform:rotate(-45deg)}.shape-none{padding:0;background:none}.icon-picker-field{display:grid;gap:4px;min-width:0}.icon-picker-field>span{font-size:12px;color:var(--ui-muted)}.icon-picker-field>button{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 12px;border:1px solid var(--ui-border);border-radius:10px;background:transparent;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer}.icon-picker-field>button:hover{background:var(--ui-soft)}.icon-picker-field b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.icon-picker-field small{color:var(--ui-primary);font-size:11px}.icon-library{display:grid;gap:12px}.icon-library-tools{display:flex;align-items:center;gap:12px;padding-top:6px}.icon-library-tools .MuiTextField-root{flex:1}.icon-library-preview{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:var(--ui-soft);color:var(--ui-primary)}.icon-library-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.icon-library-options span{margin-left:8px;font-size:12px;color:var(--ui-muted)}.icon-library-options span:first-child{margin-left:0}.icon-library-options button{min-height:30px;padding:4px 10px;border:1px solid var(--ui-border);border-radius:9px;background:transparent;color:var(--ui-text);font:inherit;font-size:12px;cursor:pointer}.icon-library-options button[aria-pressed=true]{border-color:var(--ui-primary);box-shadow:inset 0 0 0 1px var(--ui-primary)}.icon-library-options .icon-color{width:30px;padding:0;border-radius:50%}.icon-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;max-height:380px;overflow:auto;padding:2px}.icon-library-grid button{display:grid;place-items:center;aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:var(--ui-soft);color:var(--ui-text);cursor:pointer}.icon-library-grid button:hover{color:var(--ui-primary)}.icon-library-grid button[aria-pressed=true]{border-color:var(--ui-primary);color:var(--ui-primary)}.icon-editable{position:relative;display:inline-grid;place-items:center}.icon-edit{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--ui-primary);color:#fff;font-size:10px;line-height:1;opacity:0;transition:opacity .15s;cursor:pointer}button:hover .icon-edit,.icon-editable:hover .icon-edit,.icon-edit:focus-visible{opacity:1}}