.asset-viewer{width:100%;min-width:0;color:var(--ink,#f4f4f6);text-align:left;background:var(--card,#0d0d12);border:1px solid var(--line,#24242c);border-radius:12px;overflow:hidden}
.av-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line,#24242c)}
.av-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-meta{font:11px/1.5 ui-monospace,monospace;color:var(--mut,#9a9aa8);white-space:nowrap}
.av-toolbar,.av-animation{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:12px 16px}.av-toolbar label,.av-animation label{display:grid;gap:5px;font:600 11px/1.4 Inter,system-ui;color:var(--mut,#9a9aa8)}
.asset-viewer select,.asset-viewer input[type=number],.asset-viewer button{background:#17171f;color:#f4f4f6;border:1px solid #353541;border-radius:6px;padding:8px;min-height:36px;font:600 12px Inter,system-ui}
.av-animation input[type=number]{width:66px}.av-animation button{cursor:pointer}.av-animation button[aria-pressed=true]{border-color:var(--acc,#9bff3a);color:var(--acc,#9bff3a)}.av-animation input[type=range]{min-width:90px;flex:1;accent-color:var(--acc,#9bff3a)}.av-animation output{font:12px ui-monospace,monospace;min-width:44px}.av-animation[hidden]{display:none}
.av-stage{height:360px;min-width:0;overflow:auto;display:grid;align-items:safe center;justify-items:safe center;padding:16px;overscroll-behavior:contain;background:repeating-conic-gradient(#24242e 0 25%,#1a1a22 0 50%) 0 0/20px 20px}
.av-stage[data-bg=dark]{background:#08080c}.av-stage[data-bg=light]{background:#ececf0}.av-stage canvas{display:block;max-width:none;width:auto;height:auto;flex:none;image-rendering:pixelated;touch-action:auto}.av-stage canvas[data-engine]{image-rendering:auto;touch-action:none}.av-stage:has(canvas[data-engine]){padding:0;overflow:hidden}
.av-status,.av-hint{margin:0!important;padding:0 16px 14px;font:12px/1.6 Inter,system-ui;color:var(--mut,#9a9aa8)}.av-hint{flex-basis:100%;padding:0}.asset-viewer :focus-visible{outline:2px solid var(--acc,#9bff3a);outline-offset:3px}
.p-tela .lab-saida:has(.asset-viewer){background:none;padding:0;border:0;align-items:stretch;justify-content:start;gap:14px}.lab-item .av-open{cursor:pointer;background:none;border:0;padding:0;width:100%;color:inherit}.lab-item .av-open img{display:block}.lab-item .av-open:focus-visible{outline:2px solid var(--acc,#9bff3a)}.lab-item[data-selecionado=true]{border-color:var(--acc,#9bff3a)}
.av-example{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line,#24242c);border-radius:8px;font:12px/1.5 Inter,system-ui;color:var(--mut,#9a9aa8)}.av-example a{color:var(--acc,#9bff3a)}
@media(max-width:540px){.av-top{align-items:start;flex-direction:column;gap:3px}.av-toolbar{gap:8px;padding:10px}.av-stage{height:300px}.av-status{padding:0 10px 10px}.av-example{align-items:start;flex-direction:column}.av-animation{padding:10px}}

.p-ferr label:has(#l-reutilizar){flex-direction:row;align-items:start!important}.p-ferr #l-reutilizar{width:auto;margin-top:3px;accent-color:var(--acc)}