.wp-block-lohko-wizard-preview{--wizard-preview-accent:var(--wp--preset--color--royalblue);--wizard-preview-ink:var(--wp--preset--color--lilyblue);--wizard-preview-muted:var(--wp--preset--color--greyblue);--wizard-preview-line:color-mix(in srgb,var(--wp--preset--color--white) 9%,transparent);background:color-mix(in srgb,var(--wp--preset--color--dark) 70%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 11%,transparent);border-radius:16px;box-shadow:0 30px 60px color-mix(in srgb,var(--wp--preset--color--black) 45%,transparent);box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;gap:14px;padding:22px;width:100%;.wizard-preview__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.wizard-preview__title{color:var(--wp--preset--color--white);font-size:.875rem;font-weight:700}.wizard-preview__close{color:var(--wizard-preview-muted);flex-shrink:0}.wizard-preview__heading{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.wizard-preview__subtitle{color:var(--wizard-preview-ink);font-size:.8125rem;line-height:1.45}.wizard-preview__header.has-mascot{align-items:flex-start;gap:16px;.wizard-preview__heading{padding-top:12px}.wizard-preview__title{font-size:1rem}.wizard-preview__close{margin-top:14px}}.wizard-preview__mascot{flex:none}.wizard-preview__mascot-mark{fill:none;stroke:color-mix(in srgb,var(--wp--preset--color--orange) 45%,var(--wp--preset--color--black));stroke-linecap:round;stroke-width:1.6}.wizard-preview__mascot-ear{fill:var(--wp--preset--color--teal);stroke:var(--wp--preset--color--blackblue);stroke-width:1.5}.wizard-preview__mascot-eye{fill:var(--wp--preset--color--darkestblue)}.wizard-preview__mascot-cheek{fill:var(--wp--preset--color--magenta);opacity:.8}.wizard-preview__mascot-smile{fill:none;stroke:var(--wp--preset--color--darkestblue);stroke-linecap:round;stroke-width:2.4}.wizard-preview__about-label,.wizard-preview__prompt-label{color:var(--wizard-preview-muted);font-size:.75rem}.wizard-preview__about-label{margin-top:4px}.wizard-preview__options{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.wizard-preview__option{border:1px solid var(--wizard-preview-line);border-radius:10px;display:flex;flex-direction:column;gap:4px;margin:0;padding:12px;&.is-selected{background:color-mix(in srgb,var(--wizard-preview-accent) 14%,transparent);border-color:var(--wizard-preview-accent);box-shadow:inset 0 0 0 .5px var(--wizard-preview-accent)}}.wizard-preview__option-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.wizard-preview__option-title{color:var(--wizard-preview-ink);font-size:.75rem;font-weight:700}.wizard-preview__option.is-selected .wizard-preview__option-title{color:var(--wp--preset--color--white)}.wizard-preview__check{color:var(--wp--preset--color--skyblue);flex-shrink:0}.wizard-preview__option-text{color:var(--wizard-preview-muted);font-size:.6875rem;line-height:1.45}.wizard-preview__about-text{background:color-mix(in srgb,var(--wp--preset--color--white) 3%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 11%,transparent);border-radius:10px;box-sizing:border-box;color:var(--wp--preset--color--white);font-size:.75rem;line-height:1.5;margin:0;min-height:64px;padding:12px}.wizard-preview__suggestion{background:color-mix(in srgb,var(--wp--preset--color--cyan) 4%,transparent);border:1px dashed color-mix(in srgb,var(--wp--preset--color--cyan) 35%,transparent);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}.wizard-preview__suggestion-head{align-items:center;color:var(--wp--preset--color--cyan);display:flex;font-size:.6875rem;font-weight:700;gap:8px}.wizard-preview__chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.wizard-preview__chip{background:color-mix(in srgb,var(--wp--preset--color--white) 7%,transparent);border-radius:6px;color:var(--wizard-preview-ink);font-size:.6875rem;margin:0;padding:4px 9px}}@container (max-width: 480px){.wp-block-lohko-wizard-preview .wizard-preview__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 300px){.wp-block-lohko-wizard-preview .wizard-preview__options{grid-template-columns:minmax(0,1fr)}}.wp-block-lohko-wizard-preview{.wizard-preview__suggestion-note{color:var(--wizard-preview-muted);font-weight:400;margin-left:auto}.wizard-preview__suggestions{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.wizard-preview__suggestion-item{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 3%,transparent);border:1px solid var(--wizard-preview-line);border-radius:8px;color:var(--wizard-preview-ink);display:flex;font-size:.75rem;gap:10px;line-height:1.4;margin:0;padding:9px 12px}.wizard-preview__box{align-items:center;border:1.5px solid color-mix(in srgb,var(--wizard-preview-muted) 50%,transparent);border-radius:4px;box-sizing:border-box;color:var(--wp--preset--color--white);display:inline-flex;flex:none;height:16px;justify-content:center;width:16px}.wizard-preview__suggestion-item[data-checked] .wizard-preview__box{background:var(--wizard-preview-accent);border-color:var(--wizard-preview-accent)}}.wp-block-lohko-wizard-preview{.wizard-preview__options:empty{display:none}.wizard-preview__steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.wizard-preview__steps:not(:has(.wizard-preview__step)){display:none}.wizard-preview__step{align-items:center;border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 7%,transparent);border-radius:16px;box-sizing:border-box;color:var(--wp--preset--color--slateblue);display:inline-flex;font-size:.8125rem;font-weight:600;gap:8px;height:32px;margin:0;padding:0 12px 0 6px}.wizard-preview__step-number{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 6%,transparent);border-radius:50%;display:flex;font-size:.6875rem;height:20px;justify-content:center;width:20px}.wizard-preview__step.is-done{border-color:var(--wizard-preview-line);color:var(--wizard-preview-ink);.wizard-preview__step-number{background:color-mix(in srgb,var(--wp--preset--color--cyan) 18%,transparent);color:var(--wp--preset--color--cyan)}}.wizard-preview__step.is-active{background:color-mix(in srgb,var(--wp--preset--color--cyan) 12%,transparent);border-color:var(--wp--preset--color--cyan);color:var(--wp--preset--color--white);.wizard-preview__step-number{background:var(--wp--preset--color--cyan);color:var(--wp--preset--color--dark)}}.wizard-preview__field{display:flex;flex-direction:column;gap:8px}.wizard-preview__field-head{align-items:baseline;display:flex;gap:6px}.wizard-preview__field-label{color:var(--wizard-preview-muted);font-size:.75rem;font-weight:600}.wizard-preview__field-help,.wizard-preview__field-note{color:color-mix(in srgb,var(--wizard-preview-muted) 75%,transparent);font-size:.75rem;line-height:1.5}.wizard-preview__field-box{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 4%,var(--wp--preset--color--darkestblue));border:1px solid var(--wizard-preview-line);border-radius:8px;box-sizing:border-box;color:var(--wp--preset--color--white);display:flex;font-size:.8125rem;line-height:1.5;min-height:40px;padding:10px 14px}.wizard-preview__field[data-kind=textarea] .wizard-preview__field-box{align-items:flex-start;min-height:52px}.wizard-preview__field-placeholder{color:color-mix(in srgb,var(--wizard-preview-muted) 70%,transparent)}.wizard-preview__field-value:not(:empty)+.wizard-preview__field-placeholder{display:none}.wizard-preview__actions{display:flex;gap:8px;justify-content:flex-end;padding-top:6px}.wizard-preview__actions:not(:has(>*)){display:none}.wizard-preview__back,.wizard-preview__next{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;font-size:.8125rem;font-weight:700;gap:8px;height:36px;padding:0 14px}.wizard-preview__back{background:color-mix(in srgb,var(--wp--preset--color--white) 2%,var(--wp--preset--color--darkestblue));border:1px solid var(--wizard-preview-line);color:var(--wizard-preview-muted)}.wizard-preview__next{background:var(--wp--preset--color--cyan);color:var(--wp--preset--color--dark)}}.wp-block-lohko-wizard-preview.has-steps{background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 60%,var(--wp--preset--color--dark));border-radius:18px;gap:18px;padding:24px;.wizard-preview__about-label{color:var(--wp--preset--color--white);font-size:.875rem;font-weight:600;margin-bottom:-8px;margin-top:0}.wizard-preview__about-text{background:color-mix(in srgb,var(--wp--preset--color--white) 4%,var(--wp--preset--color--darkestblue));border-color:var(--wp--preset--color--cyan);color:color-mix(in srgb,var(--wp--preset--color--white) 90%,transparent);font-size:.8125rem;line-height:1.6}.wizard-preview__field{margin-top:-4px}}