.m-pg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:40px}.m-pg-card{border-radius:20px;overflow:hidden;background:#141f23;border:1px solid #ffffff14;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .5s}.m-pg-card:hover{transform:translateY(-6px);border-color:#9fc2f555;box-shadow:0 28px 60px #0007}.m-pg-stage{position:relative;aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 20%,#2c4148 0,#152227 55%,#0b1417 100%)}.m-pg-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 110%,#9fc2f51a,transparent 70%);pointer-events:none}.m-pg-stage canvas{position:absolute;inset:0;width:100%;height:100%}.m-pg-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 18px}.m-pg-meta h3{margin:0 0 4px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#f4efe8}.m-pg-meta p{margin:0;font-size:13px;line-height:1.45;color:#9fb3b8}.m-pg-meta span{flex:none;padding:5px 8px;border-radius:7px;font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#ffffff12;color:#c9d9dc}.m-pg-meta span[data-tier=Studio]{background:#9fc2f524;color:#9fc2f5}.m-pg-meta span[data-tier=Creator]{background:#9fc6ca24;color:#bfe0e3}@media(max-width:980px){.m-pg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.m-pg{grid-template-columns:1fr}}.m-pg-new{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:linear-gradient(135deg,#9fc2f5,#f7dcc8);color:#1b1410;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 16px #9fc2f533}.m-pg-new:before{content:"";width:6px;height:6px;border-radius:50%;background:#1b1410;animation:m-pg-new 1.8s ease-in-out infinite}@keyframes m-pg-new{50%{opacity:.25}}.m-pg-card[data-new]{border-color:#9fc2f52e}@media(prefers-reduced-motion:reduce){.m-pg-new:before{animation:none}}.m-td{position:relative;border-radius:22px;overflow:hidden;background:#111b1f;border:1px solid #ffffff17;box-shadow:0 40px 90px #0008,inset 0 1px 0 #ffffff0d;font-family:Inter,system-ui,sans-serif}.m-td-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #ffffff10;font-size:12px;color:#9fb3b8}.m-td-bar strong{color:#f4efe8;font-weight:600}.m-td-dots{display:flex;gap:5px;margin-right:4px}.m-td-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff1c}.m-td-lang{padding:4px 8px;border-radius:7px;background:#9fc6ca1f;color:#bfe0e3;font-size:11px;font-weight:600}.m-td-save{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;opacity:.45;transition:opacity .3s,color .3s}.m-td-save:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.m-td-save[data-on=true]{opacity:1;color:#9be3b0}.m-td-frame{position:relative;aspect-ratio:16/8;overflow:hidden;background:#0b1316}.m-td-footage{position:absolute;inset:-4%;background:url(/images/studio-video-coast-v1.webp) 50% 55%/cover;filter:saturate(1.05) brightness(.82);animation:m-td-drift 18s ease-in-out infinite alternate}.m-td-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#0009)}.m-td-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .5s}.m-td.is-ready .m-td-canvas{opacity:1}.m-td-preset{position:absolute;z-index:2;top:12px;left:12px;padding:5px 9px;border-radius:99px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f4efe8}.m-td-lines{list-style:none;margin:0;padding:8px}.m-td-lines li{display:flex;align-items:baseline;gap:14px;padding:10px 12px;border-radius:12px;opacity:.5;transition:opacity .4s,background .4s}.m-td-lines li.is-active{opacity:1;background:#ffffff08}.m-td-lines time{flex:none;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7f969b}.m-td-lines p{margin:0;display:flex;flex-wrap:wrap;gap:4px 7px;font-size:15px;line-height:1.5;color:#dfe7e8}.m-td-lines p>span{position:relative;border-radius:5px;padding:0 2px;transition:background .2s,color .2s}.m-td-lines p>span.is-spoken{background:#9fc2f52e;color:#fff}.m-td-word.is-wrong{-webkit-text-decoration:underline wavy #ff6b6b;text-decoration:underline wavy #ff6b6b;text-underline-offset:4px;color:#ffb3b3}.m-td-word.is-typing{background:#9fc6ca24;color:#fff;outline:1px solid #9fc6ca66;min-width:1ch}.m-td-word.is-fixed{color:#b8f0c8}.m-td-caret{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-2px;background:#bfe0e3;animation:m-td-blink .8s steps(1) infinite}.m-td-tag{flex:none;align-self:center;margin-left:auto;white-space:nowrap;padding:4px 7px;border-radius:6px;background:#1f3a2c;border:1px solid #9be3b055;color:#b8f0c8;font:700 9.5px/1 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;animation:m-td-pop .45s cubic-bezier(.16,1,.3,1)}.m-td-tag.is-warn{background:#3a1f22;border-color:#ff6b6b55;color:#ffb3b3}@keyframes m-td-blink{50%{opacity:0}}@keyframes m-td-pop{0%{opacity:0;transform:translateX(-6px) scale(.9)}}@keyframes m-td-drift{0%{transform:scale(1.02)}to{transform:scale(1.09) translate(1%,-1.5%)}}@media(max-width:560px){.m-td-lang{display:none}.m-td-lines p{font-size:13.5px}.m-td-lines li{gap:10px;padding:9px 8px}}@media(prefers-reduced-motion:reduce){.m-td *{animation:none!important}}