/* Vista Crear: onda del audio, medidor y hoja con la imagen. */
.wavebox{position:relative;margin-top:14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);overflow:hidden}
.wavebox canvas{display:block;width:100%;height:84px}
.wavebox .meta{position:absolute;left:10px;top:6px;font:500 12px var(--font-mono);color:var(--muted)}
.meter{height:4px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:10px}
.meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .08s}

.paper{margin-top:14px;padding:14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center}
.paper canvas{max-width:100%;max-height:60vh;background:var(--paper);box-shadow:0 2px 14px rgba(0,0,0,.18);image-rendering:auto}
.paper canvas.px{image-rendering:pixelated}
details{margin-top:16px}
summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center}