.op-studio-library-home{overflow:hidden;margin-bottom:22px;border:1px solid #2d2823;background:#0a0908;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.op-studio-library-home>header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 30px 25px;border-bottom:1px solid #29241f;background:radial-gradient(circle at 80% -30%,rgba(233,104,39,.16),transparent 42%),linear-gradient(135deg,#12100e,#0b0908)}
.op-studio-library-home>header>div:first-child{max-width:720px}
.op-studio-library-home>header h2{margin:7px 0 8px;color:#eee8df;font:400 clamp(26px,3vw,42px)/1.02 var(--serif);letter-spacing:-.035em}
.op-studio-library-home>header p{max-width:650px;margin:0;color:#756e67;font-size:11px;line-height:1.65}
.op-studio-library-home>header>div:last-child{display:flex;gap:8px;flex:0 0 auto}
.op-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;border-bottom:1px solid #27221e;background:#0d0b09}
.op-library-toolbar nav{display:flex;align-items:stretch;min-width:0;overflow-x:auto}
.op-library-toolbar nav button{display:flex;align-items:center;gap:7px;min-height:58px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6e6761;font-size:9px;white-space:nowrap;cursor:pointer}
.op-library-toolbar nav button:hover{color:#c9c1b8}.op-library-toolbar nav button.ativo{border-bottom-color:#eb6e2d;color:#eee7df}
.op-library-toolbar nav b{display:grid;min-width:19px;height:19px;place-items:center;padding:0 5px;border:1px solid #342c26;border-radius:10px;color:#817870;font:500 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.op-library-toolbar label{display:grid;grid-template-columns:auto minmax(120px,220px);align-items:center;gap:8px;flex:0 1 260px;min-height:36px;padding:0 11px;border:1px solid #342e29;background:#12100e;color:#776f68}
.op-library-toolbar input{min-width:0;border:0;outline:0;background:transparent;color:#e6dfd6;font:400 9px/1.2 var(--sans)}.op-library-toolbar input::placeholder{color:#5f5852}
.op-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px}
.op-library-card{min-width:0;overflow:hidden;border:1px solid #29241f;background:#11100e;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.op-library-card:hover{transform:translateY(-2px);border-color:#4a382c;background:#15120f}
.op-library-preview{position:relative;display:grid;aspect-ratio:16/10;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#27394b,#10141a 58%,#090b0f)}
.op-library-preview.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050505}.op-library-preview.video>span{position:relative;z-index:1;display:grid;width:42px;height:42px;place-items:center;border:1px solid #ffffff28;border-radius:50%;background:#070707a8;color:#f28147;font-size:13px;pointer-events:none}
.op-library-preview.video:has(video:playing)>span{opacity:0}.op-library-preview.imagem img{width:100%;height:100%;object-fit:cover}.op-library-preview.removido{color:#67483a;font-size:24px;background:repeating-linear-gradient(135deg,#100d0b,#100d0b 10px,#15100d 10px,#15100d 20px)}.op-library-preview.incerto{color:#bc8b6f;font-size:18px;background:radial-gradient(circle at 50% 42%,#33241d,#120f0c 62%)}.op-library-preview.incerto span{display:grid;width:44px;height:44px;place-items:center;border:1px solid #5a4134;border-radius:50%}
.op-library-card__body{display:grid;gap:5px;min-height:112px;padding:15px 16px}.op-library-card__body>span{color:#d76a34;font-size:7px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.op-library-card__body h3{margin:0;color:#dfd8cf;font-size:12px;font-weight:480}.op-library-card__body p{margin:0;color:#6e6760;font-size:8px;line-height:1.5}.op-library-card__body small{display:-webkit-box;overflow:hidden;color:#877d74;font-size:7px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.op-library-card__actions{display:flex;align-items:center;gap:6px;padding:0 12px 13px}.op-library-card__actions .op-primary,.op-library-card__actions .op-outline{min-height:34px;padding:0 10px;font-size:7px}.op-library-card__actions .op-primary{flex:1}.op-library-more{width:34px;height:34px;border:1px solid #3b3029;background:#15110e;color:#8a7c71;cursor:pointer}.op-library-more:hover{border-color:#ba5730;color:#ec8753}
.op-library-card--removed{opacity:.7}.op-library-card--pending{border-style:dashed}.op-library-template__art{position:relative;display:grid;aspect-ratio:16/10;align-content:end;gap:4px;overflow:hidden;padding:18px;color:#fff}.op-library-template__art:before,.op-library-template__art i{content:"";position:absolute;border-radius:50%}.op-library-template__art:before{top:-34px;right:-18px;width:130px;height:130px;border:24px solid #ffffff24}.op-library-template__art i{left:18px;top:18px;width:38%;height:5px;border-radius:0;background:#ffffffbb;box-shadow:0 12px #ffffff55,0 24px #ffffff30}.op-library-template__art b,.op-library-template__art small{position:relative;z-index:1}.op-library-template__art b{font:500 21px/1 var(--serif)}.op-library-template__art small{font-size:6px;letter-spacing:.18em}.op-library-template__art.argila{background:#a74724}.op-library-template__art.azul{background:#284763}.op-library-template__art.areia{background:#8b7657}.op-library-template__art.lilas{background:#665495}
.op-library-projects{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:14px;padding:24px}.op-library-projects>article,.op-library-projects>aside{padding:28px;border:1px solid #2f2924;background:#11100e}.op-library-projects>article{min-height:250px;background:linear-gradient(135deg,#16120f,#0d0b09)}.op-library-projects span{color:#dd6c34;font-size:7px;letter-spacing:.13em}.op-library-projects h3{margin:22px 0 9px;color:#eee7df;font:400 32px/1 var(--serif)}.op-library-projects p{max-width:620px;margin:0;color:#766e67;font-size:10px;line-height:1.7}.op-library-projects>article>div{display:flex;gap:8px;margin-top:28px}.op-library-projects>aside{align-self:stretch;display:grid;align-content:center;gap:9px}.op-library-projects aside strong{color:#d8d1c8;font-size:11px}.op-library-projects aside small{color:#8d8177;font-size:8px;line-height:1.6}
.op-library-empty{display:grid;justify-items:center;gap:9px;min-height:280px;place-content:center;padding:40px;text-align:center}.op-library-empty i{display:grid;width:52px;height:52px;place-items:center;border:1px solid #40342c;border-radius:50%;color:#e76d31;font-style:normal}.op-library-empty h3{margin:7px 0 0;color:#ded7cf;font:400 25px/1 var(--serif)}.op-library-empty p{max-width:460px;margin:0 0 8px;color:#706861;font-size:9px;line-height:1.6}.op-library-empty button+button{margin-left:6px}
.op-studio-library-home>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-top:1px solid #27221e;background:#0d0b09;color:#7c736b;font-size:8px}.op-studio-library-home>footer b{color:#dd6b34}.op-studio-library-home>footer small{color:#5f5852;text-align:right}
@media(max-width:1200px){.op-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.op-studio-library-home>header{align-items:flex-start;flex-direction:column}.op-library-toolbar{align-items:stretch;flex-direction:column;padding:0}.op-library-toolbar nav{padding:0 14px}.op-library-toolbar label{width:calc(100% - 28px);margin:0 14px 14px;flex-basis:auto}.op-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-library-projects{grid-template-columns:1fr}.op-studio-library-home>footer{align-items:flex-start;flex-direction:column}.op-studio-library-home>footer small{text-align:left}}
@media(max-width:600px){.op-studio-library-home>header{padding:23px 19px}.op-studio-library-home>header>div:last-child{width:100%;flex-direction:column}.op-library-toolbar nav button{padding:0 11px}.op-library-grid{grid-template-columns:1fr;padding:14px}.op-library-projects{padding:14px}.op-library-projects>article,.op-library-projects>aside{padding:22px}.op-library-card__actions{flex-wrap:wrap}.op-library-card__actions .op-primary{flex-basis:100%}.op-studio-library-home>footer{padding:14px 18px}}

/* Largura (rebranding de 26/09/2026; geometria, vale nos dois temas): com a casca a 2560 px
 * as quatro colunas fixas viravam cartões de ~460 px em 2268 px. De 1600 px em diante a
 * grade ganha colunas de no mínimo 320 px (5 em 1920, 6 em 2268); abaixo disso continua
 * com as 4 de sempre, e o claro em 1440 fica igual. */
@media (min-width: 1600px) {
  body.produto-operacional[data-op-tema] .op-clip-biblioteca .op-library-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
}

/* Pele Pulso — Biblioteca e armazenamento do Langris Clip (rebranding de 26/09/2026).
 * Só no escuro, qualificada por .op-clip-biblioteca (a seção recolhível do Clip): esta
 * folha carrega primeiro, e o peso vence o acabamento de operacao-cobalto.css, que
 * continua valendo no claro. A seção é uma coluna do Início; os itens, cartões; os
 * botões principais (Enviar do computador, Enviar para Agenda, Editar vídeo) são
 * .op-primary e pegam a pílula limão da casca. */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca { border-top-color: var(--lg-linha); color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca > summary > small { color: var(--lg-apoio); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca > summary::after { color: var(--lg-apoio); }

/* Armazenamento: rótulo em kicker e a barra no degradê de progresso (era laranja). */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-storage span {
  color: var(--lg-apoio);
  font-size: var(--lg-kicker);
  font-weight: var(--lg-kicker-peso);
  letter-spacing: var(--lg-kicker-tracking);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-storage strong { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-storage small { color: var(--lg-apoio); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-storage > i { background: var(--lg-realce-2); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-storage > i > b { background: var(--lg-progresso); }

/* Secundários (Importar do Google Drive, Atualizar catálogo, Tentar novamente): pílula,
   como todo secundário da página do Clip; a casca deixa os raios do Vídeo com ele. */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-outline { border-radius: var(--lg-raio-pilula); }

/* A seção: coluna do Início, com cabeçalho, barra de abas e rodapé sem fundo próprio. */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-library-home {
  border-color: var(--lg-linha);
  border-radius: var(--lg-raio-secao);
  background: var(--lg-coluna);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca :is(.op-studio-library-home > header, .op-library-toolbar, .op-studio-library-home > footer) {
  border-color: var(--lg-linha);
  background: transparent;
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-library-home > header h2 { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-library-home > header p { color: var(--lg-apoio); }

/* Abas (Recentes, Vídeos…): texto de apoio; a ativa em tinta com o fio do menu do Início. */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar nav button { color: var(--lg-apoio); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar nav button:hover { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar nav button.ativo {
  color: var(--lg-tinta);
  border-image: var(--lg-sublinhado) 1;
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar nav b {
  border-color: transparent;
  background: var(--lg-realce-2);
  color: var(--lg-tinta-2);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar nav button.ativo b {
  background: color-mix(in srgb, var(--lg-limao) 14%, transparent);
  color: var(--lg-limao);
}
/* Busca: pílula, com o campo do Início e o contorno de campo do escuro (#777). */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar label {
  border-color: var(--line-strong);
  border-radius: var(--lg-raio-pilula);
  background: var(--lg-campo);
  color: var(--lg-apoio);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar input { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-toolbar input::placeholder { color: var(--lg-apoio); }

/* Cartões: item do Início (raio 14, contorno suave; no hover, contorno forte). */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-card {
  border-color: var(--lg-linha-suave);
  border-radius: var(--lg-raio-item);
  background: var(--lg-cartao);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-card:hover {
  border-color: var(--lg-linha-forte);
  background: var(--lg-cartao-hover);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-card__body > span {
  color: var(--lg-apoio);
  font-size: var(--lg-kicker);
  font-weight: var(--lg-kicker-peso);
  letter-spacing: var(--lg-kicker-tracking);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-card__body h3 { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-card__body :is(p, small) { color: var(--lg-apoio); }
/* Mídia de reserva: sem o azul, o marrom e o laranja do Studio antigo. */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-preview {
  background: linear-gradient(145deg, var(--lg-cartao-hover), var(--lg-cartao));
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-preview.video > span {
  border-color: var(--lg-linha-forte);
  background: var(--lg-vidro);
  color: var(--lg-tinta);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-preview.removido {
  background: repeating-linear-gradient(135deg, var(--lg-cartao) 0 10px, var(--lg-trilho) 10px 20px);
  color: var(--lg-apoio);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-preview.incerto { color: var(--lg-ambar); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-preview.incerto span {
  border-color: color-mix(in srgb, var(--lg-ambar) 33%, transparent);
  background: color-mix(in srgb, var(--lg-ambar) 7%, transparent);
}

/* Biblioteca vazia ou indisponível: o selo tingido de violeta (o papel da biblioteca). */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-empty i {
  border-color: color-mix(in srgb, var(--lg-violeta) 33%, transparent);
  background: color-mix(in srgb, var(--lg-violeta) 7%, transparent);
  color: var(--lg-violeta-texto);
}
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-empty h3 { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-empty p { color: var(--lg-apoio); }

/* Rodapé: a contagem em tinta, o resto em apoio. */
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-library-home > footer { color: var(--lg-apoio); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-library-home > footer b { color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-studio-library-home > footer small { color: var(--lg-apoio); }
/* Fim Pele Pulso */

/* O carrossel é um conjunto final. A capa inteira preserva o texto da arte;
 * contagem, conta e estado continuam legíveis nos dois temas da biblioteca. */
.op-library-preview.carrossel { aspect-ratio: 4 / 5; background: var(--surface-soft, #15120f); }
.op-library-preview.carrossel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.op-library-carousel-placeholder { color: var(--muted, #877d74); font-size: 36px; }
.op-library-carousel-count {
  position: absolute; top: 12px; right: 12px; z-index: 1;
  padding: 6px 9px; border: 1px solid var(--line, #342c26); border-radius: 999px;
  background: var(--panel, #11100e); color: var(--ink, #dfd8cf); font-size: 11px; font-weight: 600;
}
.op-library-card--carousel .op-library-card__body h3 {
  display: -webkit-box; overflow: hidden; line-height: 1.45; overflow-wrap: anywhere;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.op-library-carousel-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 4px; color: var(--muted, #877d74); font-size: 11px; }
.op-library-carousel-meta > span { min-width: 0; overflow-wrap: anywhere; }
.op-library-carousel-meta > b { padding: 3px 7px; border-radius: 999px; background: var(--surface-soft, #29241f); color: var(--ink, #dfd8cf); font-size: 10px; font-weight: 500; }
.op-library-card--carousel .op-library-card__body .op-library-carousel-warning { display: block; line-height: 1.55; }
.op-library-card--carousel .op-library-card__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.op-library-card--carousel .op-library-card__actions button { min-width: 0; justify-content: center; }
.op-library-card--carousel .op-library-card__actions button:disabled { opacity: .5; cursor: not-allowed; }
.op-library-read-warning {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 20px 24px 0; padding: 14px 16px; border: 1px solid var(--line, #342c26); border-radius: 12px;
  background: var(--surface-soft, #15120f); color: var(--muted, #877d74);
}
.op-library-read-warning p { margin: 0; font-size: 12px; line-height: 1.6; }
.op-library-read-warning button { flex-shrink: 0; }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-carousel-count { background: var(--lg-vidro); border-color: var(--lg-linha-forte); color: var(--lg-tinta); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca :is(.op-library-carousel-meta, .op-library-carousel-placeholder) { color: var(--lg-apoio); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-carousel-meta > b { background: var(--lg-realce-2); color: var(--lg-tinta-2); }
body.produto-operacional[data-op-tema]:not([data-op-tema="claro"]) .op-clip-biblioteca .op-library-read-warning { background: var(--lg-realce-2); border-color: var(--lg-linha-suave); color: var(--lg-apoio); }
@media (max-width: 600px) {
  .op-library-read-warning { align-items: stretch; flex-direction: column; margin: 14px 14px 0; }
  .op-library-card--carousel .op-library-card__actions { grid-template-columns: minmax(0, 1fr); }
}