/* Scope every tool selector so installation does not restyle the host website. */
.wyr-preview-tool {
  font-family: Arial, Helvetica, sans-serif;
  color: #f2f3f1;
  background: #080e13;
  min-height: 100vh;
  --preview-brand: #17483f;
  --preview-accent: #f47b43;
}
.wyr-preview-tool * {
  box-sizing: border-box;
}
.wyr-preview-tool [hidden] {
  display: none !important;
}
.wyr-preview-tool button,
.wyr-preview-tool input {
  font: inherit;
}
.wyr-preview-tool button {
  cursor: pointer;
}
.wyr-preview-tool button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.wyr-preview-tool button:focus-visible,
.wyr-preview-tool input:focus-visible {
  outline: 3px solid #f38841;
  outline-offset: 3px;
}
.wyr-preview-tool .studio-header {
  height: 94px;
  margin: 0 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #203a3025;
}
.wyr-preview-tool .wordmark {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -1.5px;
  text-decoration: none;
  color: #f2f3f1;
  display: flex;
  align-items: center;
}
.wyr-preview-tool .wordmark > span {
  color: #f47b43;
}
.wyr-preview-tool .wordmark small {
  font-size: 9px;
  letter-spacing: 2px;
  margin-left: 25px;
  font-weight: 500;
}
.wyr-preview-tool .environment {
  font-size: 10px;
  padding: 8px 13px;
  border: 1px solid #203a3040;
  border-radius: 30px;
}
.wyr-preview-tool .entry {
  max-width: 1350px;
  margin: auto;
  padding: 85px 6% 100px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 85px;
  align-items: center;
}
.wyr-preview-tool .kicker {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}
.wyr-preview-tool .intro h1 {
  font-size: clamp(45px, 5.5vw, 78px);
  line-height: 1.05;
  letter-spacing: -3px;
  font-weight: 500;
  margin: 25px 0;
}
.wyr-preview-tool .intro h1 em {
  font-family: Georgia, serif;
  font-weight: 400;
  color: #f47b43;
}
.wyr-preview-tool .intro > p:not(.kicker) {
  max-width: 440px;
  font-size: 16px;
  line-height: 1.8;
  color: #b8c0c6;
}
.wyr-preview-tool .proof {
  margin-top: 40px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 10px;
}
.wyr-preview-tool .start-card {
  background: #111a22;
  padding: 38px;
  border: 1px solid #29323a;
  box-shadow: 0 22px 55px #203a3009;
  border-radius: 6px;
}
.wyr-preview-tool .card-number {
  font-size: 9px;
  letter-spacing: 2px;
  color: #a1abb4;
}
.wyr-preview-tool .start-card h2 {
  font:
    32px/1.2 Georgia,
    serif;
  letter-spacing: -0.8px;
  margin: 25px 0 35px;
}
.wyr-preview-tool label {
  font-size: 11px;
  font-weight: 700;
  display: block;
}
.wyr-preview-tool .url-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #424d56;
  border-radius: 4px;
  padding-left: 16px;
  gap: 12px;
  margin: 10px 0 14px;
}
.wyr-preview-tool input:not([type="range"]):not([type="color"]) {
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #39444e;
  border-radius: 4px;
  background: #111a22;
  font-size: 14px;
  color: #f2f3f1;
}
.wyr-preview-tool .url-wrap input {
  border: 0 !important;
  background: transparent !important;
  min-width: 0;
}
.wyr-preview-tool .primary {
  padding: 17px 22px;
  border: 0;
  background: #f47b43;
  color: white;
  border-radius: 4px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  gap: 25px;
  font-weight: 700;
}
.wyr-preview-tool #generate-form .primary {
  width: 100%;
}
.wyr-preview-tool .fine {
  font-size: 11px;
  color: #b5bec6;
  line-height: 1.7;
  margin: 19px 0;
}
.wyr-preview-tool .entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  border-top: 1px solid #29323a;
  padding-top: 18px;
}
.wyr-preview-tool .text-button {
  background: none;
  border: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #cbd1d5;
  cursor: pointer;
}
.wyr-preview-tool #progress,
.wyr-preview-tool #error {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 14px;
}
.wyr-preview-tool #error {
  color: #ffad95;
}
.wyr-preview-tool .spinner {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 2px solid #39444e;
  border-top-color: #f47b43;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  vertical-align: middle;
  margin-right: 6px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.wyr-preview-tool .workspace {
  padding: 45px 4% 60px;
  max-width: 1500px;
  margin: auto;
}
.wyr-preview-tool .workspace-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-bottom: 28px;
}
.wyr-preview-tool .workspace-top h1 {
  font:
    42px/1.1 Georgia,
    serif;
  letter-spacing: -1px;
  margin: 15px 0;
}
.wyr-preview-tool .workspace-top p:last-child {
  font-size: 12px;
  color: #b5bec6;
}
.wyr-preview-tool .outline {
  background: transparent;
  border: 1px solid #48545e;
  padding: 11px 16px;
  border-radius: 4px;
  font-size: 11px;
  color: #f2f3f1;
  white-space: nowrap;
}
.wyr-preview-tool .workbar {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
.wyr-preview-tool .view-tabs {
  background: #141e27;
  padding: 4px;
  border-radius: 5px;
  display: flex;
}
.wyr-preview-tool .view-tabs button {
  border: 0;
  background: transparent;
  padding: 9px 17px;
  font-size: 11px;
  color: #c1c9d0;
}
.wyr-preview-tool .view-tabs button[aria-pressed="true"] {
  background: #111a22;
  border-radius: 3px;
  box-shadow: 0 2px 4px #0001;
}
.wyr-preview-tool .bar-actions {
  display: flex;
  gap: 10px;
}
.wyr-preview-tool .looks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 20px 0;
}
.wyr-preview-tool .look {
  border: 1px solid #39444e;
  background: #111a22;
  border-radius: 5px;
  padding: 14px;
  text-align: left;
  position: relative;
  color: #f2f3f1;
}
.wyr-preview-tool .look.selected {
  outline: 2px solid #f47b43;
}
.wyr-preview-tool .look strong,
.wyr-preview-tool .look small {
  display: block;
  margin-top: 10px;
}
.wyr-preview-tool .look strong {
  font-size: 13px;
}
.wyr-preview-tool .look small {
  font-size: 10px;
  color: #b5bec6;
}
.wyr-preview-tool .look-sample {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 65px;
  gap: 8px;
  background: #121c24;
  padding: 8px;
}
.wyr-preview-tool .look-sample i {
  background: repeating-linear-gradient(
    0deg,
    transparent 0,
    transparent 8px,
    var(--preview-brand) 8px,
    var(--preview-brand) 12px
  );
  margin: 7px;
}
.wyr-preview-tool .look-sample b {
  background: var(--preview-brand);
  opacity: 0.8;
}
.wyr-preview-tool .look-sample.corporate {
  background: var(--preview-brand);
}
.wyr-preview-tool .look-sample.corporate i {
  filter: brightness(3);
}
.wyr-preview-tool .look-sample.corporate b {
  background: var(--preview-accent);
  border-radius: 20px 0 0;
}
.wyr-preview-tool .look-sample.visual {
  background: var(--preview-accent);
  grid-template-columns: 2fr 1fr;
}
.wyr-preview-tool .recommended {
  position: absolute;
  top: 18px;
  right: 18px;
  background: #111a22;
  padding: 3px 6px;
  border-radius: 20px;
  font-size: 8px;
}
.wyr-preview-tool .branding {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding: 25px;
  background: #111a22;
  border: 1px solid #303b45;
  margin-top: 20px;
  border-radius: 5px;
}
.wyr-preview-tool .brand-fields > label {
  margin-bottom: 12px;
}
.wyr-preview-tool .brand-fields input {
  margin-top: 5px;
}
.wyr-preview-tool .palette {
  display: flex;
  gap: 25px;
}
.wyr-preview-tool input[type="color"] {
  display: block;
  width: 50px;
  height: 34px;
  padding: 3px;
  border: 1px solid #48545e;
  background: #111a22;
}
.wyr-preview-tool .small-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.wyr-preview-tool .photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-height: 175px;
  overflow: auto;
}
.wyr-preview-tool .photo-choice {
  padding: 0;
  border: 1px solid #39444e;
  background: #141e27;
  border-radius: 3px;
  height: 70px;
  overflow: hidden;
}
.wyr-preview-tool .photo-choice img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wyr-preview-tool .contribution-control {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 22px 0;
}
.wyr-preview-tool .contribution-control label {
  white-space: nowrap;
}
.wyr-preview-tool .contribution-control strong {
  margin-left: 12px;
}
.wyr-preview-tool input[type="range"] {
  accent-color: #f47b43;
  width: 160px;
}
.wyr-preview-tool .contribution-control > span {
  font-size: 10px;
  color: #b5bec6;
}
.wyr-preview-tool .preview-wrap {
  margin: 0 auto;
  background: #111a22;
  border: 1px solid #39444e;
  box-shadow: 0 15px 45px #17251f12;
  border-radius: 8px;
  overflow: hidden;
  max-width: 100%;
  transition: width 0.25s;
}
.wyr-preview-tool .preview-wrap.mobile {
  width: 390px;
}
.wyr-preview-tool .browser-strip {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  background: #141e27;
  font-size: 9px;
  color: #b5bec6;
}
.wyr-preview-tool .browser-strip > span:first-child {
  letter-spacing: 3px;
}
.wyr-preview-tool .mobile .browser-strip > span:last-child {
  display: none;
}
.wyr-preview-tool iframe {
  width: 100%;
  height: 760px;
  border: 0;
  display: block;
  background: #111a22;
}
.wyr-preview-tool .handoff {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 30px;
}
.wyr-preview-tool .handoff > div {
  margin-right: auto;
}
.wyr-preview-tool .handoff h2 {
  font:
    25px Georgia,
    serif;
  letter-spacing: -0.5px;
  margin: 0 0 8px;
}
.wyr-preview-tool .handoff p {
  font-size: 11px;
  max-width: 460px;
  color: #b5bec6;
}
.wyr-preview-tool .studio-footer {
  margin: 0 5%;
  padding: 25px 0;
  border-top: 1px solid #203a3025;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
  letter-spacing: 0.2px;
}
@media (max-width: 760px) {
  .wyr-preview-tool .entry {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 45px 6%;
  }
  .wyr-preview-tool .intro h1 {
    font-size: 52px;
  }
  .wyr-preview-tool .start-card {
    padding: 25px;
  }
  .wyr-preview-tool .wordmark small {
    display: none;
  }
  .wyr-preview-tool .environment {
    font-size: 8px;
  }
  .wyr-preview-tool .workspace {
    padding: 30px 4%;
  }
  .wyr-preview-tool .workspace-top {
    align-items: flex-start;
    flex-direction: column;
  }
  .wyr-preview-tool .workspace-top h1 {
    font-size: 34px;
  }
  .wyr-preview-tool .workbar {
    flex-wrap: wrap;
  }
  .wyr-preview-tool .looks {
    grid-template-columns: 1fr;
  }
  .wyr-preview-tool .look-sample {
    height: 45px;
  }
  .wyr-preview-tool .branding {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .wyr-preview-tool .contribution-control {
    flex-wrap: wrap;
    gap: 12px;
  }
  .wyr-preview-tool .contribution-control > span {
    width: 100%;
  }
  .wyr-preview-tool .handoff {
    flex-wrap: wrap;
  }
  .wyr-preview-tool .handoff > div {
    width: 100%;
  }
  .wyr-preview-tool .studio-footer {
    flex-direction: column;
  }
  .wyr-preview-tool .browser-strip > span:last-child {
    display: none;
  }
}
.wyr-preview-tool #elapsed {
  font-size: 12px;
  color: #d6dce0;
  font-variant-numeric: tabular-nums;
  margin-top: 10px;
}
.wyr-preview-tool .render-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 11px;
  color: #c1c9d0;
  padding: 0 0 12px;
  min-height: 30px;
}
.wyr-preview-tool .wordmark {background:#080e13;padding:10px 14px;border-radius:4px;color:#f97316;}
.wyr-preview-tool .wordmark>span,.wyr-preview-tool .wordmark small {color:#fff;}
.wyr-preview-tool select {width:100%;padding:12px;margin-top:5px;border:1px solid #39444e;border-radius:4px;background:#111a22;color:#f2f3f1;}
.wyr-preview-tool .look-sample {display:block;position:relative;height:160px;overflow:hidden;background:var(--preview-brand);color:#fff;padding:0;isolation:isolate;}
.wyr-preview-tool .look-sample .mini-header {position:absolute;inset:0 0 auto;height:27px;background:#101820;display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:8px;z-index:3;}
.wyr-preview-tool .mini-logo {width:60px;max-height:20px;object-fit:contain;object-position:left center;}
.wyr-preview-tool .look-sample .mini-wyr {font-size:7px;white-space:nowrap;}
.wyr-preview-tool .look-sample .mini-wyr b {display:inline;background:none;opacity:1;color:#f97316;}
.wyr-preview-tool .look-sample .mini-title {position:absolute;top:43px;left:12px;width:65%;z-index:2;font:700 19px/.98 Georgia,serif;text-shadow:0 1px 6px #000;}
.wyr-preview-tool .look-sample .mini-photo {position:absolute;inset:27px 0 0 auto;width:60%;height:calc(100% - 27px);object-fit:cover;background:var(--preview-accent);z-index:0;}
.wyr-preview-tool .look-sample:after {content:"";position:absolute;inset:27px 0 0;background:linear-gradient(90deg,var(--preview-brand),transparent);z-index:1;}
.wyr-preview-tool .look-sample .mini-cta {position:absolute;left:12px;bottom:24px;width:55px;height:9px;background:var(--preview-accent);z-index:2;}
.wyr-preview-tool .look-sample.corporate .mini-title {width:43%;font-size:18px;}
.wyr-preview-tool .look-sample.corporate .mini-photo {width:50%;border-left:2px solid var(--preview-accent);}
.wyr-preview-tool .look-sample.corporate:after {right:50%;background:#080c12;}
.wyr-preview-tool .look-sample.visual .mini-title {font:900 23px/.9 Arial,sans-serif;text-transform:uppercase;letter-spacing:-1px;width:76%;}
.wyr-preview-tool .look-sample.visual .mini-photo {width:100%;}
.wyr-preview-tool .look-sample.visual:after {background:#0008;}
.wyr-preview-tool .look-sample.visual .mini-rail {position:absolute;right:10px;bottom:12px;width:25%;height:48px;background:#111d;border:1px solid #fff8;z-index:2;}
.wyr-preview-tool .recommended {top:18px;right:18px;transform:translateY(-28px);border:1px solid #39444e;}
.wyr-preview-tool .looks {gap:20px;padding-top:30px;}

.wyr-preview-tool .update-preview {min-height:52px;min-width:210px;justify-content:center;font-size:15px;padding:15px 24px;box-shadow:0 4px 12px #203a3020;}
.wyr-preview-tool .update-preview:hover {background:#ff925d;}
.wyr-preview-tool .branding-action {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #303b45;padding-top:20px;}
.wyr-preview-tool .branding-action p {font-size:14px;margin:0;}
.wyr-preview-tool .render-status {padding:8px 0 18px;}
@media(max-width:650px) {.wyr-preview-tool .branding-action,.wyr-preview-tool .render-status {flex-direction:column;align-items:stretch;}.wyr-preview-tool .update-preview {width:100%;}}

.wyr-preview-tool .contribution-control > span {font-size:12px;line-height:1.6;max-width:590px;}

/* Image selection shows the complete source; hero cropping remains independent. */
.wyr-preview-tool .photo-choice {height:110px;background:#17212a;}
.wyr-preview-tool .photo-choice img {object-fit:contain;object-position:center;}
.wyr-preview-tool .photos {max-height:350px;}
.wyr-onboarding {max-width:900px;margin:40px auto 80px;padding:40px;background:#111a22;border:1px solid #303b45;border-radius:10px;font:15px/1.6 Arial,sans-serif;color:#f2f3f1;}
.wyr-onboarding[hidden]{display:none;}.wyr-onboarding h2{font:42px/1.1 Georgia,serif;}.wyr-onboarding label{display:block;font-weight:700;margin:18px 0;}.wyr-onboarding input:not([type=checkbox]),.wyr-onboarding select,.wyr-onboarding textarea{box-sizing:border-box;display:block;width:100%;padding:13px;font:inherit;border:1px solid #48545e;border-radius:4px;}.wyr-onboarding small{font-weight:400;display:block;}.wyr-onboarding button{padding:17px 30px;border:0;border-radius:4px;background:#f47b43;color:white;font-size:16px;font-weight:700;cursor:pointer;}.wyr-onboarding button:disabled{opacity:.6;}.wyr-onboarding .trap{position:absolute;left:-10000px;}.wyr-onboarding .authority{font-size:13px;}.wyr-onboarding .result{font-weight:700;}

/* WYR Loop review language: cinematic dark surfaces, quiet rules, warm orange. */
.wyr-preview-tool {--studio-orange:#f47b43;--studio-ink:#080e13;--studio-muted:#b5bec6;color-scheme:dark;}
.wyr-preview-tool .studio-header {height:88px;margin:0;padding:0 max(5%,calc((100vw - 1320px)/2));background:#080e13;border-bottom:1px solid #ffffff17;}
.wyr-preview-tool .wordmark {background:none;padding:0;border-radius:0;color:#fff;font-size:27px;letter-spacing:-1.4px;}
.wyr-preview-tool .wordmark>span {color:var(--studio-orange);font-weight:400;}
.wyr-preview-tool .wordmark small {color:#abb4bc;font-size:9px;letter-spacing:2px;border-left:1px solid #3b434b;padding-left:24px;}
.wyr-preview-tool .environment {border:0;border-bottom:1px solid #f47b4380;border-radius:0;padding:10px 0;font-size:11px;}
.wyr-preview-tool .entry {position:relative;isolation:isolate;max-width:none;min-height:calc(100svh - 88px);padding:105px max(6%,calc((100vw - 1320px)/2)) 110px;grid-template-columns:minmax(0,1.3fr) minmax(330px,.9fr);gap:7%;overflow:hidden;}
.wyr-preview-tool .entry-media {position:absolute;inset:0;z-index:-2;background:#101a22;pointer-events:none;}
.wyr-preview-tool .entry-media img,.wyr-preview-tool .entry-media video {position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;}
.wyr-preview-tool .entry:after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080e13e8 0%,#080e139c 55%,#080e139e),linear-gradient(0deg,#080e13 0%,transparent 45%);}
.wyr-preview-tool .intro .kicker,.wyr-preview-tool .workspace .kicker {color:var(--studio-orange);font-size:10px;letter-spacing:1.7px;}
.wyr-preview-tool .intro h1 {font-size:clamp(50px,5.6vw,88px);line-height:1.03;font-weight:400;letter-spacing:-3.8px;margin:25px 0 28px;}
.wyr-preview-tool .intro h1 em {color:var(--studio-orange);letter-spacing:-3px;}
.wyr-preview-tool .intro>p:not(.kicker) {color:#d0d5d9;font-size:15px;line-height:1.8;max-width:440px;}
.wyr-preview-tool .proof {color:#afb9c1;gap:22px;margin-top:32px;line-height:1.8;}
.wyr-preview-tool .start-card {background:#0b131bd9;backdrop-filter:blur(14px);padding:35px;border:1px solid #ffffff26;border-radius:0;box-shadow:none;}
.wyr-preview-tool .start-card h2 {font:400 34px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;margin:24px 0 30px;}
.wyr-preview-tool .card-number {color:#adb7c0;font-size:9px;}
.wyr-preview-tool .primary,.wyr-onboarding button {background:#f47b43;color:#10151a;border-radius:0;box-shadow:none;transition:background .18s;}
.wyr-preview-tool .primary:hover,.wyr-onboarding button:hover {background:#ff9562;}
.wyr-preview-tool .entry-caption {grid-column:1/-1;position:absolute;bottom:28px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aeb8c1;font-size:9px;letter-spacing:1.4px;}
.wyr-preview-tool .entry-caption .outline {font-size:10px;letter-spacing:0;}
.wyr-preview-tool .url-wrap,.wyr-preview-tool input:not([type="range"]):not([type="color"]),.wyr-preview-tool select {border-radius:0;}
.wyr-preview-tool .url-wrap {background:#080e1380;}
.wyr-preview-tool .url-wrap>span {color:#f47b43;}
.wyr-preview-tool input::placeholder {color:#87949f;}
.wyr-preview-tool .outline {border-radius:0;min-height:40px;}
.wyr-preview-tool .outline:hover {background:#ffffff0a;border-color:#f47b43;}
.wyr-preview-tool .workspace {padding-top:56px;}
.wyr-preview-tool .workspace-top h1 {font:400 clamp(34px,4vw,58px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-2px;}
.wyr-preview-tool .view-tabs,.wyr-preview-tool .view-tabs button[aria-pressed="true"],.wyr-preview-tool .look,.wyr-preview-tool .branding {border-radius:0;}
.wyr-preview-tool .view-tabs button[aria-pressed="true"] {background:#303b45;color:white;}
.wyr-preview-tool .look.selected {outline-color:#f47b43;}
.wyr-preview-tool .recommended {background:#f47b43;color:#10151a;border-radius:0;}
.wyr-preview-tool .branding {background:#101920;}
.wyr-preview-tool .contribution-control {padding:28px 0;}
.wyr-preview-tool .update-preview {box-shadow:none;}
.wyr-preview-tool .handoff {border-top:1px solid #29343d;padding-top:30px;}
.wyr-preview-tool .handoff h2 {font:400 30px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1px;}
.wyr-preview-tool .studio-footer {color:#aab5bf;border-color:#29343d;padding:32px 0;}
.wyr-onboarding {background:#101920;color:#e9ecee;border-radius:0;border-color:#303b45;font-family:Arial,Helvetica,sans-serif;}
.wyr-onboarding h2 {font:400 clamp(32px,4vw,48px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-1.7px;}
.wyr-onboarding .kicker {color:#f47b43;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;}
.wyr-onboarding p,.wyr-onboarding small {color:#b9c2c9;}
.wyr-onboarding input:not([type=checkbox]),.wyr-onboarding select,.wyr-onboarding textarea {background:#080e13;color:#f2f3f1;border-radius:0;border-color:#48545e;}
.wyr-onboarding input:focus-visible,.wyr-onboarding select:focus-visible,.wyr-onboarding textarea:focus-visible,.wyr-onboarding button:focus-visible {outline:2px solid #f47b43;outline-offset:3px;}
.wyr-onboarding input[type=checkbox] {accent-color:#f47b43;}
@media(max-width:900px){.wyr-preview-tool .entry {gap:32px;padding-left:5%;padding-right:5%;}.wyr-preview-tool .intro h1{font-size:58px;letter-spacing:-2.5px;}.wyr-preview-tool .start-card{padding:26px;}.wyr-preview-tool .intro h1 em{letter-spacing:-2px;}}
@media(max-width:760px){.wyr-preview-tool .studio-header{height:74px;}.wyr-preview-tool .entry{grid-template-columns:minmax(0,1fr);padding:60px 6% 110px;gap:35px;min-height:calc(100svh - 74px);}.wyr-preview-tool .intro h1{font-size:clamp(43px,8.6vw,64px);letter-spacing:-2px;}.wyr-preview-tool .intro h1 em{letter-spacing:-1.7px;}.wyr-preview-tool .entry:after{background:linear-gradient(180deg,#080e1399,#080e13eb 65%,#080e13);}.wyr-preview-tool .start-card{padding:25px;}.wyr-preview-tool .start-card h2{font-size:30px;}.wyr-preview-tool .entry-caption{font-size:7px;letter-spacing:.7px;}.wyr-preview-tool .bar-actions{flex-wrap:wrap;}.wyr-preview-tool .workspace-top h1{letter-spacing:-1.4px;}.wyr-onboarding{margin:20px 4% 50px;padding:25px;}}
@media(prefers-reduced-motion:reduce){.wyr-preview-tool *, .wyr-onboarding * {scroll-behavior:auto!important;transition:none!important;}.wyr-preview-tool .spinner{animation:none;}}