:root{color-scheme:dark;font-family:Inter,"Pretendard","Segoe UI","Malgun Gothic",sans-serif;color:#eeeeef;background:#141416;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit}button,select,input{border:1px solid #3b3b40;border-radius:8px;color:#ececef;background:#252529;min-height:36px}button{padding:7px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#35353c}button[aria-pressed=true]{background:#efeff1;color:#121215;border-color:#efeff1}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #c6d3ed;outline-offset:3px}.toolbar{flex-shrink:0;padding:16px 20px 14px;background:#1b1b1e;border-bottom:1px solid #343439;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:4px;min-width:155px}.brand b{font-size:13px;letter-spacing:2px}.brand span{font-size:12px;color:#a6a6b0}.controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;flex:1}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b5b5bf}select{min-width:226px;padding:7px 12px;font-size:13px}input{width:92px;padding:7px 8px;font-size:13px}form{display:flex;align-items:end;gap:7px}form[hidden]{display:none}.times{align-self:end;line-height:36px;color:#777780}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px}.actions #fullscreen{margin-left:4px}#stage{flex:1;min-height:0;min-width:0;position:relative;overflow:auto;background:radial-gradient(ellipse at center,#25252a,#131315 75%);overscroll-behavior:contain}#screen{position:absolute;overflow:hidden;background:#000;border-radius:6px;box-shadow:0 0 0 1px #43434c,0 18px 60px #0007}iframe{position:absolute;left:0;top:0;border:0;display:block;transform-origin:top left;background:#08090a}footer{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 20px;border-top:1px solid #343439;font-size:12px;color:#a6a6af;background:#1b1b1e}#measurement{font-variant-numeric:tabular-nums;color:#eee}#hint{flex:1;min-width:180px}footer a{color:#d9dae0;text-decoration:none;white-space:nowrap}footer a:hover{text-decoration:underline}@media(max-width:640px){.toolbar{padding:12px;gap:12px}.brand{flex-direction:row;align-items:center;gap:12px;width:100%}.controls{gap:10px}.preset{flex:1}select{width:100%;min-width:185px}.actions{width:100%}.actions button{flex:1;padding:8px}.actions #fullscreen{margin-left:0}footer{padding:10px 12px;font-size:11px}#hint{display:none}}@media(max-height:500px) and (min-width:641px){.toolbar{padding:8px 14px}.brand span{display:none}.controls{align-items:center}.preset{flex-direction:row;align-items:center}footer{padding:8px 14px}}