.tabs button{display:flex;align-items:center;gap:8px}
.tab-access{font-size:9px;font-weight:500;white-space:nowrap;opacity:.8}
.sale-status{color:var(--ink);font-weight:500;white-space:normal;text-align:right}
.has-price,.price-amount{color:#715681;font-weight:600;font-variant-numeric:tabular-nums}
.has-free,.access-free-label{color:#2e704e;font-weight:700}
.tab-access.has-price,.tab-access.has-free{font-size:14px;opacity:1}
.sale-status.has-price,.sale-status.has-free{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.card-bottom .tech-tags{min-width:0}
.price-amount{font-size:17px}
.purchase-title .price-amount{font-size:18px;color:#715681}
.access-free-label{font-size:14px;letter-spacing:.5px}
.button.dark:not(:disabled) .price-amount{color:#dfc8ee}
@media(max-width:560px){.tab-access.has-price,.tab-access.has-free{font-size:12px;white-space:normal;line-height:1.3;overflow-wrap:anywhere;max-width:100%}}
@media(max-width:560px){.access-unlock-action .button,.purchase-option .button{min-width:0;padding-inline:15px;gap:9px;white-space:normal;flex-wrap:wrap}.button .price-amount{max-width:100%;overflow-wrap:anywhere}}
.access-panel .sample-header{align-items:center}
.access-panel .sample-header h2{font-size:22px;margin-bottom:0}
.access-source{position:relative;margin:0 28px}
.access-source .code-block,.access-source .prompt-block{margin:0;max-height:620px;overflow:auto;border-radius:16px;font-size:12px;line-height:1.9;padding:28px}
.access-source .prompt-block{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font)}
.access-source .prompt-block code{font-family:inherit}
.is-preview .access-source{overflow:hidden;border-radius:16px}
.is-preview .access-source::after{content:"";position:absolute;pointer-events:none;inset:36% 0 0;backdrop-filter:blur(4.5px);-webkit-backdrop-filter:blur(4.5px);mask-image:linear-gradient(transparent,#000 40%);-webkit-mask-image:linear-gradient(transparent,#000 40%);background:linear-gradient(transparent,#f7f5f026);border-radius:0 0 16px 16px}
.is-preview .access-source:has(.code-block)::after{background:linear-gradient(transparent,#25252026)}
.is-preview .access-source pre{height:380px;max-height:none;overflow:hidden;padding-bottom:28px}
.access-obscured{filter:blur(3px);user-select:none;pointer-events:none}
.access-unlock{display:flex;align-items:center;gap:18px;margin:0 28px;padding:26px 2px 30px}
.access-lock{display:grid;place-items:center;border:1px solid var(--border);width:42px;height:42px;border-radius:50%;flex-shrink:0;color:var(--muted)}
.access-lock svg{width:19px;height:19px}
.access-unlock-copy{flex:1;min-width:0}
.access-unlock h3{font-size:17px;margin:0 0 7px}
.access-unlock p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}
.access-unlock-action{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.access-pack-name{font-size:11px}.access-pack-name span{font-size:9px;color:var(--muted)}
.access-unlock-action .button{white-space:nowrap;min-width:190px}
.access-free-note{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:22px 30px 28px}
.access-free-badge{font-size:14px;font-weight:700;letter-spacing:.5px;background:#e4eee6;color:#2e704e;padding:5px 12px;border-radius:999px;flex-shrink:0}
.access-panel>.checkout-message,.access-panel>.checkout-fallback{margin:0 30px 25px;font-size:11px}
.checkout-message:empty{display:none}.checkout-fallback{text-decoration:underline;text-underline-offset:4px}
.purchase-note+.purchase-note{margin-top:12px}
.purchase-free{border-bottom:1px solid var(--border);padding:18px 0;margin-bottom:14px}
.purchase-free h3{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}
.purchase-free p{font-size:11px;color:var(--muted);margin:0}
@media(max-width:1100px){.workbench-bar{gap:10px}.tabs button{padding-inline:14px}.workbench-caption{display:none}}
@media(max-width:700px){.access-unlock{flex-wrap:wrap;gap:14px}.access-unlock-copy{flex-basis:calc(100% - 56px)}.access-unlock-action{width:100%;align-items:stretch;margin-top:5px}.access-pack-name{text-align:center}.access-unlock-action .button{width:100%}}
@media(max-width:560px){.tabs{align-items:stretch}.tabs button{flex:1;flex-direction:column;justify-content:center;gap:3px;padding:8px 7px;min-width:0;font-size:10px}.tab-access{font-size:8px}.access-source{margin:0 15px}.access-source .code-block,.access-source .prompt-block{padding:20px;font-size:11px}.is-preview .access-source pre{padding-bottom:50px}.access-panel .sample-header h2{font-size:17px}.access-panel .sample-header .eyebrow{font-size:7px}.access-unlock{margin:0 20px;padding:24px 0}.access-unlock h3{font-size:16px}.access-unlock p{font-size:10px}.access-free-note{margin:20px;font-size:10px}.access-panel>.checkout-message,.access-panel>.checkout-fallback{margin-inline:20px}.sale-status{max-width:50%}}