.menu-theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 12px}.menu-theme-option{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px!important;background:#fff!important;border:1px solid #d6e0ec!important;border-radius:12px!important;min-width:0;text-align:start;cursor:pointer;color:#334657!important}.menu-theme-option:hover,.menu-theme-option.selected{border-color:#5b7d69!important;background:#eef4ef!important;box-shadow:0 0 0 1px #5b7d69}.menu-theme-option strong{font-size:12px}.menu-theme-mini{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:24px 12px 12px 30px;width:100%;height:90px;border:1px solid}.menu-theme-mini i{position:absolute;inset:0 auto 0 0;width:20px}.menu-theme-mini b{position:absolute;inset:10px 12px auto 30px;height:5px}.menu-theme-mini>span{border:1px solid;border-radius:4px}.mini-original>span:first-of-type{grid-column:1/-1;background:linear-gradient(120deg,#6a6249,#232d20)!important}.mini-original>span:last-of-type{display:none}.mini-esencia{grid-template-columns:1fr}.mini-esencia>span{height:13px}.mini-mosaico{grid-template-columns:repeat(2,1fr)}.menu-style-workspace{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1fr);gap:28px;align-items:start}.menu-style-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.menu-style-color{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#566556;min-width:0}.menu-style-color>div{display:flex;gap:8px;align-items:center}.menu-style-color input[type=color]{width:40px;height:34px;padding:2px;border:1px solid #d3ddeb;background:white;border-radius:6px;cursor:pointer;flex-shrink:0}.menu-style-color input:not([type=color]){width:100%;min-width:0;height:34px;padding:6px 10px;border:1px solid #d3ddeb;border-radius:6px;color:#334657;background:white;font:12px monospace}.menu-style-controls h3{font-size:15px;margin:24px 0 16px}.menu-style-controls h3:first-child{margin-top:0}.menu-style-controls input[type=range]{width:100%;accent-color:#6e846e}.menu-style-controls output{font-size:11px;color:#667786}.menu-style-preview{min-width:0;position:sticky;top:12px}.menu-style-preview-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.menu-style-preview-header>div{display:flex;gap:7px}.menu-style-frame{margin:auto;border:1px solid #ccd7e3;border-radius:14px;overflow:hidden;background:#e7ece7;max-width:100%}.menu-style-frame.mobile{width:390px;height:700px}.menu-style-frame iframe{display:block;width:100%;height:100%;border:0}.menu-style-frame.desktop{width:100%;height:640px}.menu-style-frame.desktop iframe{width:1200px;height:1100px;transform:scale(.5);transform-origin:top left}.menu-style-preview:has(.desktop){overflow:hidden}
@media(min-width:1600px){.menu-style-frame.desktop iframe{transform:scale(.6)}}
@media(max-width:1100px){.menu-style-workspace{grid-template-columns:1fr}.menu-style-preview{position:static}.menu-style-frame.desktop{max-width:600px}.menu-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.menu-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-style-colors{grid-template-columns:1fr}.menu-style-frame.mobile{height:620px}.menu-style-workspace{min-width:0}.menu-style-frame.desktop iframe{transform:scale(.28)}.menu-style-frame.desktop{height:330px}}