.mp-layout{display:flex;gap:28px;max-width:1120px;margin:20px auto 40px;padding:0 4px;align-items:flex-start}.mp-form{width:380px;flex-shrink:0;text-align:left}.mp-form .fs-title{font-size:15px;font-weight:700;color:#333;margin:20px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent, #c0392b)}.mp-form .fs-title:first-child{margin-top:0}.mp-form label.fld{display:block;font-size:12.5px;font-weight:700;color:#555;margin:12px 0 5px}.mp-form .radio-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:6px}.mp-form .radio-line label{display:flex;align-items:center;gap:5px;margin:0;font-size:13.5px;color:#333;cursor:pointer}.mp-form input[type=text],.mp-form input[type=tel],.mp-form input[type=email],.mp-form input[type=date],.mp-form textarea,.mp-form select{box-sizing:border-box;width:100%;font-size:14px;color:#333;padding:9px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-family:inherit}.mp-form textarea{resize:vertical;min-height:56px;line-height:1.5}.mp-form .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mp-chip{padding:6px 10px;font-size:12px;font-weight:600;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#444;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mp-chip:hover{border-color:var(--accent, #c0392b);color:var(--accent, #c0392b)}.mp-form .field-hint{margin:6px 0 0;line-height:1.6}.mp-photo-drop{border:2px dashed #c9c9c9;border-radius:8px;padding:18px 12px;text-align:center;color:#777;font-size:13px;cursor:pointer;background:#fafafa;transition:border-color .15s ease,background .15s ease}.mp-photo-drop:hover,.mp-photo-drop.is-drag{border-color:var(--accent, #c0392b);background:#fff6f5}.mp-photo-thumb{display:none;margin-top:10px;align-items:center;gap:10px}.mp-photo-thumb.is-on{display:flex}.mp-photo-thumb img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #ddd}.mp-photo-remove{padding:5px 12px;font-size:12px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#666;cursor:pointer}.mp-photo-remove:hover{color:#c0392b;border-color:#c0392b}.mp-import{display:none;margin:0 0 6px;padding:12px;border:1px solid #bfe0d9;border-radius:8px;background:#f0faf8}.mp-import.is-on{display:block}.mp-import p{font-size:12px;color:#1f5e56;margin:0 0 8px;line-height:1.6}.mp-import select{margin-bottom:8px}.mp-import-btn{padding:8px 14px;font-size:13px;font-weight:700;border:none;border-radius:6px;background:#14867a;color:#fff;cursor:pointer}.mp-import-btn:hover{opacity:.9}.mp-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}.mp-reset-btn:hover{color:#c0392b;border-color:#c0392b}.mp-preview{flex:1;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}.mp-btn-row{display:flex;gap:10px;flex-wrap:wrap}.mp-print-btn,.mp-png-btn,.mp-sq-btn{flex:1 1 auto;border:none;border-radius:8px;padding:14px 10px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s ease}.mp-print-btn{background:var(--accent, #c0392b);color:#fff}.mp-png-btn{background:#fff;color:var(--accent, #c0392b);border:2px solid var(--accent, #c0392b);padding:12px 10px}.mp-sq-btn{background:#fff;color:#444;border:2px solid #bbb;padding:12px 10px;flex-basis:100%}.mp-print-btn:hover,.mp-png-btn:hover,.mp-sq-btn:hover{opacity:.82}.mp-print-note{font-size:12px;color:#888;margin:8px 0 12px;line-height:1.5}.mp-preview-caption{font-size:12px;color:#888;margin-top:8px}.mp-sheet-box{overflow:hidden;border-radius:4px}.mp-sheet{background:#fff;box-sizing:border-box;position:relative;transform-origin:top left;overflow:hidden;box-shadow:0 2px 14px #0000002e;width:210mm;height:297mm}.mp-sheet svg{display:block;width:100%;height:100%}@media (max-width: 940px){.mp-layout{flex-direction:column}.mp-form{width:100%}.mp-preview{position:static;width:100%}}@media print{@page{size:A4 portrait;margin:0}.mp-sheet-box{height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}.mp-sheet{transform:none!important;box-shadow:none!important;margin:0!important;overflow:hidden!important;width:209mm!important;height:296mm!important}}