:root{--bg:#1a1a1a;--panel-2:#202026;--border:#2a2f39;--fg:#dadada;--muted:#a5adba;--radius-small:12px;--slider-color:#00aae4;--font:14px/1.5 "DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font:var(--font);margin:0}input[type=radio],input[type=checkbox]{accent-color:var(--slider-color);cursor:pointer}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}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}input[type=range]::-moz-range-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}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}.t123-page{justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.t123-content{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:min(3200px,100%);display:flex}.t123-input-box{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;width:50%;padding:10px;box-shadow:0 1px 4px #00000040}.group{background:var(--panel-2);border-radius:var(--radius-small);border:1px solid var(--border);width:100%;padding:12px}.group h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:.9rem}.chords-header{justify-content:space-between;display:flex}.chord-input{resize:none;width:100%;min-height:74px;color:var(--fg);background:#0f1116;border:1px solid #ffffff1f;border-radius:12px;padding:12px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New}.chord-input:focus{outline:none}.control-row{grid-template-columns:auto 1fr;align-items:center;gap:4px 6px;margin-bottom:16px;display:grid}.control-label{color:var(--muted);font-size:.8rem}.control-inline{gap:6px;display:flex}.control-inline label{color:var(--fg);align-items:center;gap:4px;font-size:.8rem;display:flex}.t123-canvas-wrap{justify-content:center;width:100%;display:flex;overflow:hidden}.t123-canvas-viewport{flex-direction:column;width:min(3200px,100%);display:flex;overflow:hidden}.t123-canvas-scroll{width:100%;max-height:none;overflow:hidden}.t123-canvas-inner{width:fit-content;margin-left:auto;margin-right:auto}.t123-canvas-scroll::-webkit-scrollbar{width:14px;height:14px}.t123-canvas-scroll::-webkit-scrollbar-thumb{background-color:#202026;border:2px solid #202026;border-radius:999px}.t123-canvas-scroll::-webkit-scrollbar-track{background-color:#0f1116;border-radius:999px}.canvas-panel{box-shadow:none;background:0 0;border-radius:0;justify-content:flex-start;align-items:stretch;padding:0;display:flex}.t123-canvas-wrap canvas{margin-top:0}@media (max-width:640px){.t123-input-box{width:min(92%,560px)}}.apps-back-button{cursor:pointer;z-index:10;position:absolute;top:5%;left:10px;transform:translateY(-50%)}
/*# sourceMappingURL=9101cbab5856c81d.css.map*/