@layer components{.creation-dialog{overflow:hidden}.reference-recipe{grid-template-columns:minmax(0,1fr) 400px;width:100%;height:100%;min-height:0;display:grid}.reference-recipe-media{background:#000;justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex}.reference-recipe-media video{object-fit:contain;border-radius:12px;width:100%;height:100%;max-height:calc(100dvh - 48px)}.reference-recipe-details{border-left:1px solid var(--border);background:var(--card);flex-direction:column;min-height:0;display:flex}.reference-recipe-scroll{flex:1;padding:24px;overflow-y:auto}.reference-recipe-action{padding:20px 24px max(20px, env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);flex-shrink:0}.template-dialog-body{background:var(--card);height:100%;min-height:0;padding:64px 24px 24px;overflow-y:auto}.template-dialog-page-link{z-index:2;background:var(--card);border:1px solid var(--border);border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:60px}@media (width<=767px){.reference-recipe{flex-direction:column;display:flex;overflow-y:auto}.reference-recipe-media{flex-shrink:0;height:38dvh;min-height:240px;padding:12px}.reference-recipe-media video{max-height:100%}.reference-recipe-details{display:contents}.reference-recipe-scroll{background:var(--card);flex:none;padding:20px 16px;overflow:visible}.reference-recipe-action{padding:12px 16px max(12px, env(safe-area-inset-bottom));background:var(--card);margin-top:auto;position:sticky;bottom:0}.template-dialog-body{padding:64px 16px 16px}}}