.mp-view{color:#171717;background:#fff}.mp-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.mp-heading h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.mp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.mp-card{border:1px solid #d7d7d7;border-top:4px solid #ffd400;border-radius:12px;padding:24px;display:flex;gap:16px;background:#fff}.mp-card h2{margin:0 0 8px}.mp-machine-icon{font-size:32px;line-height:1;color:#171717}.mp-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.mp-card dd{margin:0;text-align:end;font-weight:600}.mp-note{font-size:.92rem;color:#545454;line-height:1.5}.mp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.mp-archive-filter{display:flex;align-items:center;gap:8px;margin-bottom:20px;min-height:48px}.mp-archive-filter input{accent-color:#171717;width:20px;height:20px}.mp-editor{border:1px solid #d7d7d7;border-radius:12px;padding:24px;background:#fff}.mp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-bottom:20px}.mp-field label{display:block;font-weight:600;margin-bottom:7px}.mp-field input,.mp-field select,.mp-field textarea,.mp-curve-table input{font:inherit;font-size:1rem;min-height:48px;width:100%;border:1px solid #aaa;border-radius:7px;padding:10px 12px;color:#171717;background:#fff;box-sizing:border-box}.mp-field textarea{resize:vertical}.mp-field small{color:#545454}.mp-input-unit{display:flex;align-items:center;gap:10px}.mp-input-unit input{min-width:0}.mp-input-unit span{white-space:nowrap;color:#666}.mp-curve{border-block:1px solid #ddd;padding:16px 0;margin-bottom:24px}.mp-curve summary{font-weight:700;min-height:32px;cursor:pointer}.mp-table-wrap{overflow:auto;margin-bottom:16px}.mp-curve-table{border-collapse:collapse;width:100%;min-width:580px}.mp-curve-table th,.mp-curve-table td{padding:8px;border-bottom:1px solid #ddd;text-align:start}.mp-curve-table th{font-size:.9rem}.mp-curve-table td:last-child{width:60px}.mp-error{color:#a40000;border-inline-start:3px solid #a40000;padding:8px 14px}.mp-view :focus-visible{outline:3px solid #171717;outline-offset:3px}.mp-view [aria-invalid=true]{border-color:#a40000}@media(max-width:640px){.mp-heading{align-items:flex-start;flex-direction:column;gap:12px}.mp-editor,.mp-card{padding:16px}.mp-heading>.button{width:100%}.mp-fields{grid-template-columns:1fr}.mp-actions>.button{min-height:48px}}