.pr-page{color:#f5f5f5;background:#181818;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.pr-app-root{grid-template-columns:clamp(300px,380px,50vw) 1fr;height:100vh;min-height:0;display:grid}.pr-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:10;background:#181818;border-right:1px solid #444;height:100vh;padding:10px 14px;position:sticky;top:0;left:0;overflow:hidden auto}.pr-canvas-area{min-width:0;height:100vh;min-height:0;position:relative;overflow:auto}.pr-canvas-area canvas{margin-top:0}.pr-top-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pr-top-row .vi-logo-wrap{flex-shrink:0}.pr-top-row .vi-logo{background:0 0;width:200px;height:auto;display:block}.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}.pr-chords-table-btn:hover{color:#fff;background:#2d3040}.pr-chord-input{resize:vertical;width:100%;min-height:80px;margin-top:6px;margin-bottom:4px}.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}.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}.pr-panel .tab-btn:hover{color:#bbb;background:#252525}.pr-panel .tab-btn.active{color:#e0e0e0;z-index:2;background:#181818;border-color:#333 #333 #181818;font-weight:600}.pr-panel .tab-btn.tab-modified{color:#e8f0ff;background:#1a3a5c}.pr-panel .tab-btn.tab-modified.active{color:#fff;background:#1e4a7a}.pr-panel .tab-content{flex-direction:column;gap:8px;padding-top:10px;display:flex}.pr-panel .tabs-block{border-top:none;flex-direction:column;gap:0;margin-top:8px;padding-top:0;display:flex}.pr-panel .action-buttons-row{flex-wrap:nowrap;align-items:center;gap:6px;margin-top:6px;display:flex}.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}.pr-panel .action-buttons-row button:hover{background:#2d3040}.pr-panel .action-buttons-row button:active{transform:scale(.97)}.pr-panel .action-buttons-row button#btnReset{flex:none;padding:5px 8px}.pr-field{align-items:center;gap:8px;font-size:11px;display:flex}.pr-field-label{color:#9090b0;white-space:nowrap;flex-shrink:0;min-width:130px;font-size:11px}.pr-field-slider{flex:1;align-items:center;gap:6px;display:flex}.pr-field-slider input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;outline:none;flex:1;height:4px}.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}.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}.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}.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}.pr-toggle-btn:hover{color:#999;background:#252525}.pr-toggle-btn.active{color:#8cf;background:#1a3a5c;border-color:#456}.pr-btn-group{gap:3px;display:flex}.pr-btn-group .pr-toggle-btn{text-align:center;min-width:32px;padding:4px 8px}.pr-toggle-check-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;display:grid}.pr-toggle-check-grid .pr-toggle-btn{text-align:center;min-width:0;padding:4px 6px}.pr-toggle-check-rows{flex-direction:column;gap:4px;display:flex}.pr-toggle-check-row{grid-template-columns:repeat(2,minmax(44px,1fr));gap:4px;display:grid}.pr-toggle-check-row .pr-toggle-btn{text-align:center;min-width:0;padding:4px 6px}.chord-hl-wrap{background:#181819;border:1px solid #272738;border-radius:6px;width:100%;position:relative}.chord-hl-wrap:focus-within{border-color:#4f7dff;outline:1px solid #4f7dff}.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}.chord-hl-layer::-webkit-scrollbar{width:0;height:0}.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}.chord-hl-textarea::selection{color:#0000;background:#4f7dff59}.chord-hl-textarea::placeholder{color:#666}.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}.pr-reset-btn:hover{color:#ffc9c9;background:#5a1f1f;border-color:#a83a3a}.pr-header-actions{grid-template-columns:1fr 1fr auto;gap:6px;margin:8px 0 4px;display:grid}.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}.pr-header-actions button:hover{background:#2d3040}.pr-header-actions button:active{transform:scale(.97)}.pr-header-actions .pr-reset-general{color:#f99;background:#3a1515;border-color:#7a2a2a;padding:6px 10px}.pr-header-actions .pr-reset-general:hover{color:#ffc9c9;background:#5a1f1f;border-color:#a83a3a}.pr-field-stack{flex-direction:column;gap:6px;display:flex}.pr-field-stack .pr-field,.pr-field-stack .field{grid-template-columns:minmax(110px,140px) 1fr;align-items:center;gap:8px;margin:0;display:grid}.pr-field-stack .pr-field>label,.pr-field-stack .field>label,.pr-field-stack .pr-field-label{color:#9090b0;white-space:nowrap;min-width:0;margin:0;font-size:11px}.pr-field-stack input[type=text],.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}.pr-field-stack input[type=range],.pr-field-stack .pr-btn-group,.pr-field-stack .pr-toggle-check-rows{width:100%}.interval-piano{background:#17171c;border:1px solid #272738;border-radius:6px;width:100%;padding:6px}.interval-piano__grid{grid-template-columns:repeat(7,1fr);gap:3px;height:92px;display:grid;position:relative}.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}.interval-piano__key:hover{color:#aaa;background:#26262e}.interval-piano__key--white{height:100%}.interval-piano__key--white.active{color:#0a1730;background:#e8eef9;border-color:#c9d4e8}.interval-piano__key--white.root{color:#fc6;background:#2b2514;border-color:#5a4a22}.interval-piano__key--white.root.active{color:#2a1e06;background:#fc6;border-color:#d9a94c}.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}.interval-piano__key--black:hover{color:#bbb;background:#1a1a22}.interval-piano__key--black.active{color:#0a1730;background:#e8eef9;border-color:#c9d4e8}.interval-piano__label{pointer-events:none;line-height:1.1}.interval-piano__count{pointer-events:none;color:#8aa3d4;opacity:.85;margin-bottom:2px;font-size:8.5px;font-weight:700;line-height:1}.interval-piano__key--white .interval-piano__count{color:#6a7fa3}.interval-piano__key--white.root .interval-piano__count{color:#e0b870}.interval-piano__key--white.active .interval-piano__count,.interval-piano__key--black.active .interval-piano__count{color:#3a5a9a}.interval-piano__key--white.root.active .interval-piano__count{color:#5a3e0a}.interval-piano__key.has-count-color .interval-piano__count{opacity:.78;color:#1a1a22!important}.interval-piano__key.has-count-color{border-color:#00000059}.interval-piano__key.has-count-color:hover{filter:brightness(1.08)}.interval-piano__key--white.has-count-color.active,.interval-piano__key--black.has-count-color.active{outline-offset:-3px;border-color:#f5f5f8;outline:2px solid #f5f5f8}.pr-info-box{background:#17171c;border:1px solid #272738;border-radius:6px;margin-bottom:8px;padding:8px}.pr-info-box h3{color:#9aa0b4;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:11px}.pr-matrix-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,monospace;font-size:10px}.pr-matrix-table th,.pr-matrix-table td{text-align:center;color:#e0e0ff;white-space:nowrap;border:1px solid #272738;padding:2px 4px}.pr-matrix-table th{color:#9090b0;background:#1e1e2a;font-weight:600}.pr-matrix-scroll{border-radius:4px;max-height:300px;overflow:auto}.pr-topology-grid{grid-template-columns:1fr 1fr;gap:6px;font-size:11px;display:grid}.pr-topology-grid .k{color:#9090b0}.pr-topology-grid .v{color:#e0e0ff;font-weight:600}.pr-path-picker{background:#17171c;border:1px solid #272738;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;display:flex}.pr-path-picker select{color:#f5f5ff;background:#181819;border:1px solid #333;border-radius:4px;width:100%;padding:4px 6px;font-size:11px}.pr-path-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.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}.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}.pr-path-item__swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.pr-style-section{border-bottom:1px solid #222;margin-bottom:6px;padding:6px 0}.pr-style-section:last-child{border-bottom:none}.pr-common-notes-row{grid-template-columns:repeat(7,1fr);gap:3px;width:100%;display:grid}.pr-common-notes-btn{flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:6px 2px 4px;display:flex}.pr-common-notes-btn__count{color:#6a7fa3;margin-bottom:2px;font-size:9px;font-weight:700;line-height:1}.pr-common-notes-btn.active .pr-common-notes-btn__count{color:#b6cefd}.pr-common-notes-btn.has-count-color .pr-common-notes-btn__count{opacity:.78;color:#1a1a22!important}.pr-common-notes-btn.has-count-color{border-color:#00000059}.pr-common-notes-btn.has-count-color:hover{filter:brightness(1.08)}.pr-common-notes-btn.has-count-color.active{outline-offset:-2px;border-color:#f5f5f8;outline:2px solid #f5f5f8}.pr-common-notes-btn__label{font-size:12px;line-height:1}.pr-style-section h3{color:#9aa0b4;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:11px}.pr-panel .style-indicator-row{margin-top:6px;margin-bottom:6px}.pr-nulo-placeholder{padding:12px 0}.pr-panel .tab-content .group{box-shadow:none;background:0 0;border:none;width:100%;height:auto;padding:0}.pr-panel .tab-content .export-buttons{gap:8px;margin-top:4px;display:flex}.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}.pr-panel .tab-content .export-buttons button:hover{background:#2d3040}.pr-panel .tab-content .group h2{color:#e0e0ff;margin:0 0 6px;font-size:12px}.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}.pr-hl-input:focus{border-color:#4f7dff;outline:1px solid #4f7dff}.pr-hl-color{cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:0}.pr-hl-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.pr-hl-item{background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;display:flex}.pr-hl-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px}.pr-hl-remove{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.pr-hl-remove:hover{color:#e55}.pr-shortcuts-list{flex-direction:column;gap:6px;display:flex}.pr-shortcut-row{color:#bbb;align-items:center;gap:6px;font-size:11px;display:flex}.pr-shortcut-row kbd{color:#fff;text-align:center;background:#151515;border:1px solid #444;border-radius:4px;min-width:20px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.pr-shortcut-row span{color:#999;font-size:11px}.pr-caminos-pick{grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 4px;display:grid}.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}.pr-caminos-pick__label{color:#8888a0;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:10px}.pr-caminos-pick__val{color:#6b6b80;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.pr-caminos-pick__val.is-set{color:#e8eef9;font-weight:600}.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}.pr-caminos-pick__clear:hover:not(:disabled){color:#e55;border-color:#e55}.pr-caminos-pick__clear:disabled{opacity:.3;cursor:default}.pr-paths-export-overlay{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.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}.pr-paths-export-header{border-bottom:1px solid #272738;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pr-paths-export-header h2{color:#e8eef9}.pr-paths-export-header button{color:#dadada;cursor:pointer;background:#242633;border:1px solid #2a2f39;border-radius:6px;padding:4px 10px;font-size:11px}.pr-paths-export-header button:hover{background:#2d3040}.pr-paths-export-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:12px;display:grid;overflow-y:auto}.pr-paths-export-card{background:#17171c;border:1px solid #272738;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.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}.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}.pr-paths-export-card__dl:hover{color:#e8eef9;background:#242633}.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}.pr-paths-export-card__thumb img{object-fit:contain;width:100%;height:100%;display:block}.pr-paths-export-card__placeholder{color:#6b6b80;letter-spacing:.05em;font-size:10px}.pr-paths-export-card__seq{color:#22c55e;word-break:break-word;font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:1.4}.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}.pr-path-eye:hover{color:#e8eef9;border-color:#4a4a5a}.pr-path-eye.is-on{color:#22c55e;background:#22c55e1f;border-color:#22c55e}.pr-path-item.is-highlighted{background:#22c55e0f;border-color:#22c55e}.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}.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}.pr-floating-panel__header:active{cursor:grabbing}.pr-floating-panel__title{color:#e8eef9;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.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}.pr-floating-panel__close:hover{color:#fff;background:#2d2d3a}.pr-floating-panel__body{flex:1;padding:10px;overflow-y:auto}.tab-btn .tab-detached-dot{color:#4f7dff;margin-left:4px;font-size:14px;line-height:0}.tab-btn.tab-detached{opacity:.55;font-style:italic}.lyric-learner{background:var(--pr-bg,#0d0d14);width:100%;color:var(--pr-fg,#e0e0e8)}.lyric-learner__lyrics{flex-direction:column;flex:1;gap:10px;min-width:0;padding:16px 20px;display:flex;overflow-y:auto}.lyric-learner__section-title{color:#4f7dff;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:12px}.lyric-learner__lines{flex-direction:column;flex:1;gap:3px;display:flex}.lyric-learner__row{align-items:center;gap:6px;display:flex}.lyric-learner__line-num{text-align:right;color:#555a6e;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex-shrink:0;width:28px;font-size:10px}.lyric-learner__line-input{flex:1;padding:6px 10px;font-family:Consolas,Courier New,monospace;font-size:13px}.lyric-learner__line-input.is-empty{background:#ffffff05;border-color:#ffffff0a}.lyric-learner__display{-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:3px;flex-wrap:wrap;flex:1;align-items:center;gap:3px;min-height:30px;padding:6px 10px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.5;display:flex}.lyric-learner__display.is-spacer{opacity:.5;min-height:18px}.lyric-learner__display.is-fully-hidden{color:#0000;cursor:pointer;background:#4f7dff;border-color:#3a5fcf;transition:color .2s}.lyric-learner__display.is-fully-hidden:hover,.lyric-learner__display.is-fully-hidden.is-revealed{color:#fff}.lyric-learner__word{display:inline-block}.lyric-learner__word.is-hidden{color:#0000;cursor:pointer;background:#4f7dff;border-radius:2px;min-width:24px;transition:color .2s}.lyric-learner__word.is-hidden:hover,.lyric-learner__word.is-hidden.is-revealed{color:#fff}.lyric-learner__word.is-half{cursor:pointer}.lyric-learner__hidden-char{color:#0000;background:#4f7dff;border-radius:1px;transition:color .2s}.lyric-learner__word.is-half:hover .lyric-learner__hidden-char,.lyric-learner__hidden-char.is-revealed{color:#fff}.lyric-learner__para-block{color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;background:#4f7dff;border:1px solid #3a5fcf;border-radius:3px;flex:1;justify-content:center;align-items:center;min-height:48px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:13px;transition:color .2s;display:flex}.lyric-learner__para-block:hover,.lyric-learner__para-block.is-revealed{color:#fff}.lyric-learner__add-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.lyric-learner__controls{flex-direction:column;flex-shrink:0;gap:14px;width:280px;padding:16px 14px;display:flex}
/*# sourceMappingURL=02hmz.dtt2fyd.css.map*/