.remote-screen-tools{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:12px 0;min-width:0;max-width:100%}
#remote-fullscreen{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:12px 14px;border:1px solid #a597bf;border-radius:12px;background:#292040;color:#fff;font:inherit;font-size:.9rem;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
#remote-fullscreen[aria-pressed=true]{border-color:#baff26;color:#d5ff82}
#remote-fullscreen:focus-visible{outline:3px solid #baff26;outline-offset:3px}
#remote-fullscreen-hint{margin:0;max-width:36rem;line-height:1.4;font-size:.9rem;color:#eee}
html:fullscreen,html:-webkit-full-screen{background:#15132c;overflow:auto}
/* Safe-area padding belongs to the body; keep the shell inside that space. */
html:fullscreen .controller-shell,html:-webkit-full-screen .controller-shell{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:0;margin-block:0}
.remote-display-settings>p{line-height:1.4;overflow-wrap:anywhere}