@layer components{.mp-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.mp-thumb{padding:0;border:2px solid transparent;border-radius:var(--r-3);background:none;cursor:pointer;display:block;min-height:44px;color:inherit}.mp-thumb[aria-pressed=true]{border-color:var(--accent)}.mp-thumb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mp-thumb .still{aspect-ratio:1}.mp-thumb .still img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}.mp-turn{position:absolute;left:6px;bottom:6px;color:#F3F0EA;background:rgba(21,20,18,.72);border-radius:50%;padding:3px;box-sizing:content-box}.mp-list{margin:0;padding:0;list-style:none;flex-direction:column}.mp-list,.mp-list li{display:flex;gap:12px}.mp-list li{align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.5}.mp-list svg{flex:none;margin-top:3px}.mp-sec{display:flex;flex-direction:column;gap:24px;padding-top:24px;border-top:1px solid var(--ink)}.mp-banner{display:flex;align-items:center;gap:20px;padding:18px 22px;border-radius:var(--r-3)}.mp-adjust{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px 16px;align-items:center}.mp-stage{position:relative;aspect-ratio:1;background:var(--stage-2);display:grid;place-items:center}.mp-stage>img.mp-front{position:relative;width:100%;height:100%;object-fit:contain;display:block}.mp-stage .wm-corner{color:rgba(23,21,19,.55)}.mp-adjust .seg button{padding:0 10px;font-size:13px}.mp-viewer{position:relative;aspect-ratio:1}@media (max-width:760px){.mp-adjust{grid-template-columns:minmax(0,1fr)}.mp-banner{align-items:flex-start;gap:14px;padding:16px}}}