/* One small dock: aim, choose a color and confirm without another dialog. */
.booster-actions{display:block;position:relative;bottom:auto;padding:8px;border-radius:14px}
.quick-item-heading{display:flex;align-items:center;gap:7px}
.quick-item-heading .quick-item-icon{display:block;flex:0 0 34px;min-width:0;width:34px;height:34px}
.quick-item-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 0 #8c63354d)}
.quick-item-heading strong{flex:1;text-align:left;line-height:1.2;font-size:13px;color:#70432a}
.quick-item-heading strong small{display:block;font-size:9px;font-weight:400;color:#876847;margin-top:3px}
.booster-actions #boosterHelp{flex:0 0 40px;min-width:40px;min-height:40px;border-radius:50%;padding:0;font-size:17px;background:#fff5d9}
.quick-item-status{margin:3px 0 7px!important;font-size:11px!important;line-height:1.3!important;text-align:center;color:#795534}
.quick-item-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.quick-color-choice{display:flex;justify-content:center;align-items:center;gap:10px;grid-column:1/-1;min-width:0;margin:0 0 4px}
.quick-color-choice>small{display:block;margin:0;text-align:center;font-size:11px;line-height:1.3;color:#795534}
.booster-actions .placement-colors{grid-column:1/-1;gap:8px;width:auto;margin:0 0 3px;justify-content:center}
.booster-actions .placement-colors button{min-width:44px;min-height:44px;width:44px;height:44px;padding:0}
.booster-actions #useBooster{min-width:0;min-height:44px;font-size:15px;padding:7px 8px;line-height:1.15;letter-spacing:0;box-shadow:inset 0 1px #c1d59f,0 3px #3c562d}
.booster-actions #cancelBooster{min-height:44px;font-size:11px;padding:7px 10px}
.quick-item-instructions{padding:7px 9px;margin:6px 0 8px;border:1px dashed #c09963;border-radius:9px;background:#fff7e0}
.quick-item-instructions p{font-size:12px!important;font-weight:700;line-height:1.4!important;margin:0 0 4px!important}
.quick-item-instructions small{display:block;font-size:10px;line-height:1.4;color:#88694b}
.booster-actions #boosterUnderstood{min-height:40px;margin-top:5px;padding:4px 12px;background:#fff2cd}
.quick-item-guide{text-align:center}
.quick-item-guide h2{margin:8px 0 12px}
.quick-item-guide .quick-item-secondary{min-height:42px;font-size:12px}
.quick-item-demo{position:relative;display:grid;grid-template-columns:repeat(5,1fr);width:190px;max-width:100%;aspect-ratio:1;padding:7px;gap:2px;margin:0 auto 10px;border:2px solid #bd8d55;border-radius:14px;background:repeating-linear-gradient(#dfb071 0 37px,#c99557 38px,#e4b879 39px);box-shadow:0 3px #93633745;overflow:hidden}
.quick-demo-toast{min-width:0;position:relative;aspect-ratio:1}
.quick-demo-toast svg{width:100%;height:100%}
.quick-demo-tool{position:absolute;width:52px;height:52px;left:calc(50% - 26px);top:calc(50% - 26px);pointer-events:none}
.quick-demo-tool svg{width:100%;height:100%}
.quick-item-demo.demo-rainbow .quick-demo-tool{animation:quick-roll-sweep 1.6s ease-in-out both}
.quick-item-demo.demo-rainbow .quick-demo-hit{animation:quick-roll-glow 1.7s var(--demo-delay) ease-out both}
.quick-item-demo.demo-meteor .quick-demo-tool{animation:quick-bagel-drop 1.7s ease-out both}
.quick-item-demo.demo-croissant .quick-demo-tool{animation:quick-pastry-pop 1.7s ease-out both}
.quick-item-demo.demo-croissant .quick-demo-hit,.quick-item-demo.demo-meteor .quick-demo-hit{animation:quick-guide-pop 1.7s var(--demo-delay) ease-out both}
.quick-item-spawn{display:flex;justify-content:center;align-items:center;gap:9px;min-height:100px;margin:8px 0;background:#efdfb5;border:1px solid #c29e68;border-radius:14px}
.quick-item-spawn span,.quick-item-spawn i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pick-color);border:2px solid #fff4d5;box-shadow:0 2px #84603e33;color:white;font-weight:bold;font-size:20px;font-style:normal}
.quick-item-spawn span{width:34px;height:34px;outline:2px solid #99643b;outline-offset:2px}
.quick-item-spawn b{font-size:12px;color:#765134}
@keyframes quick-roll-sweep{0%{transform:translateX(-65px) rotate(-25deg)}75%{transform:translateX(45px) rotate(25deg)}100%{transform:translateX(45px) scale(.8);opacity:0}}
@keyframes quick-roll-glow{40%{filter:brightness(1.35);transform:scale(1.08)}80%,100%{filter:none;transform:none}}
@keyframes quick-bagel-drop{0%{transform:translate(55px,-100px) rotate(-70deg);opacity:0}45%{transform:translate(0,0) rotate(5deg);opacity:1}65%{transform:scale(1.25)}100%{transform:scale(.7);opacity:0}}
@keyframes quick-pastry-pop{0%{transform:scale(.4);opacity:0}40%{transform:scale(1.1);opacity:1}60%{transform:scale(1.3) rotate(-12deg)}100%{transform:scale(.3);opacity:0}}
@keyframes quick-guide-pop{0%,45%{transform:none;opacity:1}62%{transform:scale(1.15)}85%,100%{transform:scale(.6);opacity:.22}}
@media(min-width:520px){.quick-item-controls{grid-template-columns:auto minmax(0,1fr) auto}.quick-color-choice{grid-column:auto;margin:0}.booster-actions .placement-colors{grid-column:auto;gap:5px;margin:0}.booster-actions .placement-colors button{min-width:42px;width:42px;min-height:42px;height:42px}}
.booster-actions #useBooster:disabled{opacity:1;background:#e8ddbd;border-color:#c5af80;color:#846f4b;text-shadow:none;box-shadow:none;font-size:12px}
.quick-item-heading strong small{font-size:10px;line-height:1.35}
.quick-item-guide .booster-demo-caption{font-size:14px;line-height:1.5;max-width:30em;margin:12px auto}
.quick-item-guide>button{min-height:44px}
.quick-item-guide .quick-item-secondary{background:#efe0ba;color:#725436;box-shadow:0 2px #bba276}
.booster-actions button:focus-visible,.quick-item-guide button:focus-visible{outline:3px solid #52733c;outline-offset:3px}
@media(max-width:359px){.quick-color-choice{gap:6px}.quick-color-choice>small{max-width:36px;font-size:10px}.booster-actions .placement-colors{gap:5px}}
@media(prefers-reduced-motion:reduce){.quick-item-demo *{animation:none!important}.quick-demo-tool{display:none}.quick-item-demo.demo-meteor .quick-demo-hit,.quick-item-demo.demo-croissant .quick-demo-hit{opacity:.35;outline:1px dashed #84512f}}