.ktr-wrap{--ktr-orange:#f5a038;--ktr-teal:#42c7c2;--ktr-navy:#071b2a;--ktr-panel:#0c2435;--ktr-text:#fff;--ktr-muted:#b7c5cf;--ktr-line:rgba(255,255,255,.13);font:inherit;color:var(--ktr-text);position:relative}.ktr-wrap *{box-sizing:border-box}.ktr-kicker{display:block;color:var(--ktr-orange);font-size:13px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}.ktr-intro h2,.ktr-home-copy h2{font-size:clamp(34px,4vw,56px);line-height:1;margin:0 0 14px}.ktr-intro p,.ktr-home-copy p{color:var(--ktr-muted);line-height:1.55;margin:0}.ktr-intro{max-width:760px;margin:0 0 30px}.ktr-home{background:var(--ktr-navy);border:1px solid var(--ktr-line);border-radius:16px;overflow:hidden}.ktr-home-top{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(440px,1.5fr);gap:42px;padding:34px}.ktr-home-copy{align-self:center}.ktr-demo-list{display:flex;flex-direction:column;min-width:0;width:100%}.ktr-demo{display:grid;grid-template-columns:40px minmax(180px,1fr) minmax(120px,.9fr) 46px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ktr-line);min-width:0}.ktr-demo:last-child{border-bottom:0}.ktr-demo-play{appearance:none!important;-webkit-appearance:none!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1px solid var(--ktr-teal)!important;background:transparent!important;color:var(--ktr-teal)!important;box-shadow:none!important;cursor:pointer;display:grid!important;place-items:center!important;line-height:1!important;font-size:14px!important}.ktr-demo.is-playing .ktr-demo-play{background:var(--ktr-teal)!important;color:#052229!important}.ktr-demo-meta{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.2}.ktr-demo-meta strong{display:block!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.25!important;font-weight:700!important;color:var(--ktr-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktr-demo-meta span{display:block!important;margin:3px 0 0!important;padding:0!important;font-size:12px!important;line-height:1.2!important;color:var(--ktr-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktr-demo-progress{width:100%;height:5px!important;min-height:5px;background:rgba(255,255,255,.14);border-radius:20px;overflow:hidden;cursor:pointer}.ktr-demo-progress span{display:block;width:0;height:100%;background:var(--ktr-teal);transition:width .08s linear}.ktr-demo-time{display:block;font-size:12px;line-height:1;color:var(--ktr-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ktr-toggle-full{width:100%;display:flex;justify-content:center;gap:12px;align-items:center;border:0;border-top:1px solid var(--ktr-line);background:rgba(255,255,255,.025);color:var(--ktr-orange);font-weight:800;letter-spacing:.05em;padding:17px 20px;cursor:pointer}.ktr-toggle-full:hover{background:rgba(255,255,255,.05)}.ktr-full-panel{padding:30px 34px 40px;border-top:1px solid var(--ktr-line)}.ktr-full-panel[hidden]{display:none}.ktr-category{border:1px solid var(--ktr-line);border-radius:12px;background:rgba(255,255,255,.025);margin:0 0 12px;overflow:hidden}.ktr-category summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;cursor:pointer;font-weight:800}.ktr-category summary::-webkit-details-marker{display:none}.ktr-category summary:after{content:'+';font-size:23px;color:var(--ktr-teal)}.ktr-category[open] summary:after{content:'−'}.ktr-category-count{font-size:12px;font-weight:500;color:var(--ktr-muted);margin-left:auto}.ktr-song-list{padding:0 16px 12px}.ktr-song{display:grid;grid-template-columns:minmax(0,1fr) 64px 112px;gap:14px;align-items:center;padding:11px 4px;border-top:1px solid var(--ktr-line)}.ktr-song-main{min-width:0;display:flex;flex-direction:column}.ktr-song-main strong{font-size:15px;line-height:1.3}.ktr-song-main span{font-size:12px;color:var(--ktr-muted);margin-top:3px}.ktr-duration{text-align:right;font-variant-numeric:tabular-nums;color:var(--ktr-muted)}.ktr-select,.ktr-submit,.ktr-open-selection{border:1px solid var(--ktr-teal);border-radius:999px;background:transparent;color:var(--ktr-teal);font-weight:800;cursor:pointer;padding:9px 12px}.ktr-select.is-selected,.ktr-submit,.ktr-open-selection{background:var(--ktr-teal);color:#06232a}.ktr-song.is-selected{background:rgba(66,199,194,.06)}.ktr-selection{margin-top:30px;padding:26px;border:1px solid var(--ktr-line);border-radius:14px;background:rgba(255,255,255,.025);scroll-margin-top:30px}.ktr-selection h3{margin:0 0 8px}.ktr-selection-head{display:flex;gap:20px;align-items:start;justify-content:space-between}.ktr-total{margin:0;color:var(--ktr-muted)}.ktr-clear,.ktr-remove{background:none;border:0;color:inherit;opacity:.7;cursor:pointer}.ktr-chosen{margin:22px 0}.ktr-chosen-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 30px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ktr-line)}.ktr-chosen-row>div{display:flex;flex-direction:column}.ktr-chosen-row>div span{font-size:12px;color:var(--ktr-muted)}.ktr-remove{font-size:24px}.ktr-empty{color:var(--ktr-muted)}.ktr-sendbox{margin-top:28px}.ktr-link-status{margin:0 0 12px;color:var(--ktr-muted);line-height:1.55}.ktr-contact-summary{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(66,199,194,.35);border-radius:8px;background:rgba(66,199,194,.08)}.ktr-go-contact{border:1px solid var(--ktr-orange);border-radius:999px;background:transparent;color:var(--ktr-orange);font-weight:800;cursor:pointer;padding:12px 16px}.ktr-submit{font-size:14px;padding:12px 18px}.ktr-submit:disabled{opacity:.55;cursor:wait}.ktr-status{margin:12px 0 0;font-weight:600}.ktr-sticky{position:fixed;z-index:9999;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100% - 28px));background:#071b2a;color:#fff;border:1px solid var(--ktr-line);box-shadow:0 10px 35px rgba(0,0,0,.28);border-radius:12px;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.ktr-sticky[hidden]{display:none}.ktr-sticky>div{display:flex;gap:10px;align-items:baseline}.ktr-sticky-time{color:var(--ktr-muted);font-size:13px}
@media(max-width:850px){.ktr-home-top{grid-template-columns:1fr;padding:26px;gap:28px}.ktr-demo{grid-template-columns:40px minmax(0,1fr) minmax(100px,.7fr) 42px}.ktr-full-panel{padding:24px}.ktr-song{grid-template-columns:minmax(0,1fr) 54px 96px;gap:8px}}
@media(max-width:580px){.ktr-home-top{padding:22px}.ktr-demo{grid-template-columns:38px minmax(0,1fr) 40px}.ktr-demo-progress{grid-column:2/4}.ktr-demo-time{grid-column:3;grid-row:1}.ktr-full-panel{padding:16px}.ktr-category summary{padding:14px}.ktr-song-list{padding:0 10px 10px}.ktr-song{grid-template-columns:minmax(0,1fr) 46px 82px}.ktr-song-main strong{font-size:13px}.ktr-song-main span{font-size:11px}.ktr-duration{font-size:12px}.ktr-select{font-size:10px;padding:8px 5px}.ktr-selection{padding:17px}.ktr-selection-head{display:block}.ktr-clear{padding:8px 0}} .ktr-inline-contact{margin-top:18px;padding:20px;border:1px solid var(--ktr-line);border-radius:12px;background:rgba(255,255,255,.025)}
.ktr-inline-contact[hidden]{display:none!important}.ktr-inline-contact-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.ktr-inline-contact-head strong{font-size:17px}.ktr-inline-contact-head span{color:var(--ktr-muted);font-size:13px;line-height:1.45}
.ktr-after-contact-cta{margin-top:16px;padding:16px 18px;border:1px solid rgba(66,199,194,.32);border-radius:10px;background:rgba(66,199,194,.07)}.ktr-after-contact-cta p{margin:0 0 10px}.ktr-after-contact-cta button{border:1px solid var(--ktr-teal,#42c7c2);border-radius:999px;background:var(--ktr-teal,#42c7c2);color:#06232a;font-weight:800;padding:10px 15px;cursor:pointer} @media (max-width: 640px) {
.ktr-wrap .ktr-full-panel {
padding: 14px !important;
}
.ktr-wrap .ktr-category {
width: 100% !important;
max-width: 100% !important;
}
.ktr-wrap .ktr-category summary {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
padding: 15px 14px !important;
}
.ktr-wrap .ktr-category summary > span:first-child {
flex: 1 1 auto !important;
min-width: 0 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
font-size: 17px !important;
line-height: 1.3 !important;
}
.ktr-wrap .ktr-category-count {
flex: 0 0 auto !important;
margin-left: auto !important;
white-space: nowrap !important;
font-size: 12px !important;
}
.ktr-wrap .ktr-song-list {
width: 100% !important;
padding: 0 12px 10px !important;
}
.ktr-wrap .ktr-song {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 96px !important;
grid-template-areas:
"main select"
"duration select" !important;
column-gap: 12px !important;
row-gap: 5px !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
padding: 14px 0 !important;
}
.ktr-wrap .ktr-song-main {
grid-area: main !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
.ktr-wrap .ktr-song-main strong {
display: block !important;
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
font-size: 15px !important;
line-height: 1.28 !important;
}
.ktr-wrap .ktr-song-main span {
display: block !important;
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
margin-top: 4px !important;
font-size: 12px !important;
line-height: 1.3 !important;
}
.ktr-wrap .ktr-duration {
grid-area: duration !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
text-align: left !important;
white-space: nowrap !important;
font-size: 12px !important;
line-height: 1.2 !important;
}
.ktr-wrap button.ktr-select {
grid-area: select !important;
justify-self: end !important;
align-self: center !important;
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
height: auto !important;
min-height: 40px !important;
padding: 9px 10px !important;
margin: 0 !important;
white-space: nowrap !important;
font-size: 12px !important;
line-height: 1.1 !important;
}
.ktr-wrap .ktr-selection {
scroll-margin-top: 90px !important;
}
.ktr-wrap .ktr-sticky {
left: 10px !important;
right: 10px !important;
bottom: calc(10px + env(safe-area-inset-bottom)) !important;
transform: none !important;
width: auto !important;
max-width: none !important;
padding: 10px 10px 10px 14px !important;
gap: 10px !important;
}
.ktr-wrap .ktr-sticky > div {
min-width: 0 !important;
flex: 1 1 auto !important;
gap: 8px !important;
}
.ktr-wrap .ktr-sticky-count,
.ktr-wrap .ktr-sticky-time {
white-space: nowrap !important;
}
.ktr-wrap button.ktr-open-selection {
flex: 0 0 auto !important;
width: auto !important;
min-width: 128px !important;
max-width: 150px !important;
padding: 10px 14px !important;
margin: 0 !important;
white-space: nowrap !important;
font-size: 12px !important;
line-height: 1.1 !important;
}
}
@media (max-width: 390px) {
.ktr-wrap .ktr-song {
grid-template-columns: minmax(0, 1fr) 88px !important;
column-gap: 9px !important;
}
.ktr-wrap button.ktr-select {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
font-size: 11px !important;
}
.ktr-wrap button.ktr-open-selection {
min-width: 116px !important;
max-width: 132px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
} .ktr-full-details{margin:0;padding:0;border:0;}
.ktr-full-details>summary{list-style:none;}
.ktr-full-details>summary::-webkit-details-marker{display:none;}
.ktr-full-details .ktr-chevron{display:inline-block;transition:transform .18s ease;}
.ktr-full-details[open] .ktr-chevron{transform:rotate(180deg);}
.ktr-full-details .ktr-full-panel{display:block;}