/* Alpha 5.5 — visual editor, stage, layers and quick controls */


/* Alpha 4.2 — Mobile workspace scroll recovery */
@media(max-width:720px){
  html,body{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .app{min-height:100dvh;height:auto;overflow:visible}
  .workspace{display:block;min-height:0;height:auto;padding-bottom:82px}
  .top{min-height:62px;position:relative;z-index:2}
  .stageWrap{overflow:visible;min-height:0;padding:18px 4px 28px;touch-action:pan-y;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
  .stageGrid{min-height:0;padding:12px 0 24px;touch-action:pan-y}
  .stage{touch-action:pan-y}
  .element,.handle{touch-action:none}
}



/* Alpha 6.0.4 Patch 1 — canonical card typography and mobile scrolling */
.stage,.previewCard{font-family:var(--card-font,Georgia,serif)}
.brandText{font-family:inherit;font-size:inherit;font-weight:700;line-height:1.05;letter-spacing:.16em;text-align:center;text-transform:uppercase}
.nameText{font-family:inherit;font-size:inherit;font-weight:700;line-height:1;text-align:center}
.formatText{font-family:inherit;font-size:inherit;font-style:italic;line-height:1.15;text-align:center}
.strengthText{font-family:inherit;font-size:inherit;font-weight:700;line-height:1;text-align:center;letter-spacing:.08em}
.flavorsText{font-family:inherit;font-size:inherit;line-height:1.55;white-space:normal}
.footerText{font-family:inherit;font-size:inherit;line-height:1.1;text-align:center;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:720px){
  .stageWrap{touch-action:pan-y pinch-zoom;overflow:visible!important}
  .stageGrid{touch-action:pan-y pinch-zoom}
  .stage{touch-action:pan-y pinch-zoom}
  .element,.handle{touch-action:none}
}

/* TEST27 — strength display modes preserved */
.strengthText[data-strength-style="stars"]{letter-spacing:.08em}
.strengthText[data-strength-style="circles"]{letter-spacing:.14em}
.strengthText[data-strength-style="bars"]{letter-spacing:.08em;font-weight:700}

/* TEST27: compact QR sizes + short-link controls */
.qrElement{padding:0!important;min-width:70px;min-height:70px;overflow:visible}
.qrElement .elementContent{display:grid;width:100%;height:100%;place-items:center;overflow:visible}
.qrCodeSvg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;background:#fff;pointer-events:none;user-select:none}
.qrPlaceholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:3px;background:#fff;border:1px dashed #777;color:#222;text-align:center;font:700 20px/1 system-ui,sans-serif;box-sizing:border-box}
.qrPlaceholder span{font-size:9px;font-weight:600;color:#555}
.qrCardControls{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.qrCardControls>h3{margin:0 0 9px}
.qrCardControls #qrSettings>label{margin-top:9px}
.qrTargetHint{margin:8px 0;overflow-wrap:anywhere}
.qrActions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.previewCard .qrElement{padding:0!important}
.previewCard .qrCodeSvg{background:#fff}

.qrSizeStepper{display:grid;grid-template-columns:42px minmax(74px,1fr) 42px;gap:7px;align-items:center;margin-top:6px}
.qrSizeStepper .btn{min-width:0;padding:8px 6px;font-size:18px;line-height:1}
.qrSizeStepper output{display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-weight:800;font-variant-numeric:tabular-nums}