/* Narrative variant: menu, artwork, cursor shape and camera remain shared. */
.ls-addons { --la-accent:#dada1e; --la-support:14px; --la-body:17px; --la-meta:12px; --ls-pointer-start-x:83px; --ls-pointer-start-y:67px; }
.ls-addons .ls-caption { display:none; }
.ls-addons:not([data-addon-stage=menu]) .ls-art .ls-pointer,
.ls-addons:not([data-addon-stage=menu]) .ls-art .ls-click { visibility:hidden; }
.la-explorer { position:absolute; z-index:3; inset:30px 28px 144px; background:var(--ls-menu-color); border:1px solid var(--ls-border); border-radius:12px; box-shadow:0 24px 60px #0005; overflow:hidden; font-size:var(--la-support); transform-origin:center; pointer-events:none; }
.la-explorer header { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; background:#ffffff06; font-size:var(--la-support); }
.la-explorer header>span:first-child { display:flex; align-items:center; gap:10px; }
.la-icon { display:block; width:18px; height:18px; flex-shrink:0; }
.la-folder-icon { display:block; width:34px; height:28px; flex-shrink:0; }
.la-explorer header .la-folder-icon { width:18px; height:18px; }
.la-window-tools,.la-back { display:flex; align-items:center; gap:20px; }
.la-window-tools { gap:0; }
.la-window-control { display:grid; place-items:center; width:36px; height:32px; }
.la-minimize[data-state=hover] { background:#454545; }
.la-minimize[data-state=pressed] { background:#5a5a5a; }
.la-explorer header { padding-block:8px; }
.la-explorer { transform-origin:50% 100%; }
.la-window-tools,.la-back { color:var(--ls-muted); }
.la-address { display:flex; align-items:center; gap:16px; margin:12px 18px; padding:11px 12px; border:1px solid var(--ls-border); border-radius:7px; }
.la-path { min-width:0; overflow-wrap:anywhere; }
.la-back { flex-shrink:0; }
.la-body { display:flex; height:calc(100% - 144px); }
.la-body aside { width:145px; flex-shrink:0; padding:10px; color:var(--ls-muted); border-right:1px solid var(--ls-border); }
.la-body aside>* { display:flex; align-items:center; gap:10px; padding:9px 8px; margin-bottom:3px; }
.la-body aside b { color:var(--ls-ink); background:var(--ls-hover); border-radius:6px; font-weight:500; }
.la-files { flex:1; min-width:0; position:relative; padding:10px 22px; }
.la-column { display:flex; justify-content:space-between; color:var(--ls-muted); font-size:var(--la-meta); padding:0 12px 12px; border-bottom:1px solid var(--ls-border); margin-bottom:10px; }
.la-folder { display:flex; align-items:center; gap:14px; min-height:56px; padding:12px; border-radius:7px; }
.la-folder span { overflow-wrap:anywhere; }
.la-next { border-radius:0; }
.la-next[data-state=hover] { background:#454545; }
.la-next[data-state=selected] { background:#484848; outline:1px solid #d8d8d8; outline-offset:-1px; }
.la-files[data-loading=true]>.la-next,
.la-files[data-loading=true]>.la-library-folders,
.la-files[data-loading=true]>.la-document-folders,
.la-files[data-loading=true]>.la-empty,
.la-files[data-loading=true]>.la-installed { visibility:hidden; }
.la-empty { display:none; text-align:center; color:var(--ls-muted); padding:26px 8px; }
.la-installed { display:none; }
.la-library-folders { display:none; }
[data-addon-stage="2"] .la-library-folders { display:block; }
.la-document-folders { display:none; }
[data-addon-stage="1"] .la-document-folders { display:block; }
.la-skeleton { display:block; width:var(--la-skeleton-width); max-width:55%; height:8px; border-radius:4px; background:currentColor; opacity:.16; }
[data-addon-stage="3"] .la-next,[data-addon-stage="4"] .la-next { display:none; }
[data-addon-stage="3"] .la-empty { display:block; }
[data-addon-stage="4"] .la-installed { display:block; background:#dada1e0d; border-radius:8px; }
.la-explorer footer { position:absolute; bottom:0; padding:11px 20px; width:100%; display:flex; justify-content:space-between; gap:8px; border-top:1px solid var(--ls-border); background:var(--ls-menu-color); color:var(--ls-muted); font-size:var(--la-meta); }
.la-status { color:var(--la-accent); }
.la-transfer { position:absolute; z-index:5; left:0; top:0; width:180px; max-width:calc(100% - 60px); font-size:var(--la-support); pointer-events:none; filter:drop-shadow(0 5px 8px #0004); }
.la-transfer .la-folder { flex-direction:column; gap:6px; padding:0; text-align:center; }
.la-transfer .la-folder-icon { width:72px; height:60px; }
.la-transfer .la-folder span { color:var(--ls-ink); text-shadow:0 1px 3px #000a; }
.la-pointer { position:absolute; z-index:6; top:0; left:0; width:20px; height:26px; pointer-events:none; filter:drop-shadow(0 2px 2px #0006); }
.la-caption { position:absolute; z-index:4; bottom:22px; left:24px; right:24px; text-align:center; color:var(--ls-scene-ink); font-size:var(--la-body); }
.la-caption p { margin:12px 0 7px; min-height:23px; font-weight:500; }
.la-steps { display:flex; gap:24px; justify-content:center; font-size:var(--la-meta); color:var(--ls-muted); }
.la-steps span { opacity:.55; }
.la-steps .is-active { color:var(--la-accent); opacity:1; }
.la-progress { height:2px; max-width:320px; margin:14px auto 0; background:#ffffff16; overflow:hidden; }
.la-progress i { display:block; height:100%; background:var(--la-accent); transform-origin:left; }
.ls-addons .ls-playback { display:inline-flex; color:var(--ls-muted); margin-right:16px; }
.la-replay { font:inherit; color:var(--ls-muted); background:none; border:1px solid var(--ls-border); border-radius:8px; padding:8px 12px; cursor:pointer; }
.la-replay:hover { background:var(--ls-hover); color:var(--ls-ink); }
.la-replay:focus-visible { outline:2px solid var(--la-accent); outline-offset:3px; }
.ls-embed .la-replay { display:none; }
@container luzshade-scene (max-width:540px) {
  .la-explorer { inset:24px 12px 160px; }
  .la-body aside { display:none; }
  .la-files { padding:10px 14px; }
  .la-address { margin:10px; padding:10px; gap:10px; font-size:var(--la-meta); }
  .la-window-tools .la-window-control:not(.la-minimize) { display:none; }
  .la-steps { gap:16px; }
  .la-caption { left:14px; right:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .ls-addons .la-caption p:before { content:'Documentos → LuzShade → Addons: coloque as pastas. '; }
  .ls-addons .la-steps,.ls-addons .la-progress,.ls-addons .la-replay { display:none; }
}
