img[data-local-art-custom]{object-fit:cover;object-position:center;}
.ix-hero-art[data-local-art-custom],.mp-art-preview{aspect-ratio:16/9;object-fit:cover;}
@media(max-width:899px){.hs-login-illust[data-local-art-custom]{aspect-ratio:1599/900;object-fit:cover;}}
.mp-art-row + .mp-art-row{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule);}
.mp-art-name{display:block;margin-bottom:8px;font-weight:700;}
.mp-art-preview{display:block;width:100%;max-width:400px;height:auto;margin-bottom:12px;border:0;}
.mp-art-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mp-art-actions input{min-width:0;max-width:100%;font:inherit;color:var(--ink);}
.mp-art-actions input::file-selector-button,.mp-art-actions button{min-height:44px;padding:8px 12px;font:inherit;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:2px;cursor:pointer;}
.mp-art-actions input:focus-visible,.mp-art-actions button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}
.mp-art-actions :disabled{opacity:.5;cursor:wait;}
.mp-art-status{min-height:1.7em;margin-top:8px;color:var(--ink2);font-size:var(--fs-sub,13px);}

.mp-art-preview[hidden]{display:none;}
.mp-art-editor{margin-bottom:12px;max-width:400px;}

.mp-art-editor--two{max-width:640px;}
.mp-art-frames{display:grid;gap:16px;}
.mp-art-editor--two .mp-art-frames{grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:start;}
@media(max-width:599px){.mp-art-editor--two .mp-art-frames{grid-template-columns:minmax(0,1fr);}.mp-art-one--tall{max-width:240px;}}
.mp-art-onename{margin-bottom:6px;font-weight:700;color:var(--ink2);font-size:var(--fs-sub,13px);}
.mp-art-hint{margin-bottom:8px;color:var(--ink2);font-size:var(--fs-sub,13px);}
.mp-art-frame{position:relative;width:100%;overflow:hidden;border:1px solid var(--rule);border-radius:2px;background:var(--card);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;}
.mp-art-frame:active{cursor:grabbing;}
.mp-art-frame:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}
.mp-art-pic{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;}
.mp-art-zoomrow{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:var(--fs-sub,13px);color:var(--ink2);}
.mp-art-zoomname{flex:0 0 auto;font-weight:700;}
.mp-art-zoom{flex:1 1 auto;min-width:0;min-height:44px;accent-color:var(--ink);}
.mp-art-editbtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;}
.mp-art-editbtns button{min-height:44px;padding:8px 12px;font:inherit;font-weight:700;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:2px;cursor:pointer;}
.mp-art-editbtns button:hover{border-color:var(--ink);}
.mp-art-editbtns button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}