.mb-narrow{max-width:620px}.mb-nav-right{align-items:center;gap:1.25rem;margin-left:auto;display:inline-flex}.mb-card{border:1px solid var(--color-border);border-radius:var(--radius-lg,20px);background:var(--color-surface);box-shadow:var(--shadow-sm);margin-top:1.75rem;padding:clamp(1.1rem,4vw,1.75rem)}.mb-card-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 .5rem;font-size:1.35rem;font-weight:750}.mb-tabs{background:var(--color-bg-tertiary);border-radius:999px;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.25rem;padding:.3rem;display:grid}.mb-tab{font:inherit;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.6rem 1rem;font-weight:650}.mb-tab.on{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.mb-form{gap:.35rem;display:grid}.mb-lbl{color:var(--color-text-secondary);margin-top:.75rem;font-size:.85rem;font-weight:600;display:block}.mb-lbl.mb-sub{margin-top:.4rem;font-weight:500}.mb-in{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);border-radius:12px;padding:.75rem .9rem;font-size:1rem}.mb-in:focus{outline:2px solid var(--color-brand-green);outline-offset:1px}select.mb-in{appearance:auto}.mb-code{font-family:var(--font-mono);letter-spacing:.35em;text-align:center;max-width:260px;font-size:1.6rem}.mb-cols{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.mb-cols3{grid-template-columns:2fr 1fr 1fr;gap:0 1rem;display:grid}.mb-fieldset{border:0;min-width:0;margin:.5rem 0 0;padding:0}.mb-fieldset>legend{padding:0}.mb-checks{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.mb-check{color:var(--color-text);align-items:flex-start;gap:.55rem;margin-top:.35rem;padding:3px 0;font-size:.95rem;line-height:1.5;display:flex}.mb-check input{accent-color:var(--color-brand-green);flex-shrink:0;margin-top:.3rem}.mb-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.mb-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mb-muted{color:var(--color-text-secondary);margin:.25rem 0;line-height:1.6}.mb-small{font-size:.88rem}.mb-err{color:#b91c1c;margin:.6rem 0 0;font-size:.92rem}.mb-ok{color:var(--color-accent-secondary);margin:.6rem 0 0;font-size:.95rem;font-weight:600}.mb-note{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:.75rem 0 0;padding:.85rem 1rem;line-height:1.55}.mb-note p{margin:0 0 .35rem}.mb-a{color:var(--color-accent-secondary);text-underline-offset:2px;text-decoration:underline}.mb-link{font:inherit;color:var(--color-accent-secondary);text-underline-offset:2px;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.mb-link:disabled{opacity:.6;cursor:default}.mb-more{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.5rem}.mb-more>summary{cursor:pointer;color:var(--color-text-secondary);padding:.4rem 0;font-weight:600}.mb-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.mb-btn{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.4rem;font-weight:650;text-decoration:none;display:inline-flex}.mb-btn.pri{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.mb-btn.sm{padding:.5rem 1rem;font-size:.9rem}.mb-btn:disabled{opacity:.6;cursor:default}.mb-modal-back{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mb-modal{background:var(--color-surface);border-radius:var(--radius-lg,20px);width:min(600px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-xl);outline:none;padding:1.25rem;overflow:auto}.mb-modal-title{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.2rem}.mb-crop{background:var(--color-bg-tertiary);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;margin:.75rem auto 0;position:relative;overflow:hidden}.mb-crop:active{cursor:grabbing}.mb-crop:focus-visible{outline:3px solid var(--color-brand-green);outline-offset:2px}.mb-crop canvas{display:block}.mb-crop-ring{pointer-events:none;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffd9}.mb-crop.is-round .mb-crop-ring{border-radius:50%;box-shadow:0 0 0 999px #0f172a73,inset 0 0 0 2px #ffffffe6}.mb-zoom{max-width:360px;color:var(--color-text-secondary);align-items:center;gap:.75rem;margin:.9rem auto 0;font-size:.9rem;display:flex}.mb-zoom input{accent-color:var(--color-brand-green);flex:1}@media (max-width:640px){.mb-cols,.mb-cols3,.mb-checks{grid-template-columns:1fr}.mb-nav-right{gap:.9rem}.mb-btn{flex:auto}}
