:root{color:#202523;font-synthesis:none;background:#f7f8f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#4c6051;background:#fff;border:1px solid #dce4da;border-radius:8px;padding:8px 12px}button:hover{background:#edf2eb}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.grid-scroll:focus-visible{outline-offset:2px;outline:2px solid #568e67}.app{height:100dvh;display:flex}.sidebar{border-right:1px solid #e0e5dd;flex:0 0 264px;width:264px;padding:28px 16px;overflow-y:auto}nav{padding:0 12px;font-size:14px}.sidebar h2{font:inherit;color:#6b6b6b;margin:18px 0 16px}nav a{color:#6b6b6b;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;display:flex}nav a:hover,nav a.active{color:#31553b}nav a.active{font-weight:600}nav a span{color:#9a9a9a;font-variant-numeric:tabular-nums;font-size:12px}.all-link{margin-bottom:11px;padding-right:8px}.category-list{border-left:1px solid #e2e2e2;gap:11px;padding:2px 8px 2px 16px;display:grid}main{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid #e3e7e1;padding:24px 28px 12px}.search-row{gap:10px;display:flex}.search-box{color:#808a81;background:#fff;border:1px solid #d9dfd7;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;min-height:50px;padding:0 14px;display:flex}.search-box:focus-within{border-color:#618b70;box-shadow:0 0 0 3px #618b701a}.search-box>span:first-child{font-size:26px}#search{color:#202523;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;padding-block:14px;font-size:15px}kbd{color:#8a928b;border:1px solid #e2e6df;border-radius:5px;padding:3px 6px;font:12px ui-monospace,monospace}.settings{color:#4a4a4a;flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.slider{align-items:center;gap:10px;display:flex}.slider>span{gap:6px;display:flex}.slider output{color:#8a8a8a;font-variant-numeric:tabular-nums}.slider input{appearance:none;cursor:pointer;background:#d6d6d6;border-radius:2px;width:96px;height:4px;margin:6px 0}.slider input::-webkit-slider-thumb{appearance:none;background:#31553b;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.slider input::-moz-range-thumb{background:#31553b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0003}.color-field{align-items:center;gap:10px;display:flex}.color-field>span{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:4px;display:flex}.color-field input{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:20px;height:20px;padding:0;overflow:hidden}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:50%}.color-field input::-moz-color-swatch{border:0;border-radius:50%}.reset-button{color:#6b6b6b;background:0 0;border:0;place-items:center;margin:-4px;padding:4px;display:grid}.reset-button:hover{color:#31553b;background:0 0}.results{color:#80897f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:14px;font-size:12px;display:flex}.results-summary{flex-wrap:wrap;gap:4px 12px;display:flex}.results-summary>span:first-child{color:#526456;font-weight:600}.grid-scroll{flex:1;min-height:0;padding:20px 28px;overflow:auto}.virtual-grid{width:100%;position:relative}.icon-row{gap:12px;width:100%;height:164px;display:grid;position:absolute;top:0;left:0}.icon-tile{min-width:0;height:164px;position:relative}.icon-card{width:100%;min-width:0;height:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e2e7df;border-radius:12px;flex-direction:column;align-items:stretch;padding:10px;display:flex}.icon-card:hover{border-color:#91ad97;box-shadow:0 4px 14px #273d3010}.preview,.action-preview{background-color:#eceeea;background-image:conic-gradient(#e4e7e1 25%, transparent 0 50%, #e4e7e1 0 75%, transparent 0);background-size:12px 12px;border-radius:7px;flex-shrink:0;place-items:center;height:96px;display:grid}.preview img,.action-preview img{object-fit:contain}.icon-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;font-weight:550;line-height:16px;display:-webkit-box;overflow:hidden}.star-button,.hide-button{color:#a58a48;opacity:0;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:5px;display:grid;position:absolute;top:15px;right:15px}.hide-button{color:#6b6b6b;right:45px}.star-button:hover,.hide-button:hover{background:0 0}.hide-button:hover{color:#31553b}.icon-tile:hover .star-button,.icon-tile:hover .hide-button,.star-button:focus-visible,.hide-button:focus-visible,.star-button[aria-pressed=true],.hide-button[aria-pressed=true]{opacity:1}.star-button[aria-pressed=true]{color:#b5830b}.star-button[aria-pressed=true] svg{fill:#f9cc50}@media (hover:none){.star-button,.hide-button{opacity:1}}.empty{text-align:center;color:#80897f;padding:80px 16px}.empty h2{color:#3b493c;font-size:20px}.empty p{font-size:14px}dialog{color:#202523;background:#f7f8f6;border:1px solid #dce4da;border-radius:18px;width:min(960px,100% - 32px);max-height:85dvh;padding:0;box-shadow:0 24px 80px #14251b38}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17271c66}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px;display:flex}.dialog-heading h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:20px}.dialog-heading button{background:0 0;border:0}.dialog-description{color:#737d74;margin:0;padding:0 24px 18px;font-size:12px}.actions-dialog{width:min(430px,100% - 32px)}.action-preview{height:150px;margin:8px 24px 20px}.actions{flex-wrap:wrap;gap:8px;padding:0 24px 20px;display:flex}.actions button{white-space:nowrap;flex:1;font-size:12px}.toast{z-index:4;color:#fff;pointer-events:none;background:#202523;border-radius:10px;max-width:calc(100% - 32px);padding:12px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.sidebar{flex-basis:150px;width:150px;padding:20px 8px}nav{padding:0 8px;font-size:13px}nav a span{display:none}.category-list{padding:2px 0 2px 10px}.toolbar{padding:16px 14px 12px}.grid-scroll{padding:16px 14px}.settings{gap:8px 14px}.slider input{width:72px}kbd{display:none}}@media (width<=460px){.sidebar{flex-basis:112px;width:112px}nav{font-size:11px}.search-box{gap:5px;padding:0 8px}.search-box>span:first-child{display:none}#search{font-size:12px}.search-row{gap:6px}.results{flex-wrap:wrap;font-size:11px}}
