.asset-card{width:100%;min-width:0;padding:0;overflow:hidden;border:0;border-radius:10px;background:var(--app-bg);color:var(--app-text);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px var(--app-border)}.asset-card:hover{box-shadow:inset 0 0 0 1px var(--app-muted)}.asset-card--active{box-shadow:inset 0 0 0 2px var(--app-accent)}.asset-card:disabled{cursor:wait;opacity:.65}.asset-preview{position:relative;display:grid;aspect-ratio:4 / 3;overflow:hidden;place-items:center;background:var(--app-surface)}.asset-preview img{display:block;width:100%;height:100%;object-fit:cover}.asset-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--app-muted)}.asset-placeholder span{padding:8px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}.asset-details{display:flex;padding:11px;flex-direction:column;gap:7px}.notice{display:flex;min-height:148px;padding:24px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:10px;text-align:center;box-shadow:inset 0 0 0 1px var(--app-border)}.notice>div{display:flex;flex-direction:column;gap:3px}.notice-title{color:var(--app-text);font-weight:650}.spinner{width:18px;height:18px;border:2px solid var(--app-border);border-top-color:var(--app-accent);border-radius:50%;animation:spin .8s linear infinite}.asset-card--skeleton .asset-preview,.skeleton-line{animation:pulse 1.4s ease-in-out infinite}.skeleton-line{width:58%;height:10px;margin:13px 11px;border-radius:4px;background:var(--app-surface)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.spinner,.asset-card--skeleton .asset-preview,.skeleton-line{animation:none}}.app-frame{--app-safe-top: 0px;--app-safe-right: 0px;--app-safe-bottom: 0px;--app-safe-left: 0px;isolation:isolate;display:flex;width:100%;min-width:280px;flex-direction:column;overflow:visible;background:var(--app-bg);color:var(--app-text);container-type:inline-size}.app-frame--inline{height:auto;max-height:var(--app-inline-max-height, 500px);padding:var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left);overflow:hidden}.app-frame--inline .app-scroll-region{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.app-frame--fullscreen{height:100dvh;padding:var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left);overflow:hidden}.app-frame--page{width:min(100%,1040px);min-height:100dvh;margin-inline:auto;overflow:visible}.app-context-bar,.app-toolbar,.app-action-bar{display:flex;flex:none;min-width:0;align-items:center}.app-context-bar{min-height:52px;padding:10px 12px;justify-content:space-between;gap:12px;border-bottom:1px solid var(--app-border)}.app-context-copy{min-width:0}.app-context-copy h1{overflow:hidden;font-size:1rem;font-weight:650;text-overflow:ellipsis;text-wrap:balance;white-space:nowrap}.app-context-copy p{overflow:hidden;color:var(--app-muted);font-size:.875rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.app-toolbar{padding:10px 12px;gap:8px;border-bottom:1px solid var(--app-border)}.app-scroll-region{flex:1;min-height:0;padding:12px;overflow:visible}.app-frame--fullscreen .app-scroll-region{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.app-action-bar{min-height:52px;padding:8px 12px;justify-content:flex-end;gap:8px;border-top:1px solid var(--app-border)}.app-frame--page .app-context-bar{padding:20px 16px 12px}.app-frame--page .app-toolbar{padding:12px 16px}.app-frame--page .app-scroll-region{flex:none;min-height:auto;padding:16px;overflow:visible}.app-frame--page .app-action-bar{padding:12px 16px 20px}.library-app-root{color-scheme:light dark;font-family:var(--font-sans, InterVariable, Inter, ui-sans-serif, system-ui, sans-serif);font-feature-settings:"cv02","cv03","cv04","cv11";font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-bg: var(--color-background-primary, var(--color-base-100, light-dark(#ffffff, #18181b)));--app-surface: var(--color-background-secondary, var(--color-base-200, light-dark(#fafafa, #27272a)));--app-text: var(--color-text-primary, var(--color-base-content, light-dark(#18181b, #fafafa)));--app-muted: var(--color-text-secondary, color-mix(in srgb, var(--app-text) 62%, transparent));--app-border: var(--color-border-primary, var(--color-base-300, light-dark(#18181b1a, #ffffff1a)));--app-accent: var(--color-accent-primary, var(--color-base-content, light-dark(#18181b, #fafafa)));--app-accent-text: var(--color-text-on-accent, light-dark(#ffffff, #18181b));--app-danger: light-dark(#b91c1c, #fca5a5)}html[data-theme=light] .library-app-root{color-scheme:light}html[data-theme=dark] .library-app-root{color-scheme:dark}html:has(body>#root>.library-app-root),body:has(>#root>.library-app-root),body>#root:has(>.library-app-root){margin:0}.library-app-root,.library-app-root *{box-sizing:border-box}@scope (.library-app-root){button,input,select{font:inherit}button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid var(--app-accent);outline-offset:-1px}h1,h2,h3,p,dl,dd,fieldset{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.library-toolbar{align-items:stretch;flex-direction:column}.expand-action{position:relative;min-height:32px;padding:5px 8px;border:0;border-radius:8px;background:var(--app-surface);color:var(--app-text);cursor:pointer;font-size:1rem;font-weight:650;box-shadow:inset 0 0 0 1px var(--app-border)}.expand-action:after{position:absolute;width:max(100%,48px);height:max(100%,48px);content:"";inset:50% auto auto 50%;transform:translate(-50%,-50%)}.expand-action:disabled{cursor:wait;opacity:.6}.search-field{flex:1;min-width:0}.search-field input{width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:var(--app-bg);color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-border);font-size:1rem}.search-field input::placeholder{color:var(--app-muted)}.search-field input:disabled,.media-filter input:disabled,.status-filter select:disabled{cursor:not-allowed;opacity:.6}.library-filters{display:flex;min-width:0;align-items:stretch;justify-content:space-between;gap:8px}.status-filter{min-width:0;flex:none}.status-filter select{width:auto;min-height:44px;padding:7px 30px 7px 10px;border:0;border-radius:8px;background-color:var(--app-bg);color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-border);font-size:.875rem}.media-filter{display:flex;flex:none;padding:0;border:0;gap:4px}.media-filter label{position:relative;cursor:pointer}.media-filter input{position:absolute;opacity:0}.media-filter span{display:flex;min-height:44px;padding:7px 10px;align-items:center;border-radius:8px;color:var(--app-muted);font-size:.875rem;font-weight:650;box-shadow:inset 0 0 0 1px var(--app-border)}.media-filter input:checked+span{background:var(--app-surface);color:var(--app-text)}.media-filter input:focus-visible+span{outline:2px solid var(--app-accent);outline-offset:2px}.library-decision-surface{position:relative}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-card-wrapper{min-width:0}.asset-preview{aspect-ratio:4 / 3}.asset-preview img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid var(--app-border);outline-offset:-1px}.asset-details{padding:8px;gap:0}.media-badge{position:absolute;right:6px;bottom:6px;padding:5px 6px;border-radius:999px;background:color-mix(in srgb,var(--app-bg) 92%,transparent);color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-border);font-size:.6875rem;font-weight:650;line-height:1}.asset-id{overflow:hidden;font-size:.875rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.notice{min-height:100%;color:var(--app-muted);font-size:1rem;line-height:1.5;text-wrap:pretty}.primary-action,.secondary-action,.ghost-action{min-height:44px;padding:7px 10px;border:0;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:650}.primary-action{background:var(--app-accent);color:var(--app-accent-text)}.secondary-action{background:var(--app-surface);color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-border)}.ghost-action{background:transparent;color:var(--app-text)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.5}.action-feedback{margin-bottom:10px;padding:10px 12px;border-radius:8px;background:var(--app-surface);font-size:.875rem;line-height:1.4}.action-feedback--error{color:var(--app-danger)}.inspector,.inspection-layout{height:100%;min-height:100%}.inspection-layout{display:grid;grid-template-columns:1fr;gap:16px}.inspection-media{display:flex;min-width:0;flex-direction:column}.inspection-media{min-height:220px;align-items:center;justify-content:center;overflow:hidden;border-radius:min(1.2vw,10px);background:var(--app-surface);outline:1px solid var(--app-border);outline-offset:-1px}.inspection-media img,.inspection-media video{display:block;width:100%;max-height:320px;border-radius:inherit;object-fit:contain}.media-unavailable{display:grid;min-height:220px;padding:20px;place-items:center;border-radius:10px;background:var(--app-surface);color:var(--app-muted);text-align:center}.asset-pending,.asset-failure,.manual-refresh{display:flex;max-width:32rem;flex-direction:column;align-items:center;gap:8px}.asset-pending strong{color:var(--app-text)}.asset-failure strong{color:var(--app-danger)}.asset-failure code{overflow-wrap:anywhere;font-size:.8125rem}.polling-state,.manual-refresh{color:var(--app-muted);font-size:.875rem;line-height:1.4}:scope.app-frame--inline .inspector,:scope.app-frame--inline .inspection-layout{height:auto;min-height:0}:scope.app-frame--inline .inspection-layout{grid-template-columns:1fr}:scope.app-frame--inline .inspection-media{min-height:180px}:scope.app-frame--inline .inspection-media img,:scope.app-frame--inline .inspection-media video{max-height:280px}:scope.app-frame--inline .library-decision-surface{padding-block:10px}:scope.app-frame--inline .asset-grid{grid-template-columns:none;grid-auto-columns:clamp(112px,38cqi,150px);grid-auto-flow:column;padding:2px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin}:scope.app-frame--inline .asset-card-wrapper{scroll-snap-align:start}:scope.app-frame--page .inspection-media img,:scope.app-frame--page .inspection-media video{max-height:70vh}@container (min-width: 520px){.library-toolbar{align-items:center;flex-direction:row}.library-filters{flex:none}.search-field input,.media-filter span,.status-filter select{min-height:36px;font-size:.875rem}.primary-action,.secondary-action,.ghost-action{min-height:36px}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notice{font-size:.875rem}.inspection-layout{grid-template-columns:minmax(0,3fr) minmax(220px,2fr)}}@container (min-width: 360px) and (max-width: 519px){.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 620px){.asset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width: 760px){.asset-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 1024px){.asset-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@container (min-width: 1320px){.asset-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@container (min-width: 1640px){.asset-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-height: 320px){.app-context-bar{min-height:44px;padding:6px 10px}.app-toolbar{padding:6px 10px}.app-action-bar{padding:4px 10px}.app-context-copy p{display:none}.library-toolbar{overflow-x:auto;align-items:center;flex-direction:row;scrollbar-width:thin}.search-field{flex:0 0 min(70%,240px)}.library-filters{flex:none}.asset-details{display:none}}@media (pointer: coarse){.search-field input,.status-filter select,.media-filter span,.primary-action,.secondary-action,.ghost-action{min-height:48px}}@media (pointer: fine){.expand-action{font-size:.875rem}}@media (prefers-reduced-motion: reduce){.asset-card--skeleton .asset-preview,.skeleton-line{animation:none}}}
