.sg-phrase-section{min-width:0;margin-block:30px}.ipxs-sp4{--sp-ink:#30273f;--sp-mint:#69f2d3;--sp-lilac:#cab3ff;isolation:isolate;width:min(100%,920px);color:var(--sp-ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-family:var(--font-outfit), Arial, sans-serif;background:linear-gradient(125deg,#fffdf4ee,#ece4f2c9 45%,#decbedba 74%,#faf7f2f2);border:2px solid #fff;border-radius:30px;margin:28px auto 40px;padding:clamp(14px,2.2vw,24px);position:relative;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px #78648850,0 10px #b2a2b5,0 13px #f3edf1,0 22px 35px #49355335}.ipxs-sp4,.ipxs-sp4 *{box-sizing:border-box}.ipxs-sp4:before{content:"";pointer-events:none;border:1px solid #fff9;border-radius:24px;position:absolute;inset:6px}.sp4-top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.sp4-brand{align-items:center;gap:12px;display:flex}.sp4-brand img{object-fit:contain;width:62px;height:52px}.sp4-brand strong{letter-spacing:.05em;font:900 29px/1.1 ui-monospace,monospace;display:block}.sp4-brand span{letter-spacing:.1em;font:700 11px/1.5 ui-monospace,monospace}.sp4-bank-title{text-align:right;max-width:220px;font-size:15px;font-weight:700}.sp4-display{color:#214c48;background:linear-gradient(130deg,#f7fffbd9,#d3f1eae8 50%,#bde6ddd9);border:2px solid #fbffff;border-radius:15px;padding:17px 21px;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #1c50452a,0 0 0 4px #d5d1d9,0 5px 12px #52415d26}.sp4-display:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff6b 0 29%,#0000 30% 68%,#ffffff29 69%);position:absolute;inset:0}.sp4-display-heading{letter-spacing:.12em;justify-content:space-between;margin-bottom:8px;font:800 12px/1.3 ui-monospace,monospace;display:flex}.sp4-display>strong{font-size:clamp(19px,2.2vw,26px);line-height:1.15;display:block}.sp4-screen-record{margin-top:6px;font-size:14px}.sp4-clock{justify-content:space-between;align-items:end;gap:14px;margin-top:15px;font:700 14px/1.25 ui-monospace,monospace;display:flex}.sp4-clock>span:first-child{letter-spacing:.04em;font-size:25px}.sp4-progress{background:#27685c24;border-radius:4px;height:5px;margin-top:9px;overflow:hidden}.sp4-progress i{background:#306e60;height:100%;display:block}.sp4-error{color:#783442;font-weight:700;margin:10px 0 0!important;font-size:14px!important;line-height:1.4!important}.sp4-body{grid-template-columns:110px minmax(0,1fr);gap:24px;margin-top:26px;display:grid}.sp4-controls{flex-direction:column;align-items:stretch;gap:17px;display:flex}.sp4-master{letter-spacing:.1em;flex-direction:column;align-items:center;gap:12px;font:800 12px/1.3 ui-monospace,monospace;display:flex}.sp4-master input[type=range]{appearance:none;writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;background:linear-gradient(90deg,#54475b,#8b7c91,#504257);border:1px solid #473950;border-radius:3px;width:10px;height:124px;margin:0 18px}.sp4-master input::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fff,#d1c4dd 43%,#897797 49%,#fff 53%,#b3a1be);border:1px solid #fff;border-radius:4px;width:40px;height:24px;box-shadow:0 3px 5px #3929435e}.sp4-master input::-moz-range-thumb{background:linear-gradient(#fff,#c4b1d1,#fff);border:1px solid #fff;border-radius:4px;width:40px;height:24px;box-shadow:0 3px 5px #3929435e}.sp4-master output{text-align:center;background:#fefdf9;border:1px solid #c9bbcf;border-radius:5px;min-width:60px;padding:5px 7px;display:block}.sp4-modes{flex-direction:column;gap:8px;display:flex}.sp4-controls button{color:#40334c;cursor:pointer;background:linear-gradient(#fffffff0,#d9cce4);border:1px solid #fff;border-radius:7px;padding:12px 7px;font:800 12px/1.2 ui-monospace,monospace;box-shadow:0 3px #94849e,0 5px 7px #65556c22}.sp4-controls button[aria-pressed=true]{background:linear-gradient(#cbfff0,#75ddc3);border-color:#fafffd;box-shadow:0 3px #58a78f,0 0 12px #65edc679}.sp4-stop{justify-content:center;align-items:center;gap:7px;display:flex}.sp4-stop i{background:#9d455e;border-radius:1px;width:10px;height:10px}.sp4-pads{background:linear-gradient(140deg,#66556b,#b4a6bc);border:1px solid #fff;border-radius:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:12px;display:grid;box-shadow:inset 0 2px 6px #46394c70,0 2px #fff8}.sp4-pad{--rim:#8bdcc7;--tab:#27715f;color:#263d36;min-width:0;min-height:180px;box-shadow:0 0 0 2px var(--rim), inset 0 2px 0 #fff, inset 0 -4px 5px #43625335, 0 6px 0 #657d76, 0 9px 10px #30213566;text-align:left;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#f6fff9ee,#e0f2e8e8 48%,#bcdbd0e6);border:2px solid #fafffe;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px 16px;transition:transform 80ms,box-shadow 80ms,background .1s;display:flex;position:relative}.sp4-pad[data-source=b]{--rim:#c4a8fa;--tab:#695188;color:#423452;background:linear-gradient(145deg,#fff9ffee,#e9def5eb 48%,#cdb5e8e8)}.sp4-pad:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff50,#0000 36% 76%,#ffffff45);position:absolute;inset:0}.sp4-pad[data-phase=playing],.sp4-pad[data-phase=releasing]{background:linear-gradient(145deg,#eefff6,#a7f7dd);transform:translateY(3px);box-shadow:0 0 0 2px #cafff1,inset 0 2px #fff,0 3px #6d9c8d,0 0 25px #6bffe792}.sp4-pad[data-source=b][data-phase=playing],.sp4-pad[data-source=b][data-phase=releasing]{background:linear-gradient(145deg,#fffaff,#dbb5ff);box-shadow:0 0 0 2px #f1dfff,0 3px #9b73ac,0 0 25px #d89dff92}.sp4-pad[data-phase=seeking]{box-shadow:0 0 0 2px #ffe1a6,0 6px #967c54,0 0 14px #ffe2a277}.sp4-pad[data-phase=error]{box-shadow:0 0 0 2px #eb9cae,0 6px #946473}.sp4-pad:disabled{cursor:wait;filter:saturate(.35)}.sp4-pad-meta{opacity:.75;justify-content:space-between;align-items:center;font:800 12px/1 ui-monospace,monospace;display:flex}.sp4-pad-number{font-size:15px}.sp4-pad kbd{font:inherit;border:1px solid;border-radius:4px;padding:3px 5px}.sp4-record-tab{background:var(--tab);color:#fff;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 4px;font-size:13px;font-weight:700;display:flex}.sp4-record-tab img{object-fit:cover;border-radius:3px;width:32px;height:32px}.sp4-pad>strong{min-height:2.2em;font:800 clamp(16px,1.5vw,21px)/1.1 ui-monospace,monospace}.sp4-range{white-space:nowrap;font:800 clamp(12px,1.2vw,15px)/1.4 ui-monospace,monospace}.sp4-range i{opacity:.5;font-style:normal}.sp4-pad-state{letter-spacing:.06em;margin-top:auto;font:700 10px/1.3 ui-monospace,monospace}.sp4-foot{background:linear-gradient(#e0d9e2,#c6becb);border:1px solid #fff9;border-radius:10px;justify-content:space-between;gap:16px;margin-top:23px;padding:14px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:inset 0 2px 4px #756b7b23}.sp4-foot span:last-child{font:700 11px/1.5 ui-monospace,monospace}.ipxs-sp4 button:focus-visible,.ipxs-sp4 input:focus-visible{outline-offset:5px;outline:3px solid #62487f}@media (max-width:600px){.ipxs-sp4{border-radius:22px;padding:14px}.sp4-bank-title{max-width:115px;font-size:12px}.sp4-brand img{width:44px}.sp4-brand{gap:6px}.sp4-brand strong{font-size:23px}.sp4-brand span{font-size:9px}.sp4-display{padding:13px}.sp4-screen-record{font-size:12px}.sp4-clock{font-size:11px}.sp4-clock>span:first-child{font-size:20px}.sp4-body{flex-direction:column;gap:16px;margin-top:18px;display:flex}.sp4-controls{grid-template-columns:1fr 1.45fr .75fr;align-items:center;gap:10px;display:grid}.sp4-master{letter-spacing:.04em;gap:5px;font-size:10px}.sp4-master input[type=range]{appearance:auto;writing-mode:horizontal-tb;accent-color:#785c91;direction:ltr;width:100%;height:24px;margin:0}.sp4-master input::-webkit-slider-thumb{appearance:auto}.sp4-master output{background:0 0;border:none;min-width:50px;padding:2px 4px}.sp4-modes{gap:7px}.sp4-controls button{padding:11px 5px;font-size:10px}.sp4-pads{gap:14px;padding:10px}.sp4-pad{gap:8px;min-height:186px;padding:10px 9px 13px}.sp4-pad>strong{font-size:15px}.sp4-record-tab{padding-right:4px;font-size:11px}.sp4-record-tab img{width:27px;height:27px}.sp4-range{font-size:11px}.sp4-pad-state{letter-spacing:0;font-size:9px}.sp4-foot{padding:11px;font-size:12px}.sp4-foot span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.sp4-pad{transition:none}}.sp4-source-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.sp4-source-player{color:#372d43;background:#f2edf6;border:1px solid #fff;border-radius:20px;min-width:0;padding:16px}.sp4-source-player h4{margin:0 0 12px;font-size:18px}.sp4-source-player iframe{aspect-ratio:16/9;border:0;width:100%;height:auto;min-height:200px;display:block}.sp4-source-player p{font-size:14px;line-height:1.5}.sp4-cover-fallback{border:1px solid;border-radius:5px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}@media (max-width:900px){.sp4-source-players{grid-template-columns:1fr}}.ipxs-sp4[data-pad-count="2"]{width:min(100%,740px)}.ipxs-sp4[data-pad-count="2"] .sp4-display{padding-right:94px}.ipxs-sp4[data-pad-count="2"] .sp4-display .sp4-master{gap:5px;width:54px;font-size:10px;position:absolute;top:16px;bottom:16px;right:16px}.ipxs-sp4[data-pad-count="2"] .sp4-display .sp4-master input[type=range]{appearance:none;writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;flex:1 1 0;width:10px;height:0;min-height:32px;max-height:86px;margin:0}.ipxs-sp4[data-pad-count="2"] .sp4-display .sp4-master input::-webkit-slider-thumb{appearance:none}.ipxs-sp4[data-pad-count="2"] .sp4-display .sp4-master output{background:#f7fffcaa;border:1px solid #b3ccc7;min-width:48px;padding:3px 5px;font-size:10px}.ipxs-sp4[data-pad-count="2"] .sp4-body{flex-direction:column;gap:14px;margin-top:18px;display:flex}.ipxs-sp4[data-pad-count="2"] .sp4-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;display:grid}.ipxs-sp4[data-pad-count="2"] .sp4-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ipxs-sp4[data-pad-count="2"] .sp4-controls button{min-height:44px}.ipxs-sp4[data-pad-count="2"] .sp4-pad{min-height:160px}.ipxs-sp4[data-pad-count="2"] .sp4-range{white-space:normal}.ipxs-sp4[data-pad-count="2"] .sp4-foot{margin-top:16px}@media (max-width:600px){.ipxs-sp4[data-pad-count="2"]{border-radius:22px;padding:12px}.ipxs-sp4[data-pad-count="2"] .sp4-display{padding:11px 79px 11px 11px}.ipxs-sp4[data-pad-count="2"] .sp4-display .sp4-master{width:50px;top:12px;bottom:12px;right:10px}.ipxs-sp4[data-pad-count="2"] .sp4-screen-record{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ipxs-sp4[data-pad-count="2"] .sp4-clock{flex-direction:column;align-items:flex-start;gap:4px}.ipxs-sp4[data-pad-count="2"] .sp4-clock>span:last-child{font-size:10px}.ipxs-sp4[data-pad-count="2"] .sp4-pads{gap:12px;padding:9px}.ipxs-sp4[data-pad-count="2"] .sp4-pad{min-height:144px;padding:10px 8px 12px}.ipxs-sp4[data-pad-count="2"] .sp4-pad>strong{overflow-wrap:anywhere;font-size:14px}.ipxs-sp4[data-pad-count="2"] .sp4-range{font-size:10px}}