/*
 * kitsune Designer — interface premium para proteção de código Lua.
 * Preto e branco constroem a superfície; vermelho é reservado para ação,
 * foco e estados importantes.
 */

:root {
  --designer-red: #e21d3f;
  --designer-red-dark: #a90f2b;
  --designer-red-soft: rgba(226, 29, 63, .12);
  --designer-red-line: rgba(226, 29, 63, .34);
  --designer-white: #f7f7f8;
  --designer-muted: #8b8b94;
  --designer-panel: #101012;
  --designer-panel-raised: #151517;
  --designer-panel-deep: #0a0a0b;
  --designer-line: rgba(255,255,255,.10);
  --designer-line-strong: rgba(255,255,255,.18);
  --designer-success: #7ce2ae;
}

#painel-container {
  min-height: 100vh;
  background:
    radial-gradient(900px 480px at 50% -180px, rgba(226,29,63,.10), transparent 70%),
    linear-gradient(180deg, #080809 0%, #0b0b0c 52%, #080809 100%);
}

#nb-app {
  width: min(1320px, 100%);
  margin: 0 auto;
  padding: 116px 28px 62px;
}

.nb-intro {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 30px;
  padding: 0 2px 26px;
  border-bottom: 1px solid var(--designer-line);
}
.nb-intro-copy { max-width: 720px; }
.nb-intro-kicker, .nb-kicker {
  margin: 0 0 10px;
  color: var(--designer-red);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.nb-intro h1 {
  margin: 0;
  color: var(--designer-white);
  font-size: clamp(2rem, 4vw, 3.55rem);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1;
}
.nb-intro h1 span { color: var(--designer-red); }
.nb-intro-copy > p:last-child {
  max-width: 620px;
  margin: 15px 0 0;
  color: #9999a1;
  font-size: .95rem;
  line-height: 1.65;
}
.nb-intro-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  padding: 11px 14px;
  border: 1px solid var(--designer-line);
  border-radius: 999px;
  color: #c4c4c9;
  background: rgba(255,255,255,.025);
  font: 600 .72rem/1 var(--font-mono);
  white-space: nowrap;
}
.nb-intro-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--designer-success);
  box-shadow: 0 0 0 4px rgba(124,226,174,.10);
}

.nb-grid { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(300px, .82fr); align-items: start; gap: 22px; }
.nb-main-column, .nb-side-column { display: grid; gap: 22px; }
.nb-card {
  overflow: hidden;
  border: 1px solid var(--designer-line);
  border-radius: 16px;
  background: linear-gradient(145deg, var(--designer-panel-raised), var(--designer-panel));
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.nb-card:hover { border-color: var(--designer-line-strong); }
.nb-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px 16px;
}
.nb-card-header.compact { margin-bottom: 0; }
.nb-card-header h2 { margin: 0; color: var(--designer-white); font-size: 1.04rem; font-weight: 650; letter-spacing: -.025em; }
.nb-card-header .fa-gem { color: var(--designer-red) !important; font-size: .98rem; }

.nb-file-button, .nb-ghost-button, .nb-text-button, .nb-history-download { transition: color .2s, background .2s, border-color .2s, transform .2s, box-shadow .2s; }
.nb-file-button {
  border: 1px solid var(--designer-line-strong);
  border-radius: 9px;
  padding: .58rem .82rem;
  color: #c2c2c8;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  font-size: .74rem;
  white-space: nowrap;
}
.nb-file-button:hover { border-color: var(--designer-red-line); color: #fff; background: var(--designer-red-soft); }
.nb-file-button input { display: none; }

#nb-source, #nb-result, #nb-client-source, #nb-server-source, #nb-pair-client, #nb-pair-server {
  display: block;
  width: 100%;
  min-height: 350px;
  resize: vertical;
  border: 1px solid var(--designer-line);
  border-inline: 0;
  border-radius: 0;
  outline: none;
  padding: 1.15rem 26px;
  color: #e7e7ea;
  background: var(--designer-panel-deep);
  font: .79rem/1.7 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  tab-size: 2;
}
#nb-source::selection, #nb-result::selection, #nb-client-source::selection, #nb-server-source::selection, #nb-pair-client::selection, #nb-pair-server::selection { background: var(--designer-red); color: #fff; }
#nb-source:focus, #nb-result:focus, #nb-client-source:focus, #nb-server-source:focus, #nb-pair-client:focus, #nb-pair-server:focus { border-color: var(--designer-red); box-shadow: inset 3px 0 0 var(--designer-red), 0 0 0 3px var(--designer-red-soft); }
#nb-source.drag-over, #nb-client-source.drag-over, #nb-server-source.drag-over { border-color: var(--designer-red); background: rgba(226,29,63,.07); box-shadow: inset 0 0 0 1px var(--designer-red); }
#nb-result { min-height: 310px; }
#nb-pair-client, #nb-pair-server { min-height: 200px; }
#nb-source::placeholder, #nb-result::placeholder, #nb-client-source::placeholder, #nb-server-source::placeholder { color: #55555d; }
#nb-source:read-only, #nb-result:read-only, #nb-pair-client:read-only, #nb-pair-server:read-only { cursor: text; }

.nb-editor-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px 26px; border-top: 1px solid var(--designer-line); color: #686871; font: .68rem/1.4 var(--font-mono); }
.nb-text-button { border: 0; color: #76767e; background: none; cursor: pointer; font-size: .7rem; }
.nb-text-button:hover { color: var(--designer-red); }
.obfuscator-drop-hint { margin: 0 26px 12px; color: #707078; font-size: .7rem; }

.nb-action-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px; }
.nb-primary-button {
  position: relative;
  border: 0;
  border-radius: 10px;
  padding: .88rem 1.24rem;
  color: #fff;
  background: var(--designer-red);
  box-shadow: 0 12px 28px -14px rgba(226,29,63,.80);
  cursor: pointer;
  font-weight: 750;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.nb-primary-button:hover:not(:disabled) { transform: translateY(-2px); background: #f02a4c; box-shadow: 0 18px 34px -14px rgba(226,29,63,.85); }
.nb-primary-button:disabled { opacity: .55; cursor: not-allowed; }
.nb-shortcut { padding: 7px 10px; border: 1px solid var(--designer-line); border-radius: 7px; color: #6d6d75; background: rgba(255,255,255,.02); font: 700 .62rem/1 var(--font-mono); letter-spacing: .08em; }

.nb-result-card[hidden] { display: none; }
.nb-result-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.nb-ghost-button { border: 1px solid var(--designer-line-strong); border-radius: 8px; padding: .5rem .7rem; color: #b5b5bc; background: transparent; cursor: pointer; font-size: .7rem; }
.nb-ghost-button:hover { border-color: var(--designer-red-line); color: #fff; background: var(--designer-red-soft); }
.nb-success-label { color: var(--designer-success); font-size: .7rem; }

.nb-points-card { border-top: 2px solid var(--designer-red); }
.nb-points-balance { display: flex; align-items: baseline; gap: .5rem; padding: 3px 26px 0; }
.nb-points-balance span { color: var(--designer-white); font: 800 2.6rem/1 var(--font-mono); letter-spacing: -.06em; }
.nb-points-balance small { color: #777780; font-size: .78rem; }
.nb-points-meta { display: flex; justify-content: space-between; gap: 12px; margin: 1.25rem 26px 1.1rem; padding-top: .85rem; border-top: 1px solid var(--designer-line); color: #72727a; font-size: .7rem; }
.nb-points-meta strong { color: #d0d0d4; }
.nb-buy-points-btn { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: 0 26px 22px; border: 1px solid var(--designer-red-line); border-radius: 9px; padding: .7rem .9rem; color: #ffced6; background: var(--designer-red-soft); font-size: .74rem; font-weight: 650; text-decoration: none; transition: .2s; }
.nb-buy-points-btn:hover { color: #fff; background: rgba(226,29,63,.22); transform: translateY(-1px); }
.nb-points-empty-warning { display: none; align-items: center; gap: .4rem; margin: 0 26px 20px; color: #f0b36b; font-size: .7rem; }
.nb-points-empty-warning.show { display: flex; }

.nb-status-list { margin: 0 26px 1rem; border-top: 1px solid var(--designer-line); border-bottom: 1px solid var(--designer-line); }
.nb-status-list div { display: flex; justify-content: space-between; padding: .72rem 0; font-size: .74rem; }
.nb-status-list span { color: #85858d; }
.nb-status-list strong { color: #ededee; font-size: .7rem; }
.nb-privacy-note { display: flex; gap: .6rem; margin: 0 26px 24px; padding-top: .92rem; border-top: 1px solid var(--designer-line); color: #85858d; font-size: .7rem; line-height: 1.55; }
.nb-privacy-note span { color: var(--designer-red); font-size: 1.05rem; }
.nb-privacy-note strong { color: #e5e5e7; }
.nb-privacy-note p { margin: 0; }

.nb-history-list { display: grid; gap: 9px; padding: 0 22px 22px; }
.nb-history-empty { margin: 0 22px 22px; padding: 14px 16px; border: 1px dashed var(--designer-line-strong); border-radius: 10px; color: #707078; font-size: .78rem; }
.nb-history-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 13px; border: 1px solid var(--designer-line); border-radius: 10px; background: rgba(0,0,0,.16); }
.nb-history-item strong { display: block; max-width: 260px; overflow: hidden; color: #d5d5d9; font: 600 .78rem/1.3 var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
.nb-history-item small { display: block; margin-top: 4px; color: #686871; font-size: .7rem; }
.nb-history-download { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 1px solid var(--designer-line-strong); border-radius: 8px; color: #e7aab5; background: transparent; cursor: pointer; }
.nb-history-download:hover { color: #fff; border-color: var(--designer-red-line); background: var(--designer-red-soft); transform: translateY(-1px); }

.nb-toast { position: fixed; right: 1.4rem; bottom: 1.4rem; z-index: 2000; max-width: min(360px, calc(100vw - 2rem)); padding: .85rem 1.1rem; border: 1px solid var(--designer-line-strong); border-radius: 10px; color: #f2f2f3; background: #171719; box-shadow: 0 18px 44px rgba(0,0,0,.38); opacity: 0; pointer-events: none; transform: translateY(14px); transition: .25s; font-size: .78rem; }
.nb-toast.show { opacity: 1; transform: none; }
.nb-toast.error { border-color: rgba(226,29,63,.52); color: #ffd7de; }
.nb-skel { position: relative; overflow: hidden; color: transparent !important; background: #26262a; border-radius: 5px; }
.nb-skel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); animation: nb-shimmer 1.3s infinite; }
@keyframes nb-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.nb-card:has(#nb-source.drag-over) { border-color: var(--designer-red); }
.nb-card:has(#nb-source:focus) { border-color: rgba(226,29,63,.46); }
.nb-error-note { margin: 0 26px 14px; color: #ffd7de; font-size: .72rem; }
.nb-error-note[hidden] { display: none; }
.nb-save-state { color: #6e6e76; font-size: .66rem; }
.nb-save-state.is-saved { color: var(--designer-success); }
.nb-save-state.is-dirty { color: #efb36e; }
.nb-session-status { display: inline-flex; align-items: center; gap: .4rem; color: #6e6e76; font-size: .68rem; }
.nb-session-status i { color: var(--designer-success); }
.nb-footer { color: #65656d; font-size: .72rem; }

@media (max-width: 900px) { .nb-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) {
  #nb-app { padding: 98px 16px 48px; }
  .nb-intro { display: block; padding-bottom: 22px; }
  .nb-intro-status { margin-top: 20px; }
  .nb-card-header { padding-inline: 18px; }
  #nb-source, #nb-result { min-height: 270px; padding-inline: 18px; }
  .nb-editor-footer { padding-inline: 18px; }
  .nb-action-row { align-items: stretch; flex-direction: column; }
  .nb-primary-button { width: 100%; }
  .nb-points-balance { padding-inline: 18px; }
  .nb-points-meta, .nb-buy-points-btn, .nb-points-empty-warning, .nb-status-list, .nb-privacy-note { margin-inline: 18px; }
  .nb-error-note, .obfuscator-drop-hint { margin-inline: 18px; }
}
@media (max-width: 520px) {
  .nb-intro h1 { font-size: 2.15rem; }
  .nb-card-header { flex-direction: column; }
  .nb-file-button { width: 100%; text-align: center; }
  .nb-result-actions { width: 100%; }
  .nb-result-actions button { flex: 1; }
  .nb-shortcut { align-self: center; }
  .nb-editor-footer { flex-wrap: wrap; }
}
@media (max-width: 380px) { .nb-points-meta { flex-direction: column; gap: 4px; } }
@media (pointer: coarse) { .nb-file-button, .nb-ghost-button, .nb-text-button, .nb-history-download { min-height: 42px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media print { #painel-container > [data-sw-header], .nb-side-column, .nb-action-row, .nb-toast { display: none !important; } #nb-app { padding: 0; } .nb-card { box-shadow: none; } }
@supports not selector(:has(*)) { .nb-card { transition: border-color .2s; } }

/* Painel avançado compacto e opcional. */
.nb-build-advanced { margin-top: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.025); }
.nb-build-advanced[hidden] { display: none; }
.nb-build-duration-mode { margin-bottom: 8px; }
.nb-build-advanced .nb-build-group-row { margin: 0; }
.nb-general-expiration { display:flex; align-items:center; gap:10px; margin-top:10px; padding:9px 10px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:rgba(255,255,255,.025); }
.nb-general-expiration[hidden] { display:none; }
.nb-general-expiration .nb-build-label { margin:0; white-space:nowrap; }
.nb-general-expiration .nb-build-duracao { flex:1; min-width:0; height:36px; }
.nb-build-duration-mode { margin:0; }
.nb-build-advanced .nb-build-field { align-items:stretch; gap:6px; }
.nb-build-advanced .nb-build-field > .nb-build-label { height:16px; line-height:16px; margin:0; }
.nb-build-advanced .nb-build-field select { height:36px; min-height:36px; margin:0; }
@media (max-width:640px) { .nb-general-expiration { align-items:stretch; flex-direction:column; gap:6px; } }
.nb-build-advanced .nb-build-duracao[hidden] { display: none; }
@media (max-width: 640px) { .nb-build-advanced .nb-build-group-row { grid-template-columns: 1fr; } }
/* Editor visual de IPs e prazos por linha. */
.nb-build-ips-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.nb-ip-editor { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.nb-ip-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(145px,170px) minmax(135px,155px) 42px; gap:8px; align-items:center; padding:8px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.025); }
.nb-ip-row:has(.nb-ip-expiration[hidden]) { grid-template-columns:minmax(0,1fr) 42px; }
.nb-ip-row input, .nb-ip-row select { min-width:0; width:100%; height:38px; background:rgba(12,12,15,.72); color:#f4f4f5; border:1px solid rgba(255,255,255,.16); border-radius:9px; box-shadow:none; color-scheme:dark; }
.nb-ip-row input:focus, .nb-ip-row select:focus { border-color:#ff3150; outline:2px solid rgba(255,49,80,.16); outline-offset:0; }
.nb-ip-row .nb-ip-value { padding:0 10px; }
.nb-ip-row .nb-ip-expiration, .nb-ip-row .nb-ip-date { padding:0 9px; }
.nb-ip-row .nb-ip-expiration[hidden], .nb-ip-row .nb-ip-date[hidden], .nb-build-duracao[hidden] { display:none !important; }
.nb-ip-row input[hidden] { display:none; }
.nb-ip-remove { height:38px; width:42px; display:inline-flex; align-items:center; justify-content:center; padding:0; color:#ff8290; background:rgba(12,12,15,.72); border:1px solid rgba(255,255,255,.16); border-radius:9px; box-shadow:none; cursor:pointer; }
.nb-ip-remove:hover { color:#ff5369; background:rgba(255,49,80,.1); border-color:rgba(255,49,80,.65); }
.nb-ip-remove:focus-visible { outline:2px solid rgba(255,49,80,.55); outline-offset:2px; }
.nb-ip-remove i { font-size:14px; line-height:1; }
.nb-ip-add { white-space:nowrap; }
/* Ajustes finais: o painel se adapta sem comprimir campos de tempo e pasta. */
.nb-builds-tools, .nb-build-head, .nb-build-group-row, .nb-build-ip-row { min-width: 0; }
.nb-builds-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.nb-builds-search { min-width: 0; flex: 1 1 210px; }
.nb-build-title { min-width: 0; flex: 1 1 240px; }
.nb-build-actions { display: flex; flex-wrap: wrap; gap: .4rem; flex: 0 1 auto; }
.nb-build-name { min-width: 0; max-width: 100%; }
.nb-build-group-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .75rem; }
.nb-build-field, .nb-build-field select, .nb-build-ips { min-width: 0; max-width: 100%; }
.nb-build-field select { width: 100%; height: 36px; min-height: 36px; box-sizing: border-box; display: block; overflow: hidden; text-overflow: ellipsis; color-scheme: dark; appearance:auto; }
.nb-build-group-row { align-items: start; }
.nb-build-field { display: flex; flex-direction: column; min-width: 0; }
.nb-build-field > select { flex: 0 0 36px; }
.nb-build-duration-mode, .nb-build-duracao, .nb-build-group, .nb-ip-expiration { background:#0c0c0f; color:#f4f4f5; border:1px solid rgba(255,255,255,.16); border-radius:9px; font: inherit; line-height: 1.2; }
.nb-build-field select, .nb-ip-row select, .nb-general-expiration select { color-scheme: dark; }
.nb-build-field select option, .nb-ip-row select option, .nb-general-expiration select option { background-color:#242429 !important; color:#f4f4f5 !important; color-scheme:dark; }
.nb-build-field select option:checked, .nb-ip-row select option:checked, .nb-general-expiration select option:checked { background-color:#3b3b43 !important; color:#fff !important; }
.nb-build-field select option:hover, .nb-ip-row select option:hover, .nb-general-expiration select option:hover { background-color:#ff3150 !important; color:#fff !important; }
.nb-build-field select:focus, .nb-ip-row select:focus, .nb-general-expiration select:focus { border-color:#ff3150; outline:2px solid rgba(255,49,80,.16); outline-offset:0; }
.nb-build-ips { display: block; width: 100%; resize: vertical; overflow-wrap: anywhere; }
.nb-build-group-head { min-width: 0; overflow: hidden; }
.nb-build-group-head > :not(i):not(.nb-build-group-count):not(.nb-group-del) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
  #nb-app { padding-inline: 12px; }
  .nb-builds-body { padding-inline: 16px; }
  .nb-builds-tools { align-items: stretch; }
  .nb-builds-search { flex-basis: 100%; }
  .nb-builds-tools .nb-ghost-button { flex: 1 1 0; }
  .nb-build-group-row { grid-template-columns: 1fr; gap: .6rem; }
  .nb-ip-row { grid-template-columns: minmax(0,1fr) 42px; }
  .nb-ip-row .nb-ip-expiration, .nb-ip-row .nb-ip-date { grid-column: 1; }
  .nb-ip-row .nb-ip-remove { grid-column: 2; grid-row: 1 / span 3; }
  .nb-build-head { flex-direction: column; }
  .nb-build-actions { width: 100%; }
  .nb-build-actions button { flex: 1 1 0; }
}
@media (max-width: 420px) {
  .nb-card-header { padding-inline: 14px; }
  .nb-builds-body { padding-inline: 14px; }
  .nb-build { padding: 11px; }
  .nb-build-name { font-size: .78rem; }
}

/* Compatibilidade com markup legado e estados do fluxo. */
#nb-app .text-secondary { color: #6e6e76 !important; }
#nb-app .me-1 { margin-right: .25rem !important; }
#nb-app .me-2 { margin-right: .5rem !important; }
#nb-app .text-center { text-align: center; }
#nb-app .py-4 { padding-block: 1.5rem; }
.nb-primary-button.is-loading::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); animation: nb-shimmer 1s infinite; }
#nb-result-card[aria-busy="true"] .nb-success-label { color: #777780; }
#nb-result-card[aria-busy="true"] .nb-success-label i { color: #efb36e; }
.nb-history-card .nb-history-list:empty { display: none; }
#nb-result:empty { color: #6e6e76; }
#nb-result-card { scroll-margin-top: 24px; }
.no-scroll { overflow: hidden; }
.hidden { display: none !important; }
.nb-primary-button, .nb-ghost-button, .nb-file-button, .nb-text-button, .nb-history-download, .nb-shortcut { user-select: none; }
.nb-main-column, .nb-card, #nb-source, #nb-result { min-width: 0; }
:focus-visible { outline: 2px solid var(--designer-red); outline-offset: 3px; }
[aria-busy="true"] { cursor: progress; }
.obfuscator-drop-hint { margin-top: 0; }
@media (forced-colors: active) { .nb-card, .nb-file-button, .nb-ghost-button { border: 1px solid CanvasText; } }
@media print { .nb-intro { display: none; } }

/* Evita que o sistema global reintroduza tons azulados no módulo. */
#nb-app a { color: inherit; }
#nb-app .text-accent { color: var(--designer-red); }
#nb-app .nb-card-header > .fa-gem { color: var(--designer-red) !important; }
.nb-draft-note { color: #6e6e76; font-size: .66rem; }
.nb-points-card .nb-kicker { color: var(--designer-red); }
.nb-points-card .nb-points-balance span { color: #fff; }
.nb-points-card .nb-privacy-note span { color: var(--designer-red); }
.nb-points-card .nb-points-balance .nb-skel { color: transparent !important; }
.nb-points-card .nb-buy-points-btn i { color: var(--designer-red); }
.nb-card-header .nb-kicker { text-transform: uppercase; }
a, button, label { -webkit-tap-highlight-color: transparent; }
#nb-app .nb-card:focus-within { border-color: rgba(226,29,63,.42); }
.nb-card .nb-card-header + .obfuscator-drop-hint { margin-top: 0; }
.nb-card .nb-history-list { min-width: 0; }
#nb-app .nb-action-row + .nb-card { margin-top: 0; }
.nb-primary-button i { color: rgba(255,255,255,.82); }
.nb-history-empty.mx-4 { margin-inline: 22px !important; }
.nb-history-empty.mb-4 { margin-bottom: 22px !important; }
.nb-footer.py-4 { padding-block: 1.5rem !important; }
#nb-app .nb-card-header .small { font-size: .66rem; }
#nb-app .nb-card-header .text-secondary { color: #6e6e76 !important; }
#nb-app .nb-card-header .text-secondary.small { line-height: 1.3; }
#nb-app .nb-card-header h2 + * { flex-shrink: 0; }
#nb-app .nb-card-header > div:first-child { min-width: 0; }
#nb-app .nb-card-header .nb-kicker + h2 { white-space: normal; }
#nb-app .nb-card-header.compact { padding-bottom: 15px; }
#nb-app .nb-card-header.compact h2 { font-size: .98rem; }
#nb-app .nb-card-header.compact .nb-kicker { margin-bottom: 8px; }
#nb-app .nb-card-header.compact .text-secondary { align-self: center; }
#nb-app .nb-points-meta span { white-space: nowrap; }
#nb-app .nb-status-list strong { white-space: nowrap; }
#nb-app .nb-privacy-note br { display: block; }
#nb-app .nb-history-item small { white-space: nowrap; }
#nb-app .nb-history-item strong { text-overflow: ellipsis; }
#nb-app .nb-toast { right: 1.4rem; }
#nb-app .nb-toast.show { pointer-events: auto; }
#nb-app .nb-card-header .nb-result-actions { align-self: center; }
#nb-app .nb-result-card .nb-card-header { align-items: center; }
#nb-app .nb-result-card .nb-card-header > div:first-child { align-self: flex-start; }
#nb-app .nb-result-card .nb-editor-footer { color: #6e6e76; }
#nb-app .nb-result-card .nb-success-label i { margin-right: .25rem; }
#nb-app .nb-file-button:focus-within { border-color: var(--designer-red); box-shadow: 0 0 0 3px var(--designer-red-soft); }
#nb-app .nb-ghost-button:focus-visible, #nb-app .nb-file-button:focus-visible { outline-color: var(--designer-red); }
#nb-app .nb-primary-button:focus-visible { outline-color: #fff; }
#nb-app .nb-text-button:focus-visible { outline-color: var(--designer-red); }
#nb-app .nb-shortcut { letter-spacing: .06em; }
#nb-app .nb-status-list div + div { border-top: 1px solid rgba(255,255,255,.04); }
#nb-app .nb-history-list + .nb-history-empty { display: block; }
#nb-app .nb-history-list:not(:empty) + .nb-history-empty { display: none; }
#nb-app .nb-points-empty-warning i { color: #efb36e; }
#nb-app .nb-local-badge { color: #d3d3d8; }
#nb-app .nb-local-badge i { background: var(--designer-success); }
#nb-app .nb-session-status i { color: var(--designer-success); }
#nb-app .nb-error-note { color: #ffbeca; }
#nb-app .nb-save-state.is-dirty { color: #efb36e; }
#nb-app .nb-save-state.is-saved { color: var(--designer-success); }
#nb-app .nb-card[aria-busy="true"] { opacity: .92; }
#nb-app .nb-primary-button[aria-busy="true"] { pointer-events: none; }
#nb-app .nb-primary-button[aria-busy="true"] i { animation: nb-pulse .9s ease-in-out infinite alternate; }
@keyframes nb-pulse { from { opacity: .45; } to { opacity: 1; } }
#nb-app .nb-card-header .fa-gem { filter: drop-shadow(0 0 8px rgba(226,29,63,.28)); }
#nb-app .nb-card-header .nb-kicker { color: var(--designer-red); }
#nb-app .nb-card-header .nb-kicker::before { content: ""; display: inline-block; width: 18px; height: 1px; margin: 0 8px 3px 0; background: var(--designer-red); opacity: .7; }
#nb-app .nb-intro-kicker::before { content: ""; display: inline-block; width: 24px; height: 1px; margin: 0 9px 3px 0; background: var(--designer-red); }
#nb-app .nb-intro p { margin-bottom: 0; }
#nb-app .nb-intro-status { font-family: var(--font-mono); }
#nb-app .nb-intro-status i { display: block; }
#nb-app .nb-intro-status span { display: inline-block; }
#nb-app .nb-card-header .nb-kicker, #nb-app .nb-intro-kicker { line-height: 1.2; }
#nb-app .nb-intro-status { margin-bottom: 3px; }
#nb-app .nb-intro-copy { position: relative; }
#nb-app .nb-intro-copy::after { content: ""; position: absolute; left: -2px; bottom: -27px; width: 68px; height: 2px; background: var(--designer-red); }
#nb-app .nb-card-header h2, #nb-app .nb-intro h1 { text-wrap: balance; }
#nb-app .nb-card-header button { font-family: var(--font-body); }
#nb-app .nb-file-button { font-weight: 600; }
#nb-app .nb-ghost-button { font-weight: 600; }
#nb-app .nb-history-download { font-family: var(--font-body); }
#nb-app .nb-buy-points-btn:focus-visible { outline-color: var(--designer-red); }
#nb-app .nb-card-header .fa-gem { transition: transform .25s ease; }
#nb-app .nb-points-card:hover .fa-gem { transform: rotate(-8deg) scale(1.08); }
#nb-app .nb-card-header + #nb-source { border-top-color: rgba(226,29,63,.20); }
#nb-app .nb-card-header + #nb-result { border-top-color: rgba(226,29,63,.20); }
#nb-app .nb-card-header + .nb-status-list { margin-top: 0; }
#nb-app .nb-history-card .nb-card-header { padding-bottom: 16px; }
#nb-app .nb-history-card .nb-history-empty { line-height: 1.5; }
#nb-app .nb-points-card .nb-points-meta { font-family: var(--font-mono); }
#nb-app .nb-points-card .nb-points-meta span { font-size: .66rem; }
#nb-app .nb-points-card .nb-points-meta strong { font-size: .68rem; }
#nb-app .nb-card-header > * { max-width: 100%; }
#nb-app .nb-result-actions { justify-content: flex-end; }
#nb-app .nb-result-actions button { white-space: nowrap; }
#nb-app .nb-card-header .nb-result-actions .fa-copy, #nb-app .nb-card-header .nb-result-actions .fa-download { color: var(--designer-red); }
#nb-app .nb-card-header .nb-result-actions button:hover i { color: #fff; }
#nb-app .nb-history-download i { color: var(--designer-red); }
#nb-app .nb-history-download:hover i { color: #fff; }
#nb-app .nb-buy-points-btn:hover i { color: #fff; }
#nb-app .nb-privacy-note span i { color: inherit; }
#nb-app .nb-card-header .fa-gem { color: var(--designer-red) !important; }
#nb-app .nb-action-row .nb-shortcut { margin-top: 0; }
#nb-app .nb-card-header .nb-kicker { letter-spacing: .16em; }
#nb-app .nb-intro-kicker { letter-spacing: .18em; }
#nb-app .nb-intro h1 span { color: var(--designer-red); }
#nb-app .nb-intro-copy > p:last-child { color: #92929a; }
#nb-app .nb-intro-copy > p:last-child strong { color: #dcdce0; }
#nb-app .nb-card-header h2 { color: #f4f4f5; }
#nb-app .nb-points-balance small { font-family: var(--font-mono); }
#nb-app .nb-editor-footer span { min-width: 0; }
#nb-app .nb-editor-footer span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nb-app .nb-editor-footer .nb-success-label { white-space: nowrap; }
#nb-app .nb-history-card .text-secondary { white-space: nowrap; }
#nb-app .nb-points-card .nb-points-balance { min-height: 48px; }
#nb-app .nb-card-header .nb-kicker + h2 { line-height: 1.18; }
#nb-app .nb-card-header .nb-kicker { user-select: none; }
#nb-app .nb-intro-kicker { user-select: none; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { vertical-align: middle; }
#nb-app .nb-intro-copy::after { border-radius: 2px; }
#nb-app .nb-card-header .nb-kicker::before { border-radius: 2px; }
#nb-app .nb-intro-status { letter-spacing: .01em; }
#nb-app .nb-intro-status span { color: #c9c9ce; }
#nb-app .nb-intro-status i { flex: 0 0 7px; }
#nb-app .nb-grid { position: relative; }
#nb-app .nb-grid::before { content: ""; position: absolute; left: 0; top: -1px; width: 1px; height: 42px; background: linear-gradient(var(--designer-red), transparent); opacity: .85; }
#nb-app .nb-main-column, #nb-app .nb-side-column { position: relative; z-index: 1; }
#nb-app .nb-card-header .nb-kicker { margin-top: 1px; }
#nb-app .nb-action-row { position: relative; }
#nb-app .nb-action-row::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--designer-line); z-index: -1; }
#nb-app .nb-action-row .nb-primary-button, #nb-app .nb-action-row .nb-shortcut { background-color: #0b0b0c; }
#nb-app .nb-action-row .nb-primary-button { background-color: var(--designer-red); }
#nb-app .nb-action-row .nb-shortcut { padding-inline: 10px; }
@media (max-width: 768px) { #nb-app .nb-intro-copy::after { bottom: -23px; } #nb-app .nb-grid::before, #nb-app .nb-action-row::before { display: none; } }
@media (max-width: 520px) { #nb-app .nb-intro-status { width: fit-content; } #nb-app .nb-intro-copy::after { display: none; } }

/* Preserva as classes usadas pelo JavaScript. */
.nb-history-card .nb-history-list:empty + .nb-history-empty { display: block; }
.nb-history-card .nb-history-list:not(:empty) + .nb-history-empty { display: none; }
#nb-app .nb-card-header .nb-result-actions { gap: .45rem; }
#nb-app .nb-card-header .nb-result-actions button { min-height: 32px; }
#nb-app .nb-file-button, #nb-app .nb-ghost-button { -webkit-appearance: none; appearance: none; }
#nb-app .nb-primary-button { -webkit-appearance: none; appearance: none; }
#nb-app .nb-primary-button.is-loading { cursor: progress; }
#nb-app .nb-primary-button.is-loading::after { pointer-events: none; }
#nb-app .nb-card-header .nb-kicker { display: block; }
#nb-app .nb-card-header h2 { overflow-wrap: anywhere; }
#nb-app .nb-history-item { min-width: 0; }
#nb-app .nb-history-item > div:first-child { min-width: 0; }
#nb-app .nb-history-item strong { width: 100%; }
#nb-app .nb-history-item small { overflow: hidden; text-overflow: ellipsis; }
#nb-app .nb-history-download { padding: 0; }
#nb-app .nb-points-empty-warning { line-height: 1.45; }
#nb-app .nb-privacy-note p { overflow-wrap: anywhere; }
#nb-app .nb-status-list span { overflow-wrap: anywhere; }
#nb-app .nb-buy-points-btn { line-height: 1.2; }
#nb-app .nb-intro h1 { overflow-wrap: anywhere; }
#nb-app .nb-intro-copy > p:last-child { overflow-wrap: anywhere; }
#nb-app .nb-intro-status { line-height: 1.25; }
#nb-app .nb-intro-status i { align-self: center; }
#nb-app .nb-card { isolation: isolate; }
#nb-app .nb-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; opacity: 0; }
#nb-app .nb-card { position: relative; }
#nb-app .nb-card:hover::before { opacity: 1; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
#nb-app .nb-card > * { position: relative; z-index: 1; }
#nb-app .nb-intro-status { position: relative; z-index: 1; }
#nb-app .nb-intro { position: relative; }
#nb-app .nb-intro::before { content: ""; position: absolute; right: 11%; bottom: -1px; width: 120px; height: 1px; background: linear-gradient(90deg, transparent, var(--designer-red)); opacity: .5; }
@media (max-width: 520px) { #nb-app .nb-intro::before { right: 0; width: 70px; } }

/* Compatibilidade final. */
#nb-app .nb-card .nb-skel { display: inline-block; }
#nb-app .nb-card .nb-skel::after { pointer-events: none; }
#nb-app .nb-card-header .nb-kicker { font-family: var(--font-body); }
#nb-app .nb-intro-kicker { font-family: var(--font-body); }
#nb-app .nb-primary-button, #nb-app .nb-ghost-button, #nb-app .nb-file-button { letter-spacing: .005em; }
#nb-app .nb-primary-button { font-size: .78rem; }
#nb-app .nb-action-row .nb-shortcut { align-self: center; }
@media (max-width: 768px) { #nb-app .nb-action-row .nb-shortcut { align-self: center; } }
#nb-app .nb-card-header .fa-gem { flex: 0 0 auto; }
#nb-app .nb-history-card .nb-card-header { gap: 10px; }
#nb-app .nb-history-card .nb-card-header > div { min-width: 0; }
#nb-app .nb-history-card .nb-card-header .text-secondary { overflow-wrap: anywhere; }
#nb-app .nb-points-card .nb-card-header { align-items: center; }
#nb-app .nb-points-card .nb-card-header > div { min-width: 0; }
#nb-app .nb-card-header .nb-kicker::before { content: ""; }
#nb-app .nb-intro-kicker::before { content: ""; }
#nb-app .nb-card-header .nb-kicker, #nb-app .nb-intro-kicker { color: var(--designer-red) !important; }
#nb-app .nb-intro h1 span { color: var(--designer-red) !important; }
#nb-app .nb-card-header h2 { font-family: var(--font-display); }
#nb-app .nb-intro h1 { font-family: var(--font-display); }
#nb-app .nb-footer { border-top: 1px solid transparent; }
#nb-app .nb-card-header .nb-result-actions button { color: #b8b8be; }
#nb-app .nb-card-header .nb-result-actions button:hover { color: #fff; }
#nb-app .nb-card-header .nb-result-actions button i { transition: color .2s ease; }
#nb-app .nb-history-download i { transition: color .2s ease; }
#nb-app .nb-buy-points-btn i { transition: color .2s ease; }
#nb-app .nb-primary-button i { transition: transform .2s ease; }
#nb-app .nb-primary-button:hover i { transform: rotate(-8deg); }
#nb-app .nb-primary-button:disabled i { transform: none; }
#nb-app .nb-source-stats, #nb-app .nb-result-stats { color: #686871; }
#nb-app .nb-toast { font-family: var(--font-body); }
#nb-app .nb-toast.error { background: #1d0d11; }
#nb-app .nb-points-card .nb-points-balance span { font-family: var(--font-mono); }
#nb-app .nb-points-card .nb-points-balance small { color: #777780; }
#nb-app .nb-points-card .nb-points-meta { border-top-color: rgba(255,255,255,.08); }
#nb-app .nb-points-card .nb-buy-points-btn { border-color: rgba(226,29,63,.36); }
#nb-app .nb-points-card .nb-buy-points-btn:hover { border-color: rgba(226,29,63,.56); }
#nb-app .nb-card-header .nb-kicker + h2 { color: var(--designer-white); }
#nb-app .nb-card-header .nb-kicker + h2::first-letter { color: inherit; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { background: var(--designer-red); }
#nb-app .nb-card-header .nb-kicker::before { width: 16px; }
#nb-app .nb-intro-kicker::before { width: 22px; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { display: inline-block; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { margin-bottom: 2px; }
#nb-app .nb-intro-status i { box-shadow: 0 0 0 4px rgba(124,226,174,.1); }
#nb-app .nb-intro::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 42px; height: 1px; background: var(--designer-red); }
#nb-app .nb-card-header + #nb-source, #nb-app .nb-card-header + #nb-result { box-shadow: inset 0 1px 0 rgba(226,29,63,.08); }
#nb-app .nb-card:focus-within { box-shadow: 0 22px 50px rgba(0,0,0,.26); }
#nb-app .nb-card:hover { transform: translateY(-1px); }
#nb-app .nb-card:has(#nb-source:focus) { transform: none; }
@media (prefers-reduced-motion: reduce) { #nb-app .nb-card:hover { transform: none; } }
#nb-app .nb-history-card .nb-history-list { padding-top: 0; }
#nb-app .nb-history-card .nb-history-empty { background: rgba(255,255,255,.012); }
#nb-app .nb-privacy-note { background: linear-gradient(90deg, rgba(226,29,63,.04), transparent 70%); }
#nb-app .nb-status-list { background: rgba(255,255,255,.012); }
#nb-app .nb-points-card { background: linear-gradient(145deg, #171113, #101012 50%); }
#nb-app .nb-points-card::after { content: ""; position: absolute; right: -50px; top: -65px; width: 150px; height: 150px; border-radius: 50%; background: rgba(226,29,63,.07); filter: blur(2px); pointer-events: none; }
#nb-app .nb-points-card > * { position: relative; z-index: 1; }
#nb-app .nb-points-card .nb-card-header > .fa-gem { position: relative; z-index: 2; }
#nb-app .nb-card-header .nb-kicker { opacity: .95; }
#nb-app .nb-intro-kicker { opacity: .95; }
#nb-app .nb-intro-status { border-color: rgba(255,255,255,.12); }
#nb-app .nb-intro-status:hover { border-color: rgba(255,255,255,.22); }
#nb-app .nb-card-header { position: relative; }
#nb-app .nb-card-header::after { content: ""; position: absolute; left: 26px; bottom: 0; width: 30px; height: 1px; background: rgba(226,29,63,.55); }
@media (max-width: 768px) { #nb-app .nb-card-header::after { left: 18px; } }
#nb-app .nb-result-card .nb-card-header::after { width: 42px; }
#nb-app .nb-history-card .nb-card-header::after { width: 24px; }
#nb-app .nb-points-card .nb-card-header::after { width: 24px; }
#nb-app .nb-card-header .nb-result-actions { position: relative; z-index: 2; }
#nb-app .nb-action-row { min-height: 44px; }
#nb-app .nb-action-row .nb-primary-button { z-index: 1; }
#nb-app .nb-action-row .nb-shortcut { z-index: 1; }
#nb-app .nb-intro h1 { text-shadow: 0 10px 30px rgba(0,0,0,.25); }
#nb-app .nb-intro h1 span { text-shadow: 0 0 28px rgba(226,29,63,.16); }
#nb-app .nb-editor-footer { background: rgba(0,0,0,.10); }
#nb-app .nb-card-header + #nb-source, #nb-app .nb-card-header + #nb-result { margin-top: 0; }
#nb-app .nb-points-card .nb-card-header + .nb-points-balance { margin-top: 0; }
#nb-app .nb-card-header .nb-result-actions .fa-copy, #nb-app .nb-card-header .nb-result-actions .fa-download { color: var(--designer-red); }
#nb-app .nb-card-header .nb-result-actions .fa-copy:hover, #nb-app .nb-card-header .nb-result-actions .fa-download:hover { color: #fff; }
#nb-app .nb-status-list div { min-height: 39px; align-items: center; }
#nb-app .nb-privacy-note span { flex: 0 0 auto; }
#nb-app .nb-history-empty { text-align: left; }
#nb-app .nb-card-header .text-secondary.small { color: #6e6e76 !important; }
#nb-app .nb-footer { margin-top: 0; }
#nb-app .nb-card-header .nb-kicker::before { opacity: .75; }
#nb-app .nb-intro-kicker::before { opacity: .75; }
#nb-app .nb-primary-button { min-height: 43px; }
#nb-app .nb-ghost-button, #nb-app .nb-file-button { min-height: 34px; }
#nb-app .nb-history-download { min-height: 0; }
#nb-app .nb-primary-button:active { transform: translateY(0); }
#nb-app .nb-ghost-button:active, #nb-app .nb-file-button:active { transform: translateY(1px); }
#nb-app .nb-buy-points-btn:active { transform: translateY(0); }
#nb-app .nb-card-header > div:first-child { flex: 1 1 auto; }
#nb-app .nb-result-actions { flex: 0 0 auto; }
#nb-app .nb-intro-copy > p:last-child { font-weight: 450; }
#nb-app .nb-editor-footer { letter-spacing: .01em; }
#nb-app .nb-points-meta { letter-spacing: -.01em; }
#nb-app .nb-status-list { letter-spacing: -.01em; }
#nb-app .nb-privacy-note { letter-spacing: -.005em; }
#nb-app .nb-history-item { letter-spacing: -.01em; }
#nb-app .nb-intro-status { letter-spacing: .01em; }
#nb-app .nb-card-header .nb-kicker { letter-spacing: .16em; }
#nb-app .nb-intro-kicker { letter-spacing: .18em; }
#nb-app .nb-card-header h2 { letter-spacing: -.03em; }
#nb-app .nb-intro h1 { letter-spacing: -.055em; }
#nb-app .nb-card-header .fa-gem { margin-top: 1px; }
#nb-app .nb-card-header .nb-result-actions { margin-top: 2px; }
#nb-app .nb-card-header .nb-result-actions button { line-height: 1.1; }
#nb-app .nb-card-header .nb-result-actions button i { font-size: .78em; }
#nb-app .nb-file-button { line-height: 1.15; }
#nb-app .nb-primary-button { line-height: 1.15; }
#nb-app .nb-buy-points-btn { line-height: 1.2; }
#nb-app .nb-history-empty { line-height: 1.45; }
#nb-app .nb-privacy-note { line-height: 1.55; }
#nb-app .nb-status-list div { line-height: 1.35; }
#nb-app .nb-intro-copy > p:last-child { line-height: 1.65; }
#nb-app .nb-card-header h2 { line-height: 1.2; }
#nb-app .nb-intro h1 { line-height: .98; }
#nb-app .nb-intro-kicker, #nb-app .nb-kicker { line-height: 1.2; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { vertical-align: baseline; }
#nb-app .nb-card-header .nb-kicker::before { transform: translateY(-1px); }
#nb-app .nb-intro-kicker::before { transform: translateY(-1px); }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { border-radius: 1px; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { flex: 0 0 auto; }
#nb-app .nb-card-header .nb-kicker, #nb-app .nb-intro-kicker { white-space: nowrap; }
#nb-app .nb-card-header .nb-kicker { overflow: hidden; text-overflow: ellipsis; }
#nb-app .nb-intro-kicker { overflow: visible; }
#nb-app .nb-card-header .nb-kicker + h2 { max-width: 100%; }
#nb-app .nb-intro h1 { max-width: 100%; }
#nb-app .nb-intro-copy > p:last-child { max-width: 680px; }
#nb-app .nb-intro-status { align-self: flex-end; }
@media (max-width: 768px) { #nb-app .nb-intro-status { align-self: flex-start; } }
#nb-app .nb-card-header .nb-result-actions { max-width: 100%; }
#nb-app .nb-card-header .nb-result-actions button { overflow: hidden; text-overflow: ellipsis; }
#nb-app .nb-card-header .nb-result-actions button i { flex: 0 0 auto; }
#nb-app .nb-card-header .nb-result-actions button { display: inline-flex; align-items: center; justify-content: center; gap: .2rem; }
#nb-app .nb-card-header .nb-result-actions button .me-1 { margin-right: .1rem !important; }
#nb-app .nb-card-header .nb-result-actions button { white-space: nowrap; }
@media (max-width: 520px) { #nb-app .nb-card-header .nb-result-actions button { white-space: normal; } }
#nb-app .nb-primary-button { display: inline-flex; align-items: center; justify-content: center; gap: .2rem; }
#nb-app .nb-primary-button .me-2 { margin-right: .15rem !important; }
#nb-app .nb-buy-points-btn { display: flex; }
#nb-app .nb-buy-points-btn i { flex: 0 0 auto; }
#nb-app .nb-history-download { display: grid; }
#nb-app .nb-card-header .fa-gem { display: block; }
#nb-app .nb-privacy-note span { display: block; }
#nb-app .nb-intro-status i { display: block; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { content: ""; }
#nb-app .nb-card-header .nb-kicker::before { display: inline-block; }
#nb-app .nb-intro-kicker::before { display: inline-block; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { height: 1px; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { background: var(--designer-red); }
#nb-app .nb-intro-status i { width: 7px; height: 7px; }
#nb-app .nb-intro-status i { border-radius: 50%; }
#nb-app .nb-intro-status i { background: var(--designer-success); }
#nb-app .nb-intro-status i { box-shadow: 0 0 0 4px rgba(124,226,174,.1); }
#nb-app .nb-intro-status { padding: 11px 14px; }
#nb-app .nb-intro-status span { font-size: .72rem; }
#nb-app .nb-intro-status i { margin: 0; }
#nb-app .nb-card-header .fa-gem { font-size: .98rem; }
#nb-app .nb-points-card .nb-card-header .fa-gem { color: var(--designer-red) !important; }
#nb-app .nb-card-header .nb-kicker { color: var(--designer-red); }
#nb-app .nb-card-header .nb-kicker::before { margin-right: 8px; }
#nb-app .nb-intro-kicker::before { margin-right: 9px; }
#nb-app .nb-card-header .nb-kicker::before { width: 16px; }
#nb-app .nb-intro-kicker::before { width: 22px; }
#nb-app .nb-card-header .nb-kicker::before { opacity: .75; }
#nb-app .nb-intro-kicker::before { opacity: .75; }
#nb-app .nb-card-header h2 { color: var(--designer-white); }
#nb-app .nb-intro h1 { color: var(--designer-white); }
#nb-app .nb-intro h1 span { color: var(--designer-red); }
#nb-app .nb-intro-copy > p:last-child { color: #92929a; }
#nb-app .nb-intro-copy > p:last-child strong { color: #dcdce0; }
#nb-app .nb-card-header .nb-kicker + h2 { color: var(--designer-white); }
#nb-app .nb-card-header .nb-kicker + h2 { font-weight: 650; }
#nb-app .nb-intro h1 { font-weight: 700; }
#nb-app .nb-intro h1 span { font-weight: 700; }
#nb-app .nb-card-header h2 { font-weight: 650; }
#nb-app .nb-card-header .nb-kicker { font-weight: 800; }
#nb-app .nb-intro-kicker { font-weight: 800; }
#nb-app .nb-file-button, #nb-app .nb-ghost-button { font-weight: 600; }
#nb-app .nb-primary-button { font-weight: 750; }
#nb-app .nb-buy-points-btn { font-weight: 650; }
#nb-app .nb-history-item strong { font-weight: 600; }
#nb-app .nb-points-balance span { font-weight: 800; }
#nb-app .nb-points-meta strong { font-weight: 700; }
#nb-app .nb-status-list strong { font-weight: 700; }
#nb-app .nb-privacy-note strong { font-weight: 700; }
#nb-app .nb-intro-status { font-weight: 600; }
#nb-app .nb-card-header .nb-kicker, #nb-app .nb-intro-kicker { text-transform: uppercase; }
#nb-app .nb-primary-button, #nb-app .nb-file-button, #nb-app .nb-ghost-button, #nb-app .nb-buy-points-btn { -webkit-tap-highlight-color: transparent; }
#nb-app .nb-primary-button:hover:not(:disabled) { color: #fff; }
#nb-app .nb-primary-button:focus { color: #fff; }
#nb-app .nb-primary-button:disabled { color: #fff; }
#nb-app .nb-buy-points-btn { color: #ffced6; }
#nb-app .nb-buy-points-btn:hover { color: #fff; }
#nb-app .nb-ghost-button { color: #b5b5bc; }
#nb-app .nb-ghost-button:hover { color: #fff; }
#nb-app .nb-file-button { color: #c2c2c8; }
#nb-app .nb-file-button:hover { color: #fff; }
#nb-app .nb-text-button { color: #76767e; }
#nb-app .nb-text-button:hover { color: var(--designer-red); }
#nb-app .nb-history-download { color: #e7aab5; }
#nb-app .nb-history-download:hover { color: #fff; }
#nb-app .nb-card-header .nb-result-actions button i { color: var(--designer-red); }
#nb-app .nb-card-header .nb-result-actions button:hover i { color: #fff; }
#nb-app .nb-history-download i { color: var(--designer-red); }
#nb-app .nb-history-download:hover i { color: #fff; }
#nb-app .nb-buy-points-btn i { color: var(--designer-red); }
#nb-app .nb-buy-points-btn:hover i { color: #fff; }
#nb-app .nb-privacy-note span { color: var(--designer-red); }
#nb-app .nb-points-empty-warning { color: #efb36e; }
#nb-app .nb-points-empty-warning i { color: #efb36e; }
#nb-app .nb-success-label { color: var(--designer-success); }
#nb-app .nb-session-status i { color: var(--designer-success); }
#nb-app .nb-save-state.is-saved { color: var(--designer-success); }
#nb-app .nb-save-state.is-dirty { color: #efb36e; }
#nb-app .nb-error-note { color: #ffbeca; }
#nb-app .nb-toast.error { color: #ffd7de; }
#nb-app .nb-skel { background: #26262a; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { background: var(--designer-red); }
#nb-app .nb-card-header::after { background: rgba(226,29,63,.55); }
#nb-app .nb-intro::after { background: var(--designer-red); }
#nb-app .nb-intro-copy::after { background: var(--designer-red); }
#nb-app .nb-grid::before { background: linear-gradient(var(--designer-red), transparent); }
#nb-app .nb-action-row::before { background: var(--designer-line); }
#nb-app .nb-action-row .nb-primary-button { background: var(--designer-red); }
#nb-app .nb-action-row .nb-shortcut { background-color: #0b0b0c; }
#nb-app .nb-card:has(#nb-source:focus) { border-color: rgba(226,29,63,.46); }
#nb-app .nb-card:has(#nb-source.drag-over) { border-color: var(--designer-red); }
#nb-app .nb-card-header + #nb-source, #nb-app .nb-card-header + #nb-result { border-top-color: rgba(226,29,63,.20); }
#nb-app .nb-card-header .nb-kicker { user-select: none; }
#nb-app .nb-intro-kicker { user-select: none; }
#nb-app .nb-intro-status { user-select: none; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { pointer-events: none; }
#nb-app .nb-intro::before, #nb-app .nb-intro::after, #nb-app .nb-intro-copy::after { pointer-events: none; }
#nb-app .nb-card::before, #nb-app .nb-points-card::after { pointer-events: none; }
#nb-app .nb-card-header::after { pointer-events: none; }
#nb-app .nb-card-header { z-index: 1; }
#nb-app .nb-card-header > * { position: relative; z-index: 1; }
#nb-app .nb-editor-footer { position: relative; z-index: 1; }
#nb-app .nb-editor-footer > * { position: relative; z-index: 1; }
#nb-app .nb-action-row { z-index: 1; }
#nb-app .nb-action-row::before { pointer-events: none; }
#nb-app .nb-action-row > * { position: relative; }
#nb-app .nb-card-header .nb-result-actions { display: flex; }
#nb-app .nb-result-card .nb-card-header { align-items: center; }
#nb-app .nb-result-card .nb-card-header > div:first-child { align-self: flex-start; }
#nb-app .nb-card-header .nb-result-actions { align-self: center; }
#nb-app .nb-card-header .fa-gem { align-self: center; }
#nb-app .nb-card-header .text-secondary { align-self: center; }
#nb-app .nb-points-card .nb-card-header > div:first-child { align-self: flex-start; }
#nb-app .nb-history-card .nb-card-header > div:first-child { align-self: flex-start; }
#nb-app .nb-history-card .nb-card-header .text-secondary { align-self: center; }
#nb-app .nb-card-header .nb-kicker + h2 { margin-top: 0; }
#nb-app .nb-card-header .nb-kicker { margin-bottom: 10px; }
#nb-app .nb-card-header.compact .nb-kicker { margin-bottom: 8px; }
#nb-app .nb-card-header.compact h2 { font-size: .98rem; }
#nb-app .nb-card-header h2 { margin-bottom: 0; }
#nb-app .nb-intro h1 { margin-bottom: 0; }
#nb-app .nb-intro-copy > p:last-child { margin-top: 15px; }
#nb-app .nb-intro-copy { max-width: 720px; }
#nb-app .nb-intro-copy::after { left: -2px; bottom: -27px; }
#nb-app .nb-intro { margin-bottom: 30px; }
#nb-app .nb-grid { gap: 22px; }
#nb-app .nb-main-column, #nb-app .nb-side-column { gap: 22px; }
#nb-app .nb-card { border-radius: 16px; }
#nb-app .nb-primary-button { border-radius: 10px; }
#nb-app .nb-file-button, #nb-app .nb-ghost-button { border-radius: 9px; }
#nb-app .nb-history-download { border-radius: 8px; }
#nb-app .nb-buy-points-btn { border-radius: 9px; }
#nb-app .nb-history-item { border-radius: 10px; }
#nb-app .nb-history-empty { border-radius: 10px; }
#nb-app .nb-status-list { border-radius: 0; }
#nb-app .nb-intro-status { border-radius: 999px; }
#nb-app .nb-card { box-shadow: 0 18px 44px rgba(0,0,0,.20); }
#nb-app .nb-card:hover { box-shadow: 0 20px 48px rgba(0,0,0,.24); }
#nb-app .nb-card:focus-within { box-shadow: 0 22px 50px rgba(0,0,0,.26); }
#nb-app .nb-primary-button { box-shadow: 0 12px 28px -14px rgba(226,29,63,.80); }
#nb-app .nb-primary-button:hover:not(:disabled) { box-shadow: 0 18px 34px -14px rgba(226,29,63,.85); }
#nb-app .nb-toast { box-shadow: 0 18px 44px rgba(0,0,0,.38); }
#nb-app .nb-card-header .fa-gem { filter: drop-shadow(0 0 8px rgba(226,29,63,.28)); }
#nb-app .nb-intro h1 span { text-shadow: 0 0 28px rgba(226,29,63,.16); }
#nb-app .nb-points-card::after { pointer-events: none; }
#nb-app .nb-card-header .fa-gem { transition: transform .25s ease; }
#nb-app .nb-points-card:hover .fa-gem { transform: rotate(-8deg) scale(1.08); }
#nb-app .nb-primary-button i { transition: transform .2s ease; }
#nb-app .nb-primary-button:hover i { transform: rotate(-8deg); }
#nb-app .nb-primary-button:disabled i { transform: none; }
#nb-app .nb-card { transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
#nb-app .nb-card:hover { transform: translateY(-1px); }
#nb-app .nb-card:has(#nb-source:focus) { transform: none; }
@media (prefers-reduced-motion: reduce) { #nb-app .nb-card:hover { transform: none; } #nb-app .nb-primary-button:hover i { transform: none; } }
#nb-app .nb-card-header .nb-result-actions button i, #nb-app .nb-history-download i, #nb-app .nb-buy-points-btn i { transition: color .2s ease; }
#nb-app .nb-card-header .nb-result-actions button:hover i, #nb-app .nb-history-download:hover i, #nb-app .nb-buy-points-btn:hover i { color: #fff; }
#nb-app .nb-intro-status i { flex: 0 0 7px; }
#nb-app .nb-privacy-note span { flex: 0 0 auto; }
#nb-app .nb-history-item > div:first-child { min-width: 0; }
#nb-app .nb-history-item strong { width: 100%; }
#nb-app .nb-card-header > div:first-child { min-width: 0; }
#nb-app .nb-card-header h2, #nb-app .nb-intro h1 { text-wrap: balance; }
#nb-app .nb-card-header h2, #nb-app .nb-intro h1, #nb-app .nb-intro-copy > p:last-child { overflow-wrap: anywhere; }
#nb-app .nb-card-header .nb-result-actions { flex-wrap: wrap; }
#nb-app .nb-result-actions button { white-space: nowrap; }
#nb-app .nb-editor-footer span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nb-app .nb-editor-footer .nb-success-label { white-space: nowrap; }
#nb-app .nb-history-card .text-secondary { white-space: nowrap; }
#nb-app .nb-points-meta span { white-space: nowrap; }
#nb-app .nb-status-list strong { white-space: nowrap; }
#nb-app .nb-history-item small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 520px) { #nb-app .nb-result-actions button { white-space: normal; } #nb-app .nb-card-header .text-secondary { white-space: normal; } }
#nb-app .nb-action-row .nb-primary-button, #nb-app .nb-action-row .nb-shortcut { position: relative; }
#nb-app .nb-action-row .nb-shortcut { margin-top: 0; }
#nb-app .nb-card-header .nb-kicker, #nb-app .nb-intro-kicker { font-size: .68rem; }
#nb-app .nb-intro h1 { font-size: clamp(2rem, 4vw, 3.55rem); }
#nb-app .nb-card-header h2 { font-size: 1.04rem; }
#nb-app .nb-card-header.compact h2 { font-size: .98rem; }
#nb-app .nb-intro-status { font-size: .72rem; }
#nb-app .nb-card-header .nb-result-actions button, #nb-app .nb-file-button { font-size: .7rem; }
#nb-app .nb-primary-button { font-size: .78rem; }
#nb-app .nb-buy-points-btn { font-size: .74rem; }
#nb-app .nb-card-header .nb-kicker { letter-spacing: .16em; }
#nb-app .nb-intro-kicker { letter-spacing: .18em; }
#nb-app .nb-primary-button, #nb-app .nb-file-button, #nb-app .nb-ghost-button, #nb-app .nb-buy-points-btn { font-family: var(--font-body); }
#nb-app .nb-editor-footer, #nb-app .nb-points-meta, #nb-app .nb-points-balance span, #nb-app .nb-history-item strong { font-family: var(--font-mono); }
#nb-app .nb-card-header h2, #nb-app .nb-intro h1 { font-family: var(--font-display); }
#nb-app .nb-intro-copy > p:last-child, #nb-app .nb-status-list, #nb-app .nb-privacy-note, #nb-app .nb-history-empty { font-family: var(--font-body); }
#nb-app .nb-card-header .nb-kicker, #nb-app .nb-intro-kicker { font-family: var(--font-body); }
#nb-app .nb-intro-status { font-family: var(--font-mono); }
#nb-app .nb-card-header .nb-result-actions button { font-family: var(--font-body); }
#nb-app .nb-card-header .nb-result-actions button { min-height: 34px; }
#nb-app .nb-primary-button { min-height: 43px; }
#nb-app .nb-file-button, #nb-app .nb-ghost-button { min-height: 34px; }
#nb-app .nb-history-download { min-height: 0; }
#nb-app .nb-card-header .nb-result-actions { margin-top: 2px; }
#nb-app .nb-card-header .fa-gem { margin-top: 1px; }
#nb-app .nb-card-header .nb-kicker::before { vertical-align: middle; }
#nb-app .nb-intro-kicker::before { vertical-align: middle; }
#nb-app .nb-card-header::after { z-index: 1; }
#nb-app .nb-intro::after, #nb-app .nb-intro::before, #nb-app .nb-intro-copy::after { z-index: 1; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { z-index: 1; }
#nb-app .nb-intro { isolation: isolate; }
#nb-app .nb-card { isolation: isolate; }
#nb-app .nb-card-header { isolation: isolate; }
#nb-app .nb-card-header::after { content: ""; }
#nb-app .nb-intro::after { content: ""; }
#nb-app .nb-intro::before { content: ""; }
#nb-app .nb-intro-copy::after { content: ""; }
#nb-app .nb-card-header .nb-kicker::before { content: ""; }
#nb-app .nb-intro-kicker::before { content: ""; }
#nb-app .nb-points-card::after { content: ""; }
#nb-app .nb-card::before { content: ""; }
#nb-app .nb-card::before { inset: 0; }
#nb-app .nb-card::before { border-radius: inherit; }
#nb-app .nb-card::before { box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
#nb-app .nb-card::before { opacity: 0; }
#nb-app .nb-card:hover::before { opacity: 1; }
#nb-app .nb-card > * { z-index: 1; }
#nb-app .nb-card > * { position: relative; }
#nb-app .nb-card-header > * { z-index: 1; }
#nb-app .nb-card-header > * { position: relative; }
#nb-app .nb-points-card > * { z-index: 1; }
#nb-app .nb-points-card > * { position: relative; }
#nb-app .nb-grid::before { z-index: 0; }
#nb-app .nb-main-column, #nb-app .nb-side-column { z-index: 1; }
#nb-app .nb-action-row::before { z-index: -1; }
#nb-app .nb-action-row .nb-primary-button, #nb-app .nb-action-row .nb-shortcut { z-index: 1; }
#nb-app .nb-action-row .nb-primary-button { background-color: var(--designer-red); }
#nb-app .nb-action-row .nb-shortcut { background-color: #0b0b0c; }
#nb-app .nb-card-header + #nb-source, #nb-app .nb-card-header + #nb-result { z-index: 1; }
#nb-app .nb-editor-footer { z-index: 1; }
#nb-app .nb-history-list, #nb-app .nb-history-empty { z-index: 1; }
#nb-app .nb-status-list, #nb-app .nb-privacy-note { z-index: 1; }
#nb-app .nb-points-balance, #nb-app .nb-points-meta, #nb-app .nb-buy-points-btn, #nb-app .nb-points-empty-warning { z-index: 1; }
#nb-app .nb-footer { color: #65656d; }
#nb-app .nb-footer { font-size: .72rem; }
#nb-app .nb-footer { text-align: center; }
#nb-app .nb-footer { padding-block: 1.5rem; }
#nb-app .nb-card-header .nb-kicker + h2 { white-space: normal; }
#nb-app .nb-card-header .nb-kicker { text-overflow: ellipsis; }
#nb-app .nb-intro-status span { overflow-wrap: anywhere; }
#nb-app .nb-intro-status i { position: relative; }
#nb-app .nb-intro-status i::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; }
#nb-app .nb-intro-status:hover i::after { box-shadow: 0 0 0 1px rgba(124,226,174,.2); }
#nb-app .nb-primary-button.is-loading::after { pointer-events: none; }
#nb-app .nb-primary-button.is-loading { overflow: hidden; }
#nb-app .nb-points-card .nb-skel { min-width: 70px; }
#nb-app .nb-points-card .nb-points-balance span { display: inline-block; }
#nb-app .nb-points-card .nb-points-balance small { display: inline-block; }
#nb-app .nb-result-card[hidden] { display: none; }
#nb-app .nb-history-card .nb-history-list:empty { display: none; }
#nb-app .nb-history-card .nb-history-list:not(:empty) + .nb-history-empty { display: none; }
#nb-app .nb-history-card .nb-history-list:empty + .nb-history-empty { display: block; }
#nb-app .nb-card:has(#nb-source.drag-over) { border-color: var(--designer-red); }
#nb-app .nb-card:has(#nb-source:focus) { border-color: rgba(226,29,63,.46); }
#nb-app .nb-result-card { scroll-margin-top: 24px; }
#nb-app .nb-primary-button, #nb-app .nb-ghost-button, #nb-app .nb-file-button, #nb-app .nb-text-button, #nb-app .nb-history-download, #nb-app .nb-shortcut { user-select: none; }
#nb-app .nb-main-column, #nb-app .nb-card, #nb-source, #nb-result { min-width: 0; }
#nb-app .nb-card-header .nb-result-actions { justify-content: flex-end; }
#nb-app .nb-card-header .nb-result-actions button { border-color: var(--designer-line-strong); }
#nb-app .nb-card-header .nb-result-actions button:hover { border-color: var(--designer-red-line); }
#nb-app .nb-card-header .nb-result-actions button:focus-visible { outline-color: var(--designer-red); }
#nb-app .nb-card-header .nb-result-actions button:active { transform: translateY(1px); }
#nb-app .nb-card-header .nb-result-actions button { transition: color .2s, background .2s, border-color .2s, transform .2s, box-shadow .2s; }
#nb-app .nb-card-header .nb-result-actions button:hover { background: var(--designer-red-soft); }
#nb-app .nb-card-header .nb-result-actions button i { margin-right: .1rem; }
#nb-app .nb-card-header .nb-result-actions button .me-1 { margin-right: .1rem !important; }
#nb-app .nb-card-header .nb-result-actions button .me-1 { margin-left: 0; }
#nb-app .nb-card-header .nb-result-actions button i { font-size: .85em; }
#nb-app .nb-card-header .nb-result-actions button { line-height: 1.15; }
#nb-app .nb-file-button { line-height: 1.15; }
#nb-app .nb-primary-button { line-height: 1.15; }
#nb-app .nb-buy-points-btn { line-height: 1.2; }
#nb-app .nb-card-header .fa-gem { line-height: 1; }
#nb-app .nb-history-download { line-height: 1; }
#nb-app .nb-privacy-note span { line-height: 1; }
#nb-app .nb-intro-status { line-height: 1.25; }
#nb-app .nb-intro-status i { line-height: 1; }
#nb-app .nb-kicker, #nb-app .nb-intro-kicker { line-height: 1.2; }
#nb-app .nb-card-header h2 { line-height: 1.2; }
#nb-app .nb-intro h1 { line-height: .98; }
#nb-app .nb-intro-copy > p:last-child { line-height: 1.65; }
#nb-app .nb-status-list div { line-height: 1.35; }
#nb-app .nb-privacy-note { line-height: 1.55; }
#nb-app .nb-history-empty { line-height: 1.45; }
#nb-app .nb-editor-footer { line-height: 1.4; }
#nb-app .nb-points-meta { line-height: 1.4; }
#nb-app .nb-history-item strong { line-height: 1.3; }
#nb-app .nb-history-item small { line-height: 1.3; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { vertical-align: middle; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { transform: translateY(-1px); }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { border-radius: 1px; }
#nb-app .nb-card-header .nb-kicker::before, #nb-app .nb-intro-kicker::before { pointer-events: none; }
#nb-app .nb-intro-copy::after { width: 68px; height: 2px; border-radius: 2px; }
#nb-app .nb-intro::after { width: 42px; height: 1px; }
#nb-app .nb-intro::before { width: 120px; height: 1px; }
#nb-app .nb-card-header::after { width: 30px; height: 1px; }
#nb-app .nb-card-header .nb-kicker::before { width: 16px; height: 1px; }
#nb-app .nb-intro-kicker::before { width: 22px; height: 1px; }
#nb-app .nb-grid::before { width: 1px; height: 42px; }
#nb-app .nb-action-row::before { width: auto; height: 1px; }
#nb-app .nb-card-header { padding: 24px 26px 16px; }
#nb-app .nb-card-header.compact { padding-bottom: 15px; }
#nb-app .nb-editor-footer { padding: 10px 26px; }
#nb-app .nb-points-balance { padding: 3px 26px 0; }
#nb-app .nb-points-meta { margin: 1.25rem 26px 1.1rem; }
#nb-app .nb-buy-points-btn { margin: 0 26px 22px; }
#nb-app .nb-points-empty-warning { margin: 0 26px 20px; }
#nb-app .nb-status-list { margin: 0 26px 1rem; }
#nb-app .nb-privacy-note { margin: 0 26px 24px; }
#nb-app .nb-history-list { padding: 0 22px 22px; }
#nb-app .nb-history-empty { margin: 0 22px 22px; }
@media (max-width: 768px) {
  #nb-app .nb-card-header { padding-inline: 18px; }
  #nb-app .nb-editor-footer { padding-inline: 18px; }
  #nb-app .nb-points-balance { padding-inline: 18px; }
  #nb-app .nb-points-meta, #nb-app .nb-buy-points-btn, #nb-app .nb-points-empty-warning, #nb-app .nb-status-list, #nb-app .nb-privacy-note { margin-inline: 18px; }
  #nb-app .nb-card-header::after { left: 18px; }
  #nb-app .nb-error-note, #nb-app .obfuscator-drop-hint { margin-inline: 18px; }
}
@media (max-width: 520px) { #nb-app .nb-card-header { flex-direction: column; } #nb-app .nb-result-card .nb-card-header { align-items: flex-start; } #nb-app .nb-card-header .nb-result-actions { align-self: stretch; justify-content: stretch; } #nb-app .nb-result-actions button { flex: 1; } }
@media (max-width: 380px) { #nb-app .nb-points-meta { flex-direction: column; gap: 4px; } }

/* ======================================================================
   Sub-abas do ofuscador + campo de IP de autenticação + Minhas ofuscações
   ====================================================================== */
.nb-subtabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px; }
.nb-subtab { border: 1px solid var(--designer-line); border-radius: 999px; padding: .62rem 1.2rem; color: #c2c2c8; background: rgba(255,255,255,.02); cursor: pointer; font: 600 .78rem/1 var(--font-mono); letter-spacing: .04em; transition: color .2s, background .2s, border-color .2s; }
.nb-subtab:hover { color: var(--designer-white); border-color: var(--designer-line-strong); }
.nb-subtab.is-active { color: var(--designer-white); border-color: var(--designer-red-line); background: var(--designer-red-soft); }

.nb-ip-block { padding: 16px 26px 18px; border-top: 1px solid var(--designer-line); }
.nb-ip-label { display: block; margin: 0 0 8px; color: #c2c2c8; font: 600 .7rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.nb-ip-label i { color: var(--designer-red); }
.nb-ip-optional { margin-left: 6px; padding: 2px 8px; border: 1px solid var(--designer-line-strong); border-radius: 999px; color: #8b8b94; font-size: .62rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.nb-ip-input { width: 100%; border: 1px solid var(--designer-line-strong); border-radius: 9px; padding: .68rem .85rem; color: var(--designer-white); background: rgba(0,0,0,.18); font: .85rem/1.3 var(--font-mono); transition: border-color .2s, box-shadow .2s; }
.nb-ip-input:focus { outline: none; border-color: var(--designer-red); box-shadow: inset 3px 0 0 var(--designer-red), 0 0 0 3px var(--designer-red-soft); }
.nb-ip-input::placeholder { color: #55555d; }
.nb-ip-hint { margin: 8px 0 0; color: #686871; font-size: .7rem; line-height: 1.55; }
.nb-ip-hint strong { color: #a8a8af; }
.nb-ip-hint code { padding: 1px 5px; border-radius: 5px; background: rgba(255,255,255,.05); color: #c9c9d0; font-size: .68rem; }

/* Modo par (client + server): dois editores e dois resultados lado a lado. */
#nb-card-pair { display: flex; flex-direction: column; gap: 18px; }
#nb-card-pair .nb-card { margin: 0; }
#nb-client-source, #nb-server-source { min-height: 180px; }
.nb-pair-results { display: flex; flex-direction: column; gap: 14px; padding: 0 26px 18px; }
.nb-pair-note { margin: 0; color: #8b8b94; font-size: .72rem; line-height: 1.6; }
.nb-pair-note code { padding: 1px 5px; border-radius: 5px; background: rgba(255,255,255,.05); color: #c9c9d0; font-size: .68rem; }
.nb-pair-file { border: 1px solid var(--designer-line); border-radius: 10px; overflow: hidden; }
.nb-pair-file-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--designer-line); background: rgba(255,255,255,.02); }
.nb-pair-file-head strong { color: #c2c2c8; font: 600 .74rem/1 var(--font-mono); letter-spacing: .04em; }
.nb-pair-file textarea { min-height: 150px; border: 0; border-radius: 0; }

/* Aba "Minhas ofuscações": um card por build com a lista de IPs editável. */
.nb-builds-body { padding: 16px 26px 20px; }
.nb-builds-list { display: flex; flex-direction: column; gap: 18px; margin-top: 14px; }
.nb-build { border: 1px solid var(--designer-line); border-radius: 10px; padding: 14px; background: rgba(255,255,255,.015); }
.nb-build-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.nb-build-head strong { display: block; color: #dcdce2; font: 600 .82rem/1.3 var(--font-mono); }
.nb-build-head small { display: block; margin-top: 4px; color: #74747d; font-size: .68rem; }

/* Barra de ferramentas da aba: busca + ações de grupo. */
.nb-builds-tools { display: flex; gap: .4rem; flex-wrap: wrap; align-items: center; }
.nb-builds-search { min-width: 210px; flex: 1 1 210px; border: 1px solid var(--designer-line-strong); border-radius: 9px; padding: .42rem .7rem; color: var(--designer-white); background: rgba(0,0,0,.2); font: .76rem/1.4 "SFMono-Regular", Consolas, monospace; }
.nb-builds-search::placeholder { color: #55555d; }
.nb-builds-search:focus { outline: none; border-color: var(--designer-red); box-shadow: 0 0 0 3px var(--designer-red-soft); }

/* Campo de nome: parece título, mas é editável. */
.nb-build-name { width: 100%; min-width: 200px; border: 1px solid transparent; border-radius: 7px; padding: .34rem .5rem; margin: -0.34rem 0 0 -0.5rem; color: #e6e6ea; background: transparent; font: 600 .86rem/1.3 var(--font-mono); }
.nb-build-name::placeholder { color: #55555d; font-weight: 400; }
.nb-build-name:hover { border-color: var(--designer-line-strong); background: rgba(255,255,255,.02); }
.nb-build-name:focus { outline: none; border-color: var(--designer-red); background: rgba(0,0,0,.25); box-shadow: 0 0 0 3px var(--designer-red-soft); }

/* Cabeçalho de pasta (grupo) que separa os blocos da lista. */
.nb-build-group-block { display: flex; flex-direction: column; gap: 10px; }
.nb-build-group-head { display: flex; align-items: center; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid var(--designer-line); color: #b9b9c2; font: 700 .7rem/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; }
.nb-build-group-head i { color: var(--designer-red); }
.nb-build-group-head.is-plain { color: #74747d; }
.nb-build-group-head.is-plain i { color: #55555d; }
.nb-build-group-count { padding: 1px 7px; border-radius: 999px; color: #8a8a93; background: rgba(255,255,255,.05); font-size: .6rem; letter-spacing: 0; }
.nb-group-del { margin-left: auto; border: 1px solid transparent; border-radius: 7px; padding: 2px 7px; color: #74747d; background: transparent; font-size: .72rem; line-height: 1.4; cursor: pointer; }
.nb-group-del:hover { border-color: var(--designer-red-line); color: #ffc9d2; background: var(--designer-red-soft); }
.nb-build-group-items { display: flex; flex-direction: column; gap: 14px; }

/* Linha dos campos de pasta + duração dentro do card. */
.nb-build-group-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.nb-build-field { flex: 1 1 220px; min-width: 0; }
.nb-build-group,
.nb-build-duracao { width: 100%; border: 1px solid var(--designer-line-strong); border-radius: 9px; padding: .42rem .7rem; color: var(--designer-white); background: rgba(0,0,0,.2); font: .76rem/1.4 "SFMono-Regular", Consolas, monospace; cursor: pointer; }
.nb-build-group:focus,
.nb-build-duracao:focus { outline: none; border-color: var(--designer-red); box-shadow: 0 0 0 3px var(--designer-red-soft); }
.nb-build-group option,
.nb-build-duracao option { color: #e6e6ea; background: #16161a; }

.nb-build-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
.nb-build-actions button { min-height: 30px; font-size: .7rem; }
.nb-build-label { display: block; margin: 0 0 6px; color: #9a9aa2; font: 600 .66rem/1 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }
.nb-build-ips { width: 100%; min-height: 76px; resize: vertical; border: 1px solid var(--designer-line-strong); border-radius: 9px; padding: .6rem .75rem; color: var(--designer-white); background: rgba(0,0,0,.2); font: .78rem/1.5 "SFMono-Regular", Consolas, monospace; }
.nb-build-ips:focus { outline: none; border-color: var(--designer-red); box-shadow: inset 3px 0 0 var(--designer-red), 0 0 0 3px var(--designer-red-soft); }
.nb-build-ips::placeholder { color: #55555d; }
.nb-build-ips-hint { margin: 7px 0 0; color: #74747d; font-size: .68rem; line-height: 1.55; }
.nb-build-ips-hint code { padding: 1px 5px; border-radius: 5px; color: #bcd0ff; background: rgba(90,130,255,.12); font-size: .66rem; }
.nb-build-ips-resumo { margin: 7px 0 0; color: #8a8a93; font-size: .68rem; line-height: 1.5; }
.nb-build-ips-resumo.is-alerta { color: #ffc857; }
.nb-build-ips-resumo.is-alerta i { color: #ffc857; }
.nb-build-title { min-width: 0; }
.nb-build-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 7px; }
.nb-build-badge { padding: 2px 9px; border: 1px solid var(--designer-red-line); border-radius: 999px; color: #ffc9d2; background: var(--designer-red-soft); font: 700 .58rem/1.6 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; }
.nb-build-badge-single { border-color: var(--designer-line-strong); color: #9a9aa2; background: rgba(255,255,255,.03); }
.nb-build-badge-grupo { border-color: rgba(120,160,255,.35); color: #bcd0ff; background: rgba(90,130,255,.12); }
/* alias: o JS usa nb-build-badge-grupo; mantido por compatibilidade visual */
.nb-build-badge-pasta { border-color: rgba(120,160,255,.35); color: #bcd0ff; background: rgba(90,130,255,.12); }
.nb-build-state { padding: 2px 9px; border-radius: 999px; color: #7c7c85; background: rgba(255,255,255,.04); font: 600 .58rem/1.6 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }
.nb-build-state.on { color: #8fdca8; background: rgba(52,211,153,.1); }
#nb-builds-msg { margin: 10px 0 0; }
/* Algumas regras de .nb-history-empty usam display:block, que venceria o
   [hidden] nativo — reforça o esconder para o estado vazio da aba de builds. */
#nb-builds-empty[hidden], #nb-builds-msg[hidden], #nb-card-builds[hidden],
#nb-action-row[hidden] { display: none !important; }

.nb-grid-single { grid-template-columns: minmax(0, 1fr); }
.nb-minhas-list { display: grid; gap: 12px; padding: 0 22px 22px; }
.nb-minha-item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid var(--designer-line); border-radius: 10px; background: rgba(0,0,0,.16); }
.nb-minha-info { min-width: 220px; flex: 1 1 240px; }
.nb-minha-info strong { display: block; color: #d5d5d9; font: 600 .8rem/1.3 var(--font-mono); }
.nb-minha-info strong i { color: var(--designer-red); }
.nb-minha-info small { display: block; margin-top: 4px; color: #686871; font-size: .7rem; }
.nb-minha-badge { display: inline-block; margin-right: 6px; padding: 2px 8px; border: 1px solid var(--designer-line-strong); border-radius: 999px; color: var(--designer-success); font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.nb-minha-badge-expired { color: #e58fa4; }
.nb-minha-kid { display: block; margin-top: 6px; overflow: hidden; color: #55555d; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.nb-minha-ip { display: flex; flex: 1 1 320px; gap: 8px; min-width: 280px; max-width: 560px; align-items: center; }
.nb-minha-ip .nb-ip-input { flex: 1 1 auto; width: auto; }

@media (max-width: 760px) {
  .nb-minha-item { flex-direction: column; align-items: stretch; }
  .nb-minha-ip { max-width: none; }
  .nb-ip-block { padding-inline: 18px; }
  .nb-builds-tools { width: 100%; }
  .nb-builds-search { flex: 1 1 100%; }
  .nb-build-field { flex: 1 1 100%; }
  .nb-build-name { min-width: 0; }
}

/* ── Categoria de arquivos (Client OU Server, adicionados um a um) ───────── */
.nb-pairs-list { display: grid; gap: 18px; }
.nb-pair-block .nb-card-header { flex-wrap: wrap; }
/* Chip do papel dentro do título do bloco. */
.nb-file-chip {
  display: inline-block;
  margin-right: 10px;
  transform: translateY(-1px);
  padding: .18rem .55rem;
  border-radius: 999px;
  border: 1px solid;
  color: #d6d6da;
  font: 700 .58rem/1.3 var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  user-select: none;
}
.nb-file-chip.is-client { color: var(--designer-red); border-color: rgba(226,29,63,.55); background: rgba(226,29,63,.08); }
.nb-file-chip.is-server { color: var(--gold, #ffc857); border-color: rgba(255,200,87,.5); background: rgba(255,200,87,.08); }
.nb-pair-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.nb-pair-side + .nb-pair-side { border-top: 1px solid var(--designer-line); }
.nb-pair-side-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 26px 12px; }
.nb-pair-side-head .nb-kicker { margin: 0; }
#nb-app .nb-pair-side-head .nb-kicker { display: block; color: var(--designer-red); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.nb-pair-add-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.nb-pair-add-note { color: #6d6d75; font: 700 .6rem/1.5 var(--font-mono); letter-spacing: .09em; }
.nb-pair-source {
  display: block;
  width: 100%;
  min-height: 200px;
  resize: vertical;
  border: 1px solid var(--designer-line);
  border-inline: 0;
  border-radius: 0;
  outline: none;
  padding: 1.15rem 26px;
  color: #e7e7ea;
  background: var(--designer-panel-deep);
  font: .79rem/1.7 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  tab-size: 2;
}
.nb-pair-source::selection { background: var(--designer-red); color: #fff; }
.nb-pair-source:focus { border-color: var(--designer-red); box-shadow: inset 3px 0 0 var(--designer-red), 0 0 0 3px var(--designer-red-soft); }
.nb-pair-source.drag-over { border-color: var(--designer-red); background: rgba(226,29,63,.07); box-shadow: inset 0 0 0 1px var(--designer-red); }
.nb-pair-source:read-only { cursor: text; }
.nb-pair-out { min-height: 150px; }
/* [hidden] nativo perde do display:block autor → reforça o esconder do
   textarea single enquanto os resultados do par/categoria estão na tela. */
#nb-result[hidden] { display: none; }
.nb-pair-result-group { display: grid; gap: 10px; }
.nb-pair-result-group + .nb-pair-result-group { margin-top: 18px; padding-top: 18px; border-top: 1px dashed var(--designer-line-strong); }
.nb-pair-group-title { margin: 0; display: flex; align-items: center; gap: 8px; color: #c2c2c8; font: 700 .66rem/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.nb-pair-group-title i { color: var(--designer-red); font-size: .78rem; }

/* Pasta de destino = conjunto de chaves compartilhado. */
.nb-pasta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 14px 26px; border-top: 1px solid var(--designer-line); background: rgba(255,255,255,.015); }
.nb-pasta-label { flex: 0 0 auto; color: #9c9ca4; font: 700 .62rem/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; user-select: none; }
.nb-pasta-input {
  flex: 1 1 220px;
  min-width: 0;
  border: 1px solid var(--designer-line);
  border-radius: 8px;
  outline: none;
  padding: .55rem .8rem;
  color: #e7e7ea;
  background: var(--designer-panel-deep);
  font: .78rem/1.5 var(--font-body);
}
.nb-pasta-input:focus { border-color: var(--designer-red); box-shadow: 0 0 0 3px var(--designer-red-soft); }
.nb-pasta-hint { flex: 1 1 100%; margin: 0; color: #6d6d75; font-size: .72rem; line-height: 1.55; }

/* Importação de ZIP com fxmanifest: revisão seleção a seleção. */
.nb-zip-import-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 12px 26px; border-top: 1px solid var(--designer-line); }
.nb-zip-import-note { color: #6d6d75; font-size: .72rem; line-height: 1.5; }
.nb-zip-review { display: block; margin: 0 26px 20px; padding: 16px 18px; border: 1px solid var(--designer-line); border-radius: 10px; background: rgba(255,255,255,.02); }
.nb-zip-head-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.nb-zip-title { color: #c2c2c8; font: 700 .68rem/1.4 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.nb-zip-list { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; }
.nb-zip-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--designer-line); border-radius: 8px; background: rgba(255,255,255,.015); }
.nb-zip-row.is-on { border-color: color-mix(in srgb, var(--designer-red) 55%, transparent); }
.nb-zip-check { flex: 0 0 auto; width: 16px; height: 16px; accent-color: var(--designer-red); }
.nb-zip-role {
  flex: 0 0 auto;
  border: 1px solid var(--designer-line);
  border-radius: 6px;
  background: var(--designer-panel-deep);
  color: #e7e7ea;
  font: .68rem/1.4 var(--font-mono);
  padding: .3rem .4rem;
}
.nb-zip-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e7e7ea; font: .74rem/1.5 var(--font-body); }
.nb-zip-size { flex: 0 0 auto; color: #6d6d75; font: .62rem/1.4 var(--font-mono); }
.nb-zip-tag { flex: 0 0 auto; color: #7f8f7f; font: 600 .6rem/1.4 var(--font-mono); letter-spacing: .04em; }
.nb-zip-tag.is-fora { color: #8a8a92; }
.nb-zip-aviso { margin: 0 0 12px; color: #6d6d75; font-size: .7rem; line-height: 1.55; }
.nb-zip-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

/* Bloco do ZIP de devolução (protegidos + originais, mesma estrutura). */
.nb-zip-devolucao { border: 1px dashed color-mix(in srgb, var(--gold, #ffc857) 45%, transparent); border-radius: 10px; padding: 12px 16px; background: rgba(255, 200, 87, .04); margin-bottom: 14px; }
.nb-zip-devolucao .nb-pair-group-title i { color: var(--gold, #ffc857); }
.nb-zip-devolucao .nb-pair-file-head strong { font: .8rem/1.5 var(--font-mono); }
.nb-zip-devolucao.is-erro { border-color: rgba(255, 99, 99, .55); background: rgba(255, 99, 99, .06); }
.nb-zip-devolucao.is-erro .nb-pair-group-title i { color: #ff8484; }
.nb-zip-devolucao.is-montando { opacity: .75; }

@media (max-width: 760px) {
  .nb-pair-add-row { flex-direction: column; align-items: stretch; }
  .nb-pair-add-row .nb-ghost-button { width: 100%; }
  .nb-pair-source { padding-inline: 16px; }
  .nb-pasta-row, .nb-zip-import-row { padding-inline: 16px; }
  .nb-pasta-input { flex-basis: 100%; }
  .nb-zip-review { margin-inline: 16px; }
  .nb-zip-row { flex-wrap: wrap; }
  .nb-zip-name { flex-basis: 100%; order: 5; white-space: normal; }
}

/* ══ [aba única de importação] drop zone + opções do ofuscador ════════════ */
.nb-import-note { color: #6d6d75; font: 600 .62rem/1.4 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; text-align: right; }
.nb-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 20px 26px;
  padding: 38px 20px;
  border: 2px dashed color-mix(in srgb, var(--designer-red) 45%, transparent);
  border-radius: 14px;
  background: rgba(255,255,255,.015);
  color: #c2c2c8;
  text-align: center;
  cursor: pointer;
  outline: none;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.nb-drop i { font-size: 2rem; color: var(--designer-red); }
.nb-drop p { margin: 0; font-size: .95rem; line-height: 1.55; }
.nb-drop p strong { color: #e7e7ea; }
.nb-drop small { color: #6d6d75; font-size: .72rem; line-height: 1.5; }
.nb-drop:hover, .nb-drop:focus-visible, .nb-drop.is-over {
  border-color: var(--designer-red);
  background: rgba(255,255,255,.035);
  transform: translateY(-1px);
}
.nb-drop:focus-visible { box-shadow: 0 0 0 3px var(--designer-red-soft); }
.nb-editor-error { margin: 0 26px 16px; padding: 10px 14px; border: 1px solid rgba(255,99,99,.45); border-radius: 8px; background: rgba(255,99,99,.07); color: #ff8484; font-size: .78rem; line-height: 1.5; }

/* Opções aceitas pelo index.ts publicado: target / cffIntensity / allowedIps. */
.nb-opts { margin: 0 26px 20px; border: 1px solid var(--designer-line); border-radius: 10px; background: rgba(255,255,255,.02); }
.nb-opts > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 16px;
  color: #c2c2c8;
  font: 700 .68rem/1.3 var(--font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.nb-opts > summary::-webkit-details-marker { display: none; }
.nb-opts > summary i { color: var(--designer-red); }
.nb-opts[open] > summary { border-bottom: 1px solid var(--designer-line); }
.nb-opt-chip { margin-left: auto; border: 1px solid var(--designer-line); border-radius: 999px; padding: 3px 10px; color: #6d6d75; font: 600 .58rem/1.4 var(--font-mono); letter-spacing: .06em; text-transform: none; }
.nb-opts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; padding: 16px; }
.nb-opt { display: grid; gap: 7px; align-content: start; }
.nb-opt-wide { grid-column: 1 / -1; }
.nb-opt-label { color: #9c9ca4; font: 700 .62rem/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.nb-opt-label i { color: var(--designer-red); }
.nb-opt-select {
  width: 100%;
  border: 1px solid var(--designer-line);
  border-radius: 8px;
  outline: none;
  padding: .55rem .7rem;
  color: #e7e7ea;
  background: var(--designer-panel-deep);
  font: .78rem/1.5 var(--font-body);
}
.nb-opt-select:focus { border-color: var(--designer-red); box-shadow: 0 0 0 3px var(--designer-red-soft); }
.nb-opt-textarea {
  width: 100%;
  min-height: 72px;
  border: 1px solid var(--designer-line);
  border-radius: 8px;
  outline: none;
  padding: .6rem .75rem;
  color: #e7e7ea;
  background: var(--designer-panel-deep);
  font: .78rem/1.6 var(--font-mono);
  resize: vertical;
}
.nb-opt-textarea:focus { border-color: var(--designer-red); box-shadow: 0 0 0 3px var(--designer-red-soft); }
.nb-opt-hint { margin: 0; color: #6d6d75; font-size: .7rem; line-height: 1.55; }
.nb-opt-hint code { color: #9c9ca4; }

@media (max-width: 760px) {
  .nb-import-note { display: none; }
  .nb-drop { margin-inline: 16px; padding: 28px 16px; }
  .nb-opts { margin-inline: 16px; }
  .nb-opts-grid { grid-template-columns: 1fr; }
  .nb-editor-error { margin-inline: 16px; }
}

/* fim do módulo designer */