@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Barlow+Condensed:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #111111;--surface2: #1a1a1a;--surface3: #222222;--border: #2a2a2a;--border2: #333333;--accent-a: #00e5ff;--accent-b: #ff6b35;--accent-green: #39ff14;--accent-yellow: #ffd600;--text: #e8e8e8;--text-muted: #666666;--text-dim: #444444;--mono: "Share Tech Mono", monospace;--sans: "Barlow Condensed", sans-serif;--radius: 6px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:inherit}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}.sm-app{container:app / inline-size;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.sm-top{display:flex;align-items:center;gap:0;height:48px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:20}.sm-logo{font-family:var(--mono);font-size:16px;letter-spacing:4px;margin-right:24px;white-space:nowrap}.sm-tabs{display:flex;height:100%}.sm-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--mono);font-size:11px;letter-spacing:2px;padding:0 16px;height:100%;cursor:pointer;transition:all .15s;white-space:nowrap}.sm-tab.on{color:var(--accent-a);border-bottom-color:var(--accent-a)}.sm-tab-actual{display:none;font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--accent-a)}.sm-right{margin-left:auto;display:flex;gap:12px;align-items:center;min-width:0}.sm-estado{font-family:var(--mono);font-size:10px;color:var(--accent-a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.sm-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:32px;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-size:18px;cursor:pointer}.sm-menu-btn[aria-expanded=true]{border-color:var(--accent-a);color:var(--accent-a)}.sm-menu{position:absolute;top:calc(100% + 4px);right:8px;min-width:240px;max-width:calc(100% - 16px);background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 32px #0009;z-index:30}.sm-menu-sec{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--text-muted);padding:8px 10px 2px}.sm-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:6px;color:var(--text);font-family:var(--mono);font-size:12px;letter-spacing:1px;padding:10px;cursor:pointer}.sm-menu-item:hover,.sm-menu-item:focus-visible{background:var(--surface2);border-color:var(--border2);outline:none}.sm-menu-item.on{color:var(--accent-a);background:#00e5ff0f}.sm-menu-email{font-family:var(--mono);font-size:11px;color:var(--text-muted);padding:4px 10px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-menu-tabs{display:none;flex-direction:column;gap:4px}.sm-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.sm-decks{display:grid;grid-template-columns:1fr 260px 1fr;gap:10px}.sm-deck{--pad: 14px;--gap: 10px;--onda: 64px;--titulo: 13px;--dato: 15px;--letra: 24px;--play: 44px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap);min-width:0}.sm-deck-titulo{font-size:var(--titulo);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-deck-letra{font-family:var(--mono);font-size:var(--letra);font-weight:700;line-height:1}.sm-onda{position:relative;height:var(--onda);background:var(--surface2);border-radius:4px;overflow:hidden;cursor:pointer;touch-action:none}.sm-dato{font-family:var(--mono);font-size:var(--dato);line-height:1.3}.sm-play{width:var(--play)!important;height:var(--play)!important}.sm-mixer{--pad: 14px;--gap: 12px;--fader: 90px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--pad);display:flex;flex-direction:column;align-items:center;gap:var(--gap);min-width:0}.sm-fader{height:var(--fader)!important}.sm-vu-seg{width:13px;height:4px}@container app (max-width: 1100px){.sm-extra{display:none!important}.sm-menu-btn{display:flex}}@container app (max-width: 1000px){.sm-top{height:40px;padding:0 10px}.sm-logo{font-size:13px;letter-spacing:3px;margin-right:12px}.sm-tab{padding:0 10px;font-size:10px;letter-spacing:1.5px}.sm-content{padding:6px;gap:6px}.sm-decks{grid-template-columns:1fr 176px 1fr;gap:6px}.sm-deck{--pad: 8px;--gap: 6px;--onda: 44px;--titulo: 12px;--dato: 13px;--letra: 18px;--play: 38px}.sm-mixer{--pad: 8px;--gap: 6px;--fader: 72px}.sm-vu-seg{width:10px;height:3px}.sm-estado{max-width:160px}}.sm-solo-angosto{display:none}@container app (max-width: 620px){.sm-col-op{display:none}.sm-solo-angosto{display:block}.sm-lib th,.sm-lib td{padding-left:4px!important;padding-right:4px!important}.sm-lib-titulo{max-width:42cqw!important}.sm-tabs{display:none}.sm-tab-actual{display:block}.sm-menu-tabs{display:flex}.sm-estado{display:none}}@container app (max-width: 560px){.sm-decks{grid-template-columns:1fr}}.sm-girar-aviso{position:fixed;left:50%;bottom:10px;transform:translate(-50%);background:#000c;border:1px solid var(--border2);color:var(--text-muted);font-family:var(--mono);font-size:10px;letter-spacing:1px;padding:6px 10px;border-radius:6px;z-index:40;pointer-events:none}
