.margin-panel{margin-block:1.5rem;padding:1.25rem;border:1px solid var(--border,#d5e3df);border-radius:1rem;background:var(--surface,#fff);min-width:0}.margin-drop{text-align:center;border:2px dashed #146b63;padding-block:2rem}.margin-drop>label{display:block;font-weight:700;font-size:1.2rem}.margin-drop input{max-width:100%;font:inherit}.margin-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.margin-drop .margin-actions{justify-content:center}.margin-error{color:#a32121;font-weight:700}.margin-status{min-height:1.5em;overflow-wrap:anywhere}.margin-help{color:#526a62}.margin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.margin-metric{background:#f1f7f5;border-radius:.75rem;padding:1rem;text-align:center;min-width:0}.margin-metric dt{font-size:.9rem;color:#526a62}.margin-metric dd{margin:.35rem 0 0;font-weight:700;font-size:1.2rem;overflow-wrap:anywhere}.margin-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem}.margin-details dt{font-weight:700}.margin-details dd{margin:0 0 .75rem;overflow-wrap:anywhere}.margin-preview-wrap{max-width:900px;margin:1rem auto;background:repeating-conic-gradient(#e7efec 0 25%,#fff 0 50%) 50%/20px 20px;border-radius:.75rem;overflow:hidden}.margin-preview{display:block;width:100%;height:auto}.margin-panel[hidden],.margin-panel [hidden],.margin-preview[hidden]{display:none!important}.margin-note{padding:.8rem;border-left:4px solid #146b63;background:#f1f7f5}
@media(max-width:640px){.margin-panel{padding:1rem}.margin-grid,.margin-details{grid-template-columns:1fr 1fr}.margin-actions .button{width:100%}}