.unified-room-page #app{padding-top:0}
.unified-room-page #app::before{display:none}
.unified-room{position:sticky;top:80px;padding:5px 0;margin:0 -4px 16px;z-index:25;background:#fff8e9;border-bottom:1px solid #c5ab80;box-shadow:0 5px 9px #38281920}
.unified-room .pantry-room{width:min(100%,calc(30dvh * 1.5));margin:auto;aspect-ratio:auto}
.unified-room #room-help{font-size:10px;line-height:1.3;margin:2px 0 5px;text-align:center}
.unified-room .cold-close{margin:0 0 6px;min-height:38px;padding:6px 10px;font-size:13px;border-radius:9px}
.unified-room .cold-add{margin:5px 0 0;min-height:42px;padding:7px;font-size:13px;border-radius:9px}
.unified-room[data-live-zone=fridge] .pantry-room,.unified-room[data-live-zone=freezer] .pantry-room{width:min(100%,calc(25dvh * 1.5))}
.room-search-bar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;margin:6px 4px 0}
.room-search-bar button{padding:8px;width:40px;height:40px;min-height:40px;background:linear-gradient(#f1dfb7,#d5b984);color:#584027;border:1px solid #b99a66;box-shadow:0 2px 0 #ac8b55;border-radius:8px}
.room-search-bar button:disabled{opacity:.45}
.room-search-bar svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.room-search-bar input,.room-search-bar #common-search{min-height:38px;height:38px;margin:0!important;padding:5px 8px;text-align:center;background:#f5ead5;border:1px solid #c4af88;box-shadow:inset 0 2px 4px #60472925;font-size:13px;min-width:0}
.unified-room #room-status{position:absolute;left:8px;right:8px;top:100%;min-height:0;margin:0;background:#fff8e9;font-size:10px;text-align:center;pointer-events:none}
.unified-room #room-status:empty{display:none}
.unified-room #room-tools{top:100%;bottom:auto;left:6px;right:6px}
.room-search-dim{opacity:.18}
#common-items .prep-drawer{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;grid-template-rows:24px auto auto;gap:3px 7px;padding:8px 10px 13px!important;min-height:145px!important;border:2px solid #a47c46;border-bottom:6px solid #795329;border-radius:10px;background:repeating-linear-gradient(2deg,#d7b98422 0px,#d7b98422 2px,transparent 3px,transparent 10px),linear-gradient(100deg,#ecd5a7,#f7e6c6 45%,#e6c692);box-shadow:inset 0 0 0 3px #f8e9cb80,inset 0 -5px 9px #80562725,0 4px 7px #57381b25;align-items:center}
#common-items .prep-drawer>.item-icon{width:76px!important;height:90px!important;max-width:100%;margin:0!important;grid-row:2/4;grid-column:1;align-self:center}
#common-items .prep-drawer>.mirror-icon{grid-column:3}
#common-items .prep-drawer h3{grid-column:2;grid-row:2;margin:0!important;min-height:0;font-size:16px!important;line-height:1.3;overflow-wrap:normal;text-align:center}
#common-items .prep-drawer .quantity{grid-column:2;grid-row:3;gap:5px;justify-content:center;margin:4px 0 0;z-index:3}
#common-items .prep-drawer .quantity button{width:32px;min-width:32px;min-height:35px;padding:0}
#common-items .prep-drawer .quantity strong{font-size:15px;min-width:17px}
.drawer-handle{position:relative;grid-column:2;grid-row:1;justify-self:center;width:76px;height:28px;min-height:28px;padding:0;z-index:4;touch-action:none;cursor:grab;background:transparent!important;box-shadow:none!important;border:0!important}
.drawer-handle span{position:absolute;left:6px;right:6px;top:7px;height:12px;border:2px solid #846326;border-radius:5px 5px 8px 8px;background:linear-gradient(#f6e1a0,#b8954b 45%,#8b692e 55%,#d5b76a);box-shadow:0 3px 2px #5a361b60,inset 0 1px 1px #ffefb9}
.drawer-handle:before,.drawer-handle:after{content:'';position:absolute;top:5px;width:12px;height:15px;border-radius:50%;background:linear-gradient(#dec17a,#967136);border:1px solid #87602d}
.drawer-handle:before{left:0}.drawer-handle:after{right:0}
.drawer-handle:focus-visible{outline:2px solid #3d5130!important;outline-offset:2px}
#common-items .drawer-dragging{opacity:.85;outline:3px solid #5a6b3c;box-shadow:0 8px 16px #38271860}
.cold-drawers #common-items .prep-drawer{background:linear-gradient(110deg,#e2e6dc,#fffdf0 45%,#d8dfd4);border-color:#a6ad9c;border-bottom-color:#7d8878;box-shadow:inset 0 0 0 3px #ffffff80,0 4px 7px #36413725}
.cold-drawers .drawer-handle span{background:linear-gradient(#fff,#ccd2c7 45%,#959f8c 55%,#e1e6dc);border-color:#7e8873}
.cold-drawers .drawer-handle:before,.cold-drawers .drawer-handle:after{background:linear-gradient(#e8ecdf,#9ba58f);border-color:#879179}
@media(max-width:360px){.unified-room{top:76px}#common-items .prep-drawer{grid-template-columns:61px minmax(0,1fr) 61px;gap:3px 4px;padding:7px 6px 11px!important}#common-items .prep-drawer>.item-icon{width:61px!important;height:82px!important}#common-items .prep-drawer h3{font-size:14px!important}.drawer-handle{width:65px}}
@media(max-height:550px){.unified-room .pantry-room,.unified-room[data-live-zone] .pantry-room{width:calc(20dvh * 1.5)}.unified-room #room-help{display:none}.unified-room .cold-close{min-height:30px}.unified-room .cold-add{min-height:32px}}

#common-items .prep-drawer>.item-icon[style*="background-size:100% 100%"]{background-size:contain!important;background-position:center!important}