/* One button shape for real controls and non-interactive CTA labels. */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:8px;line-height:1.35;text-decoration:none}
.button.primary{border-color:var(--lime)}
.button .icon{flex:none;width:17px;height:17px}
.button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.site-view .shelf-new>.button{border:1px solid var(--lime);border-radius:8px;padding:12px 18px;line-height:1.35}
.site-view .shelf-new{font-weight:400}
.site-nav>div{align-items:center}
.site-nav .nav-more{position:relative;font:12px var(--terminal-mono,monospace)}
.nav-more>summary{cursor:pointer;padding:10px 12px;list-style:none;border:1px solid #35433b;border-radius:7px;color:#becbc3}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>div{position:absolute;z-index:35;right:0;top:calc(100% + 6px);padding:8px;min-width:160px;display:grid;gap:5px;background:#101613;border:1px solid #405849;border-radius:8px;box-shadow:0 12px 30px #0009}
.nav-more a{display:block;padding:11px;border-radius:6px}
.nav-more a:hover{background:#1c2d22}
body[data-site-view=studio] .topbar,body[data-site-view=studio] .mobile-shelf,body[data-site-view=studio] .mobile-studio-tabs{display:none}
body[data-site-view=studio] .sidebar{display:none}
body[data-site-view=studio] .app{grid-template-columns:minmax(0,1fr)}
body[data-site-view=studio] .site-nav{margin-bottom:16px;padding-bottom:14px}
body[data-site-view=studio] .binder-toolbar{padding:13px 17px}
body[data-site-view=studio] .binder-toolbar .eyebrow{display:none}
body[data-site-view=studio] .binder-description{max-width:65ch}
body[data-site-view=studio] .binder-panel>.page-controls{padding:10px 14px}
body[data-site-view=studio] .page-tool-row{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center}
body[data-site-view=studio] .page-primary-tools{grid-column:1;grid-row:1}
body[data-site-view=studio] .page-tool-row .tool-actions{grid-column:2;grid-row:1;justify-self:end}
.desktop-focus-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;grid-column:1/-1;grid-row:2;justify-content:flex-start;margin:0}
.desktop-focus-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font-size:12px;padding:9px 13px;border-radius:7px}
.desktop-focus-actions #desktop-library-toggle{order:-1;background:var(--lime);border-color:var(--lime);color:#031009}
.desktop-focus-actions #select-mode-toggle{order:0}
.desktop-focus-actions #desktop-overlays-toggle{margin-left:auto}
.desktop-focus-actions #desktop-tools-toggle{order:3}
#select-mode-toggle[aria-pressed=true]{background:#183925;border-color:var(--lime);color:var(--lime)}
#desktop-tools-panel{display:none;background:#0c110e;border-block:1px solid #34483b;padding:16px}
.desktop-tools-open #desktop-tools-panel{display:block}
#desktop-tools-panel #feature-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 0 14px;gap:9px;border:0;background:transparent}
#desktop-tools-panel #feature-toolbar>button{min-height:44px;padding:10px;font-size:12px;display:flex;align-items:center;justify-content:flex-start;gap:8px}
#desktop-tools-panel #feature-toolbar>#binder-view-toggle{display:none}
#desktop-tools-panel .page-arrange-controls{padding:12px 0 0;border-top:1px solid #2b3c31;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}
#desktop-tools-panel .layout-control{display:grid;gap:7px;min-width:150px}
#desktop-tools-panel .layout-control label{font-size:12px}
#desktop-tools-panel select{font-size:13px;min-height:42px}
.binder-panel>.bp-value-bar{padding:11px 16px}
.organizer-selection{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 15px;margin:0;border-block:1px solid #396447}
.organizer-selection[hidden]{display:none}
.organizer-selection>span{font-size:12px;margin-right:auto}
.organizer-selection button{min-height:38px;font-size:12px}
.bulk-ownership{display:flex;gap:5px}
.bulk-ownership button{border-color:#45775a;color:#b8ffcd}
.selection-more{position:relative}
.selection-more summary{cursor:pointer;font-size:12px;padding:10px;border:1px solid #42594a;border-radius:7px}
.selection-more>div{position:absolute;left:0;top:calc(100% + 5px);z-index:25;min-width:180px;padding:8px;display:grid;gap:6px;background:#101a14;border:1px solid #4c7159;border-radius:7px;box-shadow:0 10px 25px #000a}
.account-login-help{font-size:12px;line-height:1.8;padding:12px 0;border-block:1px solid #344b3c;margin:16px 0}
.account-login-help summary{cursor:pointer;color:#b0e5c1}
#dex-settings{grid-column:1/-1;min-width:0;border:1px solid #426c50;border-radius:8px;padding:16px;background:#0d1911}
#dex-settings[hidden]{display:none}
#dex-settings legend{font-size:13px;color:#a6f7c0;padding:0 7px}
#dex-settings p{font-size:12px;line-height:1.8;margin:12px 0 0;color:#a9baaf}
.dex-summary{padding:12px 17px;display:grid;grid-template-columns:1fr auto;gap:9px 15px;align-items:center;border-bottom:1px solid #304a39;background:#0b1510;font:11px/1.7 var(--terminal-mono,monospace);color:#acd9bb}
.dex-summary[hidden]{display:none}
.dex-summary strong{font-weight:500}
.dex-summary progress{accent-color:var(--lime);width:100%;height:6px;border:0;grid-column:1/-1}
.dex-summary label{display:flex;align-items:center;gap:8px;grid-column:1/-1}
.dex-summary input{min-width:0;width:85px;background:#131c16;border:1px solid #476853;color:#effff3;border-radius:5px;padding:7px}
.dex-summary button{padding:7px 12px;min-height:32px}
.pokedex-binder .pocket-empty{gap:8px;padding:5px;max-width:100%;text-align:center}
.pokedex-binder .pocket-empty strong{color:#8ef3b1;font:14px var(--terminal-mono,monospace)}
.pokedex-binder .pocket-empty span{font:11px/1.3 var(--terminal-mono,monospace);letter-spacing:0;overflow-wrap:anywhere}
.pokedex-binder .pocket-empty small{font:9px/1.4 var(--terminal-mono,monospace);color:#8b9d91}
.dex-search-note{padding:12px;background:#14291c;color:#b0ffcb;border:1px solid #4c895f;border-radius:7px;font-size:12px;line-height:1.7}
@media(min-width:1001px){
 body[data-site-view=studio] .page-tool-row{grid-template-columns:auto auto 1fr}
 body[data-site-view=studio] .page-tool-row .tool-actions{grid-column:2;justify-self:start}
 .desktop-focus-actions{grid-column:3;grid-row:1;justify-content:flex-end}
 .desktop-focus-actions #desktop-overlays-toggle{margin-left:0}
 body[data-site-view=studio] .workspace{padding-top:15px}
 body[data-site-view=studio] .binder-panel>.page-stage>.binder-page{width:min(100%,var(--desktop-page-width,680px))}
}
@media(max-width:1000px){
 #desktop-focus-toggle{display:none}
 body[data-site-view=studio] .workspace{padding:14px 10px 20px}
 body[data-site-view=studio] .studio{display:block}
 body[data-site-view=studio] .studio>.catalog-panel{display:none}
 body[data-site-view=studio] .binder-panel{max-width:780px;margin:auto}
 body[data-site-view=studio] .binder-panel>.page-stage{padding:15px 7px}
 body[data-site-view=studio] .binder-panel>.page-stage>.binder-page{width:min(100%,570px)}
 #desktop-tools-panel #feature-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-nav .nav-more{font-size:11px}
 .site-nav .nav-more summary{padding:9px}
 .site-nav>div>a{min-height:38px}
}
@media(max-width:500px){
 .desktop-focus-actions{gap:6px}
 .desktop-focus-actions button{font-size:10px;padding:9px 10px;min-height:40px}
 .desktop-focus-actions #desktop-overlays-toggle{margin-left:0}
 #desktop-tools-panel #feature-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .organizer-selection{gap:6px;padding:10px}
 .organizer-selection button,.selection-more summary{font-size:10px;padding:8px}
 .organizer-selection>span{width:100%;margin:0}
 .dex-summary{grid-template-columns:1fr;font-size:10px}
 .pokedex-binder .pocket-empty strong{font-size:11px}
 .pokedex-binder .pocket-empty span{font-size:9px}
 .pokedex-binder .pocket-empty small{display:none}
 .site-nav>div{gap:3px}
 .site-nav>div>a{font-size:10px;padding:9px 7px}
}
@media print{.desktop-focus-actions,#desktop-tools-panel,.dex-summary,.site-nav{display:none!important}}
/* Community is a full page, with the same controls used in the editor dialogs. */
.community-browser{min-width:0}
.community-browser>.bp-social-body{padding:0}
.community-browser .bp-social-tabs{gap:8px;margin-top:0;padding-bottom:16px;border-bottom:1px solid #304438}
.community-browser .bp-social-tabs button{min-height:42px;font-size:12px;padding:11px 15px}
.community-browser .bp-social-tabs button[aria-pressed=true]{background:#153321;color:var(--lime);border-color:#51b676}
.community-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0}
.community-toolbar label{display:grid;gap:7px;font-size:11px;color:#a5b9ac}
.community-toolbar label:nth-child(2){flex:1;min-width:180px}
.community-toolbar input,.community-toolbar select,.community-set-builder select,.bp-social-body>label select,.bp-social-body>label input{font-size:13px;width:100%;padding:11px 12px;min-height:44px;background:#111a14;color:#e1f4e7;border:1px solid #476752;border-radius:7px;box-sizing:border-box}
.community-intro{color:#9caf9f;font-size:12px;line-height:1.8}
.community-browser .bp-social-status{font-size:12px;color:#abf5c2;line-height:1.8}
.community-browser .bp-social-feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.community-browser .bp-social-tile{background:#101612;border-color:#344d3c;padding:16px}
.community-browser .bp-social-tile h3{font-size:16px;line-height:1.5;margin:0 0 8px;color:#ebf4ed}
.community-browser .bp-social-muted{font-size:12px;line-height:1.7;margin:0 0 12px}
.community-browser .bp-social-actions{gap:8px}
.community-browser .bp-social-actions button,.community-browser .bp-social-actions>a{font-size:11px;line-height:1.4;border-radius:7px}
.community-browser .bp-social-actions>a{border-color:#3a5a45;color:#b1e8c4}
.community-set-builder{grid-column:1/-1;max-width:760px;padding:25px;border:1px solid #365841;border-radius:11px;background:#0c1610}
.community-set-builder h2{font-size:24px;margin-bottom:14px}
.community-set-builder p{color:#a7bfaf;font-size:13px;line-height:1.8;margin:14px 0 20px}
.community-set-builder .form-grid{margin:18px 0}
.community-set-builder label{display:grid;gap:8px;font-size:12px}
.bp-social-body>label{display:grid;gap:8px;margin:14px 0;font-size:13px}
@media(max-width:1000px){.community-browser .bp-social-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.community-browser .bp-social-feed{grid-template-columns:1fr}.community-browser .bp-social-tabs{gap:6px}.community-browser .bp-social-tabs button{font-size:11px;padding:10px 12px}.community-toolbar{gap:10px}.community-toolbar #bp-publish-page{width:100%}.community-set-builder{padding:18px}.community-browser .bp-social-preview{max-width:none}.community-browser .bp-social-tile{padding:15px}}
.bp-social{background:#0e1410;border-color:#425c4b;color:#e5f0e9}
.bp-social h3{line-height:1.5}
.bp-social-body p{font-size:13px;line-height:1.8}
.bp-social .bp-social-tabs button[aria-pressed=true]{background:#173d25;color:var(--lime);border-color:#4daf6e}
body[data-site-view=studio] .binder-toolbar .binder-description:empty{display:none}
@media(max-width:500px){.staging-heading h3{font-size:17px}.staging-heading .eyebrow{display:none}.staging-help,.studio-hint{font-size:10px;line-height:1.65}.tray-empty{font-size:11px;line-height:1.7}.bp-binder-value>strong{font-size:19px}.binder-panel>.bp-value-bar{gap:7px}}
.binder-panel{container-type:inline-size}
@container(max-width:800px){
 .binder-panel .page-tool-row{grid-template-columns:auto auto}
 .binder-panel .page-tool-row .tool-actions{grid-column:2;justify-self:end}
 .binder-panel .desktop-focus-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .binder-panel .desktop-focus-actions #desktop-overlays-toggle{margin-left:auto}
}
@media(min-width:1001px) and (max-width:1350px){
 body[data-site-view=studio] .page-tool-row{grid-template-columns:auto auto}
 body[data-site-view=studio] .page-tool-row .tool-actions{grid-column:2;justify-self:end}
 .desktop-focus-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start}
}

/* Main navigation stays in the same frame when entering the editor. */
body[data-site-view] .site-nav{width:100%;max-width:1124px;margin:0 auto 26px;padding:0 0 23px;box-sizing:border-box}
@media(min-width:1001px){body[data-site-view] .workspace{padding-top:28px}}
@media(max-width:1000px){body[data-site-view] .workspace{padding:20px 16px}body[data-site-view=studio] .studio{margin-inline:-6px}}
@media(max-width:700px){body[data-site-view] .site-nav{margin-bottom:20px;padding-bottom:16px}}

.site-wordmark{display:inline-flex;align-items:center;gap:0}.site-brand-mark{display:block;flex:none;margin-right:9px}#site-initial-content{font-size:14px;line-height:1.8}#site-initial-content>h2{font-size:20px;margin-top:24px}#site-initial-content>p{margin:12px 0 20px;max-width:75ch}
/* Small collection controls retain the terminal palette and usable touch targets. */
.search-field #clear-search{flex:none;width:36px;min-height:40px;border:0;background:transparent;color:#45d67d;font:24px/1 ui-monospace,monospace;cursor:pointer;padding:0}
.search-field #clear-search:disabled{opacity:.3;cursor:default}
.search-field #clear-search:focus-visible,.detail-catalog-link:focus-visible{outline:2px solid #00c853;outline-offset:2px}
.detail-catalog-link{color:#45d67d;text-underline-offset:3px}
.export-filename-field{display:flex;align-items:stretch;margin:10px 0 18px;max-width:100%;border:1px solid #405b49;border-radius:5px;overflow:hidden}
.export-filename-field input{min-width:0;flex:1;border:0;border-radius:0;background:#090f0c;color:#e8eeea;padding:13px;font:14px ui-monospace,monospace}
.export-filename-field>span{display:flex;align-items:center;padding:0 12px;background:#17251c;color:#a6c6b1;font:13px ui-monospace,monospace}
.export-dialog p{line-height:1.7;color:#a7b7ad;font-size:12px}
.community-language-choices{display:flex;flex-wrap:wrap;gap:12px 20px;padding:16px;margin:18px 0;border:1px solid #344b3c}
.community-language-choices label{display:flex;align-items:center;gap:7px;min-height:32px;cursor:pointer}
.community-language-choices input{width:18px;height:18px;accent-color:#00c853}
.community-collection-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:24px}
.community-collection-preview img{width:100%;aspect-ratio:63/88;object-fit:contain;border-radius:4px}
.cover-ribbon .cover-ribbon-art img{object-fit:cover}
.shelf-cover.has-art .shelf-featured{height:64px;margin-top:10px;flex-shrink:0}
@media(max-width:600px){.community-collection-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field #clear-search{width:44px;min-height:44px}}

.review-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:20px 0}.review-images figure{margin:0;min-width:0}.review-images img{width:100%;max-height:300px;object-fit:contain}.review-images figcaption{font-size:11px;overflow-wrap:anywhere;color:#96a597}