.app-layout{display:grid;grid-template-columns:400px 1fr;height:100vh;overflow:hidden}.app-sidebar{background:#fdf4e7;border-right:2px solid #e8d5b8;overflow-y:auto;display:flex;flex-direction:column;height:100vh}.app-header{padding:28px 28px 24px;border-bottom:2px solid #e8d5b8;background:#fff8ee;flex-shrink:0}.app-form-wrap{padding:20px 24px;flex:1}.app-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px;height:100vh;background:#fef9f2;background-image:radial-gradient(#e8d0b0 1px,transparent 1px);background-size:24px 24px}.qr-preview-pane{max-width:420px}@media(max-width:860px){.app-layout{display:flex;flex-direction:column;height:auto;overflow:visible}.app-main{position:sticky;top:0;z-index:10;order:1;height:auto;padding:16px 16px 12px;gap:12px;background:#fef9f2;background-image:radial-gradient(#e8d0b0 1px,transparent 1px);background-size:24px 24px}.app-sidebar{order:2;height:auto;overflow-y:unset;border-right:none;border-top:2px solid #e8d5b8}.app-header{padding:16px 20px}.app-form-wrap{padding:20px}.qr-preview-pane{max-width:260px}}