/* Quiet, structural loading states using the portal's existing tokens. */
[data-ui="v2"] .nai-loading { padding: var(--sp-5); min-width: 0; }
[data-ui="v2"] .nai-loading-label { color: var(--ink-3); font-size: 12px; margin: var(--sp-4) 0 0; }
[data-ui="v2"] .nai-sk-shape { pointer-events: none; }
[data-ui="v2"] .nai-sk-text { display: grid; gap: var(--sp-5); padding: var(--sp-3) 0; }
[data-ui="v2"] .nai-sk-list-item { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: var(--sp-5); align-items: center; min-height: 39px; border-bottom: 1px solid var(--line); }
[data-ui="v2"] .nai-sk-bar { display: block; height: 12px; border-radius: var(--r-xs); background: var(--bg-2); position: relative; overflow: hidden; min-width: 0; }
[data-ui="v2"] .nai-sk-bar::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--surface-2), transparent); transform: translateX(-100%); animation: nai-sk-shimmer 1.6s ease-in-out infinite; }
[data-ui="v2"] .nai-sk-bar.is-short { width: 62%; }
[data-ui="v2"] .nai-sk-bar.is-heading { height: 18px; width: 58%; margin-bottom: var(--sp-5); }
[data-ui="v2"] .nai-sk-row { display: grid; grid-template-columns: .7fr 2fr 1.2fr .8fr 1fr; align-items: center; gap: var(--sp-5); min-height: 39px; border-bottom: 1px solid var(--line); }
[data-ui="v2"] .nai-sk-field { display: grid; gap: var(--sp-3); margin-bottom: var(--sp-5); }
[data-ui="v2"] .nai-sk-field .is-input { height: 34px; border-radius: var(--r-md); }
[data-ui="v2"] .nai-sk-paper { width: min(100%, 470px); aspect-ratio: 1 / 1.414; min-height: 260px; box-sizing: border-box; padding: 8%; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-sm); margin: 0 auto; box-shadow: var(--shadow-sm); }
[data-ui="v2"] .nai-sk-paper > .nai-sk-bar { margin-bottom: 16px; }
[data-ui="v2"] .nai-sk-paper .nai-sk-row { grid-template-columns: 2fr 1fr; min-height: 34px; }
[data-ui="v2"] .nai-sk-paper .nai-sk-row > :nth-child(n+3) { display: none; }
[data-ui="v2"] .nai-sk-archive { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); gap: var(--sp-5); }
[data-ui="v2"] .nai-sk-review { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--sp-7); }
[data-ui="v2"] .nai-sk-archive > section, [data-ui="v2"] .nai-sk-review > section { min-width: 0; padding: var(--sp-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); }
[data-ui="v2"] .nai-sk-cards { display: grid; gap: var(--sp-4); }
[data-ui="v2"] .nai-sk-card { padding: var(--sp-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); }
[data-ui="v2"] .nai-sk-card > .nai-sk-bar { margin-bottom: var(--sp-4); }
[data-ui="v2"] .nai-sk-card > .nai-sk-bar:last-child { width: 76%; }
[data-ui="v2"] .nai-boot { max-width: 1180px; margin: 28px auto; padding: 20px; }
[data-ui="v2"] .nai-boot-head { margin-bottom: 32px; display: grid; gap: 14px; }
[data-ui="v2"] .nai-boot-head .nai-sk-bar { max-width: 320px; }
[data-ui="v2"] .nai-loading-inline { color: var(--ink-3); font-size: 12px; padding: 8px 12px; }
[data-ui="v2"] .nai-docs-loading { grid-column: 1 / -1; padding: 0; }
[data-ui="v2"] .nai-docs-loading .nai-sk-row { border-color: var(--line); }
[data-ui="v2"] [data-skeleton-media] { position: relative; }
[data-ui="v2"] [data-skeleton-media] > .nai-loading { min-height: 320px; }
[data-ui="v2"] [data-skeleton-media] > .nai-media-pending { position: absolute; inset: 0; visibility: hidden; }
[data-ui="v2"] .v2-archive-preview-body [data-skeleton-media] > iframe { width: 100%; min-height: 480px; border: 0; }
[data-ui="v2"] .v2-archive-preview-body [data-skeleton-media] > img { width: 100%; height: auto; }
[data-ui="v2"] .nai-preview-rendering { position: relative; min-height: 320px; }
[data-ui="v2"] .nai-preview-rendering > .nai-loading { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
[data-ui="v2"] .nai-canvas-pending { visibility: hidden; }
[data-ui="v2"] [data-skeleton-thumbnail] { position: relative; }
[data-ui="v2"] [data-skeleton-thumbnail]:not([data-thumbnail-state])::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, var(--bg-2), var(--surface-2), var(--bg-2)); background-size: 200% 100%; animation: nai-thumbnail-shimmer 1.6s ease-in-out infinite; pointer-events: none; }
[data-ui="v2"] [data-skeleton-thumbnail] img[hidden] { display: none; }
@keyframes nai-thumbnail-shimmer { to { background-position: -200% 0; } }
@keyframes nai-sk-shimmer { to { transform: translateX(100%); } }
@media (max-width: 1100px) { [data-ui="v2"] .nai-sk-archive { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } [data-ui="v2"] .nai-sk-archive > section:last-child { grid-column: 1 / -1; } }
@media (max-width: 700px) {
  [data-ui="v2"] .nai-sk-archive, [data-ui="v2"] .nai-sk-review { grid-template-columns: minmax(0,1fr); }
  [data-ui="v2"] .nai-sk-row { gap: var(--sp-3); grid-template-columns: 1fr 2fr 1fr; }
  [data-ui="v2"] .nai-sk-row > :nth-child(n+4) { display: none; }
  [data-ui="v2"] .nai-sk-paper { min-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-ui="v2"] .nai-sk-bar::after { animation: none; display: none; }
  [data-ui="v2"] .v2-docs-skeleton .sk-row { animation: none; }
  [data-ui="v2"] [data-skeleton-thumbnail]::after { animation: none; }
}