.hypercam-desktop-icon{position:relative;width:48px;height:48px;filter:drop-shadow(1px 2px 1px #19354d70)}
.hypercam-desktop-icon img{display:block}
.hypercam-window{width:min(430px,calc(100% - 40px));height:min(440px,calc(100% - 30px));left:40%;top:45%;z-index:8;font-size:12px}
.hypercam-caption-icon{object-fit:contain;flex:none}

/* The famous watermark */
.hc-watermark{position:fixed;left:0;top:0;z-index:2147483647;padding:0 3px;background:#fff;color:#000;font:14px/18px Arial,Helvetica,sans-serif;pointer-events:none;user-select:none}

/* Red REC light in the system tray while recording */
.tray-rec{display:flex;align-items:center;gap:4px;padding:2px 5px;border:0;border-radius:3px;background:none;color:#fff;font:bold 11px Tahoma,sans-serif}
.tray-rec span{width:9px;height:9px;border-radius:50%;background:#ff2a1a;box-shadow:0 0 4px #ff5a4a;animation:hc-blink 1s steps(1) infinite}
.tray-rec:hover,.tray-rec:focus-visible{background:#ffffff26;outline:none}
@keyframes hc-blink{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.tray-rec span{animation:none}}

/* XP tabs and push buttons */
.hc-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 10px 8px;overflow:auto;outline:none}
.xp-tabs{display:flex;flex-wrap:wrap;padding-left:2px;position:relative;z-index:1}
.xp-tabs [role="tab"]{margin-right:-1px;padding:3px 8px 4px;border:1px solid #919b9c;border-bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(#fff,#ecebe5);font-size:12px;position:relative;top:1px}
.xp-tabs [role="tab"]:hover{border-top:2px solid #e68b2c;padding-top:2px}
.xp-tabs [role="tab"][aria-selected="true"]{z-index:1;padding-bottom:6px;margin-top:-2px;background:#fcfcfe;border-top:2px solid #e68b2c}
.xp-tabs [role="tab"]:focus-visible{outline:1px dotted #000;outline-offset:-4px}
.xp-tab-panel{display:grid;align-content:start;gap:9px;flex:1;min-height:150px;padding:12px;border:1px solid #919b9c;background:#fcfcfe;box-shadow:1px 1px #d0d0bf}
.xp-tab-panel fieldset{display:grid;gap:6px;margin:0;padding:6px 10px 8px;border:1px solid #d0d0bf;border-radius:3px}
.xp-tab-panel legend{padding:0 3px;color:#0046d5}
.xp-tab-panel label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.xp-tab-panel p{margin:0;line-height:1.4}
.hc-row input[type="text"],.hc-row select{flex:1;min-width:0;padding:2px 4px;border:1px solid #7f9db9;font:inherit;background:#fff}
.hc-locked{color:#555}
.hc-note{color:#555}
.hc-note.is-warning{color:#8a2a00}
.hc-keys{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}
.hc-keys dd{margin:0}
.hc-unregistered strong{color:#c00}
.hc-buttons{display:flex;justify-content:flex-end;gap:6px;padding-top:10px}
.xp-button{display:inline-flex;align-items:center;justify-content:center;min-width:75px;padding:3px 10px;border:1px solid #003c74;border-radius:3px;background:linear-gradient(#fff,#ece9d8 85%,#d6d0c5);color:#000;font:12px Tahoma,sans-serif;text-decoration:none;justify-self:start}
.xp-button:hover:not(:disabled),.xp-button:focus-visible{box-shadow:inset 0 0 0 2px #f8b636;outline:none}
.xp-button.is-default{box-shadow:inset 0 0 0 1px #9ab4f0}
.xp-button:disabled{color:#aca899;border-color:#c9c7ba}
.hypercam-window.is-recording #hc-start{color:#c00;font-weight:bold}
.hc-video{display:block;width:min(520px,calc(100vw - 80px));max-height:60vh;background:#000}
.hc-help-body{max-width:380px}
.hc-help-body p{margin:0;line-height:1.45}

@media(max-width:600px){
  .hypercam-window{left:50%;top:55%;width:calc(100% - 16px);height:calc(100% - 126px);min-height:300px}
}
@media(max-height:510px){
  .hypercam-window{top:50%;height:calc(100% - 16px)}
}