.g3m-shell{--g3m-band:4.5rem;width:100%;min-height:100vh;padding-top:var(--g3m-band);background-color:#121212;position:relative}.g3m-shell .apps-back-button{z-index:9999;cursor:pointer;align-items:center;height:2.25rem;display:flex;position:absolute;top:1rem;left:2rem}@media (max-width:768px){.g3m-shell{--g3m-band:5.5rem}.g3m-shell .apps-back-button{left:1rem}}.g3m-page{--slider-color:#00aae4;--color-bg-app:#121212;--color-fg-muted:#a0a0a0;--radius-md:10px;--fg:initial;--border:initial;tab-size:4;text-align:start;font-size:16px;line-height:1.5}.g3m-page *,.g3m-page :before,.g3m-page :after{border:0 solid}.g3m-page h1,.g3m-page h2,.g3m-page h3,.g3m-page h4,.g3m-page h5,.g3m-page h6,.g3m-page p,.g3m-page blockquote,.g3m-page figure,.g3m-page figcaption,.g3m-page hr,.g3m-page dl,.g3m-page dd,.g3m-page ol,.g3m-page ul,.g3m-page pre{margin:0}.g3m-page ol,.g3m-page ul,.g3m-page menu{padding:0;list-style:none}.g3m-page table{text-indent:0;border-color:inherit;border-collapse:collapse}.g3m-page button,.g3m-page input,.g3m-page optgroup,.g3m-page select,.g3m-page textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.g3m-page button,.g3m-page [type=button],.g3m-page [type=reset],.g3m-page [type=submit]{appearance:button;background-color:#0000;background-image:none}.g3m-page canvas,.g3m-page svg,.g3m-page img{vertical-align:middle;display:block}.g3m-page .bcm-logo-wrap{cursor:pointer;width:100%;max-width:420px;text-decoration:none;display:block;position:relative}.g3m-page .bcm-logo-sharp{width:100%;height:auto;transition:filter .4s;display:block;position:relative}.g3m-page .bcm-logo-glow{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.g3m-page .bcm-logo-glow-1{filter:blur(4px)brightness(1.8)saturate(1.4)}.g3m-page .bcm-logo-glow-2{filter:blur(14px)brightness(2)saturate(1.2)}.g3m-page .bcm-logo-glow-3{filter:blur(35px)brightness(2.2)saturate()}.g3m-page .bcm-logo-wrap:hover .bcm-logo-sharp{filter:brightness(1.15)saturate(.85)}.g3m-page .bcm-logo-wrap:hover .bcm-logo-glow-1{opacity:.7}.g3m-page .bcm-logo-wrap:hover .bcm-logo-glow-2{opacity:.45}.g3m-page .bcm-logo-wrap:hover .bcm-logo-glow-3{opacity:.25}.g3m-page .bcm-slider{grid-template-columns:var(--bcm-slider-label-w,108px) 1fr var(--bcm-slider-value-w,52px);align-items:center;gap:8px;margin-bottom:8px;display:grid}.g3m-page .bcm-slider-label{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.g3m-page .bcm-slider-range{width:100%;min-width:0}.g3m-page .bcm-slider-value{box-sizing:border-box;color:#f5f5ff;text-align:right;background:#181819;border:1px solid #333;border-radius:4px;width:100%;min-width:0;padding:2px 4px;font-family:monospace;font-size:12px}.g3m-page .bcm-slider-value:focus{border-color:#64c8ff;outline:none}.g3m-page .bcm-slider-value:disabled,.g3m-page .bcm-slider-range:disabled{opacity:.45;cursor:not-allowed}.g3m-page .g3m-matriz-caja{--g3m-celda:26px;--g3m-ancho-col:48px;--g3m-rotulo:62px;--g3m-hueco:4px;flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.g3m-page .g3m-matriz-barra{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.g3m-page .g3m-matriz-titulo{letter-spacing:.6px;text-transform:uppercase;color:#6b6b80;align-items:baseline;gap:8px;font-size:10px;font-weight:700;display:flex}.g3m-page .g3m-matriz-cartel{letter-spacing:0;text-transform:none;color:#e0e0f0;min-width:140px;font-size:12px;font-weight:700}.g3m-page .g3m-matriz-scroll{background:0 0;flex:auto;min-height:0;overflow:auto}.g3m-page .g3m-bloques{grid-template-columns:repeat(2,max-content);align-items:start;gap:26px;width:max-content;padding:6px 8px 8px;display:grid}.g3m-page .g3m-bloque:last-child{grid-column:1/-1}.g3m-page .g3m-bloque{flex-direction:column;gap:4px;display:flex}.g3m-page .g3m-bloque-titulo{z-index:4;color:#6b6b80;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:0 0;margin:0;padding:2px 0;font-size:10px;font-weight:700;position:sticky;top:0}.g3m-page .g3m-bloque-grilla{gap:var(--g3m-hueco);flex-direction:column;display:flex}.g3m-page .g3m-fila{gap:var(--g3m-hueco);align-items:stretch;display:flex}.g3m-page .g3m-fila-cabecera{z-index:3;background:0 0;position:sticky;top:18px}.g3m-page .g3m-esquina{width:var(--g3m-rotulo)}.g3m-page .g3m-rotulo{border:1px solid color-mix(in srgb, var(--c,#2a2a33) 32%, #2a2a33);color:var(--c,#b8b8c8);cursor:pointer;background:0 0;border-radius:4px;padding:0;font-family:inherit;font-size:11px;font-weight:700;line-height:1;transition:background .12s,color .12s,border-color .12s}.g3m-page .g3m-rotulo:hover{background:color-mix(in srgb, var(--c,#3a3a48) 18%, #252530);border-color:var(--c,#3a3a48);color:#e0e0f0}.g3m-page .g3m-rotulo-col{width:var(--g3m-ancho-col);text-align:center;height:22px}.g3m-page .g3m-rotulo-fila{width:var(--g3m-rotulo);text-align:left;padding-left:7px}.g3m-page .g3m-celda{width:var(--g3m-ancho-col);height:var(--g3m-celda);cursor:pointer;background:#1a1a1a;border:1px solid #2a2a33;border-radius:3px;padding:0;transition:background .1s,border-color .1s}.g3m-page .g3m-celda:hover{background:#212128;border-color:#64c8ff}.g3m-page .g3m-celda.prendida{background:var(--c,#64c8ff);border-color:var(--c,#64c8ff)}.g3m-page .g3m-celda.implicada{background:color-mix(in srgb, var(--c,#64c8ff) 28%, transparent);border-color:color-mix(in srgb, var(--c,#64c8ff) 50%, transparent)}.g3m-page .g3m-diagonal{width:var(--g3m-ancho-col);height:var(--g3m-celda);color:#3a3a48;justify-content:center;align-items:center;font-size:11px;display:flex}.g3m-page .g3m-matriz-pie{color:#8a8aa5;font-size:11.5px;font-weight:600}.g3m-page .g3m-celda,.g3m-page .g3m-diagonal{position:relative}.g3m-page .camino-col:before{content:"";background:color-mix(in srgb, var(--cc,#64c8ff) 55%, transparent);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)}.g3m-page .camino-fila:after{content:"";background:color-mix(in srgb, var(--cf,#64c8ff) 55%, transparent);pointer-events:none;border-radius:2px;height:3px;position:absolute;top:50%;left:-3px;right:-3px;transform:translateY(-50%)}.g3m-page .g3m-rotulo.activa{background:color-mix(in srgb, var(--c,#64c8ff) 22%, #1e1e1e);border-color:var(--c,#64c8ff);color:#f0f0ff}.g3m-page .g3m-progresion{--bcm-slider-label-w:115px;--bcm-slider-value-w:40px;margin-bottom:30px}.g3m-page .g3m-progresion-entrada{grid-template-columns:20px minmax(0,1fr) 42px;align-items:center;gap:4px;margin-bottom:7px;display:grid}.g3m-page .g3m-progresion-entrada input{background:var(--color-bg-app,#121212);width:100%;min-width:0;height:28px;color:inherit;font:inherit;border:1px solid #333;border-radius:4px;padding:4px 6px}.g3m-page .g3m-progresion .bcm-slider{margin-bottom:4px}.g3m-page .g3m-progresion .pr-btn-group{margin:4px 0}.g3m-page .g3m-progresion-entrada .pr-toggle-btn{padding:4px}.g3m-page .g3m-todos{width:100%;margin-top:4px}.g3m-page .g3m-token-input{border:1px solid #333;border-radius:4px;min-height:32px;position:relative;overflow:hidden}.g3m-page .g3m-token-input input,.g3m-page .g3m-token-pintura{letter-spacing:0;font:14px/30px monospace}.g3m-page .g3m-token-input input{color:#0000;caret-color:#fff;box-sizing:border-box;background:0 0;border:0;outline:none;width:100%;height:32px;padding:0 6px;position:relative}.g3m-page .g3m-token-pintura{white-space:pre;pointer-events:none;color:#eee;position:absolute;top:1px;left:6px}.g3m-page .g3m-token-color{color:var(--c);background:color-mix(in srgb,var(--c) 14%,#121212);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 50%,#444);border-radius:3px;padding:3px 0}.g3m-page .g3m-token-input:focus-within{border-color:#64c8ff}.g3m-page .g3m-help{font-size:12px}.g3m-page .g3m-help>section{margin:24px 0}.g3m-page .g3m-help-linea{align-items:end;gap:4px;margin:8px 0;display:flex}.g3m-page .g3m-help-linea label{flex:1;min-width:0}.g3m-page .g3m-help-linea input{box-sizing:border-box;color:#eee;background:#121212;border:1px solid #444;width:100%;margin-top:4px;padding:6px;display:block}.g3m-page .g3m-help-linea button{padding:6px}.g3m-page .g3m-lista-acordes{scrollbar-width:thin;min-height:0;padding:8px 4px;overflow-y:auto}.g3m-page .g3m-lista-acordes section{margin-bottom:10px}.g3m-page .g3m-lista-acordes h2{color:var(--color-fg-muted,#8a8aa5);overflow-wrap:anywhere;margin:3px 0 5px;font-size:8px}.g3m-page .g3m-acorde-ficha{border:1px solid color-mix(in srgb, var(--c,#b8b8c8) 45%, #2a2a33);background:color-mix(in srgb, var(--c,#b8b8c8) 10%, #121212);color:var(--c,#b8b8c8);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;font-family:inherit;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.g3m-page .g3m-lista-acordes .g3m-acorde-ficha{cursor:pointer;width:100%;max-width:80px;margin-bottom:3px}.g3m-page .g3m-lista-acordes .g3m-acorde-ficha:hover{border-color:var(--c);background:color-mix(in srgb, var(--c) 25%, #121212)}.g3m-page .g3m-listas{min-height:0;display:flex;overflow:hidden}.g3m-page .g3m-lista-acordes{flex:none;width:88px}.g3m-page .g3m-lista-progresiones{flex:1;min-width:0;padding:8px;overflow:auto}.g3m-page .g3m-lista-progresiones h2{color:#888;font-size:10px}.g3m-page .g3m-lista-progresiones ul{margin:0;padding:0;list-style:none}.g3m-page .g3m-lista-progresiones li{white-space:nowrap;margin:0 0 8px}.g3m-page .g3m-paso{color:#888}.g3m-page .g3m-acorde-ficha.iluminado{color:#fff;box-shadow:0 0 6px var(--c);background:color-mix(in srgb,var(--c) 45%,#121212);border-color:#fff}.g3m-page .g3m-lista-progresiones li{column-gap:18px;display:grid}.g3m-page .g3m-paso-acorde{position:relative}.g3m-page .g3m-paso-acorde>.g3m-acorde-ficha{width:58px}.g3m-page .g3m-paso-acorde>.g3m-paso{position:absolute;top:3px;left:-17px}.g3m-page .g3m-lista-progresiones li{cursor:pointer;border-radius:4px;padding:3px}.g3m-page .g3m-lista-progresiones li:hover{background:#282828}.g3m-page .g3m-lista-progresiones li[aria-pressed=true]{background:#252535;outline:1px solid #aaa}.g3m-page .g3m-lista-progresiones ul:has([aria-pressed=true]) li[aria-pressed=false] .g3m-acorde-ficha{color:#777;background:#1b1b1b;border-color:#444}.g3m-page .g3m-numero{color:#8a8aa5;background:#1e1e1e;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.g3m-page .g3m-lista-titulo{color:#b8b8c8;align-items:center;gap:7px;margin:14px 0 6px;font-size:11px;font-weight:700;display:flex}.g3m-page .g3m-lista-texto{text-overflow:ellipsis;white-space:nowrap;color:#8a8aa5;font-weight:600;overflow:hidden}.g3m-page .g3m-lista-cuenta{color:#6b6b80;margin-left:auto;font-weight:600}.g3m-page,.g3m-page *,.g3m-page:before,.g3m-page :before,.g3m-page:after,.g3m-page :after{box-sizing:border-box}.g3m-page{color:#f5f5f5;min-height:calc(100vh - var(--g3m-band));background:#121212;flex-direction:column;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.g3m-page .app-root{z-index:10;flex:1;grid-template-columns:1fr;min-height:0;margin:0;padding:0;display:grid;position:relative}.g3m-page .canvas-scroll{min-width:0;height:100%;min-height:0;position:relative;overflow:auto}.g3m-page .canvas-container{width:100%;height:100%}.g3m-page .canvas-scroll-chords{flex:1;min-width:0;height:calc(100vh - 60px);min-height:0;position:relative;overflow:auto}.g3m-page .canvas-container-chords{width:100%;height:100%}.g3m-page #bcm_canvas{width:100%;height:100%;display:block}.g3m-page .controls-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:10;background:#121212;border-bottom:1px solid #444;width:auto;height:auto;min-height:0;max-height:60vh;margin:0;padding:10px 14px;position:static;overflow:hidden auto}.g3m-page .controls-panel-columns{gap:14px;min-width:0;height:100%;display:flex}.g3m-page .controls-panel-col{flex:1 1 0;min-width:0}.g3m-page .controls-resize-handle{cursor:col-resize;background:0 0;width:6px;height:100%;position:absolute;top:0;right:-3px}.g3m-page .controls-resize-handle:hover{background:#ffffff0f}.g3m-page .controls-panel.hidden{display:none}@media (min-width:1024px){.g3m-page{height:calc(100vh - var(--g3m-band));height:calc(100vh - var(--g3m-band));overflow:hidden}.g3m-page .app-root{grid-template-columns:clamp(320px, var(--controls-panel-w,420px), 80vw) 1fr;height:100%}.g3m-page .controls-panel{border-bottom:none;border-right:1px solid #444;height:100%;max-height:none;position:sticky;top:0;left:0}}@media (max-width:1023.98px){.g3m-page .controls-resize-handle{display:none}}.g3m-page .controls-panel h1{margin:0 0 6px;font-size:16px;font-weight:600}.g3m-page .subtitle{color:#a0a0b5;margin:0 0 10px;font-size:12px}.g3m-page .block{border-top:1px solid #262636;flex-direction:column;gap:12px;margin-top:12px;padding-top:8px;display:flex}.g3m-page .block-gallery-buttons{border-top:1px solid #262636;gap:12px;margin-top:12px;padding-top:8px;display:flex}.g3m-page .block h2{color:#e0e0ff;margin:0 0 6px;font-size:13px;font-weight:600}.g3m-page .hint{color:#b0b0c8;margin:0 0 6px;font-size:11px}.g3m-page .hint code{background:#1e1e2a;border-radius:3px;padding:1px 4px;font-family:JetBrains Mono,Consolas,monospace}.g3m-page .branches-colored-input{background:#181819;border:1px solid #272738;border-radius:6px;width:100%;position:relative}.g3m-page .branches-colored-input__overlay{white-space:pre-wrap;word-break:break-word;pointer-events:none;color:#f5f5ff;border-radius:6px;padding:6px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.4;position:absolute;inset:0;overflow:auto}.g3m-page .branches-colored-input__overlay::-webkit-scrollbar{width:0;height:0}.g3m-page textarea#branchesInput{box-sizing:border-box;resize:vertical;color:#0000;caret-color:#f5f5ff;z-index:1;background:0 0;border:none;border-radius:6px;width:100%;min-height:105px;padding:6px;font-family:JetBrains Mono,monospace;font-size:12px;display:block;position:relative;overflow:auto}.g3m-page textarea#vueltasInput{resize:horizontal;color:#f5f5ff;background:#181819;border:1px solid #272738;border-radius:6px;width:100%;min-height:250px;padding:6px;font-family:JetBrains Mono,monospace;font-size:12px;overflow:auto}.g3m-page textarea#branchesInput:focus{border-color:#4f7dff;outline:1px solid #4f7dff}.g3m-page .idem-row{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.g3m-page .idem-row label{color:#9090b0;white-space:nowrap;font-size:11px}.g3m-page .idem-row input[type=number]{text-align:center;color:#e0e0ff;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;width:52px;padding:2px 5px;font-size:12px}.g3m-page .idem-row--sliders{flex-direction:column;align-items:stretch;gap:4px}.g3m-page .idem-slider-field{align-items:center;gap:8px;display:flex}.g3m-page .idem-slider-field label{color:#9090b0;white-space:nowrap;min-width:75px;font-size:11px}.g3m-page .idem-slider-wrap{flex:1;align-items:center;gap:6px;display:flex}.g3m-page .idem-slider-wrap input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;outline:none;flex:1;height:4px}.g3m-page .idem-slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#00aae4);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.g3m-page .idem-slider-value{text-align:center;color:#e0e0e0;background:#ffffff0f;border-radius:4px;min-width:24px;padding:2px 6px;font-size:12px;font-weight:600}.g3m-page .field{align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.g3m-page .field label{flex:none;min-width:75px}.g3m-page .controls-panel input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),.g3m-page .controls-panel textarea{font-family:JetBrains Mono,Consolas,monospace}.g3m-page .field input[type=text]{color:#f5f5ff;background:#181819;border:1px solid #272738;border-radius:6px;padding:6px;font-family:JetBrains Mono,monospace;font-size:12px}.g3m-page .field select{color:#f5f5ff;appearance:none;background-color:#181819;background-image:linear-gradient(45deg,#0000 50%,#f5f5ffcc 50%),linear-gradient(135deg,#f5f5ffcc 50%,#0000 50%);background-position:calc(100% - 16px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:1px solid #272738;border-radius:6px;flex:auto;padding:6px 28px 6px 10px;font-family:JetBrains Mono,monospace;font-size:12px}.g3m-page .field select:hover{border-color:#3a3a56}.g3m-page .field select:focus{border-color:#4f7dff;outline:1px solid #4f7dff}.g3m-page .field select:disabled{opacity:.6;cursor:not-allowed}.g3m-page .controls-panel select option,.g3m-page .controls-panel select optgroup{color:#f5f5ff;background:#181819}.g3m-page .field input[type=range]{flex:1.2 auto}.g3m-page .field-value{text-align:right;font-variant-numeric:tabular-nums;color:#d0d0e8;width:60px;font-size:11px}.g3m-page .checkbox-field{margin-top:10px}.g3m-page .checkbox-field label{font-size:12px}.g3m-page select#styleSelect{color:#f5f5ff;background:#181822;border:1px solid #272738;border-radius:4px;flex:auto;padding:4px 6px;font-size:11px}.g3m-page button#btnRedraw,.g3m-page button#saveColors,.g3m-page button#saveToGallery,.g3m-page button#updateBtn,.g3m-page button#copyChords{border:1px solid var(--border);width:100%;color:var(--fg);cursor:pointer;background:#242633;border-radius:8px;flex:1 1 0;padding:5px 8px;font-size:.85rem;transition:background .15s,transform 50ms}.g3m-page button#btnApplyBranches{width:100%;color:var(--fg);cursor:pointer;background:#80cf4766;border:1px solid #80cf4766;border-radius:8px;flex:1 1 0;padding:5px 8px;font-size:.85rem;transition:background .15s,transform 50ms}.g3m-page .pr-panel-btn,.g3m-page button#btnReset,.g3m-page button#btnApply,.g3m-page button#btnSave,.g3m-page button#btnDownloadPng,.g3m-page button#btnCopyPng,.g3m-page button#btnIncidence,.g3m-page button#btnConnectionsSummary,.g3m-page #saveColors,.g3m-page button#saveToGallery,.g3m-page button#updateBtn,.g3m-page button#copyChords{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#242633;border-radius:8px;padding:5px 8px;font-size:.85rem;transition:background .15s,transform 50ms}.g3m-page button#btnRedraw:hover,.g3m-page .pr-panel-btn:hover,.g3m-page button#btnReset:hover,.g3m-page button#btnApply:hover,.g3m-page button#btnSave:hover,.g3m-page button#btnDownloadPng:hover,.g3m-page button#btnCopyPng:hover,.g3m-page button#btnIncidence:hover,.g3m-page button#btnConnectionsSummary:hover,.g3m-page #saveColors:hover,.g3m-page button#saveToGallery:hover,.g3m-page button#updateBtn:hover,.g3m-page button#copyChords:hover{background:#2d3040}.g3m-page button#btnApplyBranches:hover{background:#80cf4799}.g3m-page .pr-panel-btn:active,.g3m-page button#btnRedraw:active,.g3m-page button#btnApplyBranches:active,.g3m-page button#btnReset:active,.g3m-page button#btnApply:active,.g3m-page button#btnSave:active,.g3m-page button#btnDownloadPng:active,.g3m-page button#btnCopyPng:active,.g3m-page button#btnIncidence:active,.g3m-page button#btnConnectionsSummary:active,.g3m-page #saveColors:active,.g3m-page button#saveToGallery:active,.g3m-page button#updateBtn:active,.g3m-page button#copyChords:active{transform:scale(.97)}.g3m-page .field input[type=color]{background:#1a1a22;border:1px solid #3a3a4a;border-radius:4px;width:38px;height:20px;padding:0}.g3m-page input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}.g3m-page input[type=range]::-webkit-slider-runnable-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}.g3m-page input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-color);border:3px solid #1f2933;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 1px #1f2933}.g3m-page input[type=range]::-moz-range-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}.g3m-page input[type=range]::-moz-range-thumb{background:var(--slider-color);border:3px solid #1f2933;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #1f2933}.g3m-page input[type=range]:focus-visible{outline:none}.g3m-page input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #2563eb}.g3m-page input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #2563eb}.g3m-page input[type=radio],.g3m-page input[type=checkbox]{accent-color:var(--slider-color);cursor:pointer}.g3m-page .export-buttons{gap:8px;margin-top:4px;display:flex}.g3m-page .export-buttons button{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#242633;border-radius:8px;flex:1 1 0;padding:5px 8px;font-size:.85rem;transition:background .15s,transform 50ms}.g3m-page .export-buttons button:hover{background:#2d3040}.g3m-page .export-buttons button:active{transform:scale(.97)}.g3m-page .action-buttons-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.g3m-page .action-buttons-row button{border:1px solid var(--border);color:var(--fg);cursor:pointer;white-space:nowrap;background:#242633;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:5px 6px;font-size:.75rem;transition:background .15s,transform 50ms;display:inline-flex}.g3m-page .action-buttons-row button:hover{background:#2d3040}.g3m-page .action-buttons-row button:active{transform:scale(.97)}.g3m-page .action-buttons-row button#btnReset{flex:none;padding:5px 8px}.g3m-page .vi-logo-wrap{display:inline-block;position:relative}.g3m-page .vi-hotkeys-popover{z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:#0a0a0af2;border:1px solid #333;border-radius:10px;min-width:280px;max-width:420px;margin-top:10px;padding:10px 12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.g3m-page .vi-logo-wrap:hover .vi-hotkeys-popover{opacity:1;visibility:visible;pointer-events:auto}.g3m-page .vi-hotkeys-title{color:#ddd;margin-bottom:8px;font-size:12px}.g3m-page .vi-hotkeys-grid{gap:6px;display:grid}.g3m-page .vi-hotkeys-row{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.g3m-page .vi-kbd{color:#fff;text-align:center;background:#121212;border:1px solid #444;border-radius:6px;padding:3px 6px;font-size:12px;display:inline-block}.g3m-page .vi-hotkeys-label{color:#bbb;font-size:12px}.g3m-page .vi-logo{background:#1a1a1a;width:400px;height:auto;display:block}.g3m-page .hl-div{grid-template-columns:repeat(2,minmax(0,150px));gap:8px 4px;display:grid}.g3m-page .hl-card{gap:4px;width:fit-content;display:flex}.g3m-page .hl-card input[type=text]{color:#f5f5ff;background:#181819;border:1px solid #272738;border-radius:6px;width:30%;padding:6px;font-family:JetBrains Mono,monospace;font-size:12px}.g3m-page .hl-chord-div{flex-direction:column;gap:4px;display:flex}.g3m-page .hl-chord-card{gap:10px;display:flex}.g3m-page .hl-chord-card input[type=text]{color:#f5f5ff;background:#181819;border:1px solid #272738;border-radius:6px;width:30%;padding:6px;font-family:JetBrains Mono,monospace;font-size:12px}.g3m-page .color-table{border-collapse:collapse;width:100%}.g3m-page .color-table td{vertical-align:middle;padding:2px}.g3m-page .color-table tr:hover{background:#64aaff0a}.g3m-page .color-row-empty td{opacity:.5}.g3m-page .color-table-input{color:#f5f5ff;background:#181819;border:1px solid #888;border-radius:4px;width:100%;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.g3m-page .eye-toggle{cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.g3m-page .eye-toggle:hover{opacity:1;background:#64aaff1a}.g3m-page .gallery-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000c;width:100%;display:none;position:absolute;inset:0;overflow:auto}.g3m-page .is-visible{display:flex}.g3m-page .gallery-overlay .graph-page{width:100%;margin:0 auto}.g3m-page .gallery-close{z-index:210;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;position:absolute;top:1rem;right:1rem}.g3m-page .gallery-close:hover{background:#ffffff2e}.g3m-page .layout-tooltip{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;background:#2a2a2a;border:1px solid #444;border-radius:8px;min-width:320px;max-width:400px;margin-top:8px;padding:12px;transition:opacity .2s,visibility .2s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.g3m-page .vi-logo-wrap:hover .layout-tooltip{opacity:1;visibility:visible;pointer-events:auto}.g3m-page .layout-tooltip-title{color:#ddd;margin-bottom:8px;font-size:12px}.g3m-page .layout-tooltip-content{gap:6px;display:grid}.g3m-page .layout-tooltip-row{grid-template-columns:120px 1fr;align-items:center;gap:8px;display:grid}.g3m-page .layout-tooltip-algo{color:#4ade80;text-align:center;background:#444;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.g3m-page .layout-tooltip-desc{color:#bbb;font-size:12px;line-height:1.3}.g3m-page .field-group{background:#ffffff05;border:1px solid #262636;border-radius:6px;flex-direction:column;gap:6px;padding:6px 8px;display:flex}.g3m-page .field-group-label{text-transform:uppercase;letter-spacing:.07em;color:#7070a0;margin:0 0 2px;font-size:10px}.g3m-page .field-group-num{color:#fff;letter-spacing:0;text-shadow:0 0 6px #ffffff59;background:linear-gradient(#1f2a36 0%,#14202c 100%);border:1px solid #5bd6ff;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:28px;padding:0 10px;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 0 0 2px #5bd6ff14,0 0 12px #5bd6ff40}.g3m-page .tab-reset-btn{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#242633;border-radius:8px;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:5px 8px;font-size:.85rem;transition:background .15s,transform 50ms;display:inline-flex}.g3m-page .tab-reset-btn:hover{color:#ff9090;background:#2c2e44;border-color:#dc3c3c99;transform:scale(1.01)}.g3m-page .informe-section{border:1px solid #262636;border-radius:6px;flex-direction:column;gap:4px;margin-top:8px;padding:8px;display:flex}.g3m-page .informe-title{text-transform:uppercase;letter-spacing:.07em;color:#7070a0;margin:0 0 4px;font-size:10px}.g3m-page .informe-ring{flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.g3m-page .informe-ring--block{flex-direction:column;gap:2px}.g3m-page .informe-ring-label{color:#8080b0;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin:0;font-size:10px;font-weight:600}.g3m-page .informe-ring-chords{color:#d0d0f0;word-break:break-all;font-size:11px;line-height:1.5}.g3m-page .informe-list{color:#d0d0f0;word-break:break-all;margin:0;font-size:11px;line-height:1.5}.g3m-page .informe-repeat-row{color:#d0d0f0;justify-content:space-between;font-size:11px;display:flex}.g3m-page .informe-repeat-count{color:#7070a0;font-variant-numeric:tabular-nums}.g3m-page .hotkeys-grid{flex-direction:column;gap:12px;display:flex}.g3m-page .hotkeys-group{flex-direction:column;gap:3px;display:flex}.g3m-page .hotkeys-group-label{text-transform:uppercase;letter-spacing:.07em;color:#7070a0;margin:0 0 3px;font-size:10px}.g3m-page .hotkey-row{align-items:center;gap:4px;padding:2px 0;display:flex}.g3m-page .hotkey-key{color:#e0e0ff;white-space:nowrap;cursor:default;background:#ffffff12;border:1px solid #ffffff4d;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.g3m-page .hotkey-key.hotkey-clickable{cursor:pointer}.g3m-page .hotkey-key.hotkey-clickable:hover{background:#ffffff24;border-color:#ffffff80}.g3m-page .tabs-block{padding-top:0}.g3m-page .tabs-header{border-bottom:1px solid #333;flex-wrap:wrap;align-items:flex-end;gap:2px;margin-bottom:0;padding:6px 2px 0;display:flex}.g3m-page .tab-btn{color:#888;cursor:pointer;white-space:nowrap;z-index:1;font-variation-settings:"wght" 600;background:#1e1e1e;border:1px solid #333;border-radius:6px 6px 0 0;align-items:center;gap:4px;margin-bottom:-1px;padding:5px 11px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s;display:inline-flex;position:relative}.g3m-page .tab-btn:hover{color:#bbb;background:#252525}.g3m-page .tab-btn.active{color:#e0e0e0;z-index:2;background:#121212;border-color:#333 #333 #121212;font-weight:600}.g3m-page .conn-table .conn-input{width:58px;padding:2px 4px}.g3m-page .conn-table .conn-thickness{width:44px}.g3m-page .conn-table td{padding:2px 3px}.g3m-page .tab-btn.tab-modified{color:#e8f0ff;background:#1a3a5c}.g3m-page .tab-btn.tab-modified.active{color:#fff;background:#1e4a7a}.g3m-page .tab-btn.tab-encendida{color:#e6ffe9;background:#1f5a2b;border-color:#3fb950}.g3m-page .tab-btn.tab-encendida.active{color:#fff;background:#2a7a3c;border-bottom-color:#2a7a3c}.g3m-page .tab-content{flex-direction:column;gap:8px;padding-top:10px;display:flex}.g3m-page .field-disabled input[type=range]{opacity:.25;cursor:not-allowed;pointer-events:none}.g3m-page .informe-type-group{padding:2px 0;font-size:11px;line-height:1.5}.g3m-page .informe-repeat-group{align-items:flex-start;gap:8px;margin:2px 0;font-size:11px;display:flex}.g3m-page .informe-repeat-chords{color:#c0c0e0;flex:1;line-height:1.5}.g3m-page .informe-missing-group{flex-direction:column;margin:4px 0 2px;font-size:11px;display:flex}.g3m-page .informe-missing-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px;font-size:10px;font-weight:600}.g3m-page .informe-missing-chords{line-height:1.6}.g3m-page .conn-row{flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.g3m-page .conn-input{color:#e0e0ff;background:#ffffff0d;border:1px solid #888;border-radius:4px;width:72px;min-width:0;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.g3m-page .conn-input:focus{border-color:#4f7dff;outline:1px solid #4f7dff}.g3m-page .conn-sep{color:#5050a0;flex-shrink:0;font-size:12px}.g3m-page .conn-active-label{color:#9090b0;cursor:pointer;flex-shrink:0;align-items:center;gap:4px;font-size:11px;display:flex}.g3m-page .conn-thickness{text-align:center;color:#e0e0e0;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:4px;flex-shrink:0;width:40px;padding:2px;font-size:11px}.g3m-page .conn-dimmed-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.g3m-page .icon-toggle{color:#888;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;transition:background .12s,color .12s;display:inline-flex}.g3m-page .icon-toggle:hover{color:#bbb;background:#252525}.g3m-page .icon-toggle.active{color:#8cf;background:#252535;border-color:#456}.g3m-page .mode-btn{color:#888;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:6px;flex:1;padding:4px 10px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s}.g3m-page .mode-btn:hover{color:#bbb;background:#252525}.g3m-page .mode-btn.active{color:#e0e0e0;background:#252535;border-color:#456}.g3m-page .ring-editor-svg{touch-action:none;background:#121212;border:1px solid #333;border-radius:8px;width:100%;margin:4px auto;display:block}.g3m-page .ring-editor-info{color:#888;text-align:center;margin:4px 0;font-size:10px}.g3m-page .ring-editor-info p{margin:2px 0}.g3m-page .style-preview-row{justify-content:center;gap:2px;margin-bottom:8px;display:flex}.g3m-page .style-preview-btn{cursor:pointer;background:#151518;border:1px solid #333;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:0;min-width:0;padding:3px 2px 2px;transition:border-color .15s,background .15s;display:flex}.g3m-page .style-preview-btn:hover{background:#1e1e28;border-color:#555}.g3m-page .style-preview-btn.active{background:#1a1a30;border-color:#6af}.g3m-page .style-preview-num{color:#666;font-size:9px;line-height:1}.g3m-page .style-preview-btn.active .style-preview-num{color:#6af}.g3m-page .estilo-ring-tabs{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.g3m-page .estilo-ring-tab{color:#888;cursor:pointer;white-space:nowrap;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:2px 8px;font-size:10px;transition:background .12s,color .12s}.g3m-page .estilo-ring-tab:hover{color:#bbb;background:#252525}.g3m-page .estilo-ring-tab.active{color:#e0e0e0;background:#242633;border-color:#444;font-weight:600}.g3m-page .estilo-ring-hint{color:#6060a0;align-items:center;gap:8px;margin:0 0 8px;font-size:10px;display:flex}.g3m-page .estilo-ring-clear{color:#7070b0;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:3px;padding:1px 6px;font-size:10px}.g3m-page .estilo-ring-clear:hover{color:#f88;border-color:#ff646466}.g3m-page .estilo-slider-field{margin-bottom:2px!important}.g3m-page .estilo-slider-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.g3m-page .estilo-slider-label{color:#aaa;flex-shrink:0;align-items:center;gap:2px;min-width:80px;max-width:80px;font-size:10px;display:flex}.g3m-page .estilo-slider-range{flex:1;min-width:0}.g3m-page .slider-reset-icon{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:inline-flex}.g3m-page .slider-reset-icon:hover{opacity:1;background:#ff50501f}.g3m-page .estilo-slider-value{color:#fff;text-align:right;background:#1a1a2a;border:1px solid #888;border-radius:4px;width:52px;min-width:52px;padding:2px 4px;font-size:11px}.g3m-page .anim-section-label{letter-spacing:.06em;text-transform:uppercase;color:#6060a0;margin:10px 0 4px;font-size:10px;font-weight:600}.g3m-page .comb-table-wrap{background:#131316;border:1px solid #272738;border-radius:6px;max-height:320px;margin-top:4px;overflow:auto}.g3m-page .comb-table{border-collapse:collapse;white-space:nowrap;font-family:JetBrains Mono,Consolas,monospace;font-size:10px}.g3m-page .comb-table th,.g3m-page .comb-table td{text-align:center;border:1px solid #272738;width:22px;min-width:22px;padding:2px 0}.g3m-page .comb-table thead th{z-index:2;color:#888;background:#1a1a2a;font-weight:600;position:sticky;top:0}.g3m-page .comb-table-corner{position:sticky;left:0;z-index:3!important;background:#1a1a2a!important}.g3m-page .comb-table tbody th{z-index:1;color:#888;background:#1a1a2a;min-width:26px;font-weight:600;position:sticky;left:0}.g3m-page .comb-table-sel-col,.g3m-page .comb-table-sel-row{color:#6af!important;background:#1a2a3a!important}.g3m-page .comb-table-cell{cursor:pointer;color:#666;transition:background .1s}.g3m-page .comb-table-cell:hover{color:#fff!important;background:#2a2a4a!important}.g3m-page .comb-table-cell.comb-ok{color:#5a8}.g3m-page .comb-table-cell.comb-repeat{color:#844}.g3m-page .comb-table-cell.comb-current{color:#fff;background:#2a3a5a;font-weight:700;box-shadow:inset 0 0 0 1.5px #4f7dff}.g3m-page .exc-table-wrap{margin-top:2px;overflow-x:auto}.g3m-page .exc-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Consolas,monospace;font-size:11px}.g3m-page .exc-table th,.g3m-page .exc-table td{text-align:center;border:1px solid #272738;padding:5px 4px}.g3m-page .exc-table thead th{color:#888;background:#242633;padding:4px 6px;font-size:13px;font-weight:600}.g3m-page .exc-table-branch{color:#bbb;text-overflow:ellipsis;white-space:nowrap;background:#242633;max-width:50px;font-size:10px;font-weight:600;overflow:hidden}.g3m-page .exc-table-cell{cursor:pointer;font-size:13px;transition:background .1s}.g3m-page .exc-table-cell:hover{background:#2a2a4a!important}.g3m-page .exc-table-cell.active{font-weight:700}.g3m-page .exc-row-deleted{opacity:.4}.g3m-page .exc-row-deleted .exc-table-branch{text-decoration:line-through}.g3m-page .gca-scale-wrap{position:relative}.g3m-page .gca-scale-wrap canvas{display:block;width:100%!important;height:100%!important}.g3m-page .pr-page{color:#f5f5f5;background:#121212;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.g3m-page .pr-app-root{grid-template-columns:1fr;min-height:0;display:grid}.g3m-page .pr-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:10;background:#121212;border-bottom:1px solid #444;height:auto;max-height:60vh;padding:10px 14px;position:static;overflow:hidden auto}.g3m-page .pr-canvas-area{min-width:0;min-height:0;position:relative;overflow:auto}@media (min-width:1024px){.g3m-page .pr-page{height:100vh;overflow:hidden}.g3m-page .pr-app-root{grid-template-columns:clamp(300px,380px,50vw) 1fr;height:100vh}.g3m-page .pr-panel{border-bottom:none;border-right:1px solid #444;height:100vh;max-height:none;position:sticky;top:0;left:0}.g3m-page .pr-canvas-area{height:100vh}}.g3m-page .pr-canvas-area canvas{margin-top:0}.g3m-page .pr-top-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.g3m-page .pr-top-row .vi-logo-wrap{flex-shrink:0}.g3m-page .pr-top-row .vi-logo{background:0 0;width:200px;height:auto;display:block}.g3m-page .pr-chords-table-btn{color:#dadada;cursor:pointer;white-space:nowrap;background:#242633;border:1px solid #333;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.g3m-page .pr-chords-table-btn:hover{color:#fff;background:#2d3040}.g3m-page .pr-chord-input{resize:vertical;width:100%;min-height:80px;margin-top:6px;margin-bottom:4px}.g3m-page .pr-panel .tabs-header{border-bottom:1px solid #333;flex-wrap:wrap;align-items:flex-end;gap:2px;margin-bottom:0;padding:6px 2px 0;display:flex}.g3m-page .pr-panel .tab-btn{color:#888;cursor:pointer;white-space:nowrap;z-index:1;font-variation-settings:"wght" 600;background:#1e1e1e;border:1px solid #333;border-radius:6px 6px 0 0;align-items:center;gap:4px;margin-bottom:-1px;padding:5px 11px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s;display:inline-flex;position:relative}.g3m-page .pr-panel .tab-btn:hover{color:#bbb;background:#252525}.g3m-page .pr-panel .tab-btn.active{color:#e0e0e0;z-index:2;background:#121212;border-color:#333 #333 #121212;font-weight:600}.g3m-page .pr-panel .tab-btn.tab-modified{color:#e8f0ff;background:#1a3a5c}.g3m-page .pr-panel .tab-btn.tab-modified.active{color:#fff;background:#1e4a7a}.g3m-page .pr-panel .tab-content{flex-direction:column;gap:8px;padding-top:10px;display:flex}.g3m-page .pr-panel .tabs-block{border-top:none;flex-direction:column;gap:0;margin-top:8px;padding-top:0;display:flex}.g3m-page .pr-panel .action-buttons-row{flex-wrap:nowrap;align-items:center;gap:6px;margin-top:6px;display:flex}.g3m-page .pr-panel .action-buttons-row button{border:1px solid var(--border,#2a2f39);color:#dadada;cursor:pointer;white-space:nowrap;background:#242633;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:5px 6px;font-size:.75rem;transition:background .15s,transform 50ms;display:inline-flex}.g3m-page .pr-panel .action-buttons-row button:hover{background:#2d3040}.g3m-page .pr-panel .action-buttons-row button:active{transform:scale(.97)}.g3m-page .pr-panel .action-buttons-row button#btnReset{flex:none;padding:5px 8px}.g3m-page .pr-field{align-items:center;gap:8px;font-size:11px;display:flex}.g3m-page .pr-field-label{color:#9090b0;white-space:nowrap;flex-shrink:0;min-width:130px;font-size:11px}.g3m-page .pr-field-slider{flex:1;align-items:center;gap:6px;display:flex}.g3m-page .pr-field-slider input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;outline:none;flex:1;height:4px}.g3m-page .pr-field-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#00aae4);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.g3m-page .pr-field-slider input[type=range]::-moz-range-thumb{background:var(--slider-color,#00aae4);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.g3m-page .pr-field-value{text-align:center;color:#e0e0e0;background:#ffffff0f;border-radius:4px;min-width:30px;padding:2px 6px;font-size:11px;font-weight:600}.g3m-page input.pr-field-value{border:1px solid #0000;width:46px;font-family:inherit}.g3m-page input.pr-field-value:hover{border-color:#ffffff2e}.g3m-page input.pr-field-value:focus{background:#ffffff1a;border-color:#64c8ff;outline:none}.g3m-page .pr-toggle-btn{color:#666;cursor:pointer;white-space:nowrap;background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:4px 12px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.g3m-page .pr-toggle-btn:hover{color:#999;background:#252525}.g3m-page .pr-toggle-btn.active{color:#8cf;background:#1a3a5c;border-color:#456}.g3m-page .pr-btn-group{gap:3px;display:flex}.g3m-page .pr-btn-group .pr-toggle-btn{text-align:center;min-width:32px;padding:4px 8px}.g3m-page .controls-panel .pr-btn-group{width:100%}.g3m-page .controls-panel .pr-btn-group .pr-toggle-btn,.g3m-page .controls-panel .pr-btn-group .pr-panel-btn{flex:1 1 0;min-width:0}.g3m-page .controls-panel .pr-toggle-btn,.g3m-page .controls-panel .pr-panel-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.g3m-page .pr-toggle-check-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;display:grid}.g3m-page .pr-toggle-check-grid .pr-toggle-btn{text-align:center;min-width:0;padding:4px 6px}.g3m-page .pr-toggle-check-rows{flex-direction:column;gap:4px;display:flex}.g3m-page .pr-toggle-check-row{grid-template-columns:repeat(2,minmax(44px,1fr));gap:4px;display:grid}.g3m-page .pr-toggle-check-row .pr-toggle-btn{text-align:center;min-width:0;padding:4px 6px}.g3m-page .chord-hl-wrap{background:#181819;border:1px solid #272738;border-radius:6px;width:100%;position:relative}.g3m-page .chord-hl-wrap:focus-within{border-color:#4f7dff;outline:1px solid #4f7dff}.g3m-page .chord-hl-layer{white-space:pre-wrap;word-break:break-word;pointer-events:none;color:#f5f5ff;scrollbar-width:none;border-radius:6px;padding:6px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.4;position:absolute;inset:0;overflow:auto}.g3m-page .chord-hl-layer::-webkit-scrollbar{width:0;height:0}.g3m-page .chord-hl-textarea{resize:vertical;color:#0000;caret-color:#f5f5ff;z-index:1;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;border-radius:6px;outline:none;width:100%;min-height:105px;margin:0;padding:6px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.4;display:block;position:relative;overflow:auto}.g3m-page .chord-hl-textarea::selection{color:#0000;background:#4f7dff59}.g3m-page .chord-hl-textarea::placeholder{color:#666}.g3m-page .pr-reset-btn{color:#f99;cursor:pointer;background:#3a1515;border:1px solid #7a2a2a;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:10px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.g3m-page .pr-reset-btn:hover{color:#ffc9c9;background:#5a1f1f;border-color:#a83a3a}.g3m-page .pr-header-actions{grid-template-columns:1fr 1fr auto;gap:6px;margin:8px 0 4px;display:grid}.g3m-page .pr-header-actions button{color:#dadada;cursor:pointer;white-space:nowrap;background:#242633;border:1px solid #2a2f39;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.g3m-page .pr-header-actions button:hover{background:#2d3040}.g3m-page .pr-header-actions button:active{transform:scale(.97)}.g3m-page .pr-header-actions .pr-reset-general{color:#f99;background:#3a1515;border-color:#7a2a2a;padding:6px 10px}.g3m-page .pr-header-actions .pr-reset-general:hover{color:#ffc9c9;background:#5a1f1f;border-color:#a83a3a}.g3m-page .pr-field-stack{flex-direction:column;gap:6px;display:flex}.g3m-page .pr-field-stack .pr-field,.g3m-page .pr-field-stack .field{grid-template-columns:minmax(110px,140px) 1fr;align-items:center;gap:8px;margin:0;display:grid}.g3m-page .pr-field-stack .pr-field>label,.g3m-page .pr-field-stack .field>label,.g3m-page .pr-field-stack .pr-field-label{color:#9090b0;white-space:nowrap;min-width:0;margin:0;font-size:11px}.g3m-page .pr-field-stack input[type=text],.g3m-page .pr-field-stack input[type=number]{color:#f5f5ff;box-sizing:border-box;background:#181819;border:1px solid #333;border-radius:6px;width:100%;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.g3m-page .pr-field-stack input[type=range],.g3m-page .pr-field-stack .pr-btn-group,.g3m-page .pr-field-stack .pr-toggle-check-rows{width:100%}.g3m-page .interval-piano{background:#17171c;border:1px solid #272738;border-radius:6px;width:100%;padding:6px}.g3m-page .interval-piano__grid{grid-template-columns:repeat(7,1fr);gap:3px;height:92px;display:grid;position:relative}.g3m-page .interval-piano__key{color:#666;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:5px;font-family:inherit;font-size:10px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex;position:relative}.g3m-page .interval-piano__key:hover{color:#aaa;background:#26262e}.g3m-page .interval-piano__key--white{height:100%}.g3m-page .interval-piano__key--white.active{color:#0a1730;background:#e8eef9;border-color:#c9d4e8}.g3m-page .interval-piano__key--white.root{color:#fc6;background:#2b2514;border-color:#5a4a22}.g3m-page .interval-piano__key--white.root.active{color:#2a1e06;background:#fc6;border-color:#d9a94c}.g3m-page .interval-piano__key--black{color:#777;z-index:2;background:#0f0f14;border-color:#2a2a34;border-radius:0 0 4px 4px;width:10%;height:58%;padding-bottom:4px;font-size:9px;position:absolute;top:0}.g3m-page .interval-piano__key--black:hover{color:#bbb;background:#1a1a22}.g3m-page .interval-piano__key--black.active{color:#0a1730;background:#e8eef9;border-color:#c9d4e8}.g3m-page .interval-piano__label{pointer-events:none;line-height:1.1}.g3m-page .interval-piano__count{pointer-events:none;color:#8aa3d4;opacity:.85;margin-bottom:2px;font-size:8.5px;font-weight:700;line-height:1}.g3m-page .interval-piano__key--white .interval-piano__count{color:#6a7fa3}.g3m-page .interval-piano__key--white.root .interval-piano__count{color:#e0b870}.g3m-page .interval-piano__key--white.active .interval-piano__count,.g3m-page .interval-piano__key--black.active .interval-piano__count{color:#3a5a9a}.g3m-page .interval-piano__key--white.root.active .interval-piano__count{color:#5a3e0a}.g3m-page .interval-piano__key.has-count-color .interval-piano__count{opacity:.78;color:#1a1a22!important}.g3m-page .interval-piano__key.has-count-color{border-color:#00000059}.g3m-page .interval-piano__key.has-count-color:hover{filter:brightness(1.08)}.g3m-page .interval-piano__key--white.has-count-color.active,.g3m-page .interval-piano__key--black.has-count-color.active{outline-offset:-3px;border-color:#f5f5f8;outline:2px solid #f5f5f8}.g3m-page .pr-info-box{background:#17171c;border:1px solid #272738;border-radius:6px;margin-bottom:8px;padding:8px}.g3m-page .pr-info-box h3{color:#9aa0b4;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:11px}.g3m-page .pr-matrix-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,monospace;font-size:10px}.g3m-page .pr-matrix-table th,.g3m-page .pr-matrix-table td{text-align:center;color:#e0e0ff;white-space:nowrap;border:1px solid #272738;padding:2px 4px}.g3m-page .pr-matrix-table th{color:#9090b0;background:#1e1e2a;font-weight:600}.g3m-page .pr-matrix-scroll{border-radius:4px;max-height:300px;overflow:auto}.g3m-page .pr-topology-grid{grid-template-columns:1fr 1fr;gap:6px;font-size:11px;display:grid}.g3m-page .pr-topology-grid .k{color:#9090b0}.g3m-page .pr-topology-grid .v{color:#e0e0ff;font-weight:600}.g3m-page .pr-path-picker{background:#17171c;border:1px solid #272738;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;display:flex}.g3m-page .pr-path-picker select{color:#f5f5ff;background:#181819;border:1px solid #333;border-radius:4px;width:100%;padding:4px 6px;font-size:11px}.g3m-page .pr-path-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.g3m-page .pr-path-item{color:#dadada;background:#191920;border:1px solid #272738;border-radius:6px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5}.g3m-page .pr-path-item__head{color:#9090b0;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:3px;font-size:10px;display:flex}.g3m-page .pr-path-item__swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.g3m-page .pr-style-section{border-bottom:1px solid #222;margin-bottom:6px;padding:6px 0}.g3m-page .pr-style-section:last-child{border-bottom:none}.g3m-page .pr-common-notes-row{grid-template-columns:repeat(7,1fr);gap:3px;width:100%;display:grid}.g3m-page .pr-common-notes-btn{flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:6px 2px 4px;display:flex}.g3m-page .pr-common-notes-btn__count{color:#6a7fa3;margin-bottom:2px;font-size:9px;font-weight:700;line-height:1}.g3m-page .pr-common-notes-btn.active .pr-common-notes-btn__count{color:#b6cefd}.g3m-page .pr-common-notes-btn.has-count-color .pr-common-notes-btn__count{opacity:.78;color:#1a1a22!important}.g3m-page .pr-common-notes-btn.has-count-color{border-color:#00000059}.g3m-page .pr-common-notes-btn.has-count-color:hover{filter:brightness(1.08)}.g3m-page .pr-common-notes-btn.has-count-color.active{outline-offset:-2px;border-color:#f5f5f8;outline:2px solid #f5f5f8}.g3m-page .pr-common-notes-btn__label{font-size:12px;line-height:1}.g3m-page .pr-style-section h3{color:#9aa0b4;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:11px}.g3m-page .pr-panel .style-indicator-row{margin-top:6px;margin-bottom:6px}.g3m-page .pr-nulo-placeholder{padding:12px 0}.g3m-page .pr-panel .tab-content .group{box-shadow:none;background:0 0;border:none;width:100%;height:auto;padding:0}.g3m-page .pr-panel .tab-content .export-buttons{gap:8px;margin-top:4px;display:flex}.g3m-page .pr-panel .tab-content .export-buttons button{border:1px solid var(--border,#2a2f39);color:#dadada;cursor:pointer;background:#242633;border-radius:8px;flex:1 1 0;padding:5px 8px;font-size:.75rem;transition:background .15s,transform 50ms}.g3m-page .pr-panel .tab-content .export-buttons button:hover{background:#2d3040}.g3m-page .pr-panel .tab-content .group h2{color:#e0e0ff;margin:0 0 6px;font-size:12px}.g3m-page .pr-hl-input{color:#f5f5ff;background:#181819;border:1px solid #333;border-radius:6px;flex:1;min-width:0;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.g3m-page .pr-hl-input:focus{border-color:#4f7dff;outline:1px solid #4f7dff}.g3m-page .pr-hl-color{cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:0}.g3m-page .pr-hl-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.g3m-page .pr-hl-item{background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;display:flex}.g3m-page .pr-hl-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px}.g3m-page .pr-hl-remove{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.g3m-page .pr-hl-remove:hover{color:#e55}.g3m-page .pr-shortcuts-list{flex-direction:column;gap:6px;display:flex}.g3m-page .pr-shortcut-row{color:#bbb;align-items:center;gap:6px;font-size:11px;display:flex}.g3m-page .pr-shortcut-row kbd{color:#fff;text-align:center;background:#121212;border:1px solid #444;border-radius:4px;min-width:20px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.g3m-page .pr-shortcut-row span{color:#999;font-size:11px}.g3m-page .pr-caminos-pick{grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 4px;display:grid}.g3m-page .pr-caminos-pick__slot{background:#17171c;border:1px solid #272738;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.g3m-page .pr-caminos-pick__label{color:#8888a0;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:10px}.g3m-page .pr-caminos-pick__val{color:#6b6b80;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.g3m-page .pr-caminos-pick__val.is-set{color:#e8eef9;font-weight:600}.g3m-page .pr-caminos-pick__clear{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:0;font-size:13px;line-height:1}.g3m-page .pr-caminos-pick__clear:hover:not(:disabled){color:#e55;border-color:#e55}.g3m-page .pr-caminos-pick__clear:disabled{opacity:.3;cursor:default}.g3m-page .pr-paths-export-overlay{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.g3m-page .pr-paths-export-dialog{background:#131318;border:1px solid #272738;border-radius:8px;flex-direction:column;width:min(1100px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0009}.g3m-page .pr-paths-export-header{border-bottom:1px solid #272738;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.g3m-page .pr-paths-export-header h2{color:#e8eef9}.g3m-page .pr-paths-export-header button{color:#dadada;cursor:pointer;background:#242633;border:1px solid #2a2f39;border-radius:6px;padding:4px 10px;font-size:11px}.g3m-page .pr-paths-export-header button:hover{background:#2d3040}.g3m-page .pr-paths-export-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:12px;display:grid;overflow-y:auto}.g3m-page .pr-paths-export-card{background:#17171c;border:1px solid #272738;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.g3m-page .pr-paths-export-card__head{color:#9090b0;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.g3m-page .pr-paths-export-card__dl{color:#9090b0;cursor:pointer;background:0 0;border:1px solid #2a2f39;border-radius:4px;padding:1px 6px;font-size:12px;line-height:1}.g3m-page .pr-paths-export-card__dl:hover{color:#e8eef9;background:#242633}.g3m-page .pr-paths-export-card__thumb{aspect-ratio:1;background:#0e0e13;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.g3m-page .pr-paths-export-card__thumb img{object-fit:contain;width:100%;height:100%;display:block}.g3m-page .pr-paths-export-card__placeholder{color:#6b6b80;letter-spacing:.05em;font-size:10px}.g3m-page .pr-paths-export-card__seq{color:#22c55e;word-break:break-word;font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:1.4}.g3m-page .pr-path-eye{color:#6b6b80;cursor:pointer;background:0 0;border:1px solid #2a2f39;border-radius:4px;flex-shrink:0;margin-right:4px;padding:2px 5px;font-size:12px;line-height:1}.g3m-page .pr-path-eye:hover{color:#e8eef9;border-color:#4a4a5a}.g3m-page .pr-path-eye.is-on{color:#22c55e;background:#22c55e1f;border-color:#22c55e}.g3m-page .pr-path-item.is-highlighted{background:#22c55e0f;border-color:#22c55e}.g3m-page .pr-floating-panel{color:#dadada;background:#131318;border:1px solid #2a2f39;border-radius:8px;flex-direction:column;max-height:80vh;font-size:12px;display:flex;overflow:hidden;box-shadow:0 8px 28px #0000008c}.g3m-page .pr-floating-panel__header{cursor:grab;-webkit-user-select:none;user-select:none;background:#1d1d26;border-bottom:1px solid #272738;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.g3m-page .pr-floating-panel__header:active{cursor:grabbing}.g3m-page .pr-floating-panel__title{color:#e8eef9;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.g3m-page .pr-floating-panel__close{color:#9090b0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.g3m-page .pr-floating-panel__close:hover{color:#fff;background:#2d2d3a}.g3m-page .pr-floating-panel__body{flex:1;padding:10px;overflow-y:auto}.g3m-page .tab-btn .tab-detached-dot{color:#4f7dff;margin-left:4px;font-size:14px;line-height:0}.g3m-page .tab-btn.tab-detached{opacity:.55;font-style:italic}.g3m-page .bcm-sync-btn-busy{color:#8cf;cursor:progress;border-color:#456;position:relative;overflow:hidden}.g3m-page .bcm-sync-btn-busy:after{content:"";background:linear-gradient(90deg,#0000 0%,#88ccff2e 50%,#0000 100%);animation:1.1s ease-in-out infinite bcm-sync-sweep;position:absolute;inset:0}@keyframes bcm-sync-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.g3m-page .bcm-sync-spinner{vertical-align:-1px;border:1.5px solid #88ccff47;border-top-color:#8cf;border-radius:50%;width:9px;height:9px;margin-right:6px;animation:.7s linear infinite bcm-sync-spin;display:inline-block}@keyframes bcm-sync-spin{to{transform:rotate(360deg)}}.g3m-page .bcm-sync-barra{background:#1e1e1e;width:100%;height:2px;overflow:hidden}.g3m-page .bcm-sync-barra:before{content:"";background:linear-gradient(90deg,#0000,#8cf,#0000);width:34%;height:100%;animation:1.4s ease-in-out infinite bcm-sync-barra-corre;display:block}@keyframes bcm-sync-barra-corre{0%{transform:translate(-100%)}to{transform:translate(400%)}}@media (prefers-reduced-motion:reduce){.g3m-page .bcm-sync-btn-busy:after,.g3m-page .bcm-sync-spinner,.g3m-page .bcm-sync-barra:before{animation:none}.g3m-page .bcm-sync-spinner{background:#8cf;border-top-color:#88ccff47}.g3m-page .bcm-sync-barra:before{width:100%}}.g3m-page{background:#121212}.g3m-page .controls-panel{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.g3m-page .controls-panel>.tabs-header{flex-shrink:0}.g3m-page .g3m-menu{scrollbar-gutter:stable;flex:1;min-height:0;padding-bottom:30px;overflow:hidden auto}.g3m-page .controls-panel :is(h1,h2,h3){color:inherit;font-size:12px}.g3m-page .controls-panel h2{margin:16px 0 8px}.g3m-page .pr-btn-group{margin:7px 0}.g3m-page .controls-panel :is(.pr-panel-btn,.pr-toggle-btn,.bcm-select,.tab-btn){border-color:#333}.g3m-page .controls-panel .pr-toggle-btn.active{border-color:#666}.g3m-page .g3m-error{color:#ff6262;overflow-wrap:anywhere}.g3m-page .g3m-dato{color:var(--color-fg-muted);font-size:11px}.g3m-page .g3m-reset{margin-top:18px}.g3m-page .g3m-rueda{max-width:260px;margin:10px auto 4px;position:relative}.g3m-page .g3m-rueda-centro{color:#b8b8c8;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:999px;padding:7px 10px;font-family:inherit;font-size:10px;font-weight:700;transition:background .12s,color .12s,border-color .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g3m-page .g3m-rueda-centro:hover{color:#e0e0f0;background:#252530;border-color:#64c8ff}.g3m-page .g3m-rueda-centro[aria-pressed=true]{color:#64c8ff;border-color:#64c8ff}.g3m-page .g3m-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,340px) minmax(0,724px) minmax(240px,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.g3m-page .g3m-lado{min-width:0;min-height:0}.g3m-page .g3m-lado-grafo{position:relative;overflow:hidden}.g3m-page .g3m-workspace.sin-matrices{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.g3m-page .g3m-lado-matriz{background:var(--color-bg-app,#121212);flex-direction:column;padding:10px;display:flex;overflow:hidden}.g3m-page .g3m-canvas{position:absolute;inset:0}.g3m-page .g3m-inspector{background:var(--color-bg-app,#121212);border-radius:var(--radius-md,8px);border:1px solid #333;width:260px;padding:14px;font-size:11px;position:absolute;bottom:20px;right:20px}.g3m-page .g3m-inspector strong,.g3m-page .g3m-inspector span{margin-bottom:6px;display:block}@media (min-width:900px){.g3m-page{height:calc(100vh - var(--g3m-band));overflow:hidden}.g3m-page .app-root{grid-template-columns:clamp(260px, var(--controls-panel-w,320px), 40vw) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);height:auto;overflow:hidden}.g3m-page .controls-panel{height:auto;max-height:none;position:relative}.g3m-page .g3m-workspace,.g3m-page .g3m-workspace.sin-matrices{grid-template-columns:var(--g3m-columnas,minmax(260px, 340px) minmax(0, 1fr))}}@media (max-width:899.98px){.g3m-page .controls-panel{height:auto;max-height:45vh}.g3m-page .g3m-workspace,.g3m-page .g3m-workspace.sin-matrices{grid-template-rows:none;grid-template-columns:minmax(0,1fr);overflow:visible}.g3m-page .g3m-lado{grid-column:auto}.g3m-page .g3m-lado-grafo{border-bottom:1px solid #333;order:-1;height:60vh;min-height:320px}.g3m-page .g3m-listas{height:50vh;min-height:280px}.g3m-page .g3m-lado-matriz{border-top:1px solid #333;height:70vh;min-height:360px}}.g3m-page .g3m-falla{margin:0;font-size:12px;position:absolute;top:18px;left:18px;right:18px}.g3m-swatch-pop{text-align:start;font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.5}.g3m-swatch-pop,.g3m-swatch-pop *,.g3m-swatch-pop :before,.g3m-swatch-pop :after{box-sizing:border-box}.g3m-swatch-pop button,.g3m-swatch-pop input{font-family:inherit;font-size:100%;line-height:inherit;letter-spacing:inherit;margin:0}
/*# sourceMappingURL=15zd_a.q-u_-o.css.map*/