.remote-launch{border:1px solid #cdd8c5;border-radius:7px;background:#f1f5eb;padding:11px 14px;font-size:12px;white-space:nowrap}.remote-dialog{border:1px solid #dce3d5;border-radius:16px;max-width:460px;width:calc(100% - 30px);padding:28px;color:#243d36;background:#fafbf8;box-shadow:0 24px 90px #10291d30}.remote-dialog::backdrop{background:#14281e77;backdrop-filter:blur(5px)}.remote-dialog h2{white-space:normal;max-width:none;font-size:25px;margin:12px 0}.remote-dialog p{font-size:12px;line-height:1.7;color:#6d7c65}.remote-dialog .close-dialog{float:right;border:0;background:none;font-size:23px}.remote-dialog canvas{width:260px!important;height:260px!important;margin:18px auto;border-radius:8px}.remote-dialog canvas[hidden]{display:none}.remote-dialog a{font-size:12px;color:#436b46}.remote-dialog a[hidden]{display:none}.remote-dialog .connection-status{color:#3b613e;padding:12px;background:#edf2e6;border-radius:6px}.remote-dialog .remote-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.remote-dialog-actions button{border:1px solid #d6dfcf;background:#fff;border-radius:6px;padding:10px 13px;font-size:11px}.remote-dialog .remote-note{font-size:10px;color:#8b9781}.controller-page{min-height:100dvh;background:#f8faf4}.controller-page header{height:72px;padding:0 22px}.controller-page .tag{display:block;margin-left:auto}.controller-main{display:block;height:auto;min-height:0;max-width:520px;margin:0 auto;padding:26px 22px max(24px,env(safe-area-inset-bottom))}.controller-main h1{font-size:29px;margin:14px 0 20px}.connection-status{font-size:12px;color:#7d8c71;line-height:1.6}.connected .connection-status{color:#44774c}.controller-main fieldset{padding:0;margin:20px 0 0;border:0;min-width:0}.controller-main fieldset:disabled{opacity:.4}.controller-main fieldset:disabled #touchpad{pointer-events:none}.controller-modes,.controller-views,.remote-actions{display:flex;gap:8px;margin:12px 0}.controller-modes button,.controller-views button,.remote-actions button{min-height:46px;flex:1;border:1px solid #dbe3d3;background:#fff;border-radius:8px;font-size:13px}.controller-modes button[aria-pressed=true]{background:#294d3d;color:#fff;border-color:#294d3d}#touchpad{touch-action:none;user-select:none;-webkit-user-select:none;min-height:240px;height:32dvh;max-height:350px;border:1px solid #c8d5bd;border-radius:18px;background:radial-gradient(#9cb58b40 1px,transparent 1px),#eaf0e2;background-size:18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#718b60}#touchpad .pad-cross{font-size:50px;font-weight:400;color:#a7bb96}#touchpad strong{font-size:16px;font-weight:500}#touchpad small{font-size:10px;text-align:center;padding:0 10px}.remote-actions button:first-child,.remote-actions button:last-child{max-width:65px;font-size:24px}.controller-help{font-size:10px;line-height:1.7;color:#8d9a82}.controller-main #disconnect{display:block;margin:10px auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:550px){header .remote-launch{font-size:10px;padding:9px}.header-note{display:none}.brand{gap:6px!important}.remote-dialog{padding:22px}.controller-page .brand{font-size:23px}}