.jcd-ma{height:calc(100dvh - var(--ma-header-h, 0px));background:var(--ma-chrome-bg, #e7d5a2);padding:0;box-sizing:border-box;display:flex;align-items:stretch;font-family:system-ui,sans-serif;position:relative}.jcd-ma__window{flex:1 1 auto;display:grid;grid-template-rows:auto auto auto 1fr auto auto;background:var(--ma-chrome-bg, #e7d5a2);min-height:0;position:relative}.jcd-ma__titlebar{height:26px;background:var(--ma-window-bg);color:var(--ma-window-text);display:flex;align-items:center;padding:0 6px;gap:6px;border-bottom:2px solid var(--ma-bevel-dark, #7a6638);-webkit-user-select:none;user-select:none}.jcd-ma__title-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.jcd-ma__title{font-weight:700;letter-spacing:.5px;flex:1 1 auto}.jcd-ma__win-controls{display:flex;gap:2px;margin-left:auto}.jcd-ma__win-btn{width:22px;height:20px;background:var(--ma-chrome-bg, #e7d5a2);color:#1b1b1b;border-top:2px solid var(--ma-bevel-light, #fff6db);border-left:2px solid var(--ma-bevel-light, #fff6db);border-right:2px solid var(--ma-bevel-dark, #7a6638);border-bottom:2px solid var(--ma-bevel-dark, #7a6638);font-family:inherit;font-size:12px;cursor:default;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.jcd-ma__urlbar{height:26px;background:var(--ma-chrome-bg, #e7d5a2);color:#1b1b1b;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--ma-bevel-dark, #7a6638);font-family:var(--ma-title-font),system-ui;font-size:13px;letter-spacing:1px}.jcd-ma__url{font-weight:700}.jcd-ma__ethos{font-size:10px;letter-spacing:2px;opacity:.55}.jcd-ma__palette-row{display:grid;grid-template-columns:1fr auto;background:var(--ma-chrome-bg, #e7d5a2);border-bottom:2px solid var(--ma-bevel-dark, #7a6638);min-height:0}.jcd-ma__palette{display:grid;grid-template-columns:repeat(13,1fr);padding:6px;gap:3px;min-width:0}.jcd-ma__tabs{display:flex;align-items:flex-end;padding:0 6px 0 12px;gap:2px;background:var(--ma-chrome-bg, #e7d5a2)}.jcd-ma__tab{font-family:var(--ma-tool-font),system-ui;font-size:13px;font-weight:700;letter-spacing:1px;padding:4px 14px;background:#d9c692;border-top:2px solid var(--ma-bevel-light, #fff6db);border-left:2px solid var(--ma-bevel-light, #fff6db);border-right:2px solid var(--ma-bevel-dark, #7a6638);border-bottom:none;cursor:pointer;color:#5a4920}.jcd-ma__tab.is-active{background:var(--ma-chrome-bg, #e7d5a2);color:#1b1b1b;position:relative;z-index:1;box-shadow:0 2px 0 var(--ma-chrome-bg, #e7d5a2)}.jcd-ma__stamp{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:4px;background:#fff6db;border-top:2px solid var(--ma-bevel-light, #fff6db);border-left:2px solid var(--ma-bevel-light, #fff6db);border-right:2px solid var(--ma-bevel-dark, #7a6638);border-bottom:2px solid var(--ma-bevel-dark, #7a6638);font-family:inherit;cursor:pointer;min-width:0}.jcd-ma__stamp.is-active{background:var(--ma-tool-active, #c33128);border-top:2px solid var(--ma-bevel-dark, #7a6638);border-left:2px solid var(--ma-bevel-dark, #7a6638);border-right:2px solid var(--ma-bevel-light, #fff6db);border-bottom:2px solid var(--ma-bevel-light, #fff6db)}.jcd-ma__stamp-glyph{font-size:var(--ma-tool-icon-d, 28px);line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.25));display:inline-flex;align-items:center;justify-content:center}.jcd-ma__stamp-glyph--pixel,.jcd-ma__note-img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block;object-fit:contain;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.35))}.jcd-ma__stamp-glyph--pixel{width:var(--ma-tool-icon-d, 28px);height:var(--ma-tool-icon-d, 28px)}.jcd-ma__note-img{width:90%;height:90%}.jcd-ma__stamp-label{display:none}.jcd-ma__stage{position:relative;background:var(--ma-canvas-bg, #bfe1d2);min-height:0;overflow:hidden;display:grid;grid-template-rows:24px 1fr;border-bottom:2px solid var(--ma-bevel-dark, #7a6638)}.jcd-ma__beatnums{display:grid;align-items:end;padding:0 56px 2px;font-family:var(--ma-status-font),system-ui;font-size:11px;color:#1b1b1b;letter-spacing:.5px;border-bottom:1px dashed rgba(0,0,0,.25);background:#fff6}.jcd-ma__beatnums-cell{text-align:left;padding-left:2px;opacity:.7}.jcd-ma__beatnums-cell.is-bar{opacity:1;font-weight:700}.jcd-ma__stage-inner{position:relative;padding:0 8px 0 56px}.jcd-ma__clef{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:48px;display:flex;align-items:center;justify-content:center;font-family:Bravura Text,Apple Symbols,"Apple Color Emoji",Segoe UI Symbol,Noto Music,"Cambria Math",serif;font-size:clamp(56px,16vh,140px);line-height:1;color:var(--ma-staff-line, #1b1b1b);pointer-events:none;-webkit-user-select:none;user-select:none}.jcd-ma__stafflines{position:absolute;left:56px;right:8px;top:18%;bottom:18%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.jcd-ma__staffline{height:1px;background:var(--ma-staff-line, #1b1b1b);opacity:.85}.jcd-ma__staff{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 8px 0 56px;display:grid;z-index:2}.jcd-ma__cell{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;background:transparent;transition:background-color 80ms linear;border-right:1px dotted rgba(0,0,0,.2)}.jcd-ma__cell:last-child{border-right:none}.jcd-ma__cell.is-beat-col{border-right:1px dotted rgba(0,0,0,.35)}.jcd-ma__cell.is-bar-col{border-right:1px solid rgba(0,0,0,.55)}.jcd-ma__cell.is-active-col{background:var(--ma-playhead, rgba(195,49,40,.32))}.jcd-ma__note{width:80%;height:80%;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.35));font-size:var(--ma-tool-icon-d, 28px)}.jcd-ma__note.is-ringing{animation:jcd-ma-pop .22s ease-out}@keyframes jcd-ma-pop{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.jcd-ma__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--ma-accent, #c33128);box-shadow:0 0 0 1px #0006;pointer-events:none;transform:translate(-100px);opacity:0;transition:opacity .12s linear;z-index:3}.jcd-ma__playhead.is-on{opacity:1}.jcd-ma__progress{height:22px;background:#fff;display:grid;align-items:center;padding:0 56px;border-bottom:2px solid var(--ma-bevel-dark, #7a6638);position:relative;overflow:hidden}.jcd-ma__progress-marker{height:100%;border-left:2px solid var(--ma-accent, #c33128);opacity:.65}.jcd-ma__progress-marker.is-bar{border-left-width:3px;opacity:1}.jcd-ma__progress-head{position:absolute;top:0;bottom:0;width:2px;background:#00a651;transform:translate(-100px);pointer-events:none}.jcd-ma__transport{min-height:44px;background:var(--ma-chrome-bg, #e7d5a2);display:flex;align-items:center;padding:6px 10px;gap:8px;font-size:11px;color:#1b1b1b;flex-wrap:wrap}.jcd-ma__transport-group{display:flex;align-items:center;gap:4px}.jcd-ma__btn{padding:6px 12px;background:#fff6db;border-top:2px solid var(--ma-bevel-light, #fff6db);border-left:2px solid var(--ma-bevel-light, #fff6db);border-right:2px solid var(--ma-bevel-dark, #7a6638);border-bottom:2px solid var(--ma-bevel-dark, #7a6638);font-family:var(--ma-tool-font),system-ui;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;color:#1b1b1b;display:inline-flex;align-items:center;gap:6px;min-width:64px;justify-content:center}.jcd-ma__btn-glyph{font-size:14px;line-height:1}.jcd-ma__btn:active,.jcd-ma__btn.is-pressed{border-top:2px solid var(--ma-bevel-dark, #7a6638);border-left:2px solid var(--ma-bevel-dark, #7a6638);border-right:2px solid var(--ma-bevel-light, #fff6db);border-bottom:2px solid var(--ma-bevel-light, #fff6db)}.jcd-ma__btn.is-on{background:var(--ma-accent, #c33128);color:#fff;border-top:2px solid var(--ma-bevel-dark, #7a6638);border-left:2px solid var(--ma-bevel-dark, #7a6638);border-right:2px solid var(--ma-bevel-light, #fff6db);border-bottom:2px solid var(--ma-bevel-light, #fff6db)}.jcd-ma__bpm{display:flex;align-items:center;gap:6px;font-family:var(--ma-status-font),system-ui}.jcd-ma__bpm-label{text-transform:uppercase;letter-spacing:1px;font-weight:700}.jcd-ma__bpm-value{display:inline-block;min-width:44px;text-align:right;padding:2px 6px;background:#fff;border-top:1px solid var(--ma-bevel-dark, #7a6638);border-left:1px solid var(--ma-bevel-dark, #7a6638);border-right:1px solid var(--ma-bevel-light, #fff6db);border-bottom:1px solid var(--ma-bevel-light, #fff6db);font-variant-numeric:tabular-nums;font-weight:700}.jcd-ma__bpm input[type=range]{width:120px;accent-color:var(--ma-accent, #c33128)}.jcd-ma__title-field{flex:1 1 200px;min-width:140px;display:flex;align-items:center;gap:6px;margin-left:auto}.jcd-ma__title-input{flex:1 1 auto;font-family:var(--ma-tool-font),system-ui;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 8px;background:#fff;border-top:1px solid var(--ma-bevel-dark, #7a6638);border-left:1px solid var(--ma-bevel-dark, #7a6638);border-right:1px solid var(--ma-bevel-light, #fff6db);border-bottom:1px solid var(--ma-bevel-light, #fff6db);color:#1b1b1b;min-width:0}.jcd-ma__title-input:focus{outline:2px solid var(--ma-accent, #c33128);outline-offset:1px}.jcd-ma__title-label{font-family:var(--ma-status-font),system-ui;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5a4920}.jcd-ma__corner{position:absolute;width:36px;height:12px;background:var(--ma-accent, #c33128);border:2px solid var(--ma-bevel-dark, #7a6638);bottom:-2px;pointer-events:none;z-index:4}.jcd-ma__corner--bl{left:-2px}.jcd-ma__corner--br{right:-2px}.jcd-ma__modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.jcd-ma__modal-window{background:var(--ma-chrome-bg, #e7d5a2);border-top:2px solid var(--ma-bevel-light, #fff6db);border-left:2px solid var(--ma-bevel-light, #fff6db);border-right:2px solid var(--ma-bevel-dark, #7a6638);border-bottom:2px solid var(--ma-bevel-dark, #7a6638);min-width:280px}.jcd-ma__modal-titlebar{background:var(--ma-accent, #c33128);color:#fff;padding:4px 8px;font-weight:700;letter-spacing:.5px}.jcd-ma__modal-body{padding:14px}.jcd-ma__modal-text{margin:0 0 12px;font-family:system-ui}.jcd-ma__modal-actions{display:flex;gap:8px;justify-content:flex-end}.jcd-ma__corner{display:none}@media(max-width:760px){.jcd-ma{padding:0}.jcd-ma__urlbar{font-size:11px;padding:0 8px}.jcd-ma__ethos{display:none}.jcd-ma__palette{grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:2px;padding:4px}.jcd-ma__tabs{padding:0 4px 0 6px}.jcd-ma__tab{font-size:11px;padding:4px 8px}.jcd-ma__stamp-glyph{font-size:var(--ma-tool-icon-m, 22px)}.jcd-ma__stamp-glyph--pixel{width:var(--ma-tool-icon-m, 22px);height:var(--ma-tool-icon-m, 22px)}.jcd-ma__win-btn{width:18px;height:16px;font-size:10px}.jcd-ma__stage{grid-template-rows:18px 1fr}.jcd-ma__beatnums{padding:0 36px 2px;font-size:9px}.jcd-ma__stage-inner{padding:0 6px 0 36px}.jcd-ma__clef{width:28px;left:2px;font-size:clamp(40px,11vh,80px)}.jcd-ma__stafflines{left:36px;right:6px}.jcd-ma__staff{margin:0 6px 0 36px}.jcd-ma__progress{padding:0 36px;height:14px}.jcd-ma__transport{padding:6px 8px;gap:6px;min-height:0}.jcd-ma__btn{padding:4px 8px;font-size:11px;min-width:48px}.jcd-ma__bpm input[type=range]{width:90px}.jcd-ma__title-field{flex:1 1 100%;order:99;margin-left:0}}.jcd-ma,.jcd-ma *{touch-action:manipulation}.jcd-ma__staff,.jcd-ma__cell{touch-action:none;overscroll-behavior:contain}@media(hover:hover){.jcd-ma__stamp:hover,.jcd-ma__btn:hover,.jcd-ma__win-btn:hover,.jcd-ma__tab:hover{background:#fff6db}.jcd-ma__win-btn--close:hover{background:#e0a0a0}.jcd-ma__cell:hover{background:#00000014}}.jcd-ma__title{font-family:var(--ma-title-font),system-ui;font-size:var(--ma-title-d)}.jcd-ma__transport,.jcd-ma__bpm{font-family:var(--ma-status-font),system-ui;font-size:var(--ma-status-d)}@media(max-width:760px){.jcd-ma__title{font-size:var(--ma-title-m)}.jcd-ma__transport,.jcd-ma__bpm{font-size:var(--ma-status-m)}}.jcd-ma:fullscreen{height:100dvh;padding:0;background:var(--ma-bg)}.jcd-ma:-webkit-full-screen{height:100dvh;padding:0;background:var(--ma-bg)}.jcd-ma:fullscreen .jcd-ma__window,.jcd-ma:-webkit-full-screen .jcd-ma__window{border:none;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/jcd-music-app.css.map */