/* 沿用影像首页 --vg-* 令牌；素材弹窗独立于回忆录 DOM 宿主。 */
.ma{color:var(--vg-ink);background:var(--vg-bg);border:1px solid var(--vg-line);border-radius:var(--vg-r-md);width:min(1100px,calc(100vw - 32px));height:min(900px,92dvh);max-height:92dvh;padding:0;box-shadow:var(--vg-shadow-pop);font:400 16px/1.6 var(--vg-sans)}
.ma[open]{display:flex;flex-direction:column}.ma::backdrop{background:var(--vg-night);opacity:.85}.ma *{box-sizing:border-box}.ma [hidden]{display:none!important}
.ma-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-bottom:1px solid var(--vg-line);flex-shrink:0}.ma-header small{font-size:14px;color:var(--vg-ink2)}.ma h2{font:600 24px/1.5 var(--vg-serif);margin:4px 0 0}.ma h3{font-size:20px;margin:0 0 12px}.ma h4{font-size:16px;line-height:1.55;margin:8px 0;overflow-wrap:anywhere}.ma p{line-height:1.7;font-size:16px}
.ma-status{padding:12px 32px;margin:0;background:var(--vg-soft);min-height:48px;flex-shrink:0}.ma-body{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.4fr);gap:32px;padding:32px;overflow:auto;min-height:0;flex:1}.ma-create,.ma-library{min-width:0}.ma-library{align-self:start;position:sticky;top:0;max-height:100%;overflow:auto}
.ma label{display:grid;gap:8px;font-size:16px;margin:16px 0}.ma input,.ma select,.ma textarea{width:100%;border:1px solid var(--vg-line-strong);border-radius:var(--vg-r-sm);background:var(--vg-paper);color:var(--vg-ink);padding:12px;font:inherit}.ma textarea{resize:vertical}
.ma button,.ma-public button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--vg-tap);padding:8px 16px;border:1px solid var(--vg-line-strong);border-radius:var(--vg-r-sm);background:var(--vg-paper);color:var(--vg-ink);font:500 16px/1.5 var(--vg-sans);cursor:pointer}.ma button:hover,.ma-public button:hover{background:var(--vg-soft);border-color:var(--vg-seal)}.ma .mm-btn-primary{background:var(--vg-seal);color:var(--vg-on-seal);border-color:var(--vg-seal)}.ma .mm-btn-primary:hover{background:var(--vg-seal-dk)}.ma button:disabled{opacity:.5;cursor:default}.ma :focus-visible,.ma-public button:focus-visible{outline:3px solid var(--vg-info);outline-offset:3px}.ma .ma-muted,.ma-kind{font-size:14px;color:var(--vg-ink2)}
.ma .ma-check{display:flex;align-items:flex-start;gap:12px}.ma-check input{width:20px;height:20px;flex-shrink:0}.ma-compose{margin-top:32px;border-top:1px solid var(--vg-line);padding-top:24px}.ma-compose summary{font-size:18px;font-weight:600;cursor:pointer;min-height:44px}.ma-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ma-library-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ma-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;border-top:1px solid var(--vg-line);padding:24px 0}.ma-item img,.ma-placeholder{width:112px;aspect-ratio:2/3;object-fit:contain;background:var(--vg-soft);border-radius:var(--vg-r-sm)}.ma-placeholder{display:grid;place-items:center;font-size:30px;color:var(--vg-ink2)}.ma-item p{margin:0;font-size:14px;color:var(--vg-ink2)}.ma-item .mm-btn{font-size:14px}
.ma-receipt{margin:24px 0;padding:16px;border:1px solid var(--vg-wait);border-radius:var(--vg-r-sm);background:var(--vg-wait-soft)}.ma-empty{text-align:center;padding:64px 16px;color:var(--vg-ink2)}.ma-empty i{font-size:36px}.ma-empty span{font-size:14px}.ma-preview{width:100%;height:auto;background:var(--vg-soft);margin-top:16px;border:1px solid var(--vg-line)}
.ma-public{max-width:512px;margin:32px auto;text-align:center;break-inside:avoid}.ma-public img{width:100%;height:auto;max-height:640px;object-fit:contain}.ma-public button{margin:12px}.ma-public p{font-size:14px}.mm-animation-menu{position:relative;display:inline-block}.mm-animation-menu summary{list-style:none;cursor:pointer}.mm-animation-menu>button{position:absolute;top:100%;right:0;z-index:20;min-width:140px;background:var(--vg-bg);box-shadow:var(--vg-shadow-pop)}
@media(max-width:767px){.ma{width:calc(100vw - 16px);height:96dvh;max-height:96dvh}.ma-header{padding:16px}.ma h2{font-size:20px}.ma-status{padding:12px 16px}.ma-body{grid-template-columns:minmax(0,1fr);padding:24px;gap:40px}.ma-library{position:static;max-height:none;overflow:visible}.ma-item{grid-template-columns:88px minmax(0,1fr);gap:12px}.ma-item img,.ma-placeholder{width:88px}}
@media print{.ma{display:none!important}.ma-public{max-width:80mm;margin:12mm auto}.ma-public .mm-noprint{display:none!important}}
@media(prefers-reduced-motion:reduce){.ma *,.ma-public *{animation:none!important;transition:none!important}}