.ywq150{box-sizing:border-box;width:100%;max-width:720px;margin:48px auto;padding:0 24px;color:#000;font:14px/1.6 Arial,sans-serif;color-scheme:light;text-align:center}.ywq150 *{box-sizing:border-box}.ywq150-tool{background:#fff;border:1px solid #000;border-radius:24px;padding:36px;box-shadow:0 14px 44px rgba(0,0,0,.09)}.ywq150 header{margin-bottom:30px}.ywq150-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;margin:0 0 18px}.ywq150 h2{font-family:Arial,sans-serif!important;font-size:24px!important;line-height:1.3!important;letter-spacing:-.6px!important;margin:0 0 12px!important;font-weight:600!important;color:#000!important}.ywq150-intro{font-size:13px;color:#000;margin:0;line-height:1.8}.ywq150 label{display:block;font-family:Arial,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}.ywq150 label:not(:first-of-type){margin-top:22px}.ywq150 input{display:block;font:15px/1.5 Arial,sans-serif!important;width:100%;min-width:0;height:54px;padding:14px 16px;border:1px solid #000!important;border-radius:12px!important;background:#fff!important;color:#000!important;box-shadow:none!important}.ywq150 input::placeholder{color:#000;opacity:.55}.ywq150 input:focus{outline:2px solid #000;outline-offset:4px}.ywq150-passrow{display:flex;gap:10px}.ywq150-passrow input{flex:1}.ywq150 button{min-width:0;min-height:52px;padding:14px 10px;border:1px solid #000!important;border-radius:12px!important;background:#000!important;color:#fff!important;font:600 14px/1.4 Arial,sans-serif!important;cursor:pointer;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}.ywq150-show{flex:0 0 100px;background:#fff!important;color:#000!important}.ywq150-show:hover,.ywq150-show:focus{background:#000!important;color:#fff!important}.ywq150-hint{font-size:12px;color:#000;line-height:1.7;margin:10px 0 22px}.ywq150-error{color:#000;font-size:13px;margin:10px 0}.ywq150-error:empty{display:none}.ywq150-preview{display:flex;align-items:center;justify-content:center;min-height:250px;margin:0 0 24px;padding:24px;background:#fff;border:1px dashed #000;border-radius:16px}.ywq150-preview svg{display:block;width:256px;height:auto;max-width:100%;background:#fff}.ywq150-grid{display:block;color:#000;font-size:64px;line-height:1;margin-bottom:18px}.ywq150-empty p{font-size:13px;font-weight:600;margin:0 0 6px}.ywq150-empty span:not(.ywq150-grid){font-size:12px;color:#000}.ywq150-downloads{display:flex;gap:12px}.ywq150-downloads button{flex:1}.ywq150-downloads .ywq150-secondary{color:#000!important;background:transparent!important}.ywq150-downloads button:hover:not(:disabled){background:#000!important;color:#fff!important}.ywq150-downloads .ywq150-secondary:hover:not(:disabled){background:#fff!important;color:#000!important}.ywq150 button:disabled{opacity:.45;cursor:not-allowed}.ywq150-formats{margin:14px 0 0;font-size:11px}@media(max-width:480px){.ywq150{margin:28px auto;padding:0 16px}.ywq150-tool{padding:28px 20px;border-radius:20px}.ywq150 h2{font-size:22px!important}.ywq150-preview{padding:18px;min-height:230px}.ywq150-downloads{gap:10px}.ywq150-passrow{gap:8px}.ywq150-show{flex-basis:88px}}@media(max-width:360px){.ywq150-downloads{flex-direction:column}.ywq150-tool{padding-left:16px;padding-right:16px}.ywq150-passrow{display:block}.ywq150-show{width:100%;margin-top:8px}}

/* v1.5.1: force Wi-Fi fields to stay white in all states, including browser autofill */
.ywq150 input,
.ywq150 input:hover,
.ywq150 input:focus,
.ywq150 input:active,
.ywq150 input:focus-visible {
  background:#fff!important;
  background-color:#fff!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}
.ywq150 input:-webkit-autofill,
.ywq150 input:-webkit-autofill:hover,
.ywq150 input:-webkit-autofill:focus,
.ywq150 input:-webkit-autofill:active {
  -webkit-text-fill-color:#000!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  background-color:#fff!important;
  caret-color:#000!important;
}

/* v1.5.2: override Elementor/theme dark input states with higher specificity */
html body .ywq150 .ywq150-tool input.ywq150-ssid,
html body .ywq150 .ywq150-tool input.ywq150-pass,
html body .ywq150 .ywq150-tool input.ywq150-ssid:hover,
html body .ywq150 .ywq150-tool input.ywq150-pass:hover,
html body .ywq150 .ywq150-tool input.ywq150-ssid:focus,
html body .ywq150 .ywq150-tool input.ywq150-pass:focus,
html body .ywq150 .ywq150-tool input.ywq150-ssid:active,
html body .ywq150 .ywq150-tool input.ywq150-pass:active {
  background:#fff!important; background-color:#fff!important; color:#000!important;
  -webkit-text-fill-color:#000!important; caret-color:#000!important; color-scheme:light!important;
}

/* v1.5.5: ONLY change the blue inner focus ring to black. No button/layout changes. */
html body .ywq150 .ywq150-tool input.ywq150-ssid:focus,
html body .ywq150 .ywq150-tool input.ywq150-pass:focus,
html body .ywq150 .ywq150-tool input.ywq150-ssid:focus-visible,
html body .ywq150 .ywq150-tool input.ywq150-pass:focus-visible {
  outline: 1px solid #000 !important;
  outline-color: #000 !important;
  outline-offset: -5px !important;
  border-color: #000 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}