/* Isolated decorative frames: no pointer, keyboard or top-level navigation. */
.lob-tool-card { position: relative; isolation: isolate; overflow: hidden; min-height: 220px; -webkit-backdrop-filter: none; backdrop-filter: none; }
.lob-tool-card, body.lob-ui-standard .lob-tool-card { background-color: #0c0a10 !important; }
.lob-tool-card > .lob-tool-page-background { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: #09090d; overflow: hidden; }
.lob-tool-card > :is(.lob-tool-title, .lob-tool-desc, .lob-tool-footer) { position: relative; z-index: 2; text-shadow: 0 1px 3px rgba(0,0,0,0.9), 0 2px 8px rgba(0,0,0,0.7); }
.lob-tool-page-fallback { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 80% 20%, rgba(255,0,246,0.12) 0%, transparent 60%), radial-gradient(circle at 20% 80%, rgba(120,0,180,0.08) 0%, transparent 60%), #09090d; background-image: radial-gradient(rgba(255,0,246,0.14) 1px, transparent 1px); background-size: 20px 20px; opacity: 0.75; }
.lob-tool-page-background iframe { display: block; width: 400%; height: 600%; transform: scale(0.25); transform-origin: 0 0; border: 0; pointer-events: none; opacity: 0.75; transition: opacity 0.3s ease; overflow: hidden !important; scrollbar-width: none !important; -ms-overflow-style: none !important; }
.lob-tool-page-background iframe::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.lob-tool-page-preview-box { position: relative; background: #09090d radial-gradient(circle at 80% 20%, rgba(255,0,246,0.12) 0%, transparent 60%); background-image: radial-gradient(rgba(255,0,246,0.14) 1px, transparent 1px); background-size: 20px 20px; }
.lob-tool-page-preview-box iframe { width: 400%; height: 600%; transform: scale(0.25); transform-origin: 0 0; border: 0; overflow: hidden !important; scrollbar-width: none !important; -ms-overflow-style: none !important; }
.lob-tool-page-preview-box iframe::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.lob-tool-page-background::after { content: ''; position: absolute; inset: 0; background: var(--ms-scan, none), linear-gradient(180deg, rgba(8,6,12,0.45) 0%, rgba(8,6,12,0.72) 100%); transition: opacity 0.3s ease; pointer-events: none; }
.lob-tool-card:hover .lob-tool-page-background iframe { opacity: 1; }
.lob-tool-card:hover .lob-tool-page-background::after { opacity: 0.65; }
.lob-tool-page-grain { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.lob-tool-page-grain::before { content: ''; position: absolute; inset: 0; opacity: .03; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E"); }
.lob-tool-page-grain::after { content: ''; position: absolute; inset: 0; opacity: .03; background-image: repeating-conic-gradient(#fff 0% 25%, #000 0% 50%); background-size: 4px 4px; }
.lob-tool-card :is(.lob-tool-page-open, .lob-tool-page-unavailable, .lob-tool-page-status) { display: none !important; }
.lob-admin-grid--tools [data-tool-page-field][hidden] { display: none; }
.lob-admin-grid--tools .lob-admin-table-wrap { background: #0c0c12; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 16px; box-sizing: border-box; }