.icon-palette{width:100%;min-width:0;}
.theme-app svg[data-theme-icon-color]{color:var(--assigned-icon-color);}
.icon-palette-controls{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;}
.icon-palette-controls label{display:grid;gap:8px;flex:1 1 240px;}
.icon-palette-controls :is(input,select){width:100%;min-width:0;}
.icon-palette-selection{display:flex;align-items:center;gap:12px;min-height:42px;}
.icon-palette-selection .icon{width:32px;height:32px;}
.icon-palette-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;}
.icon-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;}
.icon-palette-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:104px;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer;font:inherit;}
.icon-palette-tile .icon{width:30px;height:30px;}
.icon-palette-tile:hover{background:var(--surface-soft);}
.icon-palette-tile[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px;}
.icon-palette-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.icon-palette-tile span{overflow-wrap:anywhere;}