.scene-link { padding: 5px 8px; border: 1px solid #a7f3d0; border-radius: 6px; color: #065f46; background: #ecfdf5; font-size: 11px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.scene-link:hover { border-color: var(--forest); color: white; background: var(--forest); }
.scene-dialog { width: min(720px, 100%); max-width: none; height: 100dvh; max-height: none; margin: 0 0 0 auto; padding: 0; border: 0; color: var(--ink); background: var(--paper); box-shadow: -20px 0 70px rgb(15 23 42 / 20%); }
.scene-dialog::backdrop { background: rgb(15 23 42 / 55%); backdrop-filter: blur(2px); }
.scene-drawer { min-height: 100%; padding: clamp(24px, 5vw, 40px); }
.scene-drawer-header { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.scene-drawer-header h2 { font-size: clamp(24px, 4vw, 34px); }
.drawer-close { width: 38px; height: 38px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 8px; color: #475569; background: white; font-size: 24px; line-height: 1; cursor: pointer; }
.drawer-close:hover { background: #f1f5f9; }
.scene-source-note, .work-avoided { padding: 12px 14px; border-radius: 8px; font-size: 12px; }
.scene-source-note { margin: 20px 0 9px; color: #334155; border: 1px solid var(--line); background: #f8fafc; }
.work-avoided { margin: 9px 0 20px; color: #854d0e; border: 1px solid #fde68a; background: #fffbeb; font-weight: 700; }
.work-avoided:empty { display: none; }
.scene-list { display: grid; gap: 12px; }
.scene-card { padding: 17px; border: 1px solid var(--line); border-radius: 99px; border-radius: 9px; background: white; }
.scene-card h3 { margin: 0 0 7px; font-size: 16px; }
.scene-cloud, .catalog-id { margin: 3px 0; }
.scene-cloud { color: #334155; font-size: 12px; }
.catalog-id { overflow-wrap: anywhere; color: var(--muted); font: 11px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; }
.scene-actions { display: flex; flex-wrap: wrap; align-items: start; gap: 8px; margin-top: 13px; color: var(--muted); font-size: 12px; }
.scene-action, .asset-menu > summary { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 9px; border: 1px solid var(--line-dark); border-radius: 6px; color: #334155; background: white; font-size: 11px; font-weight: 750; text-decoration: none; cursor: pointer; }
.scene-action:hover, .asset-menu > summary:hover { border-color: var(--forest); color: var(--forest-dark); background: #ecfdf5; }
.asset-menu { position: relative; }
.asset-menu[open] { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }
.asset-menu[open] > summary { margin-bottom: 8px; }
.asset-list { display: grid; gap: 6px; margin: 6px 0; padding: 0; list-style: none; }
.asset-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 8px; border: 1px solid var(--line); border-radius: 6px; background: white; }
.asset-link { color: var(--forest-dark); font-weight: 700; overflow-wrap: anywhere; }
.asset-list span { flex: 0 0 auto; color: var(--muted); font-size: 10px; }
.all-assets { margin-top: 9px; }
.all-assets > summary { color: var(--forest-dark); font-size: 11px; font-weight: 750; cursor: pointer; }
.scene-error { color: #991b1b; }
.report-cta { margin-top: 24px; padding: 21px; border-radius: 10px; color: white; background: #064e3b; }
.report-cta > strong { font-size: 18px; }
.report-cta p { color: #d1fae5; font-size: 12px; }
.report-cta .primary-button { color: #064e3b; background: white; }
.report-cta .primary-button:hover { background: #ecfdf5; }
.report-cta .no-bulk-note { margin-bottom: 0; font-size: 10px; }
@media (max-width: 720px) {
    .scene-dialog { width: 100%; }
    .scene-drawer { padding: 20px 15px 30px; }
    .asset-list li { align-items: start; flex-direction: column; gap: 2px; }
}