.st .mcard{min-width:0;position:relative}.st .mcard .media{aspect-ratio:var(--ar,1.7778);transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease-ui)}.st .mcard:hover .media{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-3),var(--shadow-md)}.st .mcard .card-foot{padding-top:10px}.st .mcard .card-t h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st .mcard .card-t p{font-size:12.5px}.st .mmedia{background:color-mix(in srgb,var(--acc,#888) 14%,#0c0d0f)}.st .mdur{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;height:20px;padding:0 6px;font:400 10.5px/1 var(--font-mono);letter-spacing:.02em;color:hsla(0,0%,100%,.9);background:rgba(10,11,13,.48);border:1px solid hsla(0,0%,100%,.14);border-radius:5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.st .mcard[data-format="9:16"] .mfmt{display:none}.st .mgrid{--rh:300px;display:flex;flex-wrap:wrap;gap:32px 16px;padding-bottom:24px}.st .mgrid>.mcard{flex:var(--ar) 1 calc(var(--ar) * var(--rh))}.st .mgrid:after{content:"";flex:1000 1 0;min-width:0}@media (max-width:1100px){.st .mgrid{--rh:250px}}@media (max-width:760px){.st .mgrid{--rh:200px;gap:24px 12px}.st .mgrid:after{display:none}.st .mgrid>.mcard{max-width:calc(var(--ar) * var(--rh) * 1.6)}}@media (max-width:420px){.st .mgrid{--rh:168px}}.st .mrow{display:flex;gap:16px;padding-bottom:72px}.st .mrow>.mcard{flex:var(--ar) 1 0}@media (max-width:900px){.st .mrow{--rh:220px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 48px;scroll-padding-inline:var(--gutter)}.st .mrow::-webkit-scrollbar{display:none}.st .mrow>.mcard{flex:none;width:calc(var(--ar) * var(--rh));max-width:80vw;scroll-snap-align:start}}.st .mtools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:20px 0 6px;border-top:1px solid var(--line)}.st .mtools .filters{margin-top:0;margin-bottom:0}.st .mtools .seg button{height:30px}.st .mtools .fmt-ico{width:13px;height:10px;border:1.5px solid;border-radius:2px;flex:none;opacity:.7}.st .mtools .fmt-ico[data-f="1:1"]{width:10px;height:10px}.st .mtools .fmt-ico[data-f="9:16"]{width:8px;height:12px}.st .mtools .seg-all{min-width:0}@media (max-width:900px){.st .mtools{flex-direction:column;align-items:stretch}.st .mtools .seg{align-self:flex-start}}.st .mv .ihead h1{text-wrap:balance}.st .mv .by .tg-acc:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 1px var(--line-2)}.st .mv-stage{display:grid;place-items:center;margin-top:32px;padding:clamp(12px,3vw,40px);border-radius:var(--r-xl);background:var(--bg-sunk);border:1px solid var(--line);background-image:radial-gradient(var(--line-2) 1px,transparent 1px);background-size:14px 14px}.st .mv-player{position:relative;width:min(100%,calc(min(70vh, 820px) * var(--ar)));aspect-ratio:var(--ar);border-radius:var(--r-lg);overflow:hidden;background:color-mix(in srgb,var(--acc,#888) 14%,#0c0d0f);box-shadow:0 0 0 1px var(--line-2),var(--shadow-md)}.st .mv-player video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:transparent}.st .mv-sound{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;color:hsla(0,0%,100%,.86);background:rgba(10,11,13,.42);border:1px solid hsla(0,0%,100%,.14);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.72;transition:opacity var(--t-fast) var(--ease-ui),background-color var(--t-fast) var(--ease-ui)}.st .mv-sound:focus-visible,.st .mv-sound:hover{opacity:1;background:rgba(10,11,13,.62);color:#fff}.st .mv-sound svg{width:15px;height:15px}.st .mv-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:12px}.st .mv .wb{padding-top:40px}.st .mv-code{border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.st .mv-code .codeview{max-height:600px}.st .mv .doc-bar .label,.st .mv-code .code-bar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.st .mv .code-bar{height:52px}.st .mv .summary{padding:18px 28px 0;font-size:14px;color:var(--t2);max-width:72ch}.st .mv .summary+.prompt-text{padding-top:14px}.st .mv-acts{display:grid;gap:8px}.st .mv-acts .btn{width:100%}.st .mv-acts .pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width:900px){.st .mv-stage{margin-top:24px;margin-inline:calc(-1 * var(--gutter) / 2)}.st .mv-player{width:min(100%,calc(70vh * var(--ar)))}.st .mv .code-bar{height:auto;padding:8px;flex-wrap:wrap;gap:8px}.st .mv .code-act{flex-wrap:wrap}.st .mv .summary{padding:16px 18px 0}.st .mv .doc-bar .label,.st .mv-code .code-bar .label{white-space:normal;line-height:1.5}.st .mv .iact{width:100%}}@media (max-width:420px){.st .mv .iact .btn{flex:1 1 auto}}.st #motion .sec-head .idx .new{font:400 9.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--spark);margin-left:-4px}