.mh-layout{display:flex;gap:28px;max-width:1160px;margin:24px auto 40px;padding:0 4px;align-items:flex-start}.mh-form{width:400px;flex-shrink:0;text-align:left}.mh-form .fs-title{font-size:15px;font-weight:700;color:#333;margin:20px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent, #2a9d8f)}.mh-form .fs-title:first-child{margin-top:0}.mh-form .fs-sub{font-size:12.5px;font-weight:700;color:#666;margin:14px 0 6px}.mh-form .radio-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:6px}.mh-form .radio-line label{display:flex;align-items:center;gap:5px;margin:0;font-size:13.5px;color:#333;cursor:pointer}.mh-form input[type=text],.mh-form select{box-sizing:border-box;font-size:14px;color:#333;padding:8px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-family:inherit}.mh-form>input[type=text]{width:100%}.mh-toggle-line{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#333;cursor:pointer;margin-top:8px}.mh-rows{display:flex;flex-direction:column;gap:6px;margin-top:4px}.mh-row{display:flex;align-items:center;gap:5px}.mh-row .mh-row-type{width:66px;flex-shrink:0;padding:6px 4px;font-size:12.5px}.mh-row .mh-row-name{flex:1;min-width:0;padding:7px 8px;font-size:13px}.mh-row .mh-row-price{width:74px;flex-shrink:0;padding:7px 6px;font-size:13px;text-align:right}.mh-row[data-type=cat] .mh-row-price{visibility:hidden}.mh-row[data-type=cat] .mh-row-name{font-weight:700;color:var(--accent, #2a9d8f)}.mh-row-actions{display:flex;flex-shrink:0;gap:1px}.mh-row-actions button{border:none;background:none;color:#aaa;font-size:15px;line-height:1;cursor:pointer;padding:3px}.mh-row-actions button:hover{color:var(--accent, #2a9d8f)}.mh-row-actions .mh-row-del:hover{color:#c0392b}.mh-add-btn{align-self:flex-start;padding:6px 12px;font-size:12.5px;font-weight:600;border:1px dashed #aaa;border-radius:16px;background:#fff;color:#555;cursor:pointer;margin-top:8px}.mh-add-btn:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.mh-form .field-hint{margin:6px 0 0;line-height:1.6}.mh-reset-btn{padding:6px 14px;font-size:12.5px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#555;cursor:pointer;margin-top:22px}.mh-reset-btn:hover{color:#c0392b;border-color:#c0392b}.mh-preview{flex:1;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}.mh-btn-row{display:flex;gap:10px}.mh-print-btn,.mh-png-btn{flex:1;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.mh-print-btn{background:var(--accent);color:#fff}.mh-png-btn{background:#fff;color:var(--accent);border:2px solid var(--accent);padding:12px}.mh-print-btn:hover,.mh-png-btn:hover{opacity:.8}.mh-print-note{font-size:12px;color:#888;margin:8px 0 12px;line-height:1.5}.mh-preview-caption{font-size:12px;color:#888;margin-top:8px}.mh-sheet-box{overflow:hidden;border-radius:4px}.mh-sheet{background:#fff;box-sizing:border-box;position:relative;transform-origin:top left;overflow:hidden;box-shadow:0 2px 14px #0000002e}.mh-sheet[data-orient=landscape]{width:297mm;height:210mm}.mh-sheet[data-orient=portrait]{width:210mm;height:297mm}.mh-sheet svg{display:block;width:100%;height:100%}@media (max-width: 940px){.mh-layout{flex-direction:column}.mh-form{width:100%}.mh-preview{position:static;width:100%}}@media print{@page{margin:0}.mh-sheet-box{height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}.mh-sheet{transform:none!important;box-shadow:none!important;margin:0!important;overflow:hidden!important}.mh-sheet[data-orient=landscape]{width:296mm!important;height:209mm!important}.mh-sheet[data-orient=portrait]{width:209mm!important;height:296mm!important}}@media screen{.mh-row{display:grid;grid-template-columns:66px minmax(0,1fr) 84px;gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.mh-row .mh-row-name,.mh-row .mh-row-price{width:100%;font-size:16px}.mh-row input,.mh-row select{min-height:44px;box-sizing:border-box}.mh-row-actions{grid-column:1 / -1;justify-self:end;gap:8px}.mh-row-actions button{min-width:44px;min-height:44px;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:18px}}
