#quick-panel h2{margin:2px 0 8px;font-size:20px}
.instant-groups{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.instant-groups button{border:1px solid var(--line);border-radius:20px;padding:7px 10px;min-height:36px;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:pointer}.instant-groups button[aria-pressed=true]{background:var(--theme-hover,#f4ebe4);border-color:var(--accent);color:var(--accent)}
.instant-cards,.instant-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.instant-cards:has(>.instant-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.instant-compare-grid:has(>.instant-compare-item:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.instant-card{min-width:0;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel,#fffdfa);color:inherit;cursor:pointer;font:inherit;text-align:left;overflow:hidden}
.instant-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--theme-hover,#f4ebe4);border-radius:8px;display:block}
.instant-card strong,.instant-card span{display:block;font-size:12px;padding:7px 3px;line-height:1.4}
.instant-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--theme-hover,#f4ebe4)}
.instant-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.instant-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.instant-actions button{min-height:44px}
.workspace-photos:not(:has(.photo-slot:nth-child(2))){display:none}
.instant-comparison{width:min(950px,calc(100vw - 24px));max-width:950px}.instant-comparison h2{margin-top:0}.instant-comparison>.button{margin-top:16px}
.instant-compare-grid img{max-height:58dvh}.instant-compare-grid .instant-card strong{font-size:15px}
.instant-compare-item{min-width:0}.instant-compare-item>.instant-card{width:100%}.instant-compare-item>.button{width:100%;min-height:44px;margin-top:6px;padding:7px 3px;font-size:12px}
.category-tabs{overflow-x:auto}.category-tabs button{white-space:nowrap}
.settings-panel:has(#quick-tab[aria-selected=true]):has(#quick-cards .instant-card) .photo-context{display:none}
#quick-fallback button{margin:4px 0;min-height:44px}
.ai-request-details{margin-bottom:14px}.ai-request-details summary{min-height:44px;cursor:pointer;align-content:center}.ai-request-details[open]{padding-bottom:12px}
@media(max-width:760px){.category-tabs button{font-size:11px;padding-inline:6px;flex:none;min-width:52px}#quick-panel h2{font-size:17px}.instant-card strong{font-size:11px}.instant-cards{gap:6px}.instant-cards img{max-height:120px}.instant-actions{margin-top:8px}.instant-comparison{padding:14px}.instant-compare-grid{gap:5px}.instant-compare-grid .instant-card strong{font-size:11px}.instant-compare-grid .instant-card span{font-size:10px}}
@media(max-width:599px),(max-width:760px) and (min-height:541px){
  .workspace{display:flex;flex:none;height:auto;min-height:0;max-height:none;gap:10px}
  .workspace>.photo-column{width:calc(100% + 16px);margin-inline:-8px;height:auto;flex:none;position:static;min-height:0}
  .workspace .photo-panel{height:auto;flex:none;border-inline:0;border-radius:0}
  .workspace>.settings-panel{height:auto;min-height:max(720px,95svh);flex:none;overflow:visible}
  .workspace .tools-scroll{overflow:visible;flex:1;max-height:none}
  .workspace .save-area{position:relative}
  .workspace .category-tabs{position:sticky;top:0;z-index:4;border-radius:12px 12px 0 0}
  /* Keep the photograph large even when comparison or extra controls are open. */
  .workspace .photo-panel .photo-stage{height:max(500px,calc(100svh - 220px));flex:none;padding:0 0 28px}
  .workspace .photo-panel .portrait-wrap{width:100%;height:100%;max-width:none;border-radius:0;box-shadow:none}
  .workspace .photo-panel .photo-toolbar{flex-wrap:nowrap}
  .workspace .photo-panel #photo-label{max-width:none}
  .workspace .save-area .export-options[open]{position:static}
  .instant-groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:5px 0}.instant-groups button{flex:none;min-height:40px}
  #quick-panel h2{font-size:16px;margin:0 0 4px}#quick-status{font-size:11px;margin:4px 0}
  .instant-cards img{max-height:160px}.instant-card strong{padding:7px 3px}
  .instant-actions{gap:5px;flex-wrap:nowrap}.instant-actions button{font-size:11px;padding:6px 8px}
  #quick-panel>.hint:last-child{font-size:10px;margin:6px 0}
}
.quick-return{display:none}
.guided-target{outline:3px solid var(--accent)!important;outline-offset:4px}
.quick-help{max-height:calc(100dvh - 24px);overflow:auto;position:fixed;z-index:130;width:min(310px,calc(100vw - 24px));padding:16px;border:1px solid var(--accent);border-radius:14px;background:var(--theme-panel,#fffdfa);color:var(--ink,#2f251c);box-shadow:0 8px 36px #2f251c30;line-height:1.5;font-size:13px}
.quick-help strong{display:block;font-size:18px;line-height:1.3;margin:5px 0}.quick-help p{margin:8px 0 12px}.quick-help-count{color:var(--muted);font-size:11px}.quick-help-top,.quick-help-actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.quick-help button{min-height:44px;font-size:12px}.quick-help .button{padding:8px 14px;flex:none}.quick-help .text-button{text-align:left}.quick-help-kicker{font-size:11px;font-weight:600;color:var(--accent)}
.quick-help-progress{display:flex;gap:5px;margin:10px 0 14px}.quick-help-progress span{height:4px;flex:1;border-radius:5px;background:var(--line)}.quick-help-progress [data-state=current]{background:var(--accent);opacity:.5}.quick-help-progress [data-state=done]{background:var(--accent)}
.quick-help-finish{padding:12px 14px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--theme-hover,#f4ebe4);font-size:13px}.quick-help-finish strong{font-size:15px}.quick-help-finish p{margin:6px 0}.quick-help-finish button{min-height:44px}
@media(max-width:599px),(max-width:760px) and (min-height:541px){.quick-return:not([hidden]){display:block;flex:none;width:calc(100% - 16px);margin-inline:8px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--theme-panel,#fffdfa);color:var(--accent);font:inherit;font-size:13px}}
