/* Surgical service slots inside the existing native frames and controls. */
.congo-gallery{width:100%;min-width:0}
/* Screenshot selection uses the preserved native media frame and its motion wrapper. */
.congo-screenshot-panel{width:100%;min-width:0;overflow:hidden;border-radius:5px}
.congo-screenshot-panel .framer-tj7pto{display:none!important}
.congo-screenshot-panel img{object-fit:contain!important;object-position:top center!important}
.congo-screenshot-panel>img{display:block;width:100%;aspect-ratio:3/2}
.congo-screenshot-thumbnails{display:flex;gap:10px;width:100%;overflow-x:auto;padding:2px;margin-top:24px;scroll-snap-type:x proximity}
.congo-screenshot-thumbnails button{flex:0 0 72px;padding:0;border:0;border-radius:2px;background:transparent;cursor:pointer;scroll-snap-align:start}
.congo-screenshot-thumbnails img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;object-position:top center;border-radius:2px}
.congo-screenshot-thumbnails button[aria-pressed=true]{box-shadow:0 0 0 2px var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e)}
.congo-screenshot-thumbnails button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body .framer-d4q9T .congo-gallery-actions{display:flex;justify-content:flex-end;width:100%;min-height:34px}
body .framer-d4q9T .congo-gallery-actions .framer-t9f32g,body .framer-d4q9T .congo-gallery-actions .framer-x3gibv{position:relative;inset:auto;display:flex;flex-direction:row;gap:12px;width:auto;height:34px;padding:0}
body .framer-d4q9T .congo-gallery-actions.congo-detail-top-actions{width:max-content;pointer-events:none}
body .framer-d4q9T .congo-detail-top-actions>*{pointer-events:auto}
.congo-acquire{display:flex;flex-direction:column;gap:12px}
.congo-acquire>div{width:100%}
body .framer-d4q9T .framer-1cs85g5-container{height:auto}
/* Approved plain captions and a complete first viewport in each browse frame. */
body .framer-e3S0z.framer-e3S0z{background:transparent!important;box-shadow:none!important;overflow:visible}
body .framer-e3S0z .framer-1qt541b{border-radius:10px;--border-bottom-width:0px!important}
body .framer-e3S0z .framer-smytn{background:transparent;padding:16px 0}
body .framer-e3S0z .framer-smytn p{white-space:normal}
body .framer-e3S0z .framer-171ylif,body .framer-e3S0z .framer-n8or5w{min-width:0;flex:1;width:100%;white-space:normal;overflow-wrap:break-word}
body .framer-e3S0z .framer-12tq0t6{min-width:0;align-items:flex-start}
body .framer-e3S0z .framer-1bzqihp{height:100%!important;width:100%!important}
body .framer-e3S0z .framer-1bzqihp img{object-fit:contain!important;object-position:center!important}
.congo-file-binding,.congo-acquire{width:100%;min-width:0}
.congo-acquire>p,.congo-file-binding>p{font:14px/1.5 Inter,sans-serif;margin:12px 0;color:var(--token-558cfecd-2e81-4304-9e4a-292e180b34ca)}
.congo-description-text{margin:0;width:100%;white-space:pre-wrap}
body .framer-d4q9T .framer-8k6zit{padding:24px;min-height:0}
@media(max-width:1199.98px){
 body .framer-d4q9T .congo-compact-description{width:100%;display:flex;flex-direction:column;gap:24px}
 body .framer-d4q9T .framer-rwpg30{align-items:flex-start}
 body .framer-d4q9T .framer-rwpg30>.congo-gallery-compact{aspect-ratio:auto;height:auto}
}
.congo-service-message{font:14px/1.5 Inter,sans-serif;margin:12px 0;color:var(--token-558cfecd-2e81-4304-9e4a-292e180b34ca)}


.congo-account-section{display:flex;flex-direction:column;gap:24px;width:100%;font:16px/1.5 Inter,sans-serif;color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e)}
.congo-account-section h3,.congo-account-section p{margin:0}
.congo-account-section a{color:inherit}
.congo-account-section label{display:flex;flex-direction:column;gap:8px}
.congo-account-section input,.congo-account-section textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4);border-radius:10px;color:inherit;background:transparent}
.congo-native-button{border:0;border-radius:10px;padding:12px 20px;font:500 16px/1.4 Inter,sans-serif;color:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa);background:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);cursor:pointer}
.congo-native-button:disabled{opacity:.5;cursor:not-allowed}
.congo-library-row,.congo-import-row{padding:24px;border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4);border-radius:10px;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}


body .framer-e3S0z .framer-t0eyl0{min-width:0;width:100%;flex:1;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;white-space:normal!important}
body .framer-e3S0z .framer-t0eyl0 p{white-space:normal;overflow-wrap:break-word}

/* Owner follow-up: inset the complete screenshot inside a Mobbin-style media box. */
body .framer-e3S0z .framer-1qt541b{padding:18px;background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391);box-sizing:border-box}
body .framer-e3S0z .framer-1bzqihp{aspect-ratio:auto!important;align-self:stretch;overflow:hidden;border-radius:5px}
body .framer-e3S0z .framer-1bzqihp img{object-fit:contain!important;object-position:center!important}
.congo-screenshot-thumbnails{scrollbar-width:none;-ms-overflow-style:none}
.congo-screenshot-thumbnails::-webkit-scrollbar{display:none}

.congo-open-preview a{box-shadow:none!important}
.congo-open-preview a p{color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e)!important}

/* Round the screenshot itself, rather than just the frame around its letterboxing. */
body .framer-e3S0z .framer-1bzqihp img{height:auto!important;max-height:100%;border-radius:8px!important;top:auto!important;transform:none}
.congo-screenshot-panel img{height:auto!important;max-height:100%;border-radius:8px!important}
.congo-screenshot-thumbnails img,.congo-screenshot-thumbnails button{border-radius:5px}
.congo-browse-gallery{position:relative;width:100%;min-width:0;touch-action:pan-y}
.congo-browse-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.48);color:white;cursor:pointer;transition:opacity .3s cubic-bezier(.12,.23,.5,1);opacity:0}
.congo-browse-arrow-next{right:8px}
.congo-browse-arrow-previous{left:8px}
.congo-browse-gallery:hover .congo-browse-arrow,.congo-browse-gallery:focus-within .congo-browse-arrow{opacity:1}
.congo-browse-arrow:focus-visible{outline:2px solid var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);outline-offset:2px}

.congo-browse-gallery a{user-select:none}
.congo-browse-arrow{pointer-events:none}
.congo-browse-gallery:hover .congo-browse-arrow,.congo-browse-gallery:focus-within .congo-browse-arrow{pointer-events:auto}
.congo-browse-dots{display:none;position:absolute;bottom:6px;left:0;right:0;justify-content:center;z-index:3}
.congo-browse-dots button{width:18px;height:18px;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent}
.congo-browse-dots span{width:5px;height:5px;border-radius:50%;background:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);opacity:.25}
.congo-browse-dots button[aria-pressed=true] span{opacity:1}
.congo-browse-dots button:focus-visible{outline:1px solid currentColor;border-radius:50%}
@media(max-width:1199.98px){.congo-browse-arrow{display:none}.congo-browse-dots{display:flex}}

body .framer-e3S0z .framer-1bzqihp [data-framer-background-image-wrapper]{display:flex;align-items:center;justify-content:center}

/* Library-only GitHub action: reuse Congo account controls and theme tokens. */
.congo-library-actions{display:flex;flex-wrap:wrap;gap:12px}
.framer-ZRVIW .framer-7mwc3h:has(>.congo-account-section[aria-label="Library"]){width:400px;max-width:100%;min-width:0}
.congo-github-secondary{color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391)}
.congo-github-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4);border-radius:10px;color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);background:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa);overflow:auto}
.congo-github-dialog::backdrop{background:rgba(0,0,0,.45)}
.congo-github-dialog .congo-account-section{gap:20px}
.congo-github-heading,.congo-github-connection{display:flex;justify-content:space-between;align-items:center;gap:12px}
.congo-github-heading h3{min-width:0}
.congo-github-dialog p{overflow-wrap:anywhere}
.congo-github-form{display:flex;flex-direction:column;gap:20px}
.congo-github-dialog a.congo-native-button{display:inline-block;text-decoration:none;margin:12px 0;color:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa)}
.congo-github-dialog a.congo-github-secondary{color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e)}
.congo-github-dialog button:focus-visible,.congo-github-dialog input:focus-visible,.congo-github-dialog a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:479px){.congo-library-actions{flex-direction:column}.congo-github-action>.congo-native-button{width:100%}.congo-github-dialog{padding:20px}}

/* Library is a single marketplace-card surface, separate from account forms. */
body .framer-ZRVIW .framer-1cd3woh:has(>.congo-library-page) { display:block; width:100%; padding:48px 32px 64px; }
.congo-library-page { width:100%; min-width:0; color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e); font:16px/1.5 Inter,sans-serif; }
.congo-library-page p { margin:0; }
.congo-library-page a { color:inherit; }
.congo-library-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.congo-library-heading h1 { margin:0; }
.congo-library-search { width:min(360px,100%); }
.congo-library-search input { box-sizing:border-box; width:100%; border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4); border-radius:999px; padding:12px 18px; font:inherit; color:inherit; background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391); }
.congo-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.congo-library-card { min-width:0; }
.congo-library-menu { position:relative; flex:none; width:36px; }
.congo-library-menu-trigger { display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--token-558cfecd-2e81-4304-9e4a-292e180b34ca); cursor:pointer; }
.congo-library-menu-trigger:hover { color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e); background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391); }
.congo-library-menu-items { position:absolute; right:0; top:40px; z-index:5; box-sizing:border-box; width:240px; max-width:calc(100vw - 32px); padding:8px; border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4); border-radius:10px; background:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa); box-shadow:0 4px 12px rgba(0,0,0,.08); }
.congo-library-menu-items[hidden] { display:none; }
.congo-library-menu-items button { box-sizing:border-box; display:block; width:100%; text-align:left; padding:10px 12px; border:0; border-radius:5px; background:transparent; color:inherit; font:14px/1.5 Inter,sans-serif; cursor:pointer; }
.congo-library-menu-items button:hover,.congo-library-menu-items button:focus-visible { background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391); }
.congo-library-menu-items button:disabled { opacity:.5; cursor:not-allowed; }
.congo-library-menu-trigger:focus-visible,.congo-library-menu-items button:focus-visible,.congo-inline-action:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.congo-library-access { font-size:14px; color:var(--token-558cfecd-2e81-4304-9e4a-292e180b34ca); }
.congo-library-empty { padding:24px 0; display:flex; flex-direction:column; gap:16px; }
.congo-library-notice { margin-bottom:24px!important; }
.congo-inline-action { border:0; padding:0; font:inherit; background:transparent; color:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.congo-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:1199.98px) {
 body .framer-ZRVIW.framer-ZRVIW .framer-1cd3woh:has(>.congo-library-page) { padding:104px 24px 48px; }
 .congo-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767.98px) {
 body .framer-ZRVIW.framer-ZRVIW .framer-1cd3woh:has(>.congo-library-page) { padding:96px 16px 48px; }
 .congo-library-grid { grid-template-columns:minmax(0,1fr); }
 .congo-library-heading { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:24px; }
 .congo-library-search { width:100%; }
}

/* API / MCP uses the existing account tab carousel and native item component. */
.congo-account-tab { width:100%; height:50px; flex:none; }
@media(max-width:1199.98px) { .congo-account-tab { width:max-content; height:43px; } }

body .framer-ZRVIW .framer-7mwc3h:has(>.congo-account-section) { width:500px; max-width:100%; min-width:0; }
@media(max-width:1199.98px) { body .framer-ZRVIW .framer-7mwc3h:has(>.congo-account-section) { width:100%; } }

.congo-screenshot-panel { position:relative; }
.congo-screenshot-previous { pointer-events:none!important; }
.congo-google-signin{display:flex;flex-direction:column;gap:12px;width:100%}
.congo-google-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4);border-radius:5px;background:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa);color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);font:600 16px/1.4 Inter,sans-serif;letter-spacing:-.02em;cursor:pointer;transition:background-color .16s ease,opacity .16s ease}
.congo-google-button:hover{background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391)}
.congo-google-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.congo-google-button:disabled{opacity:.6;cursor:wait}
.congo-google-status{margin:0;font:14px/1.5 Inter,sans-serif;color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);overflow-wrap:anywhere}
@media(max-width:809.98px){.congo-google-button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.congo-google-button{transition:none}}

/* Match the incumbent 34px Save/Share controls in both detail layouts. */
.congo-detail-download-wrap{position:relative;display:inline-flex;flex:none}
.congo-detail-download{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:7px;border:0;border-radius:30px;background:var(--token-7252a629-7ca5-4ebc-89cf-7c3a72ac9391);color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);cursor:pointer;transition:background-color .15s ease}
.congo-detail-download:hover{background:var(--token-dbc41bbd-1801-41f6-8506-0745dca50daf)}
.congo-detail-download:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.congo-detail-download:disabled{cursor:wait;opacity:.6}
.congo-detail-download-message{position:absolute;top:42px;right:0;z-index:5;width:max-content;max-width:min(300px,calc(100vw - 32px));padding:10px 12px;border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4);border-radius:8px;background:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa);color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);font:14px/1.5 Inter,sans-serif;white-space:normal}
@media(prefers-reduced-motion:reduce){.congo-detail-download{transition:none}}
@media(max-width:1199.98px){.congo-detail-download{width:30px;height:30px;padding:5px}}
