@media (max-width:820px){.wrap,.header-inner,.footer-inner{width:min(100% - 28px,680px)}.header-inner{height:64px}.brand img{width:36px;height:36px}.menu-button{display:block}.global-nav{display:none;position:absolute;left:14px;right:14px;top:58px;padding:10px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.global-nav.open{display:flex}.global-nav a{padding:12px}.hero{grid-template-columns:1fr;padding-block:54px 35px;text-align:center;gap:28px}.hero-icon{grid-row:1;width:150px}.home-grid,.workspace{grid-template-columns:1fr}.preview-panel{position:static}.guide-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.feature-strip div+div{border-left:0;border-top:1px solid var(--line)}.workspace{padding-bottom:48px}.tool-heading{padding-block:38px 20px}}
@media (max-width:520px){.wrap,.header-inner,.footer-inner{width:calc(100% - 24px)}.brand{font-size:.93rem}.brand img{width:34px;height:34px}.panel{padding:19px 16px;border-radius:14px}.form-grid{grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:1fr}.preview-stage{min-height:300px;padding:18px}.barcode-stage{min-height:235px}.action-grid{grid-template-columns:1fr}.action-grid .full{grid-column:auto}.home-grid{gap:16px}.choice-card{grid-template-columns:58px 1fr;padding:21px;gap:15px}.choice-icon{width:58px;height:58px}.choice-card h2{font-size:1.18rem}.footer-inner{padding-block:20px;flex-direction:column;align-items:flex-start;gap:2px}.toast-region{left:12px;right:12px}.toast{max-width:none}.dialog-actions .button{flex:1}}
@media (max-width:370px){.brand span{font-size:.85rem}.form-grid{grid-template-columns:1fr}.mode-tabs button{padding-inline:11px}.panel-title p{font-size:.78rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media (max-width:820px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace>.panel,.preview-stage{min-width:0;max-width:100%}.site-header,.site-footer{width:100%}.header-inner,.footer-inner{margin-inline:auto}}
@media (max-width:820px){.contact-layout{grid-template-columns:minmax(0,1fr);padding-bottom:48px}.site-footer .footer-inner{align-items:flex-start}.site-footer .footer-links{justify-content:flex-start}}