.sampler-page{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(47,230,201,.16),transparent 34%),var(--t2t-stage-bg);color:var(--t2t-stage-text);overflow-x:hidden}.sampler-stage{width:min(1240px,100%);margin:0 auto;padding:0 var(--t2t-space-3) var(--t2t-space-4)}.sampler-hero{display:flex;flex-direction:column;gap:20px}.sampler-heading,.controls-heading,.library-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.sampler-kicker{color:var(--t2t-teal);font-size:.76rem;font-weight:900;letter-spacing:.12em}.sampler-heading h2,.controls-heading h2{margin-top:5px;color:#fff;font-size:clamp(1.45rem,3vw,2.25rem)}.sampler-subtitle{margin-top:6px;color:var(--t2t-stage-text-soft);font-size:.92rem}.sample-now{min-width:132px;padding:10px 16px;border:2px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.06);text-align:center}.sample-now span{display:block;color:var(--t2t-stage-text-soft);font-size:.63rem;font-weight:900;letter-spacing:.1em}.sample-now strong{display:block;margin-top:2px;color:#fff;font-size:1.15rem}.pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sample-pad{position:relative;min-height:150px;padding:18px;border:3px solid #241640;border-radius:24px;background:linear-gradient(145deg,#3a2362,#211237);color:#fff;box-shadow:0 7px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.09);cursor:pointer;user-select:none;touch-action:manipulation;transition:transform 70ms ease,box-shadow 70ms ease,filter 70ms ease}.sample-pad:hover{filter:brightness(1.08)}.sample-pad.is-playing{transform:translateY(6px);box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12);background:linear-gradient(145deg,#2fe6c9,#1c9f8e);color:#241640}.sample-pad__number{font-size:.72rem;font-weight:900;opacity:.7}.sample-pad__name{margin-top:12px;font-size:clamp(1rem,2vw,1.25rem);font-weight:900}.sample-pad__key{position:absolute;right:15px;bottom:14px;min-width:38px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.12);font-size:.72rem;font-weight:900;text-align:center}.sample-pad__type{margin-top:5px;color:var(--t2t-stage-text-soft);font-size:.72rem;font-weight:700}.sampler-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:2px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.sampler-toolbar .btn{padding:10px 16px;font-size:.9rem}.sampler-toolbar .text-button{padding:8px 12px;font-size:.74rem}.sampler-toolbar .file-button{padding:10px 16px}
.loop-tools,.sample-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn--secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}.btn--record{background:#ff5d73}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.file-button{cursor:pointer}.loop-status,.input-indicator{color:var(--t2t-stage-text-soft);font-size:.78rem;font-weight:800}.input-indicator{text-align:center;min-height:20px}.text-button{appearance:none;border:2px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.sampler-controls{position:fixed;z-index:30;left:50%;top:50%;width:min(980px,calc(100vw - 40px));max-height:min(780px,calc(100vh - 40px));overflow:auto;transform:translate(-50%,-50%);padding:26px;border:3px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,#2e1b52,#160d28);color:#fff;box-shadow:0 0 0 100vmax rgba(10,6,20,.76),0 24px 70px rgba(0,0,0,.42),0 10px 0 rgba(0,0,0,.25)}.sampler-controls[hidden]{display:none}.btn--small{padding:10px 18px;font-size:.9rem}.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.mapping-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.mapping-card span,.mapping-card strong{display:block}.mapping-card span{color:var(--t2t-stage-text-soft);font-size:.72rem;font-weight:700}.mapping-card strong{margin-top:4px;color:#fff;font-size:.88rem}.mapping-capture{border:2px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 11px;background:#1b1030;color:#fff;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}.mapping-capture.is-waiting{border-color:var(--t2t-teal);color:var(--t2t-teal)}.sample-library{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.library-heading h3{color:#fff;font-size:1.05rem}.library-heading p{margin-top:4px;color:var(--t2t-stage-text-soft);font-size:.8rem}.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.library-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.045)}.library-row strong{font-size:.8rem}.library-row small{color:var(--t2t-stage-text-soft)}.library-row button{border:0;background:none;color:#ff9aaa;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.pack-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.controls-message{min-height:1.2em;margin-top:10px;color:var(--t2t-teal);font-size:.8rem;font-weight:800}@media(max-width:850px){.pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sampler-toolbar{align-items:flex-start;flex-direction:column}.mapping-grid,.library-list{grid-template-columns:1fr}}@media(max-width:560px){.app-header{padding-inline:14px}.sampler-stage{padding-inline:14px}.sample-now{min-width:110px}.pad-grid{gap:9px}.sample-pad{min-height:125px;padding:13px;border-radius:18px}.sampler-controls{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:20px;border-radius:22px}.sampler-heading{flex-direction:column}.sample-now{align-self:flex-start}}html:fullscreen{overflow:hidden}html:fullscreen body.sampler-page{height:100%;min-height:0;overflow:hidden}html:fullscreen .sampler-stage{height:calc(100vh - 72px);min-height:0;box-sizing:border-box;padding-top:8px;padding-bottom:10px;overflow:hidden}html:fullscreen .sampler-hero{height:100%;min-height:0;gap:12px}html:fullscreen .pad-grid{flex:1 1 auto;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.sampler-page:fullscreen .sample-pad{min-height:0}html:fullscreen .sampler-toolbar{flex:0 0 auto;padding:9px 12px}html:fullscreen .input-indicator{flex:0 0 auto}@media(max-height:650px){html:fullscreen .sampler-stage{height:calc(100vh - 62px);padding-top:4px}html:fullscreen .sampler-heading h2{font-size:1.35rem}html:fullscreen .sampler-subtitle{display:none}html:fullscreen .sample-pad{padding:12px}.sample-pad__name{margin-top:6px}}@media(prefers-reduced-motion:reduce){.sample-pad{transition:none}}
.mapping-card.is-selected{border-color:var(--t2t-teal);background:rgba(47,230,201,.09)}.mapping-select{border:2px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 10px;background:#1b1030;color:#fff;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.mapping-select.is-selected{background:var(--t2t-teal);color:#241640}