.plannerModes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.plannerModes button{min-height:44px;padding:10px 16px;border:1px solid #bbb;background:#fff;color:#222;font-size:16px}
.plannerModes button[aria-pressed=true]{background:#222;color:white;border-color:#222}
.quickEmpty{text-align:center;padding:36px 20px;max-width:600px;margin:auto}
.quickEmpty h2{font-size:23px}.quickEmpty p{font-size:16px;line-height:1.6;margin:14px 0 24px}
.quickGallery{display:block;margin:12px 0;text-decoration:underline;text-underline-offset:4px;font-size:16px}
html.quickPlanner #picturePanel,html.quickPlanner #sizePanel,html.quickPlanner .tabs,html.quickPlanner .multiArtworkControls,html.quickPlanner .perspectiveControls,html.quickPlanner .lightControls,html.quickPlanner .info,html.quickPlanner #wallMode,html.quickPlanner label[for=wallMode],html.quickPlanner .incomingArtwork,html.quickPlanner .workSummary,html.quickPlanner #frameNote{display:none!important}
html.quickPlanner #framePanel{display:block!important}
html.quickPlanner #framePanel::before{content:'Keret választása';display:block;font-size:18px;font-weight:600;margin-bottom:12px}
html:not(.quickPlanner) .quickOnly{display:none!important}
html.quickPlanner.noQuickArtwork .workspace,html.quickPlanner.noQuickArtwork .draftRow,html.quickPlanner.noQuickArtwork #saveActions,html.quickPlanner.noQuickArtwork #stepLabel{display:none!important}
html.quickPlanner .artControls{margin-bottom:12px}
html.quickPlanner .workspace{align-items:start}
html.quickPlanner .frameOptions{margin-top:0}
.modeNotice{font-size:14px;line-height:1.5;color:#555;margin:0 0 12px}