:root{font-family:Arial,Helvetica,sans-serif;color:#122e3b;background:#e8eef1;--navy:#122e3b;--blue:#d9edf5;--line:#cdd9df;--white:#fff;--muted:#4d6572}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{padding:12px 20px;background:white;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;gap:4px;min-width:140px}.brand strong{font-size:19px}.brand span{font-size:12px;color:var(--muted)}nav,.devices,.actions{display:flex;gap:5px;align-items:center}button,a{font:inherit}button,.actions a{min-height:44px;border:1px solid transparent;border-radius:6px;padding:10px 13px;background:transparent;color:var(--navy);font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.actions a:hover{background:#edf4f7}button[aria-pressed=true]{background:var(--navy);color:white}.devices{border-left:1px solid var(--line);padding-left:14px}.devices button[aria-pressed=true]{background:var(--blue);color:var(--navy)}.actions{margin-left:auto}.actions button,.actions a{border-color:var(--line)}:focus-visible{outline:3px solid #0679aa;outline-offset:3px}.info{padding:10px 20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}main{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;padding:0 16px 12px}#stage{flex-shrink:0;overflow:hidden;background:white;box-shadow:0 2px 12px #122e3b1a}iframe{border:0;display:block;transform-origin:top left}footer{display:flex;justify-content:space-between;gap:12px;padding:8px 20px;font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:0}@media(max-width:700px){header{padding:10px 12px;gap:8px}.brand{flex:1}.brand span{display:none}nav{order:3;width:100%}nav button{flex:1;padding:10px 5px;font-size:13px}.devices{order:4;border:0;padding:0;flex:1}.devices button{padding:8px;font-size:13px}.actions{gap:5px}.actions a,.actions button{padding:8px;font-size:12px}.info{padding:8px 12px}#description{max-width:70%}main{padding:0 8px 8px}footer{font-size:11px;padding:6px 12px}#counter{white-space:nowrap}}

nav label{font-size:12px;color:var(--muted);margin-right:4px}select{font:inherit;font-size:14px;min-height:44px;background:#edf4f7;color:var(--navy);border:1px solid var(--line);border-radius:6px;padding:8px;max-width:290px}nav button{border-color:var(--line);font-size:18px;min-width:44px}@media(max-width:700px){nav{order:3}nav select{flex:1;max-width:none;min-width:0}nav button{flex:0}nav label{display:none}}