.generator-view .hero,.generator-view .ticker,.generator-view .catalog,.generator-view .bar-banner{display:none}.generator-workspace{padding-top:54px;padding-bottom:65px}.generator-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.generator-heading h1{font:600 clamp(42px,5vw,74px)/1 var(--display);letter-spacing:-3px;margin:0}.generator-heading h1 span{background:linear-gradient(transparent 64%,var(--lime) 64%)}.generator-heading>p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.7}.generator-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px}.generator-controls{background:#e9eddf;padding:27px;border-radius:12px;align-self:start}.generator-controls>label:not(.generator-checkbox){display:grid;gap:8px;font-size:12px;font-weight:600;margin-bottom:21px}.generator-controls select{width:100%;padding:12px;border:1px solid #c9d0be;border-radius:6px;background:var(--paper);font-size:13px;min-height:46px}.generator-checkbox{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;cursor:pointer}.generator-checkbox input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin-top:1px}.generator-controls .button{width:100%;margin-top:15px;font-size:12px;justify-content:center}.generator-controls .text-button{margin-top:10px;text-align:left;display:inline-block}.generator-count{font-size:11px;line-height:1.7;min-height:38px;margin:20px 0 0;color:#52614b}.generator-result{min-width:0;background:#f0eddf;border:1px solid #e2dfd0;border-radius:13px;overflow:hidden;min-height:435px;display:flex;align-items:center;justify-content:center}.generator-waiting{text-align:center;padding:40px}.generator-dice{display:inline-grid;place-items:center;width:105px;height:105px;background:var(--lime);border:2px solid var(--ink);border-radius:22px;box-shadow:9px 9px 0 var(--ink);font-size:76px;line-height:1;transform:rotate(-9deg);margin-bottom:18px}.generator-waiting h2{font:600 32px/1.1 var(--display);letter-spacing:-1px;white-space:pre-line}.generator-waiting p{font-size:12px;line-height:1.7;color:var(--muted)}.generator-result.has-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:25px;padding:27px}.generator-result .recipe-card{min-width:0;align-self:start}.generator-result-copy{min-width:0}.generator-result-copy h2{font:600 clamp(30px,3vw,44px)/1.05 var(--display);letter-spacing:-1.5px;margin:0 0 15px;overflow-wrap:anywhere}.generator-result-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.generator-description{font-size:13px;line-height:1.7;color:#5b6256}.generator-ingredients{list-style:none;display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:20px 0 25px}.generator-ingredients li{font-size:10px;border:1px solid #d7d4c5;padding:6px 9px;border-radius:30px}.generator-result-copy .button{font-size:12px;padding-inline:18px}.generator-stock-note{font-size:10px;line-height:1.7;color:var(--muted)}.generator-info{font-size:11px;color:var(--muted);line-height:1.8;max-width:700px;margin-top:25px}.card-image-button>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .3s}.card-image-button:hover>img{transform:scale(1.03)}.card-image-button.has-photo .card-art-label{background:#f6f5eee8;padding:5px 8px;border-radius:4px;font-size:13px;transform:none}.card-image-button.has-photo .card-badge{background:#f6f5eee8}/* Keep the whole drink visible, independent of the recipe's text length. */
.detail-visual.has-photo{position:sticky;top:0;align-self:start;overflow:hidden;min-height:0;height:auto;padding:0;justify-content:flex-start;align-items:stretch}
.detail-visual.has-photo>img{display:block;position:static;inset:auto;width:100%;height:auto;max-height:calc(90dvh - 120px);object-fit:contain;flex:none}
.detail-visual.has-photo>.eyebrow,.detail-visual.has-photo>p{position:static;inset:auto;z-index:auto;background:transparent;padding:14px 20px;margin:0;border-radius:0;transform:none}
.detail-visual.has-photo>.eyebrow{text-align:left}
.recipe-description{font-size:13px;line-height:1.7;color:#5d675c;margin:-5px 0 22px}.recipe-extra{font-size:12px;line-height:1.8;border-left:3px solid var(--lime);padding:8px 13px;margin:18px 0 0;background:#e9edde}.collection-filter{display:flex;gap:8px;align-items:center;font-size:11px;cursor:pointer;margin-bottom:12px}.collection-filter input{accent-color:var(--ink);width:17px;height:17px}.generator-shortcut{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e7e1f0;padding:18px 23px;border-radius:7px;margin:22px 0;font-size:12px}.generator-shortcut strong{font:600 19px var(--display)}.generator-shortcut a{text-decoration:underline;text-underline-offset:3px}.pantry-view .generator-shortcut{display:none}.generator-view .generator-shortcut{display:none}
@media(max-width:1100px){.desktop-nav{gap:19px;font-size:12px}.generator-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.generator-result.has-result{gap:19px;padding:22px}.generator-result-copy h2{font-size:32px}.generator-controls{padding:23px}.filter-toolbar{flex-wrap:wrap}}
@media(max-width:850px){.generator-layout{grid-template-columns:1fr}.generator-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.generator-controls>label:not(.generator-checkbox){margin-bottom:8px}.generator-controls .button{margin-top:0;align-self:end}.generator-count{margin:0;align-self:center}.generator-checkbox{align-self:center}.generator-heading h1{font-size:54px}.generator-heading>p{max-width:230px}.generator-result.has-result{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.generator-result .card-image-button{aspect-ratio:1.1}.generator-result{min-height:340px}.generator-result-copy h2{font-size:40px}.mobile-section-nav{flex-wrap:wrap}}
@media(max-width:600px){.generator-workspace{padding-top:28px;padding-bottom:30px}.generator-heading{display:block;margin-bottom:24px}.generator-heading h1{font-size:47px;letter-spacing:-2px}.generator-heading>p{max-width:none;font-size:12px;line-height:1.8;margin:20px 0 0}.generator-controls{padding:19px;gap:12px}.generator-controls select{font-size:12px;padding-inline:8px}.generator-controls>label:not(.generator-checkbox){font-size:11px}.generator-checkbox{font-size:11px}.generator-count{grid-column:1/-1;min-height:0}.generator-controls #generateDrink{grid-column:1/-1;min-height:48px}.generator-controls .text-button{font-size:11px;margin:0}.generator-result.has-result{display:block;padding:20px}.generator-result .recipe-card{max-width:340px;margin:0 auto 22px}.generator-result .card-image-button{aspect-ratio:1.3}.generator-result .card-body{display:none}.generator-result-copy h2{font-size:36px}.generator-result-copy .button{width:100%;justify-content:center}.generator-waiting{padding:35px 22px}.generator-waiting h2{font-size:28px}.generator-result{min-height:340px}.detail-visual.has-photo{position:relative;top:auto;min-height:0}.generator-shortcut{padding:16px;align-items:start;flex-direction:column;font-size:11px}.generator-shortcut strong{font-size:18px}.collection-filter{font-size:11px}.mobile-section-nav a{font-size:10px}}

@media(min-width:601px) and (max-width:850px){.mobile-section-nav{display:flex;align-items:center;gap:28px;min-height:48px;border-bottom:1px solid var(--line);font-size:12px}.mobile-section-nav a[aria-current=page]{font-weight:700}.mobile-section-nav a:last-child{margin-left:auto}}

/* A generated drink remains on the same photographic bar stage. */
.generator-workspace .generator-result.has-result{background-color:#173a2c;background-image:linear-gradient(135deg,#10271ce8,#183a2bc4),url('atmosphere/bar-light-20261022.jpg');background-size:cover;background-position:center;align-content:center;gap:24px;padding:28px;scroll-margin-top:24px}
.generator-result .card-body{display:none}
.generator-result .recipe-card{align-self:center;margin:0}
.generator-result .card-image-button{aspect-ratio:1;border-radius:12px;box-shadow:0 15px 25px #0004}
.generator-result-copy{color:#fffdf3}
.generator-result-copy h2{font-size:clamp(30px,3vw,43px)}
.generator-result-copy .eyebrow{color:#dcf598;font-size:10px}
.generator-description,.generator-stock-note{color:#e1e7d8}
.generator-result-copy .recipe-timing{color:#e1e7d8;margin-top:16px}
.generator-ingredients{margin:18px 0;gap:7px}
.generator-ingredients li{font-size:12px;border-color:#c6d5b85c;background:#14291e69;border-radius:6px}
.generator-result-copy .ingredient-open:hover{color:var(--lime)}
.generator-result-actions{display:flex;flex-wrap:wrap;gap:10px}
.generator-result-actions .button.dark{background:var(--lime);color:var(--ink)}
.generator-result-actions .generator-again{border-color:#d6e2c6;color:#fffdf3;background:#183c2c;min-height:44px}
.generator-result-actions .generator-again:hover{background:#31533b}
/* Photos always keep their complete frame, including tall glassware. */
.card-image-button>img{object-fit:contain}
.card-image-button:hover>img{transform:none}
.recipe-dialog .detail-visual.has-photo{position:relative;top:auto;align-self:start;background:#ebe9df}
.recipe-dialog .detail-visual.has-photo>img{width:100%;height:clamp(260px,38vw,450px);max-height:55dvh;object-fit:contain;background:#172c22}
.recipe-dialog .detail-visual.has-photo>p{font-size:17px;padding:11px 20px}
.recipe-dialog .detail-visual.has-photo>.eyebrow{font:700 9px/1.4 var(--body);padding:14px 20px}
@media(max-width:850px){
 .generator-workspace .generator-result.has-result{scroll-margin-top:18px}
}
@media(max-width:600px){
 .generator-heading>p{margin-top:12px;line-height:1.65}
 .generator-workspace .generator-result.has-result{padding:20px}
 .generator-result .recipe-card{max-width:260px;margin:0 auto 20px}
 .generator-result .card-image-button{aspect-ratio:1}
 .generator-result-copy h2{font-size:34px}
 .generator-result-copy .eyebrow{margin-bottom:10px}
 .generator-result-actions{display:grid;grid-template-columns:1fr}
 .generator-result-actions .button{min-height:46px}
 .recipe-dialog .detail-visual.has-photo>img{height:200px;max-height:35dvh}
 .recipe-dialog .detail-visual.has-photo>.eyebrow{padding:10px 20px;font-size:8px}
 .recipe-dialog .detail-visual.has-photo>p{padding:7px 20px;font-size:14px}
}
@media(forced-colors:active){
 .generator-workspace .generator-result.has-result{background:Canvas;color:CanvasText}
 .generator-result-copy,.generator-description,.generator-stock-note,.generator-result-copy .eyebrow,.generator-result-copy .recipe-timing{color:CanvasText}
 .generator-result-actions .generator-again{color:ButtonText;background:ButtonFace}
}

/* Generate immediately, or refine through searchable extra preferences. */
.generator-options{border-top:1px solid #cbd3bd;margin-top:18px;padding-top:5px;min-width:0}
.generator-options summary{cursor:pointer;font-weight:600;padding:14px 0;min-height:44px}
.generator-options summary span{font-size:12px;font-weight:400;line-height:1.5}
.generator-options label{margin-top:14px}
.generator-options input[type=search]{width:100%;min-width:0;padding:13px;border:1px solid #c4cdb8;border-radius:6px;background:var(--paper);font:inherit;font-size:16px}
.generator-options .generator-info{font-size:12px;margin:12px 0}
.generator-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.generator-quick button{padding:10px 13px;min-height:44px;background:var(--paper);border:1px solid #bbc7aa;border-radius:6px;font-size:12px}
.generator-quick button[aria-pressed=true]{background:var(--lime)}