.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}}.footer{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.footer-text{font-size:.8rem;color:inherit;opacity:.5;white-space:nowrap}@media(prefers-color-scheme:light){.footer-text{opacity:.75}}.footer-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;opacity:.7;transition:opacity .2s ease}.footer-photo:hover{opacity:1}