@media (min-width: 1060px) { .workspace { grid-template-columns: minmax(0, 1.04fr) minmax(0, .90fr); } }
@media (max-width: 880px) {
  .page-shell { padding: 18px 24px 20px; }
  .workspace { grid-template-columns: minmax(0,1fr); gap: 20px; max-width: 660px; margin: 0 auto; }
  .intro { max-width: 660px; margin:0 auto 23px; }
  .preview-panel { width:100%; }
  .control-panel { padding: 24px; }
}
@media (max-width: 540px) {
  .page-shell { padding: 14px 14px 20px; }
  .site-header { padding: 0 3px 15px; }
  .wordmark { font-size: 16px; letter-spacing: .06em; gap: 9px; }
  .wordmark-mark { width:30px; height:30px; }
  .edition { display:none; }
  .studio { padding-top:23px; }
  .intro { margin-bottom: 24px; }
  .eyebrow { font-size:9px; }
  h1 { font-size:clamp(28px,8vw,39px); margin-top:12px; }
  .intro p { font-size:12px; line-height:1.9; }
  .desktop-break { display:none; }
  .workspace { gap:14px; }
  .preview-panel { padding:9px; border-radius:11px; }
  .preview-topline { padding: 3px 5px 0; margin-bottom: 8px; font-size:9px; }
  .preview-bottomline { margin-top:9px; font-size:10px; padding-bottom:3px; }
  .canvas-frame { border-radius: 5px; }
  .canvas-ornament { inset:8px; }
  .control-panel { padding:20px 18px 14px; border-radius:11px; }
  .panel-heading { padding-bottom:12px; }
  .panel-section { padding:16px 0; }
  .setting { margin-bottom:14px; }
  .site-footer { flex-direction:column; gap:5px; margin-top:22px; padding-top:17px; font-size:9px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:0.01ms!important; transition-duration:0.01ms!important; } }