.website-preview-tool-module__jq8-gW__page{--ink:var(--foreground);--ink-muted:var(--muted-foreground);--paper:var(--background);--surface:var(--card);--line:var(--border);--cobalt:var(--ring);max-width:1400px;color:var(--ink);margin:0 auto;padding:3.5rem 1.25rem 4rem}.website-preview-tool-module__jq8-gW__intro{margin-bottom:2.5rem}.website-preview-tool-module__jq8-gW__eyebrow{font-family:var(--dw-mono-font);color:var(--cobalt);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.75rem;font-weight:500;display:flex}.website-preview-tool-module__jq8-gW__eyebrow>span{background:currentColor;border-radius:50%;width:7px;height:7px}.website-preview-tool-module__jq8-gW__intro h1{letter-spacing:-.045em;text-wrap:balance;margin-top:1.2rem;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:600;line-height:1.17}.website-preview-tool-module__jq8-gW__intro h1 span{color:var(--cobalt)}.website-preview-tool-module__jq8-gW__intro>p:last-child{max-width:640px;color:var(--ink-muted);margin-top:1.25rem;font-size:1rem;line-height:1.8}.website-preview-tool-module__jq8-gW__workspace{align-items:start;gap:1.5rem;display:grid}.website-preview-tool-module__jq8-gW__editor{border:1px solid var(--line);background:var(--surface);border-radius:1.25rem;min-width:0;padding:1.25rem}.website-preview-tool-module__jq8-gW__panelHeading{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.6rem;padding-bottom:1.2rem;display:flex}.website-preview-tool-module__jq8-gW__panelHeading>svg{color:var(--cobalt)}.website-preview-tool-module__jq8-gW__panelHeading h2{font-size:1rem;font-weight:600}.website-preview-tool-module__jq8-gW__panelHeading>span{color:var(--ink-muted);font-size:.6875rem;font-family:var(--dw-mono-font);margin-left:auto}.website-preview-tool-module__jq8-gW__fields{border:0;gap:1.2rem;min-width:0;margin:1.4rem 0 0;padding:0;display:grid}.website-preview-tool-module__jq8-gW__fields:disabled{opacity:.72}.website-preview-tool-module__jq8-gW__field{min-width:0}.website-preview-tool-module__jq8-gW__field label,.website-preview-tool-module__jq8-gW__fields legend{margin-bottom:.5rem;font-size:.8125rem;font-weight:600;line-height:1.5;display:block}.website-preview-tool-module__jq8-gW__field label>span,.website-preview-tool-module__jq8-gW__fields legend>span{color:var(--ink-muted);margin-left:.4rem;font-size:.6875rem;font-weight:400}.website-preview-tool-module__jq8-gW__field input,.website-preview-tool-module__jq8-gW__field textarea,.website-preview-tool-module__jq8-gW__serviceField input{border:1px solid color-mix(in srgb, var(--ink) 25%, var(--surface));background:var(--paper);width:100%;min-width:0;min-height:46px;color:var(--ink);border-radius:.6rem;padding:.65rem .8rem;font-size:1rem;line-height:1.5}.website-preview-tool-module__jq8-gW__field textarea{resize:vertical;min-height:110px}.website-preview-tool-module__jq8-gW__field input::placeholder,.website-preview-tool-module__jq8-gW__field textarea::placeholder,.website-preview-tool-module__jq8-gW__serviceField input::placeholder{color:var(--ink-muted);opacity:1}.website-preview-tool-module__jq8-gW__fieldRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.website-preview-tool-module__jq8-gW__help,.website-preview-tool-module__jq8-gW__privacy,.website-preview-tool-module__jq8-gW__previewNote{color:var(--ink-muted);font-size:.75rem;line-height:1.7}.website-preview-tool-module__jq8-gW__help{margin-top:.45rem}.website-preview-tool-module__jq8-gW__fieldError{color:var(--cobalt);margin-top:.4rem;font-size:.75rem;line-height:1.6}.website-preview-tool-module__jq8-gW__validationSummary{border:1px solid var(--cobalt);color:var(--ink);border-radius:.6rem;margin-top:1.25rem;padding:.8rem;font-size:.8125rem;line-height:1.6}.website-preview-tool-module__jq8-gW__fields [aria-invalid=true]{border-color:var(--cobalt)}.website-preview-tool-module__jq8-gW__services,.website-preview-tool-module__jq8-gW__palettes{border:0;min-width:0;margin:0;padding:0}.website-preview-tool-module__jq8-gW__serviceField{align-items:start;gap:.5rem;margin-top:.55rem;display:flex}.website-preview-tool-module__jq8-gW__serviceField>span{color:var(--ink-muted);font-size:.625rem;font-family:var(--dw-mono-font);flex-shrink:0;padding-top:.9rem}.website-preview-tool-module__jq8-gW__serviceField>div{flex:1;min-width:0}.website-preview-tool-module__jq8-gW__serviceField>button{min-width:44px;min-height:46px;color:var(--ink-muted);cursor:pointer;border-radius:.5rem;place-items:center;display:grid}.website-preview-tool-module__jq8-gW__serviceField>button:hover{background:var(--paper);color:var(--ink)}.website-preview-tool-module__jq8-gW__addService{min-height:44px;color:var(--cobalt);cursor:pointer;align-items:center;gap:.45rem;margin-top:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.website-preview-tool-module__jq8-gW__palettes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.website-preview-tool-module__jq8-gW__palettes label{border:1px solid var(--line);cursor:pointer;border-radius:.6rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;min-height:48px;padding:.5rem .35rem;font-size:.6875rem;font-weight:500;display:flex;position:relative}.website-preview-tool-module__jq8-gW__palettes label:has(input:checked){border-color:var(--ink);background:var(--paper)}.website-preview-tool-module__jq8-gW__palettes label:has(input:focus-visible){outline:2px solid var(--cobalt);outline-offset:3px}.website-preview-tool-module__jq8-gW__palettes input{opacity:0;width:1px;height:1px;position:absolute}.website-preview-tool-module__jq8-gW__paletteSwatch{color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.website-preview-tool-module__jq8-gW__primaryButton{background:var(--primary);width:100%;min-height:50px;color:var(--primary-foreground);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.website-preview-tool-module__jq8-gW__primaryButton:disabled{opacity:.6;cursor:not-allowed}.website-preview-tool-module__jq8-gW__status:empty{display:none}.website-preview-tool-module__jq8-gW__status{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:.65rem;margin-top:1rem;padding:.9rem;font-size:.75rem;line-height:1.7}.website-preview-tool-module__jq8-gW__status>div{align-items:start;gap:.55rem;display:flex}.website-preview-tool-module__jq8-gW__status svg{color:var(--cobalt);flex-shrink:0;margin-top:.15rem}.website-preview-tool-module__jq8-gW__status button{min-height:44px;color:var(--cobalt);cursor:pointer;text-align:left;align-items:center;margin-top:.25rem;font-weight:600;display:flex}.website-preview-tool-module__jq8-gW__sessionActions{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin-top:.65rem;display:flex}.website-preview-tool-module__jq8-gW__sessionActions button{min-height:44px;color:var(--ink-muted);text-underline-offset:3px;cursor:pointer;font-size:.6875rem;text-decoration:underline}.website-preview-tool-module__jq8-gW__sessionActions button:disabled{cursor:not-allowed;opacity:.5}.website-preview-tool-module__jq8-gW__privacy{border-top:1px solid var(--line);align-items:start;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.website-preview-tool-module__jq8-gW__privacy>svg{flex-shrink:0;margin-top:.15rem}.website-preview-tool-module__jq8-gW__previewPanel{min-width:0}.website-preview-tool-module__jq8-gW__previewToolbar{border:1px solid var(--line);background:var(--surface);border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.website-preview-tool-module__jq8-gW__previewToolbar>div:first-child{align-items:center;gap:.6rem;min-width:0;display:flex}.website-preview-tool-module__jq8-gW__previewToolbar h2{font-size:.75rem;font-weight:600;line-height:1.5}.website-preview-tool-module__jq8-gW__previewIndicator{background:var(--cobalt);border-radius:50%;flex-shrink:0;width:6px;height:6px}.website-preview-tool-module__jq8-gW__deviceToggle{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.website-preview-tool-module__jq8-gW__deviceToggle button{min-width:44px;min-height:44px;color:var(--ink-muted);cursor:pointer;border-radius:.5rem;place-items:center;display:grid}.website-preview-tool-module__jq8-gW__deviceToggle button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.website-preview-tool-module__jq8-gW__frameArea{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, var(--paper));border-top:0;min-width:0;padding:1rem 1rem .75rem}.website-preview-tool-module__jq8-gW__frameArea iframe{background:#f6f7f7;border:0;width:100%;height:700px;margin:0 auto;display:block}.website-preview-tool-module__jq8-gW__mobileFrame iframe{max-width:390px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ink) 65%, var(--line));border-radius:.9rem}.website-preview-tool-module__jq8-gW__frameHint{text-align:center;color:var(--ink-muted);margin:.8rem auto 0;font-size:.6875rem;line-height:1.7;display:block}.website-preview-tool-module__jq8-gW__previewDetails{border:1px solid var(--line);background:var(--surface);border-top:0;border-radius:0 0 1rem 1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;padding:.7rem 1rem;display:flex}.website-preview-tool-module__jq8-gW__previewDetails p{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.6875rem;line-height:1.7;display:flex}.website-preview-tool-module__jq8-gW__previewDetails a{min-height:44px;color:var(--cobalt);align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;display:inline-flex}.website-preview-tool-module__jq8-gW__emptyPreview{text-align:center;border:1px solid var(--line);background:var(--surface);border-top:0;border-radius:0 0 1rem 1rem;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:3rem 1.5rem;display:flex}.website-preview-tool-module__jq8-gW__emptyPreview h3{letter-spacing:-.02em;max-width:390px;margin-top:1.75rem;font-size:1.2rem;font-weight:600;line-height:1.5}.website-preview-tool-module__jq8-gW__emptyPreview>p{max-width:350px;color:var(--ink-muted);margin-top:.7rem;font-size:.8125rem;line-height:1.8}.website-preview-tool-module__jq8-gW__emptyPreview>span{color:var(--ink-muted);font-family:var(--dw-mono-font);margin-top:1.5rem;font-size:.625rem;line-height:1.8}.website-preview-tool-module__jq8-gW__emptyWindow{border:1px solid var(--line);background:var(--paper);border-radius:.6rem;width:210px;padding:0 20px 20px;transform:rotate(-3deg)}.website-preview-tool-module__jq8-gW__emptyWindow>div:first-child{border-bottom:1px solid var(--line);gap:4px;margin:0 -20px 18px;padding:9px;display:flex}.website-preview-tool-module__jq8-gW__emptyWindow>div:first-child span{background:var(--ink-muted);opacity:.5;border-radius:50%;width:4px;height:4px}.website-preview-tool-module__jq8-gW__emptyWindow>i{background:var(--cobalt);opacity:.6;border-radius:2px;width:50px;height:7px;display:block}.website-preview-tool-module__jq8-gW__emptyWindow>b{background:var(--ink);opacity:.14;border-radius:2px;width:145px;height:10px;margin-top:9px;display:block}.website-preview-tool-module__jq8-gW__emptyWindow>b+b{width:110px;margin-top:5px}.website-preview-tool-module__jq8-gW__emptyWindow>div:last-child{gap:7px;margin-top:20px;display:flex}.website-preview-tool-module__jq8-gW__emptyWindow>div:last-child i{background:var(--ink);opacity:.07;border-radius:3px;flex:1;height:42px}.website-preview-tool-module__jq8-gW__nextStep{border:1px solid var(--line);background:var(--surface);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:1.25rem;display:flex}.website-preview-tool-module__jq8-gW__nextStep h3{font-size:.9375rem;font-weight:600;line-height:1.5}.website-preview-tool-module__jq8-gW__nextStep p{max-width:390px;color:var(--ink-muted);margin-top:.4rem;font-size:.75rem;line-height:1.8}.website-preview-tool-module__jq8-gW__nextStep a,.website-preview-tool-module__jq8-gW__unavailable a{min-height:44px;color:var(--cobalt);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.website-preview-tool-module__jq8-gW__previewNote{margin-top:1rem}.website-preview-tool-module__jq8-gW__unavailable{border:1px solid var(--line);background:var(--surface);border-radius:1rem;align-items:start;gap:.8rem;margin-bottom:1.5rem;padding:1.2rem;font-size:.875rem;line-height:1.7;display:flex}.website-preview-tool-module__jq8-gW__unavailable>svg{color:var(--cobalt);flex-shrink:0;margin-top:.15rem}.website-preview-tool-module__jq8-gW__unavailable strong{font-weight:600}.website-preview-tool-module__jq8-gW__unavailable p{color:var(--ink-muted);margin-top:.25rem}.website-preview-tool-module__jq8-gW__page :is(button,input,textarea,a):focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}.website-preview-tool-module__jq8-gW__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.website-preview-tool-module__jq8-gW__spinner{animation:1.1s linear infinite website-preview-tool-module__jq8-gW__spin}@keyframes website-preview-tool-module__jq8-gW__spin{to{transform:rotate(360deg)}}@media (min-width:640px){.website-preview-tool-module__jq8-gW__page{padding:4.5rem 1.5rem 5rem}.website-preview-tool-module__jq8-gW__editor{padding:1.5rem}}@media (min-width:1024px){.website-preview-tool-module__jq8-gW__workspace{grid-template-columns:minmax(320px,.85fr) minmax(0,1.55fr);gap:1.75rem}.website-preview-tool-module__jq8-gW__previewPanel{position:sticky;top:100px}}@media (max-width:479px){.website-preview-tool-module__jq8-gW__fieldRow{grid-template-columns:minmax(0,1fr);gap:1.2rem}.website-preview-tool-module__jq8-gW__page{padding-top:2.5rem}.website-preview-tool-module__jq8-gW__panelHeading>span{flex-basis:100%;margin-left:1.85rem}.website-preview-tool-module__jq8-gW__previewToolbar{gap:.5rem;padding-inline:.7rem}.website-preview-tool-module__jq8-gW__previewToolbar h2{font-size:.6875rem}.website-preview-tool-module__jq8-gW__frameArea{padding:.65rem .5rem}.website-preview-tool-module__jq8-gW__frameArea iframe{height:620px}.website-preview-tool-module__jq8-gW__emptyPreview{min-height:400px;padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.website-preview-tool-module__jq8-gW__spinner{animation:none}}