#openIpadLive{border-color:#35cfc0;color:#83e7db;font-weight:750;min-height:48px}
body.ipad-live-open{overflow:hidden!important}body.ipad-live-open> :not(#ipadDesk):not(dialog):not(script):not(link){visibility:hidden!important}
#ipadDesk[hidden]{display:none!important}
#ipadDesk{--ip-bg:#0c1117;--ip-panel:#141d27;--ip-line:#2c3c49;--ip-mint:#62e1ce;position:fixed;inset:0;z-index:100000;background:var(--ip-bg);color:#eef7fb;font:18px/1.35 system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);isolation:isolate;text-align:left;overflow:auto;box-sizing:border-box}
#ipadDesk *{box-sizing:border-box}#ipadDesk button,#ipadDesk input{font:inherit;touch-action:manipulation}#ipadDesk button{min-height:48px;border:1px solid var(--ip-line);border-radius:12px;padding:10px 16px;background:#1b2732;color:#eaf4f8;cursor:pointer;white-space:normal;box-shadow:none;letter-spacing:normal;text-transform:none}#ipadDesk button:focus-visible,#ipadDesk input:focus-visible{outline:3px solid #fff;outline-offset:3px}#ipadDesk button:active{transform:scale(.98)}#ipadDesk button:disabled{opacity:.4;cursor:default}#ipadDesk input[type=range]{accent-color:var(--ip-mint);touch-action:none;cursor:pointer}
#ipadDesk .ip-head{height:auto;min-height:0;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ip-line)}#ipadDesk .ip-brand{display:flex;align-items:center;gap:20px;font-weight:700}#ipadDesk .ip-brand img{width:155px;height:48px;object-fit:contain}#ipadDesk .ip-brand span{border-left:1px solid var(--ip-line);padding-left:20px;color:var(--ip-mint)}#ipadDesk .ip-head-actions{display:flex;gap:10px}#ipadDesk .ip-status{padding:8px 24px;display:flex;align-items:center;gap:12px;color:#a7bac9;font-size:13px;flex-wrap:wrap;background:#111923}#ipadDesk .ip-dot{width:7px;height:7px;border-radius:50%;background:#eab970}#ipadDesk #ipActivity{margin-left:auto;color:#c5d7df;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ipadDesk .ip-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;min-height:0}#ipadDesk .ip-main{padding:18px 24px 8px;display:flex;flex-direction:column;min-height:0;background:none;overflow:auto;gap:12px;width:auto;max-width:none;margin:0}#ipadDesk .ip-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}#ipadDesk .ip-eyebrow{font-size:10px;letter-spacing:2px;color:#91a9b9}#ipadDesk h1{font-size:28px;margin:3px 0 0;font-weight:750;line-height:1.15}#ipadDesk .ip-tabs{display:flex;gap:8px}#ipadDesk .ip-tabs button{flex:1;min-height:48px}#ipadDesk .ip-selected{background:#173c3c!important;border-color:#5be1cc!important;color:#9af4e4!important}#ipadDesk .ip-bank{display:flex;align-items:center;gap:16px;justify-content:space-between;color:#a8bcc9;font-size:14px}#ipadDesk .ip-bank button{min-width:56px;padding:4px 16px;min-height:44px}
#ipadDesk .ip-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(82px,1fr);gap:10px;flex:1;min-height:0}#ipadDesk .ip-pad{--pad-color:#5cd9c7;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;gap:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--pad-color) 20%,#151c28),#151e29);border:1px solid color-mix(in srgb,var(--pad-color) 35%,#344253);border-top:3px solid var(--pad-color);padding:12px;min-width:0;min-height:82px;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#ipadDesk .ip-pad small{font-size:10px;letter-spacing:1px;color:#b4c8d5}#ipadDesk .ip-pad strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}#ipadDesk .ip-pad-state{font-size:9px;letter-spacing:.6px;color:#b4c8d5}#ipadDesk .ip-pad.ip-playing{border-color:var(--ip-mint);background:#1a4643;box-shadow:inset 0 0 0 1px var(--ip-mint)}#ipadDesk .ip-playing .ip-pad-state{color:#9ffff0}#ipadDesk .ip-empty{border:1px dashed #344253;background:#111923;color:#728897}#ipadDesk .ip-hint{font-size:12px;color:#9cb0bf;margin:0;min-height:18px}
#ipadDesk .ip-master{display:flex;align-items:center;flex-direction:column;gap:12px;padding:24px 14px 16px;border-left:1px solid var(--ip-line);background:#111a24;min-height:0}#ipadDesk .ip-master label{font-size:12px;letter-spacing:2px;font-weight:700}#ipadDesk #ipMasterValue{font-size:30px;font-weight:750;color:var(--ip-mint);white-space:nowrap}#ipadDesk #ipMaster{writing-mode:vertical-lr;direction:rtl;width:60px;min-height:100px;height:100%;flex:1;margin:0}#ipadDesk #ipBlackout{display:flex;flex-direction:column;align-items:center;gap:8px;background:#321c25;border:2px solid #b35268;width:100%;padding:20px 4px;min-height:96px}#ipadDesk #ipBlackout strong{font-size:14px}#ipadDesk #ipBlackout small{font-size:11px}#ipadDesk #ipBlackout.ip-black{background:#c92f50;border-color:#ffb1c3;color:white;box-shadow:0 0 20px #c92f5033}
#ipadDesk .ip-footer{padding:14px 24px;display:grid;grid-template-columns:145px minmax(120px,1fr) auto minmax(150px,1.1fr);gap:16px;border-top:1px solid var(--ip-line);background:#121b25;align-items:center}#ipadDesk #ipTap{display:flex;flex-direction:column;gap:5px;align-items:center;min-height:72px}#ipadDesk #ipTap strong{font-size:12px;letter-spacing:1px}#ipadDesk #ipBpm{color:var(--ip-mint);font-size:20px;font-weight:750}#ipadDesk .ip-speed{display:grid;grid-template-columns:1fr auto;gap:8px;color:#afc0cd;font-size:13px}#ipadDesk .ip-speed input{grid-column:1/-1;width:100%;height:32px;margin:0}#ipadDesk #ipGo{background:#64dfc9;color:#0d2927;border-color:#64dfc9;text-align:left;display:flex;flex-direction:column;gap:5px;min-height:72px;overflow:hidden}#ipadDesk #ipGo small{font-size:9px;letter-spacing:1.5px}#ipadDesk #ipGo strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}#ipadDesk #ipStop{font-size:13px;min-height:72px}#ipadDesk .ip-locked #ipLock,#ipadDesk.ip-locked #ipLock{background:#664d20;border-color:#eab970}
#ipHelpDialog{max-width:650px;font:18px/1.5 system-ui;background:#15212d;color:#eaf4f8;border:1px solid #567180;border-radius:20px;padding:26px}#ipHelpDialog::backdrop{background:#000b}#ipHelpDialog button{min-height:48px;padding:12px 24px;background:#64dfc9;color:#112a28;border:0;border-radius:10px;font-size:18px}
@media(max-width:900px){#ipadDesk .ip-head{height:auto;min-height:0;padding:12px 16px}#ipadDesk .ip-head-actions{gap:6px}#ipadDesk .ip-head-actions button{font-size:13px;padding:8px 12px}#ipadDesk .ip-layout{grid-template-columns:minmax(0,1fr) 126px}#ipadDesk .ip-main{padding:16px;gap:10px}#ipadDesk .ip-footer{padding:12px 16px;gap:10px;grid-template-columns:130px 1fr 140px}#ipadDesk #ipStop{grid-column:3;grid-row:1}#ipadDesk #ipGo{grid-column:1/-1;min-height:60px;flex-direction:row;align-items:center;justify-content:space-between}#ipadDesk .ip-pads{grid-auto-rows:minmax(98px,1fr)}#ipadDesk h1{font-size:26px}}
@media(max-width:600px){#ipadDesk{font-size:16px}#ipadDesk .ip-brand img{width:100px;height:36px}#ipadDesk .ip-brand{gap:8px}#ipadDesk .ip-brand span{padding-left:8px;font-size:13px}#ipadDesk #ipHelp{display:none}#ipadDesk .ip-head-actions button{font-size:11px;padding:6px}#ipadDesk .ip-head{height:auto;min-height:0;padding:8px;gap:8px}#ipadDesk .ip-status{padding:8px;font-size:10px;gap:6px}#ipadDesk .ip-layout{grid-template-columns:minmax(0,1fr) 94px}#ipadDesk .ip-main{padding:12px 8px}#ipadDesk .ip-eyebrow{display:none}#ipadDesk h1{font-size:21px}#ipadDesk .ip-pads{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:100px}#ipadDesk .ip-pad strong{font-size:16px}#ipadDesk .ip-master{padding:16px 6px}#ipadDesk #ipMasterValue{font-size:24px}#ipadDesk #ipBlackout strong{font-size:11px}#ipadDesk .ip-footer{grid-template-columns:104px 1fr;gap:8px;padding:8px}#ipadDesk #ipStop{grid-column:1;grid-row:2;min-height:56px}#ipadDesk #ipGo{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start}#ipadDesk #ipGo strong{font-size:15px}#ipadDesk .ip-tabs button{font-size:12px;padding:6px}#ipadDesk .ip-bank{gap:6px;font-size:11px}#ipadDesk .ip-bank button{min-width:40px}#ipadDesk #ipEdit{font-size:12px;padding:8px}}
@media(max-height:720px) and (min-width:901px){#ipadDesk .ip-head{height:auto;min-height:0;padding:8px 20px}#ipadDesk .ip-main{padding-top:10px;gap:8px}#ipadDesk .ip-section-head h1{font-size:23px}#ipadDesk .ip-eyebrow{display:none}#ipadDesk .ip-pads{grid-auto-rows:80px}#ipadDesk .ip-footer{padding:8px 20px}#ipadDesk .ip-hint{font-size:10px}}
@media(min-width:901px) and (max-height:820px){#ipadDesk .ip-pads{grid-auto-rows:minmax(68px,1fr)}#ipadDesk .ip-pad{min-height:68px;padding:10px}#ipadDesk .ip-pad strong{font-size:17px}#ipadDesk .ip-main{gap:8px}#ipadDesk .ip-pad-state{font-size:9px}}