.menu-shell{padding:2.5rem 0 1rem;background:#f5f7fb}.menu-intro{max-width:820px;margin:0 auto 2rem;text-align:center}.menu-intro h1{margin:.35rem 0 .7rem;color:#071a3d;font-size:clamp(2rem,4vw,3rem)}.menu-intro p{margin:0;color:#59667b;line-height:1.7}.menu-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);gap:1.5rem;align-items:start}.menu-editor form{display:grid;gap:1rem}.menu-panel,.menu-generate,.menu-preview-card{border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 8px 26px rgba(18,38,68,.06)}.menu-panel{padding:1.4rem}.menu-title{display:flex;gap:.8rem;margin-bottom:1.2rem}.menu-title>span{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:50%;background:#1464c0;color:#fff;font-weight:800}.menu-title h2{margin:0;color:#15233c;font-size:1.12rem}.menu-title p{margin:.25rem 0 0;color:#718096;font-size:.82rem}.menu-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.menu-fields label{display:grid;align-content:start;gap:.4rem;color:#2e3d55;font-size:.84rem;font-weight:750}.menu-fields label.full{grid-column:1/-1}.menu-fields label>span{color:#7d8899;font-size:.65rem;text-transform:uppercase}.menu-fields input,.menu-fields textarea{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid #cfd8e5!important;border-radius:7px!important;background:#fbfcfe!important;outline:0}.menu-fields textarea{min-height:104px;resize:vertical}.menu-fields input:focus,.menu-fields textarea:focus{border-color:#1464c0!important;box-shadow:0 0 0 3px rgba(20,100,192,.12)!important}.menu-drop{display:grid;min-height:180px;place-items:center;align-content:center;gap:.35rem;padding:1.2rem;border:1px dashed #9fb3cf;border-radius:8px;background:#f8fbff;text-align:center;cursor:pointer}.menu-drop.drag{border-color:#1464c0;background:#edf5ff}.menu-drop>i{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:#e8f1ff;color:#1464c0;font-size:1.35rem}.menu-drop span,.menu-drop small{color:#758197;font-size:.76rem}.menu-drop input{position:absolute;opacity:0;pointer-events:none}.menu-image-list{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin-top:.8rem}.menu-image-list>div{position:relative;min-width:0}.menu-image-list img{display:block;width:100%;aspect-ratio:1/1;border:1px solid #dce3ec;border-radius:7px;object-fit:cover}.menu-image-list button{display:grid;position:absolute;top:5px;right:5px;width:25px;height:25px;place-items:center;padding:0!important;border-radius:50%!important;background:#fff!important;color:#a52929!important;box-shadow:0 2px 7px rgba(0,0,0,.18)!important}.menu-image-list small{display:block;overflow:hidden;margin-top:.25rem;color:#69768a;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.menu-generate{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem}.menu-generate>div{display:grid}.menu-generate span{color:#778397;font-size:.75rem}.menu-alert{padding:.85rem 1rem;border:1px solid #f1c2c2;border-radius:7px;background:#fff2f2;color:#a52c2c}.menu-alert.success{border-color:#b9dfcc;background:#effaf4;color:#176842}.menu-preview{position:sticky;top:92px}.menu-preview-card{overflow:hidden}.menu-preview-card>header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;background:#102f66;color:#fff;font-weight:750}.menu-preview-card header small{color:#cbd8ed;font-size:.7rem}.menu-preview-body{padding:1.25rem}#menuQr{display:grid;min-height:314px;place-items:center;border:1px solid #e1e7ef;border-radius:8px;background:#fbfcfe}#menuQr canvas{display:block;max-width:100%;height:auto!important}#menuQr.empty>div{display:grid;max-width:220px;place-items:center;gap:.5rem;color:#718096;text-align:center}#menuQr.empty i{color:#1464c0;font-size:2.8rem}#menuQr.empty strong{color:#34445c}#menuQr.empty span{font-size:.78rem}.menu-page-link{display:flex;align-items:center;gap:.55rem;margin-top:.8rem;padding:.7rem;border-radius:6px;background:#f1f5fa;color:#145fc0;font-size:.76rem;font-weight:700;text-decoration:none}.menu-custom{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.8rem}.menu-custom label,.menu-download label{display:grid;gap:.35rem;color:#41516a;font-size:.72rem;font-weight:700}.menu-custom input,.menu-custom select,.menu-download select{width:100%;min-height:43px;padding:.5rem;border:1px solid #d4dce7;border-radius:6px;background:#fff}.menu-download{display:grid;gap:.7rem;margin-top:.8rem}.menu-download>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.menu-download button{min-height:43px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#17386c;font-weight:750}.menu-download .btn{border:0;color:#fff}#menuQr.has-frame{position:relative;min-height:370px;padding:18px 18px 62px;border:6px solid currentColor;background:#fff}#menuQr.has-frame canvas{width:260px!important;height:260px!important}#menuQr.has-frame:after{content:attr(data-label);position:absolute;right:14px;bottom:12px;left:14px;padding:.55rem;border-radius:6px;background:currentColor;color:#fff;font-size:.9rem;font-weight:850;text-align:center}#menuQr.frame-blue{color:#1677ff}#menuQr.frame-coral{color:#d84e48}#menuQr.frame-dark{color:#1f2937}@media(max-width:991px){.menu-workspace{grid-template-columns:1fr}.menu-preview{position:static;max-width:520px;width:100%;margin:auto}}@media(max-width:600px){.menu-shell{padding-top:1.5rem}.menu-panel{padding:1rem}.menu-fields{grid-template-columns:1fr}.menu-fields label.full{grid-column:auto}.menu-image-list{grid-template-columns:repeat(3,1fr)}.menu-generate{align-items:stretch;flex-direction:column}.menu-generate .btn{width:100%}.menu-custom,.menu-download>div{grid-template-columns:1fr}}
.menu-fields .menu-label{display:flex;align-items:center;justify-content:space-between;color:#2e3d55;font-size:.84rem;text-transform:none}.menu-label em{padding:.18rem .4rem;border-radius:4px;background:#eef3f9;color:#6d7b91;font-size:.62rem;font-style:normal;font-weight:750;text-transform:uppercase}.menu-customizer{padding:0;overflow:hidden}.menu-style-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border:0;background:#12366d;color:#fff;text-align:left}.menu-style-toggle>span{display:flex;align-items:center;gap:.75rem}.menu-style-toggle span span{display:grid}.menu-style-toggle small{color:#cbd8ed;font-size:.7rem}.menu-style-body{display:grid;gap:1.2rem;padding:1rem}.menu-style-body[hidden]{display:none}.menu-style-body fieldset{margin:0;padding:0;border:0}.menu-style-body legend{margin-bottom:.7rem;color:#2e3d55;font-size:.82rem;font-weight:750}.menu-color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.menu-color-options label,.menu-frame-options label{display:grid;gap:.4rem;justify-items:center;font-size:.7rem;cursor:pointer}.menu-color-options input,.menu-frame-options input{position:absolute;opacity:0}.menu-color-options label>span{display:grid;width:44px;height:44px;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #ccd5e1}.menu-color-options input:checked+span{box-shadow:0 0 0 3px #1677ff}.menu-color-options .custom input[type=color]{position:static;width:42px;height:22px;padding:0;border:1px solid #ccd5e1;border-radius:5px;opacity:1}.menu-color-options .custom i{color:#fff}.menu-frame-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.menu-frame-options label>span{display:grid;width:62px;height:66px;place-items:center;align-content:center;gap:.1rem;border:2px solid #d4dce7;border-radius:7px;background:#fff;font-size:1.2rem}.menu-frame-options small{font-size:.36rem;font-weight:800}.menu-frame-options .blue{border:4px solid #1677ff;color:#1677ff}.menu-frame-options .coral{border:4px solid #d84e48;color:#d84e48}.menu-frame-options .dark{border:4px solid #1f2937;color:#1f2937}.menu-frame-options input:checked+span{box-shadow:0 0 0 3px rgba(22,119,255,.14)}.menu-page-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.menu-color-options{grid-template-columns:repeat(3,1fr)}.menu-frame-options{grid-template-columns:repeat(2,1fr)}}