/* A4 Player v1.29.10 telefon kumandasinin Akilli Tahta Atolyesi uyarlamasi. */
html.ild-a4-remote-modal-open{overflow:hidden!important}

#tca-toolbar .ild-a4-remote-board-button{
  display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;
  padding:8px 13px!important;border:1px solid rgba(125,211,252,.32)!important;border-radius:11px!important;
  background:linear-gradient(145deg,#075caa,#0ea5e9)!important;color:#fff!important;
  box-shadow:0 6px 18px rgba(2,132,199,.25)!important
}
#tca-toolbar .ild-a4-remote-board-button>span:first-child{
  display:grid;place-items:center;width:24px;height:24px;border:2px solid currentColor;border-radius:6px;font-size:0;line-height:1
}
#tca-toolbar .ild-a4-remote-board-button>span:first-child:after{
  content:"";width:4px;height:4px;border-radius:50%;background:currentColor
}
#tca-toolbar .ild-a4-remote-board-button.is-waiting{background:linear-gradient(145deg,#a16207,#f59e0b)!important}
#tca-toolbar .ild-a4-remote-board-button.is-connected{background:linear-gradient(145deg,#047857,#10b981)!important}
#tca-toolbar .ild-a4-remote-board-button.is-connected:after{
  content:"";width:8px;height:8px;border-radius:50%;background:#d1fae5;box-shadow:0 0 0 4px rgba(209,250,229,.18)
}

.ild-a4-remote-board-modal[hidden]{display:none!important}
.ild-a4-remote-board-modal{
  position:fixed;z-index:2147483638;inset:0;display:grid;place-items:center;padding:24px;
  background:rgba(2,15,30,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)
}
.ild-a4-remote-board-dialog{
  position:relative;width:min(680px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;
  box-sizing:border-box;padding:30px;border:1px solid #bfdbfe;border-radius:26px;
  background:linear-gradient(145deg,#fff 0%,#f4faff 58%,#eef7ff 100%);color:#0f2946;
  font-family:Nunito,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 34px 80px rgba(1,18,38,.36),0 0 0 1px rgba(255,255,255,.8) inset
}
.ild-a4-remote-board-close{
  position:absolute;right:18px;top:16px;display:grid;place-items:center;width:42px;height:42px;padding:0!important;
  border:1px solid #dbeafe!important;border-radius:13px!important;background:#fff!important;color:#38536e!important;
  font-size:28px!important;font-weight:500!important;line-height:1!important;cursor:pointer
}
.ild-a4-remote-board-heading{display:flex;align-items:center;gap:14px;padding-right:48px;margin-bottom:22px}
.ild-a4-remote-board-heading>span{
  display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#0284c7,#4f46e5);
  color:#fff;font-size:27px;box-shadow:0 12px 24px rgba(37,99,235,.23)
}
.ild-a4-remote-board-heading div{display:grid;gap:3px}.ild-a4-remote-board-heading strong{font-size:25px;line-height:1.15}
.ild-a4-remote-board-heading small{font-size:14px;color:#617891;font-weight:750}
.ild-a4-remote-board-loading{display:grid;justify-items:center;gap:14px;padding:48px 16px;color:#41617e}
.ild-a4-remote-board-loading>span,.ild-a4-remote-wait>span{
  width:38px;height:38px;border:4px solid rgba(14,165,233,.2);border-top-color:#0ea5e9;border-radius:50%;
  animation:ildA4RemoteSpin .75s linear infinite
}
@keyframes ildA4RemoteSpin{to{transform:rotate(360deg)}}
.ild-a4-remote-board-pair{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:26px}
.ild-a4-remote-board-pair[hidden],.ild-a4-remote-board-loading[hidden]{display:none!important}
.ild-a4-remote-board-qr{
  display:grid;place-items:center;min-height:190px;padding:13px;border:1px solid #c7dcf2;border-radius:19px;background:#fff;
  box-shadow:0 13px 30px rgba(21,70,110,.1)
}
.ild-a4-remote-board-qr canvas,.ild-a4-remote-board-qr img,.ild-a4-remote-board-qr svg{display:block!important;width:164px!important;height:164px!important;max-width:100%!important}
.ild-a4-remote-board-code{display:grid;justify-items:start;gap:9px}
.ild-a4-remote-board-code small{font-size:14px;line-height:1.45;color:#647b91;font-weight:800}
.ild-a4-remote-board-code strong{
  display:block;letter-spacing:.14em;font-size:44px;line-height:1;padding:14px 17px 13px;border:1px solid #bae6fd;
  border-radius:15px;background:#e9f8ff;color:#075a9b;font-variant-numeric:tabular-nums
}
.ild-a4-remote-board-code span{font-size:13px;color:#71869b;font-weight:750}
.ild-a4-remote-board-status{
  margin-top:22px;padding:14px 16px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;
  color:#425e78;font-size:15px;font-weight:850;text-align:center
}
.ild-a4-remote-board-status.is-success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.ild-a4-remote-board-status.is-connected{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.ild-a4-remote-board-status.is-ready{border-color:#bae6fd;background:#effaff;color:#0369a1}
.ild-a4-remote-board-status.is-waiting{border-color:#fde68a;background:#fffbeb;color:#a16207}
.ild-a4-remote-board-status.is-warning{border-color:#fde68a;background:#fffbeb;color:#a16207}
.ild-a4-remote-board-status.is-error{border-color:#fecaca;background:#fff1f2;color:#be123c}
.ild-a4-remote-board-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}
.ild-a4-remote-board-actions button{
  min-height:46px;padding:11px 18px!important;border:0!important;border-radius:13px!important;
  font:900 15px/1 Nunito,Inter,system-ui,sans-serif!important;cursor:pointer!important
}
.ild-a4-remote-board-approve{background:linear-gradient(145deg,#059669,#10b981)!important;color:#fff!important;box-shadow:0 8px 20px rgba(5,150,105,.22)!important}
.ild-a4-remote-board-disconnect{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
.ild-a4-remote-board-retry{background:linear-gradient(145deg,#0369a1,#0ea5e9)!important;color:#fff!important}

#tca-toolbar .ild-a4-remote-board-button.is-feature-highlighted{
  position:relative;isolation:isolate;animation:ildA4RemoteButtonGlow 1.65s ease-in-out infinite
}
#tca-toolbar .ild-a4-remote-board-button.is-feature-highlighted:before{
  content:"";position:absolute;z-index:-1;inset:-6px;border:2px solid rgba(56,189,248,.78);border-radius:17px;
  animation:ildA4RemoteButtonRing 1.65s ease-out infinite;pointer-events:none
}
.ild-a4-remote-feature-hint[hidden],.ild-a4-remote-purpose-notice[hidden]{display:none!important}
.ild-a4-remote-feature-hint{
  --ild-remote-hint-arrow-x:50%;position:fixed;z-index:2147483637;width:min(340px,calc(100vw - 24px));
  box-sizing:border-box;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:17px 17px 15px;
  border:1px solid rgba(125,211,252,.72);border-radius:20px;
  background:radial-gradient(circle at 12% 10%,rgba(56,189,248,.34),transparent 34%),linear-gradient(135deg,#07365b 0%,#16499b 56%,#5b21b6 100%);
  color:#fff;font-family:Nunito,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 22px 55px rgba(2,25,55,.42),0 0 0 1px rgba(255,255,255,.15) inset;
  overflow:visible;animation:ildA4RemoteHintIn .58s cubic-bezier(.2,.85,.24,1.18) both
}
.ild-a4-remote-feature-hint:before{
  content:"";position:absolute;left:var(--ild-remote-hint-arrow-x);top:-8px;width:15px;height:15px;
  border-left:1px solid rgba(125,211,252,.72);border-top:1px solid rgba(125,211,252,.72);
  background:#0b4278;transform:translateX(-50%) rotate(45deg)
}
.ild-a4-remote-feature-hint:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;
  background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.16) 37%,transparent 55%);
  background-size:220% 100%;animation:ildA4RemoteHintShimmer 3.1s ease-in-out infinite
}
.ild-a4-remote-feature-hint-icon{
  position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;
  background:linear-gradient(145deg,#22d3ee,#60a5fa);color:#062746;font-size:23px;font-weight:950;
  box-shadow:0 10px 24px rgba(34,211,238,.28);animation:ildA4RemoteHintIcon 1.8s ease-in-out infinite
}
.ild-a4-remote-feature-hint>div{position:relative;z-index:1;display:grid;gap:4px;padding-right:17px}
.ild-a4-remote-feature-hint small{color:#a5f3fc;font-size:10px;font-weight:950;letter-spacing:.09em}
.ild-a4-remote-feature-hint strong{font-size:17px;line-height:1.18;font-weight:950}
.ild-a4-remote-feature-hint p{margin:0!important;color:#dceeff!important;font-size:12px!important;line-height:1.38!important;font-weight:700}
.ild-a4-remote-feature-hint-close{
  position:absolute;z-index:3;right:7px;top:7px;display:grid;place-items:center;width:28px;height:28px;padding:0!important;
  border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;background:rgba(3,20,48,.25)!important;
  color:#e0f2fe!important;font:700 20px/1 system-ui!important;cursor:pointer
}
.ild-a4-remote-feature-hint-action{
  justify-self:start;margin-top:5px;padding:8px 12px!important;border:1px solid rgba(255,255,255,.33)!important;border-radius:10px!important;
  background:rgba(255,255,255,.15)!important;color:#fff!important;font:900 11px/1 Nunito,Inter,system-ui,sans-serif!important;
  box-shadow:none!important;cursor:pointer
}
.ild-a4-remote-feature-hint-action span{display:inline-block;margin-left:4px;transition:transform .18s ease}
.ild-a4-remote-feature-hint-action:hover span{transform:translateX(3px)}

.ild-a4-remote-purpose-notice{
  position:fixed;z-index:2147483640;inset:0;display:grid;place-items:center;padding:18px;
  background:rgba(2,15,30,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-family:Nunito,Inter,system-ui,-apple-system,"Segoe UI",sans-serif
}
.ild-a4-remote-purpose-card{
  width:min(430px,100%);box-sizing:border-box;display:grid;justify-items:center;gap:9px;padding:26px 22px 22px;
  border:1px solid #bae6fd;border-radius:24px;background:linear-gradient(155deg,#fff 0%,#f0f9ff 60%,#eef2ff 100%);
  color:#0f2946;text-align:center;box-shadow:0 28px 75px rgba(1,18,38,.42);animation:ildA4RemoteHintIn .42s cubic-bezier(.2,.85,.24,1.12) both
}
.ild-a4-remote-purpose-icon{
  display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#0ea5e9,#4f46e5);
  color:#fff;font-size:30px;box-shadow:0 13px 30px rgba(37,99,235,.24)
}
.ild-a4-remote-purpose-card>small{color:#4f46e5;font-size:10px;font-weight:950;letter-spacing:.1em}
.ild-a4-remote-purpose-card>strong{max-width:340px;font-size:21px;line-height:1.18;font-weight:950}
.ild-a4-remote-purpose-card p{margin:0!important;color:#526b84!important;font-size:14px!important;line-height:1.48!important;font-weight:750}
.ild-a4-remote-purpose-step{margin-top:3px!important;padding:10px 12px;border:1px solid #c7e8f8;border-radius:12px;background:#f5fbff}
.ild-a4-remote-purpose-card>button{
  width:100%;min-height:48px;margin-top:5px;border:0;border-radius:13px;background:linear-gradient(135deg,#0284c7,#4f46e5);
  color:#fff;font:950 15px/1 Nunito,Inter,system-ui,sans-serif;box-shadow:0 10px 25px rgba(37,99,235,.22);cursor:pointer
}
@keyframes ildA4RemoteHintIn{from{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ildA4RemoteHintShimmer{0%,34%{background-position:190% 0}72%,100%{background-position:-60% 0}}
@keyframes ildA4RemoteHintIcon{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.07)}}
@keyframes ildA4RemoteButtonGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.19)}}
@keyframes ildA4RemoteButtonRing{0%{opacity:.9;transform:scale(.88)}70%,100%{opacity:0;transform:scale(1.14)}}

html.ild-a4-remote-controller-root{
  margin:0!important;width:100%!important;height:100%!important;overflow:hidden!important;
  overscroll-behavior:none!important;overscroll-behavior-x:none!important;overscroll-behavior-y:none!important;
  touch-action:none!important;background:#041322!important
}
body.ild-a4-remote-controller-page{
  --remote-ink:#eef8ff;--remote-muted:#91a9be;--remote-line:rgba(148,202,235,.18);--remote-card:rgba(9,36,62,.84);
  margin:0!important;min-width:0!important;width:100%!important;min-height:0!important;height:100vh!important;height:100svh!important;height:var(--ild-remote-viewport-height,100dvh)!important;overflow:hidden!important;
  background:radial-gradient(circle at 14% 8%,rgba(14,165,233,.2),transparent 28%),radial-gradient(circle at 90% 82%,rgba(99,102,241,.19),transparent 33%),#041322!important;
  color:var(--remote-ink)!important;font-family:Inter,Nunito,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  overscroll-behavior:none!important;overscroll-behavior-x:none!important;overscroll-behavior-y:none!important;touch-action:none!important;
  -webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent
}
body.ild-a4-remote-controller-page *{box-sizing:border-box}
body.ild-a4-remote-controller-page [hidden]{display:none!important}
.ild-a4-remote-app{
  width:min(100%,780px);height:100vh;height:100svh;height:var(--ild-remote-viewport-height,100dvh);max-height:var(--ild-remote-viewport-height,100dvh);min-height:0;margin:0 auto;
  padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  display:flex;flex-direction:column;gap:10px;overflow:hidden;touch-action:none
}
.ild-a4-remote-brand{
  flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;
  padding:7px 9px;border:1px solid var(--remote-line);border-radius:15px;background:rgba(4,25,45,.74);box-shadow:0 8px 28px rgba(0,0,0,.15)
}
.ild-a4-remote-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#0ea5e9,#4f46e5);color:#fff;font-size:19px}
.ild-a4-remote-brand-copy{display:grid;min-width:0}.ild-a4-remote-brand-copy strong{font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ild-a4-remote-brand-copy span{font-size:10px;line-height:1.2;color:var(--remote-muted);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ild-a4-remote-brand-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.ild-a4-remote-connection{padding:6px 9px;border:1px solid var(--remote-line);border-radius:999px;background:rgba(148,163,184,.1);color:#b4c6d6;font-size:10px;font-weight:900;white-space:nowrap}
.ild-a4-remote-connection.is-waiting{border-color:rgba(251,191,36,.35);background:rgba(245,158,11,.13);color:#fde68a}
.ild-a4-remote-connection.is-connected{border-color:rgba(52,211,153,.34);background:rgba(16,185,129,.14);color:#a7f3d0}
.ild-a4-remote-connection.is-error{border-color:rgba(251,113,133,.35);background:rgba(244,63,94,.13);color:#fecdd3}
.ild-a4-remote-exit{
  min-width:58px;height:34px;padding:0 9px;border:1px solid rgba(251,113,133,.32);border-radius:10px;
  background:rgba(190,24,60,.16);color:#fecdd3;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit
}
.ild-a4-remote-exit span{font-size:18px;line-height:1}.ild-a4-remote-exit strong{font-size:10px;line-height:1;font-weight:950}
.ild-a4-remote-exit.is-exiting,.ild-a4-remote-exit:disabled{opacity:.62}

.ild-a4-remote-connect{
  width:min(100%,470px);margin:auto;padding:28px 24px;border:1px solid rgba(125,211,252,.22);border-radius:24px;
  background:linear-gradient(150deg,rgba(10,45,76,.96),rgba(7,28,52,.96));text-align:center;box-shadow:0 28px 70px rgba(0,0,0,.3)
}
.ild-a4-remote-connect-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:19px;background:linear-gradient(145deg,#0ea5e9,#4f46e5);font-size:29px;box-shadow:0 14px 32px rgba(14,165,233,.22)}
.ild-a4-remote-connect h1{margin:0 0 7px!important;color:#fff!important;font-size:25px!important;line-height:1.15!important}
.ild-a4-remote-connect p{margin:0 0 18px!important;color:var(--remote-muted)!important;font-size:14px!important}
.ild-a4-remote-connect label{display:block;margin:0 0 7px;color:#b9cfe0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ild-a4-remote-connect input{
  display:block!important;width:100%!important;height:64px!important;margin:0 0 12px!important;padding:0 12px!important;
  border:1px solid rgba(125,211,252,.32)!important;border-radius:15px!important;outline:0!important;background:rgba(2,18,35,.72)!important;
  color:#fff!important;box-shadow:none!important;text-align:center!important;font:900 28px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.23em!important;font-variant-numeric:tabular-nums
}
.ild-a4-remote-connect input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 4px rgba(56,189,248,.12)!important}
.ild-a4-remote-connect>button{width:100%;height:54px;border:0;border-radius:15px;background:linear-gradient(135deg,#0ea5e9,#4f46e5);color:#fff;font-size:16px;font-weight:900;box-shadow:0 12px 28px rgba(30,64,175,.25)}
.ild-a4-remote-connect>button:disabled{opacity:.55}.ild-a4-remote-connect-status{min-height:20px;margin-top:10px;color:#9fb4c6;font-size:12px;font-weight:800}
.ild-a4-remote-connect-status.is-error{color:#fda4af}.ild-a4-remote-connect-status.is-success{color:#6ee7b7}

.ild-a4-remote-control:not([hidden]){flex:1 1 auto;min-height:0;display:grid;grid-template-rows:auto minmax(190px,1fr) auto auto;gap:9px}
.ild-a4-remote-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ild-a4-remote-tools button{
  min-width:0;min-height:58px;padding:6px 3px;border:1px solid var(--remote-line);border-radius:14px;background:rgba(10,38,65,.78);color:#bcd0df;
  display:grid;place-items:center;align-content:center;gap:3px;font-family:inherit
}
.ild-a4-remote-tools button>span{font-size:20px;line-height:1}.ild-a4-remote-tools button>strong{font-size:11px;line-height:1.1}
.ild-a4-remote-tools button.is-active{border-color:#38bdf8;background:linear-gradient(145deg,rgba(2,132,199,.82),rgba(37,99,235,.76));color:#fff;box-shadow:0 8px 22px rgba(2,132,199,.2),0 0 0 1px rgba(125,211,252,.17) inset}
.ild-a4-remote-pad-wrap{min-height:0;display:flex;flex-direction:column;padding:10px;border:1px solid var(--remote-line);border-radius:18px;background:var(--remote-card);box-shadow:0 14px 34px rgba(0,0,0,.17)}
.ild-a4-remote-pad-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 3px 8px}
.ild-a4-remote-pad-head strong{font-size:13px}.ild-a4-remote-pad-head span{font-size:10px;color:var(--remote-muted);font-weight:750;text-align:right}
.ild-a4-remote-pad{
  position:relative;isolation:isolate;flex:1 1 auto;min-height:140px;overflow:hidden;border:1px solid rgba(125,211,252,.22);
  border-radius:14px;background:radial-gradient(circle at center,rgba(14,165,233,.11),transparent 42%),linear-gradient(145deg,#071d32,#061628);
  touch-action:none;cursor:crosshair
}
.ild-a4-remote-pad:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,rgba(125,211,252,.07) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(125,211,252,.07) 50%,transparent 50.3%)}
.ild-a4-remote-pad-grid{position:absolute;z-index:0;inset:0;opacity:.2;background-image:linear-gradient(rgba(125,211,252,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.15) 1px,transparent 1px);background-size:28px 28px}
.ild-a4-remote-screen-edge{position:fixed;z-index:2147483600;top:0;width:2px;height:0;pointer-events:none;opacity:.52;background:linear-gradient(180deg,transparent,rgba(56,189,248,.62) 16%,rgba(99,102,241,.54) 84%,transparent);box-shadow:0 0 7px rgba(56,189,248,.18);transition:opacity .14s ease,filter .14s ease}
.ild-a4-remote-screen-edge.is-left{left:0}.ild-a4-remote-screen-edge.is-right{right:0}
.ild-a4-remote-screen-edge.is-active{opacity:1;filter:brightness(1.8);box-shadow:0 0 10px rgba(56,189,248,.48)}
.ild-a4-remote-pad.is-edge-scroll-left .ild-a4-remote-pad-cursor,.ild-a4-remote-pad.is-edge-scroll-right .ild-a4-remote-pad-cursor{opacity:0!important}
.ild-a4-remote-pad-empty{position:absolute;z-index:1;inset:0;display:grid;place-items:center;align-content:center;gap:4px;pointer-events:none;color:#708da5;text-align:center}
.ild-a4-remote-pad-empty>span{font-size:26px;opacity:.9}.ild-a4-remote-pad-empty strong{font-size:13px;color:#8ca6ba}.ild-a4-remote-pad-empty small{font-size:10px}
.ild-a4-remote-pad-cursor{position:absolute;z-index:3;left:50%;top:50%;display:block;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#0ea5e9;box-shadow:0 0 0 7px rgba(14,165,233,.18),0 3px 12px rgba(0,0,0,.45);transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.ild-a4-remote-pad.is-laser .ild-a4-remote-pad-cursor{background:#fb174c;box-shadow:0 0 0 7px rgba(244,63,94,.2),0 0 20px rgba(244,63,94,.6)}
.ild-a4-remote-pad.is-spot .ild-a4-remote-pad-cursor{background:#facc15;box-shadow:0 0 0 8px rgba(250,204,21,.18),0 0 22px rgba(250,204,21,.52)}
.ild-a4-remote-pad.is-magnifier .ild-a4-remote-pad-cursor{background:#8b5cf6;box-shadow:0 0 0 8px rgba(139,92,246,.2),0 0 22px rgba(139,92,246,.5)}
.ild-a4-remote-pad.is-touching .ild-a4-remote-pad-cursor{opacity:1}.ild-a4-remote-pad.is-touching .ild-a4-remote-pad-empty{opacity:.15}

.ild-a4-remote-size{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px;padding:5px;border:1px solid var(--remote-line);border-radius:14px;background:rgba(9,36,62,.75);text-align:center}
.ild-a4-remote-size button{height:40px;border:1px solid rgba(125,211,252,.22);border-radius:10px;background:#123f65;color:#fff;font-size:24px;font-weight:800;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .1s ease,background .1s ease}
.ild-a4-remote-size button.is-repeating{transform:scale(.94);background:#087fc4}
.ild-a4-remote-size span{font-size:11px;color:#b9ccdb;font-weight:900}
.ild-a4-remote-page-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:7px}
.ild-a4-remote-page-actions button{min-width:0;height:49px;padding:5px 9px;border:1px solid var(--remote-line);border-radius:13px;background:rgba(10,38,65,.82);color:#eaf6ff;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}
.ild-a4-remote-page-actions button:first-child{justify-content:flex-start}.ild-a4-remote-page-actions button:last-child{justify-content:flex-end}
.ild-a4-remote-page-actions button strong{font-size:10px;line-height:1.15}.ild-a4-remote-page-actions button span{font-size:18px;color:#7dd3fc}
.ild-a4-remote-page-actions button[data-remote-center]{width:64px;background:rgba(30,64,175,.32)}
.ild-a4-remote-wait{width:min(100%,420px);margin:auto;padding:30px 22px;border:1px solid var(--remote-line);border-radius:22px;background:var(--remote-card);display:grid;justify-items:center;gap:10px;text-align:center;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.ild-a4-remote-wait strong{font-size:17px}.ild-a4-remote-wait small{color:var(--remote-muted);font-size:12px;line-height:1.45}
.ild-a4-remote-app button{touch-action:manipulation}.ild-a4-remote-app button:active{transform:scale(.97)}
.ild-a4-remote-app button:focus-visible{outline:3px solid rgba(56,189,248,.55);outline-offset:2px}

@media (max-width:380px){
  .ild-a4-remote-app{gap:7px;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:max(7px,env(safe-area-inset-bottom))}
  .ild-a4-remote-brand{min-height:45px;padding:5px 7px;gap:7px}.ild-a4-remote-brand-mark{width:32px;height:32px}.ild-a4-remote-connection{padding-inline:7px}.ild-a4-remote-exit{min-width:54px;padding-inline:7px}
  .ild-a4-remote-tools button{min-height:52px}.ild-a4-remote-tools button>span{font-size:18px}
  .ild-a4-remote-control:not([hidden]){gap:7px}.ild-a4-remote-pad-wrap{padding:7px}
  .ild-a4-remote-page-actions button{height:44px;padding-inline:6px}.ild-a4-remote-page-actions button[data-remote-center]{width:56px}
}

@media (orientation:landscape) and (max-height:620px){
  .ild-a4-remote-app{width:100%;max-width:none;gap:7px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}
  .ild-a4-remote-brand{min-height:42px;padding:4px 8px}.ild-a4-remote-brand-mark{width:31px;height:31px}.ild-a4-remote-brand-copy span{display:none}
  .ild-a4-remote-control:not([hidden]){grid-template-columns:80px minmax(210px,1fr) minmax(150px,180px);grid-template-rows:minmax(0,1fr) auto;gap:7px}
  .ild-a4-remote-tools{grid-column:1;grid-row:1/3;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:6px}
  .ild-a4-remote-tools button{min-height:0;display:flex;justify-content:flex-start;padding:5px 8px;gap:6px}.ild-a4-remote-tools button>span{font-size:17px}.ild-a4-remote-tools button>strong{font-size:10px}
  .ild-a4-remote-pad-wrap{grid-column:2;grid-row:1/3;padding:7px}.ild-a4-remote-pad-head{padding-bottom:5px}.ild-a4-remote-pad-head span{font-size:9px}
  .ild-a4-remote-size{grid-column:3;grid-row:1;align-self:start}
  .ild-a4-remote-page-actions{grid-column:3;grid-row:2;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .ild-a4-remote-page-actions button{height:43px;justify-content:center!important}.ild-a4-remote-page-actions button[data-remote-center]{grid-column:1/3;width:auto;grid-row:2}
  .ild-a4-remote-connect{padding:18px 22px}.ild-a4-remote-connect-icon{width:48px;height:48px;margin-bottom:8px}.ild-a4-remote-connect h1{font-size:21px!important}.ild-a4-remote-connect p{margin-bottom:10px!important}.ild-a4-remote-connect input{height:52px!important}.ild-a4-remote-connect>button{height:46px}
}

@media (max-width:620px){
  .ild-a4-remote-board-modal{padding:14px}.ild-a4-remote-board-dialog{width:100%;padding:22px 18px;border-radius:21px}
  .ild-a4-remote-board-pair{grid-template-columns:1fr;gap:15px}.ild-a4-remote-board-qr{width:190px;min-height:190px;margin:0 auto}
  .ild-a4-remote-board-code{justify-items:center;text-align:center}.ild-a4-remote-board-code strong{font-size:37px}
  .ild-a4-remote-feature-hint{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:14px 13px;border-radius:17px}
  .ild-a4-remote-feature-hint-icon{width:39px;height:39px;border-radius:12px;font-size:20px}
  .ild-a4-remote-feature-hint strong{font-size:15px}.ild-a4-remote-feature-hint p{font-size:11px!important}
  .ild-a4-remote-purpose-card{padding:23px 17px 18px;border-radius:21px}.ild-a4-remote-purpose-card>strong{font-size:19px}
}
@media print{.ild-a4-remote-board-button,.ild-a4-remote-board-modal,.ild-a4-remote-feature-hint,.ild-a4-remote-purpose-notice{display:none!important}}
@media (prefers-reduced-motion:reduce){
  .ild-a4-remote-board-loading>span,.ild-a4-remote-wait>span{animation-duration:1.6s}
  .ild-a4-remote-feature-hint,.ild-a4-remote-feature-hint:after,.ild-a4-remote-feature-hint-icon,
  .ild-a4-remote-board-button.is-feature-highlighted,.ild-a4-remote-board-button.is-feature-highlighted:before,
  .ild-a4-remote-purpose-card{animation:none!important}
}