.media-lab{margin:32px 0;padding:clamp(16px,3vw,28px);border:1px solid #ead8c9;border-radius:24px;background:linear-gradient(130deg,#fffaf4,#f5eee9)}.media-compare,.media-composite,.media-motion-frame{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:18px;isolation:isolate;background:#ebe8e9}.media-compare,.media-motion-frame{max-width:420px;margin:20px auto}.media-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-toy{position:absolute;bottom:10%;left:9%;width:82%;height:70%;object-fit:contain;z-index:2}.media-before-mask{position:absolute;inset:0;background:linear-gradient(140deg,#efedef,#d9d6dd);z-index:1}.media-divider{position:absolute;inset-block:0;width:3px;z-index:3;background:white;box-shadow:0 0 10px #0003}.media-divider:after{content:'↔';position:absolute;top:48%;left:50%;transform:translateX(-50%);background:#fff;color:#6c436e;border-radius:50%;width:38px;height:38px;text-align:center;line-height:38px;font-weight:800}.media-label{position:absolute;top:16px;z-index:4;padding:8px 12px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:.1em;background:#ffffffed;color:#65403c}.label-before{left:14px}.label-after{right:14px}.media-range{display:grid;gap:12px;margin:18px auto;max-width:420px;font-size:14px;font-weight:700}.media-range input{width:100%;min-height:44px;accent-color:#9c568b;cursor:ew-resize}.media-range span{font-size:12px;font-weight:400;color:#725f6e}.media-source-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.media-motion-track{width:100%;height:100%;transform-origin:50% 70%}.media-motion-frame.is-playing .media-motion-track{animation:academyCameraMove 6s ease-in-out infinite alternate}.media-composite{border-radius:0}.media-check-row{display:flex;align-items:flex-start;gap:14px;min-height:54px;margin:10px 0;padding:16px;border:1px solid #e5d9cf;background:#fff;border-radius:14px;font-size:14px;cursor:pointer}.media-check-row input{margin-top:4px;accent-color:#8e508a;min-width:18px;min-height:18px}.media-lab button:focus-visible,.media-lab input:focus-visible{outline:3px solid #875085;outline-offset:3px}@keyframes academyCameraMove{from{transform:scale(1)}to{transform:scale(1.07)}}@media(max-width:550px){.media-lab{padding:14px;border-radius:18px}.media-lab h2{font-size:25px}.media-label{font-size:9px;padding:7px 9px}.media-source-links .btn{width:100%}}@media(prefers-reduced-motion:reduce){.media-motion-frame.is-playing .media-motion-track{animation:none}}