: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-shell{background:var(--bg);min-height:100vh;padding:clamp(70px,8vw,120px) 16px 48px;position:relative}.t123-back-button{cursor:pointer;z-index:10;position:absolute;top:clamp(16px,4vw,32px);left:clamp(12px,4vw,28px)}.t123-page{justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex}.t123-hero{flex-direction:column;gap:18px;width:min(900px,100%);margin:0 auto 24px;display:flex}.t123-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.t123-header h1{margin:0;font-size:clamp(1.45rem,3vw,2.4rem);font-weight:800}.t123-logo{width:clamp(180px,32vw,320px)}.t123-logo .bcm-logo-wrap{width:100%}.t123-content{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:min(3200px,100%);display:flex}.t123-input-box{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;width:100%;padding:16px;box-shadow:0 1px 4px #00000040}@media (max-width:640px){.t123-logo{width:min(220px,70vw)}.t123-shell{padding-left:12px;padding-right:12px}.t123-content{gap:18px}}.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=0p-_zpq1wr4i3.css.map*/