.prep-action{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;min-height:64px;padding:8px 14px;font-size:16px}
.prep-action .item-icon{width:45px;height:45px;flex:0 0 45px}
.prep-action.rust-button{background:var(--red,#914a36);color:var(--cream);border:1px solid #bc8e66;box-shadow:0 4px 0 #6b392c,0 6px 10px #38291e20}
#common-search{margin:12px 0 20px}
#modal.prep-catalog{padding:0;overflow:hidden;width:calc(100% - 24px);max-width:540px;height:min(780px,90dvh);max-height:90dvh}
.prep-browser{display:flex;flex-direction:column;height:100%;min-height:0}
.prep-browser-top{flex:none;padding:12px 14px 8px;background:var(--cream,#fff8e9);border-bottom:1px solid var(--line);text-align:center}
.prep-browser-heading{display:grid;grid-template-columns:60px 1fr 60px;align-items:center}
.prep-browser-heading h2{grid-column:2;margin:4px 0 10px;font-size:23px}
.prep-browser-heading button{grid-column:3;grid-row:1;font-size:11px;padding:5px;min-height:40px}
.prep-browser-top label{font-size:11px;margin:0 0 4px}
#prep-search{width:100%;margin:0}
.prep-categories{display:flex;overflow-x:auto;gap:7px;padding:10px 2px;scrollbar-width:thin}
.prep-categories button{flex:0 0 84px;background:#efe2c5;color:var(--ink);padding:5px 3px;min-height:68px;box-shadow:0 2px 0 #bba77f;border:1px solid var(--line)}
.prep-categories button[aria-pressed=true]{background:var(--green);color:var(--cream)}
.prep-categories .item-icon{width:30px;height:30px;display:block;margin:auto}
.prep-categories span{display:block;font-size:9px;line-height:1.3;margin-top:3px}
#prep-count{display:block;font-size:11px}
#prep-results{flex:1;min-height:0;overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;overscroll-behavior:contain}
.prep-choice{min-width:0;padding:9px 4px;background:#fff7e7;color:var(--ink);border:1px solid #cab48a;box-shadow:0 3px 0 #c1a87c;display:flex;flex-direction:column;align-items:center;gap:7px}
.prep-choice .item-icon{display:block;width:66px;height:66px;flex:0 0 66px}
.prep-choice span:last-child{font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.prep-empty{grid-column:1/-1;text-align:center}
@media(max-width:360px){#prep-results{gap:8px;padding:10px}.prep-choice .item-icon{width:58px;height:58px;flex-basis:58px}}
.prep-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:6px}
.prep-categories button{min-width:0;min-height:67px}

#prep-results{grid-auto-rows:max-content;align-items:start}
#prep-results .prep-choice{aspect-ratio:1;width:100%;height:auto;min-height:0;box-sizing:border-box;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) 3.75em;justify-items:center;gap:2px;padding:5px;font-size:10px}
#prep-results .prep-choice>.item-icon{width:100%;height:100%;min-height:0;max-width:76px;max-height:76px;flex:none;margin:0;align-self:center}
#prep-results .prep-choice>span:last-child{font-size:10px;line-height:1.25;align-self:center;overflow-wrap:normal;max-width:100%;margin:0}
.prep-action{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;text-align:center}
.prep-action .action-art{display:block;width:46px;height:46px;background:#fff5df;border-radius:10px;padding:3px;box-sizing:border-box;overflow:hidden}
.prep-action .action-art .item-icon{width:100%;height:100%;mix-blend-mode:normal;filter:none;margin:0}
.prep-action .action-label{line-height:1.4}
.barcode-art{width:42px;height:36px;display:block;margin:auto}
.scan-glyph .barcode-art{width:98px;height:70px;color:var(--green)}
.prep-browser-heading{grid-template-columns:52px minmax(0,1fr) 52px}
.prep-browser-heading h2{font-size:19px;line-height:1.25}
@media(max-width:360px){#prep-results .prep-choice{font-size:9px;padding:4px}#prep-results .prep-choice>span:last-child{font-size:9px}.prep-action{font-size:14px}}
.scan-glyph .barcode-art{color:var(--cream,#fff8e9)}
#prep-results .prep-choice>.item-icon[style*="background-size:100% 100%"]{background-size:contain!important;background-position:center!important}