.ai-compute-limit { box-sizing: border-box; width: min(32rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; overflow-y: auto; padding: 1.5rem; border: 1px solid #3f3f46; border-radius: 1rem; color: #f4f4f5; background: #18181b; box-shadow: 0 1rem 4rem #0008; }
.ai-compute-limit::backdrop { background: #000a; backdrop-filter: blur(4px); }
.ai-compute-limit h2 { margin: 0; font-size: 1.2rem; font-weight: 800; line-height: 1.4; }
.ai-compute-limit p { margin: 1rem 0 1.5rem; color: #d4d4d8; font-size: .9rem; line-height: 1.6; }
.ai-compute-limit > div { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }
.ai-compute-limit a, .ai-compute-limit button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; border: 1px solid #52525b; border-radius: .5rem; padding: .5rem 1rem; font: inherit; font-size: .875rem; font-weight: 700; cursor: pointer; }
.ai-compute-limit .ai-compute-limit-action { background: #a7f3d0; color: #052e16; border-color: #a7f3d0; text-decoration: none; }
.ai-compute-limit [hidden] { display: none; }
.ai-compute-limit :focus-visible { outline: 2px solid #6ee7b7; outline-offset: 3px; }