/* Galeria discreta: navegação superior, imagens em destaque e cópia direta. */
:root{--bg:#101010;--surface:#161616;--card:#191919;--line:#303030;--muted:#aaa;--accent:#bad9d2}
.masthead{height:80px;padding:0 32px;border-bottom:0;position:relative;gap:24px}
.wordmark .cursor{animation:none}
.nav-title{border:0;padding:0;font-size:13px}
.search{height:44px;width:min(400px,48vw);border-color:var(--line);background:#1a1a1a;border-radius:10px}
.search:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.area-nav{padding:0 32px;border-bottom:1px solid #252525}
#sidefilters{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin}
#sidefilters button{flex-shrink:0;background:none;border:0;border-bottom:2px solid transparent;min-height:48px;padding:0 2px;color:var(--muted);font-size:12px}
#sidefilters button:hover{color:var(--ink)}
#sidefilters button.active{color:var(--ink);border-bottom-color:var(--accent)}
.workspace{display:block;min-height:0}
.main{padding:20px 32px 40px}
.bar{margin-bottom:24px;gap:16px}
.filters select{background:transparent;border-color:var(--line);min-height:44px;font-size:12px;border-radius:8px}
.tools{font-size:11px}
.tools select{min-height:44px;font-size:12px}
.gallery,.galeria .reading .gallery,.reading .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:20px;columns:unset;column-fill:unset}
.masonry-col{display:flex;flex-direction:column;min-width:0}
.card{margin-bottom:24px}
.frame{border:0;border-radius:16px;background:#1b1b1b}
.card:hover .frame{box-shadow:none}
.card:hover .poster{transform:none}
.card-caption{display:flex;align-items:flex-start;gap:8px;padding-top:8px}
.card-details{flex:1;min-width:0}
.read{font-size:14px;font-weight:600;padding:8px 0 0;min-height:32px;line-height:1.4}
.meta{font-size:12px;line-height:1.6;margin-top:2px}
.copy-prompt{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;margin-right:-8px;padding:10px;border:0;border-radius:8px;background:none;color:var(--muted)}
.copy-prompt svg{width:21px;height:21px}
.copy-prompt:hover{color:var(--ink);background:#252525}
.copy-prompt:disabled{opacity:.5;cursor:wait}
.copy-feedback:empty{display:none}
.copy-feedback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);width:max-content;padding:12px 20px;background:#252525;color:#f3f5f4;border:1px solid #555;border-radius:10px;box-shadow:0 8px 32px #0008;font-size:13px}
.reader{top:20px;max-height:calc(100vh - 40px)}
.close{min-width:44px;min-height:44px}
@media(max-width:750px){.masthead{height:72px;padding:0 16px;gap:20px}.area-nav{padding:0 16px}#sidefilters{gap:20px}.main{padding:16px}.bar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.tools{flex-wrap:wrap;gap:8px;white-space:normal}#count{display:none}.search{width:auto}.reading .reader{top:0;max-height:70vh}.gallery,.galeria .reading .gallery,.reading .gallery{gap:16px}.frame{border-radius:12px}}
@media(max-width:520px){.tools{margin-left:auto}.filters select{max-width:200px}.read{font-size:15px}}

.preview-status{position:absolute;bottom:10px;left:10px;z-index:3;padding:5px 9px;border:1px solid #676767;border-radius:5px;background:#171717eb;color:#eee;font-size:11px}
body.is-public .card.is-locked{filter:blur(12px);-webkit-filter:blur(12px);cursor:pointer}
body.is-paid .card.is-locked{filter:none}