.mrr-editor{--ink:#173d2d;--acid:#e8f668;background:#f5f4ed;color:var(--ink);padding:24px;border-radius:22px;border:1px solid #d8ded0}.mrr-editor *{box-sizing:border-box}.mrr-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.mrr-editor canvas{width:100%;height:auto;aspect-ratio:3/2;touch-action:none;border-radius:16px;background:#477b32;display:block}.mrr-editor canvas:focus{outline:3px solid #1c633b;outline-offset:4px}.mrr-editor aside{display:flex;flex-direction:column;gap:16px}.mrr-editor label{display:grid;gap:7px;font-size:14px;font-weight:700}.mrr-editor input:not([type=file]),.mrr-editor select{padding:10px;background:white;border:1px solid #c5cebf;border-radius:8px;width:100%;color:var(--ink);font:inherit}.mrr-editor button,.mrr-file{font:inherit;border:1px solid #b5c2ac;background:white;color:var(--ink);border-radius:8px;padding:10px 13px;cursor:pointer}.mrr-editor button:hover,.mrr-file:hover{background:#e6eddc}.mrr-editor button:disabled{opacity:.5;cursor:not-allowed}.mrr-editor .mrr-order{background:var(--ink);color:white;font-weight:700}.mrr-editor .mrr-order:hover{background:#235639}.mrr-tools{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.mrr-editor [data-status]{padding:12px;border-radius:8px;background:#e1edda;font-size:14px;margin:14px 0}.mrr-editor [data-status][data-valid=false]{background:#ffdfce;color:#77341e}.mrr-editor small{font-size:12px;line-height:1.5}.mrr-file input{max-width:100%;font-size:12px}.mrr-editor [data-note]{min-height:24px;margin-top:10px}.mrr-editor h2{margin-top:0}.mrr-price{font-size:28px;font-weight:800}.mrr-presets{display:flex;gap:6px;flex-wrap:wrap}.mrr-help{font-size:14px;line-height:1.6;margin:12px 0}.mrr-design-meta{font-size:13px}.mrr-design-meta a{margin-right:12px}@media(max-width:850px){.mrr-workspace{grid-template-columns:1fr}.mrr-editor{padding:12px}.mrr-editor aside{display:grid;grid-template-columns:1fr 1fr}.mrr-editor aside .mrr-order{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.mrr-editor *{scroll-behavior:auto}}
.mrr-editor,.mrr-workspace,.mrr-workspace>*,.mrr-editor aside>*{min-width:0}.mrr-editor input[type=file]{width:100%;min-width:0}.mrr-editor .mrr-file{overflow-wrap:anywhere}@media(max-width:850px){.mrr-editor aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.mrr-editor aside{grid-template-columns:minmax(0,1fr)}.mrr-editor .mrr-tools{align-items:center}.mrr-editor button{font-size:13px}}