/* KlipTok v88 · Estudio de audio (diseño propio, panel lateral oscuro + zona de trabajo). Variables de kt-v65-tiempo.css. */
body{background:var(--bg1);color:var(--tx);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0}
.ea-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 44px)}
.ea-nav{background:#12131a;color:#cbd5e1;padding:.6rem .4rem;display:flex;flex-direction:column;gap:.15rem;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}
.ea-tab{display:flex;align-items:center;gap:.6rem;padding:.65rem .7rem;border:0;border-left:3px solid transparent;border-radius:.5rem;background:transparent;color:#cbd5e1;cursor:pointer;font:600 .85rem system-ui;text-align:left}.ea-tab:hover{background:rgba(255,255,255,.07)}.ea-tab.on{background:rgba(124,58,237,.22);border-left-color:#a78bfa;color:#fff}.ea-ic{font-size:1.25rem;width:1.6rem;text-align:center}
.ea-priv{margin:auto .3rem .4rem;padding:.6rem;border-radius:.6rem;background:rgba(255,255,255,.06);font-size:.72rem;color:#94a3b8}
.ea-main{padding:1.2rem 1.4rem;min-width:0;max-width:980px}.ea-head h2{margin:.1rem 0;font-size:1.5rem}.ea-note{color:var(--tx2);font-size:.85rem;margin:.3rem 0 .8rem}
.ea-pick{display:grid;gap:.5rem;margin:.6rem 0}.ea-drop{display:grid;gap:.4rem;justify-items:center;text-align:center;padding:1.6rem 1rem;border:2px dashed var(--border);border-radius:1rem;background:var(--surface);transition:border-color .15s,background .15s}.ea-drop.on{border-color:var(--accent);background:var(--btnh)}.ea-drop small{color:var(--tx2)}
.ea-pick select{padding:.5rem;border-radius:.6rem;border:1px solid var(--border);background:var(--inp);color:var(--tx);font:inherit}
.ea-btn{border:1px solid var(--border);background:var(--btn);color:var(--tx);border-radius:999px;padding:.55rem 1.1rem;font:700 .85rem/1 inherit;cursor:pointer}.ea-btn:hover{background:var(--btnh)}.ea-btn:disabled{opacity:.55;cursor:default}.ea-btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.ea-btn.rec{background:#dc2626;border-color:#dc2626;color:#fff}.ea-btn.big{padding:.8rem 1.6rem;font-size:.95rem}.ea-btn.ico{padding:.35rem .6rem}.ea-btn.ghost{background:transparent;border-color:#7c3aed;color:var(--tx)}
.ea-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin:.8rem 0;padding:.9rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}
.ea-f{display:grid;gap:.25rem;font-size:.78rem;font-weight:700;color:var(--tx2)}.ea-f input[type=number],.ea-f select{padding:.45rem .5rem;border-radius:.6rem;border:1px solid var(--border);background:var(--inp);color:var(--tx);font:inherit}.ea-rg{display:flex;gap:.6rem;align-items:center}.ea-rg input{flex:1;accent-color:var(--accent)}.ea-out{min-width:2.4rem;text-align:right;font:700 .8rem ui-monospace,monospace;color:var(--tx)}
.ea-chk{display:flex;gap:.45rem;align-items:center;font-size:.82rem;font-weight:600}.ea-chk input{accent-color:var(--accent)}.ea-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.6rem 0}
.ea-msg{margin:.3rem 0;min-height:1.1em;color:var(--tx2);font-size:.82rem}.ea-msg.err{color:#dc2626;font-weight:700}
.ea-results{display:grid;gap:.8rem;margin-top:1rem}.ea-res{padding:.9rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow);display:grid;gap:.5rem}.ea-res audio{width:100%}.ea-rt{font-size:.92rem}
.ea-wave{width:100%;height:140px;border-radius:.8rem;background:#0b1020;touch-action:none;cursor:ew-resize;margin:.6rem 0 .2rem}
.ea-jlist{display:grid;gap:.3rem;margin:.5rem 0}.ea-jrow{display:flex;gap:.5rem;align-items:center;padding:.4rem .6rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}.ea-jrow span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ea-lyr{width:100%;padding:.6rem;border-radius:.8rem;border:1px solid var(--border);background:var(--inp);color:var(--tx);font:inherit;resize:vertical;margin-top:.6rem}.ea-lview{max-height:190px;overflow:auto;margin:.5rem 0;padding:.5rem .8rem;border-radius:.9rem;background:#0b1020;text-align:center}.ea-lview p{margin:.2rem 0;color:#64748b;font:600 1.05rem system-ui}.ea-lview p.on{color:#fde68a;font-size:1.3rem;font-weight:800}.ea-lview:empty{display:none}
.ea-meter{flex:1;min-width:120px;height:12px;border-radius:999px;background:var(--btn);overflow:hidden;border:1px solid var(--border)}.ea-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#10b981,#f59e0b);transition:width .06s}.ea-meter i.hot{background:#ef4444}
.ea-count,.ea-time{font:800 1.2rem ui-monospace,monospace;min-width:4rem}
.ea-bpmres{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-top:1rem}.ea-card{padding:1rem;border-radius:1rem;background:#0b1020;color:#e2e8f0;display:grid;gap:.2rem}.ea-card small{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.ea-card b{font:800 2rem/1.1 system-ui;color:#34d399}.ea-card span{font-size:.78rem;color:#94a3b8}
progress{width:100%;height:10px;margin:.5rem 0;accent-color:var(--accent)}
.ea-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:14px}.ea-dlg{width:min(440px,100%);max-height:calc(100vh - 28px);overflow:auto;background:#0f172a;color:#e2e8f0;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px}.ea-dlg h3{margin:0 0 4px}.ea-dlg p{margin:0 0 10px;color:#94a3b8;font-size:.85rem}.ea-dlg label{display:block;margin:10px 0 4px;font-size:.78rem;font-weight:700;color:#cbd5e1}.ea-dlg input[type=text],.ea-dlg select{width:100%;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#1e293b;color:#f1f5f9;font:inherit;box-sizing:border-box}.ea-dlg .ea-chk{display:flex;align-items:flex-start;gap:8px}.ea-dlg .ea-msg{color:#f87171}
.ea-dr{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.ea-go,.ea-alt{font:inherit;font-weight:800;border:0;border-radius:999px;padding:10px 18px;cursor:pointer;text-decoration:none;text-align:center}.ea-go{flex:1;background:linear-gradient(100deg,#14b8a6,#7c3aed);color:#fff}.ea-alt{background:rgba(255,255,255,.1);color:#e2e8f0}
@media(max-width:820px){.ea-shell{grid-template-columns:1fr}.ea-nav{position:static;flex-direction:row;overflow-x:auto;max-height:none;padding:.4rem}.ea-tab{border-left:0;border-bottom:3px solid transparent;flex:0 0 auto;flex-direction:column;gap:.1rem;font-size:.7rem;padding:.4rem .6rem}.ea-tab.on{border-bottom-color:#a78bfa}.ea-priv{display:none}.ea-main{padding:.8rem}}