*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#eaf6fa;font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100dvh;display:flex;flex-direction:column}
header{min-height:58px;padding:0 22px;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2b3c57}
a{color:inherit;text-decoration:none;font-weight:700;font-size:13px}a span{color:#64ffe3}h1{font-size:12px;letter-spacing:1px;margin:0}
nav{display:flex;align-items:center;gap:17px}button{background:#64ffe3;color:#091321;border:0;padding:9px 13px;font-size:12px;font-weight:700;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid #ff94dc;outline-offset:4px}
.preview-note{margin:0;padding:7px 12px;text-align:center;color:#f4d03f;font-size:11px;line-height:14px;flex-shrink:0}
iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:#0c0e0d}iframe:fullscreen{height:100%;width:100%}
#status{position:fixed;bottom:12px;left:12px;background:#101a2e;padding:10px;font-size:12px}#status:empty{display:none}
@media(max-width:600px){header{padding:0 12px;gap:10px}h1{display:none}nav{gap:12px}a{font-size:11px}button{font-size:11px;padding:9px}}
@media(max-height:450px) and (orientation:landscape){header{min-height:44px;padding:0 12px}h1{display:none}.preview-note{display:none}header a,header button{min-height:44px;display:flex;align-items:center}header button{padding:0 12px}}
@media(pointer:coarse){header a,header button{min-height:44px;display:flex;align-items:center}}