.clipm{z-index:950;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.clipm-scrim{background:rgb(var(--ink-rgb)/.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0}.clipm-stage{z-index:2;background:var(--card);border:1px solid rgb(var(--white-rgb)/.12);width:min(1100px,94vw);max-height:92dvh;box-shadow:0 30px 90px rgb(var(--black-rgb)/.65);animation:clipm-in .45s var(--ease-spring);border-radius:22px;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);display:grid;position:relative;overflow:hidden}.clipm-stage[data-aspect="9:16"]{grid-template-columns:minmax(0,5fr) minmax(300px,6fr);width:min(920px,94vw)}@keyframes clipm-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.clipm-media{background:var(--black);justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.clipm-media video,.clipm-media img{object-fit:contain;background:var(--black);width:100%;max-height:92dvh;display:block}.clipm-stage[data-aspect="9:16"] .clipm-media video{height:min(92dvh,820px)}.clipm-side{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding:28px 26px 24px;display:flex;overflow-y:auto}.clipm-x{z-index:5;background:rgb(var(--bg-rgb)/.72);border:1px solid rgb(var(--white-rgb)/.16);width:42px;height:42px;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;justify-content:center;align-items:center;transition:border-color .2s;display:flex;position:absolute;top:12px;right:12px}.clipm-x:hover{border-color:var(--gold)}.clipm-kicker{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--violet-soft);padding-right:48px;font-size:10px}.clipm-title{font-family:var(--font-anton),sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:-6px 0 0;padding-right:48px;font-size:28px;line-height:1.02}.clipm-recipe{border:1px solid var(--line);background:var(--card2);border-radius:14px;flex-direction:column;min-height:0;padding:12px 14px;display:flex}.clipm-recipe-head{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-fg);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.clipm-copy{border:1px solid var(--line2);color:var(--muted-fg);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;transition:color .2s,border-color .2s;display:inline-flex}.clipm-copy:hover{color:var(--gold);border-color:rgb(var(--gold-rgb)/.5)}.clipm-text{color:var(--fg);white-space:pre-wrap;overscroll-behavior:contain;max-height:40dvh;margin:8px 0 0;font-size:15px;line-height:1.55;overflow-y:auto}.clipm-refs{flex-wrap:wrap;gap:8px;display:flex}.clipm-ref{width:64px;margin:0}.clipm-ref img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:64px;height:64px}.clipm-ref figcaption{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-fg);text-align:center;margin-top:3px;font-size:9px}.clipm-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px;display:flex}.clipm-actions .btn{padding:12px 22px;font-size:14px}@media (max-width:767px){.clipm{padding:0}.clipm-stage,.clipm-stage[data-aspect="9:16"]{border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;max-height:none;animation:none;display:flex}.clipm-media{flex:none;max-height:58dvh}.clipm-media video,.clipm-media img,.clipm-stage[data-aspect="9:16"] .clipm-media video{height:auto;max-height:58dvh}.clipm-side{padding:18px 16px calc(18px + env(safe-area-inset-bottom));flex:auto}.clipm-title{font-size:22px}.clipm-text{max-height:none;overflow:visible}.clipm-actions{background:linear-gradient(transparent,var(--card) 30%);padding-top:12px;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.clipm-stage{animation:none}}