.mm-tutorials[data-v-de4543ad]{padding:60px 20px 30px}.mm-tutorials__header[data-v-de4543ad]{max-width:1080px;margin:0 auto}.mm-tutorials__grid[data-v-de4543ad]{max-width:1080px;margin:36px auto 0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mm-tutorials__card[data-v-de4543ad]{position:relative;background:var(--mm-card);border:.5px solid var(--mm-line);border-radius:22px;padding:0;box-shadow:var(--mm-shadow-sm);overflow:hidden;text-align:start;cursor:pointer;color:inherit;font:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mm-tutorials__card[data-v-de4543ad]:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--mm-accent) 60%,var(--mm-line));box-shadow:var(--mm-shadow-md)}.mm-tutorials__card[data-v-de4543ad]:focus-visible{outline:2px solid var(--mm-accent);outline-offset:2px}.mm-tutorials__thumb[data-v-de4543ad]{position:relative;aspect-ratio:16 / 9;background:var(--mm-bg-2);overflow:hidden}.mm-tutorials__thumb-img[data-v-de4543ad]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.mm-tutorials__card:hover .mm-tutorials__thumb-img[data-v-de4543ad]{transform:scale(1.04)}.mm-tutorials__thumb-fallback[data-v-de4543ad]{width:100%;height:100%;background:radial-gradient(120% 80% at 50% 100%,color-mix(in oklab,var(--mm-accent) 18%,transparent),transparent 60%),linear-gradient(135deg,var(--mm-bg-2),var(--mm-card))}.mm-tutorials__overlay[data-v-de4543ad]{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 28%,transparent 72%,rgba(0,0,0,.35) 100%);pointer-events:none}.mm-tutorials__chip[data-v-de4543ad]{position:absolute;top:12px;inset-inline-start:12px;z-index:2;padding:4px 8px;border-radius:6px;background:color-mix(in oklab,var(--mm-bg) 70%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--mm-fg);font-size:9.5px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.mm-tutorials__index[data-v-de4543ad]{position:absolute;top:12px;inset-inline-end:12px;z-index:2;color:#ffffffd9;font-size:11px;font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.4)}.mm-tutorials__play[data-v-de4543ad]{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:32px;background:color-mix(in oklab,var(--mm-bg) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--mm-fg);display:flex;align-items:center;justify-content:center;padding-inline-start:3px;border:.5px solid color-mix(in oklab,var(--mm-fg) 12%,transparent);transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}[dir=rtl] .mm-tutorials__play[data-v-de4543ad]{padding-inline-start:0;padding-inline-end:3px}.mm-tutorials__card:hover .mm-tutorials__play[data-v-de4543ad]{transform:scale(1.08);background:var(--mm-accent);color:var(--mm-accent-fg);border-color:transparent}.mm-tutorials__meta[data-v-de4543ad]{padding:16px 20px 20px;border-top:.5px solid var(--mm-line)}.mm-tutorials__title[data-v-de4543ad]{margin:0;font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--mm-fg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-tutorials__desc[data-v-de4543ad]{margin:6px 0 0;font-size:13px;color:var(--mm-fg-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-tut-modal[data-v-de4543ad]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in oklab,var(--mm-bg) 88%,transparent)}@media(hover:hover)and (min-width:700px){.mm-tut-modal[data-v-de4543ad]{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}}.mm-tut-modal__panel[data-v-de4543ad]{position:relative;width:min(960px,100%);max-height:calc(100vh - 40px);background:var(--mm-card);border:.5px solid var(--mm-line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000073}.mm-tut-modal__close[data-v-de4543ad]{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:36px;height:36px;border-radius:18px;background:color-mix(in oklab,var(--mm-bg) 70%,transparent);color:var(--mm-fg);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.mm-tut-modal__close[data-v-de4543ad]:hover{background:var(--mm-fg);color:var(--mm-bg)}.mm-tut-modal__close[data-v-de4543ad]:focus-visible{outline:2px solid var(--mm-accent);outline-offset:2px}.mm-tut-modal__player[data-v-de4543ad]{aspect-ratio:16 / 9;background:#000;flex-shrink:0}.mm-tut-modal__player iframe[data-v-de4543ad]{width:100%;height:100%;border:0;display:block}.mm-tut-modal__meta[data-v-de4543ad]{padding:18px 22px 22px;overflow-y:auto}.mm-tut-modal__title[data-v-de4543ad]{margin:0;font-size:18px;font-weight:700;letter-spacing:-.25px;color:var(--mm-fg)}.mm-tut-modal__desc[data-v-de4543ad]{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--mm-fg-2)}