.rich-menu-canvas-shell{border-radius:var(--radius-xl);background:var(--muted);width:min(100%,720px);box-shadow:inset 0 0 0 1px var(--border);position:relative;overflow:hidden}.rich-menu-area-overlay{pointer-events:none;position:absolute;inset:0}.rich-menu-area-boundary{border:2px dashed color-mix(in oklab, var(--primary) 80%, transparent);background:color-mix(in oklab, var(--primary) 8%, transparent);place-items:center;display:grid;position:absolute}.rich-menu-switch-boundary{border:2px dashed color-mix(in oklab, var(--secondary-foreground) 80%, transparent);background:color-mix(in oklab, var(--secondary) 38%, transparent);place-items:center;display:grid;position:absolute}.rich-menu-switch-boundary span{background:var(--secondary);min-height:1.5rem;color:var(--secondary-foreground);border-radius:9999px;place-items:center;padding-inline:.5rem;font-size:.75rem;font-weight:700;display:grid}.rich-menu-area-boundary span,.rich-menu-phone-area{background:var(--primary);min-width:1.5rem;min-height:1.5rem;color:var(--primary-foreground);border-radius:9999px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.rich-menu-phone-preview{border:8px solid var(--foreground);background:var(--background);width:min(100%,360px);box-shadow:var(--shadow-lg);border-radius:1.75rem;margin-inline:auto;overflow:hidden}.rich-menu-phone-conversation{background:var(--muted);align-content:center;gap:.75rem;min-height:8rem;padding:1rem;display:grid}.rich-menu-phone-conversation span{border-radius:var(--radius-lg);background:var(--card);width:65%;height:1.75rem;display:block}.rich-menu-phone-conversation span:last-child{background:color-mix(in oklab, var(--primary) 24%, var(--card));width:50%;margin-left:auto}.rich-menu-phone-image{width:100%;position:relative}.rich-menu-phone-tab{border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;font-weight:500;position:absolute;overflow:hidden}.rich-menu-phone-tab[data-active=true]{border-bottom:3px solid var(--foreground);background:var(--background);color:var(--foreground);font-weight:700}.rich-menu-phone-area{border:1px dashed var(--primary-foreground);background:color-mix(in oklab, var(--primary) 24%, transparent);border-radius:0;position:absolute}.rich-menu-phone-chatbar,.rich-menu-phone-closed{border-top:1px solid var(--border);text-align:center;padding:.75rem;font-size:.875rem;font-weight:600}
