@import"https://fonts.googleapis.com/css2?family=Mukta:wght@400;600;700&family=Noto+Sans+Gurmukhi:wght@500;700&display=swap";.pitch-indicator{position:relative;width:100%;height:50px;border:1px solid #000;margin-top:10px;transition:background-color .3s ease}.indicator{position:absolute;top:0;width:15px;height:100%;background:#000;transition:left .1s ease}.note-label{text-align:center;margin-top:5px;font-size:1.2em}._container_hf4tt_7{max-width:1280px;margin:0 auto;padding:1rem;color:#f1f5f9;font-family:Mukta,system-ui,sans-serif;background-color:#0f172a;border-radius:.75rem}._gurmukhi_hf4tt_27{font-family:Noto Sans Gurmukhi,sans-serif}._header_hf4tt_37{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #1e293b;gap:1rem}@media (min-width: 768px){._header_hf4tt_37{flex-direction:row;align-items:center}}._title_hf4tt_71{font-size:1.5rem;font-weight:700;color:#fbbf24;display:flex;align-items:center;gap:.5rem}._badge_hf4tt_89{font-size:.75rem;padding:.25rem .625rem;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24;border-radius:9999px;font-family:monospace}._subtitle_hf4tt_109{color:#94a3b8;font-size:.875rem;margin-top:.25rem}._tabGroup_hf4tt_121{display:flex;gap:.5rem;width:100%}@media (min-width: 768px){._tabGroup_hf4tt_121{width:auto}}._tabBtn_hf4tt_145{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:.875rem;cursor:pointer;border:none;background-color:#1e293b;color:#cbd5e1;transition:all .2s}._tabBtnActive_hf4tt_171{background-color:#f59e0b;color:#020617}._controlsGrid_hf4tt_183{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background-color:#1e293bcc;padding:1rem;border-radius:.75rem;border:1px solid #334155;margin-top:1.5rem}@media (min-width: 768px){._controlsGrid_hf4tt_183{grid-template-columns:repeat(6,1fr)}._spanTwo_hf4tt_215{grid-column:span 2}}._fieldLabel_hf4tt_225{display:block;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem}._inputField_hf4tt_243{width:100%;background-color:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:.5rem;color:#fff;font-size:.875rem;outline:none;box-sizing:border-box}._inputField_hf4tt_243:focus{border-color:#f59e0b}._actionBar_hf4tt_277{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;background-color:#1e293b66;padding:.75rem;border-radius:.75rem;border:1px solid #334155;margin-top:1rem}._btnGroup_hf4tt_303{display:flex;gap:.5rem}._btnPlay_hf4tt_313{padding:.5rem 1.25rem;border-radius:.5rem;font-weight:700;font-size:.875rem;cursor:pointer;border:none;background-color:#fbbf24;color:#020617;display:flex;align-items:center;gap:.5rem}._btnStop_hf4tt_341{background-color:#ef4444;color:#fff}._btnSave_hf4tt_351{padding:.5rem 1rem;background-color:#059669;color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:.875rem;cursor:pointer}._lineCard_hf4tt_375{background-color:#020617;padding:1rem;border-radius:.75rem;border:1px solid #1e293b;margin-top:1.5rem}._lineHeader_hf4tt_391{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;padding-bottom:.5rem;margin-bottom:.75rem;gap:.5rem}._lineHeaderLeft_hf4tt_413{display:flex;align-items:center;gap:.5rem;flex:1}._lineHeaderRight_hf4tt_427{display:flex;align-items:center;gap:.5rem}._lineTypeSelect_hf4tt_439{background-color:#f59e0b26;border:1px solid #f59e0b;color:#fbbf24;font-weight:700;font-size:.85rem;padding:.25rem .5rem;border-radius:.375rem;outline:none;cursor:pointer}._lineLabelInput_hf4tt_463{background:transparent;border:none;font-weight:700;color:#f1f5f9;font-size:1.125rem;outline:none;width:100%;max-width:250px}._btnDelete_hf4tt_485{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.75rem;font-weight:600;padding:.375rem .625rem;border-radius:.375rem;cursor:pointer}._btnDelete_hf4tt_485:hover{background-color:#ef444433}._btnAddLineInline_hf4tt_515{background-color:#334155;color:#f8fafc;border:1px solid #475569;font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s}._btnAddLineInline_hf4tt_515:hover{background-color:#f59e0b;color:#020617;border-color:#fbbf24}._inputsGrid_hf4tt_551{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}@media (min-width: 768px){._inputsGrid_hf4tt_551{grid-template-columns:repeat(3,1fr)}}._beatScrollContainer_hf4tt_579{overflow-x:auto;padding-bottom:.5rem;width:100%}._beatGridRow_hf4tt_591{display:flex;gap:.375rem;width:100%;min-width:max-content}._beatCard_hf4tt_607{flex:1;width:100%;min-width:1.75rem;height:7rem;padding:.375rem;border-radius:.375rem;border:1px solid #1e293b;background-color:#0f172ae6;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-sizing:border-box}._beatCardActive_hf4tt_639{background-color:#f59e0b33;border-color:#fbbf24}._beatTopHeader_hf4tt_649{display:flex;justify-content:space-between;font-size:.55rem;font-family:monospace;border-bottom:1px solid #1e293b;padding-bottom:.25rem;color:#64748b}._marker_hf4tt_669{color:#fbbf24;font-weight:800}._swaraNote_hf4tt_679{font-weight:700;font-size:1.125rem;color:#fcd34d;position:relative;display:inline-block}._primaryText_hf4tt_695{font-size:.875rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._secondaryText_hf4tt_713{font-size:.65rem;font-family:monospace;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid rgba(30,41,59,.6);padding-top:.25rem}body,html{margin:0;padding:0;width:100%;height:100%;overflow:auto}.fullscreen-video-container{position:relative;width:100%;height:100vh;background-color:#000}.fullscreen-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.fullscreen-button{position:fixed;top:20px;right:20px;z-index:1000;background:#000000b3;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.fullscreen-button:hover{background:#000000e6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f3f3f3;color:#333;padding-bottom:80px}.container{max-width:1200px;margin:0 auto;padding:20px}img{max-width:100%;height:auto}header{background-color:#4a148c;color:#fff;padding:20px 0;text-align:center}header h1{margin:0;font-size:2.5rem;font-weight:700}nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:nowrap;gap:10px;padding:0}nav ul li{display:inline-block}nav ul li a{color:gold;text-decoration:none;padding:10px 12px;border:2px solid transparent;transition:.3s ease-in-out;font-size:1.1rem;font-weight:600;white-space:nowrap}nav ul li a:hover{background-color:gold;color:#4a148c;border-radius:5px;border:2px solid #FFD700}.hamburger{display:none;cursor:pointer;font-size:2rem;color:gold}.hamburger:hover{color:#fff}.mobile-menu{display:none;flex-direction:column;background-color:#4a148c}.mobile-menu.open{display:flex}.mobile-menu ul{flex-direction:column}.mobile-menu li{text-align:center;padding:10px 0}@media (max-width: 768px){nav ul{display:none}.hamburger{display:block}.mobile-menu{display:none}.mobile-menu.open{display:flex}}.low-octave:after{content:"̣"}.button-link{display:inline-block;padding:15px 30px;margin:20px 0;font-size:18px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease}.button-link:hover{background-color:#0056b3}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}