.kw-tale{--kw-navy: #132847;--kw-teal: #197a72;--kw-teal-dark: #105f59;--kw-mint: #e9f6f1;--kw-cream: #fbf7ef;--kw-gold: #e3a94f;--kw-coral: #ec7d6c;--kw-ink: #1c2b3f;--kw-muted: #657184;--kw-line: #dfe7e7;--kw-shadow: 0 22px 60px rgba(31, 62, 72, .11);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f3faf7 0,#fff 26rem,#fbf8f1);color:var(--kw-ink);padding:clamp(3rem,6vw,7rem) 0}.kw-tale[hidden],.kw-tale [hidden]{display:none!important}.kw-tale__ambient{position:absolute;z-index:-1;width:32rem;height:32rem;border-radius:50%;filter:blur(3px);opacity:.42;pointer-events:none}.kw-tale__ambient--one{top:-18rem;right:-12rem;background:radial-gradient(circle,#b9e4d6 0,transparent 70%)}.kw-tale__ambient--two{top:34rem;left:-23rem;background:radial-gradient(circle,#f6d7a7 0,transparent 70%)}.kw-tale__shell{max-width:124rem}.kw-tale__hero{max-width:84rem;margin:0 auto clamp(2.6rem,5vw,5.4rem);text-align:center}.kw-tale__eyebrow{display:inline-block;color:var(--kw-teal);font-size:1.3rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.kw-tale__hero h1{max-width:78rem;margin:1rem auto 1.4rem;color:var(--kw-navy);font-size:clamp(3.8rem,6vw,7rem);line-height:.98;letter-spacing:-.045em}.kw-tale__hero>p{max-width:72rem;margin:0 auto;color:var(--kw-muted);font-size:clamp(1.55rem,2vw,1.9rem);line-height:1.55}.kw-tale__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem;margin-top:2rem;color:#4f625f;font-size:1.35rem;font-weight:750}.kw-tale__trust span:before{content:"\2713";display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;margin-right:.55rem;border-radius:50%;background:var(--kw-mint);color:var(--kw-teal);font-size:1rem}.kw-tale__alert,.kw-tale__configuration{max-width:92rem;margin:0 auto 1.6rem;border-radius:1.2rem;padding:1.2rem 1.5rem;font-size:1.35rem;font-weight:700}.kw-tale__alert{border:1px solid #efb9b0;background:#fff1ef;color:#9c3d32;overflow-wrap:anywhere}.kw-tale__configuration{border:1px solid #e8c98e;background:#fff8e8;color:#72521b}.kw-tale__form{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1.8rem;align-items:start}.kw-tale__card,.kw-tale__progress-card,.kw-tale__preview{border:1px solid rgba(205,220,218,.9);border-radius:2.2rem;background:#fffffff5;box-shadow:var(--kw-shadow)}.kw-tale__card{padding:clamp(1.8rem,3vw,2.8rem)}.kw-tale__card--photo{grid-row:span 2}.kw-tale__card--story{grid-column:2}.kw-tale__section-heading{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:2rem}.kw-tale__step{display:grid;flex:0 0 auto;place-items:center;width:3.4rem;height:3.4rem;border-radius:1.1rem;background:var(--kw-navy);color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 .8rem 1.8rem #1328472e}.kw-tale__section-heading h2{margin:0 0 .3rem;color:var(--kw-navy);font-size:2rem;line-height:1.2;letter-spacing:-.02em}.kw-tale__section-heading p{margin:0;color:var(--kw-muted);font-size:1.4rem;line-height:1.45}.kw-tale__upload{position:relative;display:grid;place-items:center;min-height:37rem;overflow:hidden;border:1.5px dashed #9ac8ba;border-radius:1.8rem;background:linear-gradient(145deg,#f6fbf8,#eaf5f0);cursor:pointer;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.kw-tale__upload:hover,.kw-tale__upload:focus-within,.kw-tale__upload.is-dragging{border-color:var(--kw-teal);box-shadow:0 0 0 .4rem #197a721c;transform:translateY(-1px)}.kw-tale__upload.is-invalid{border-color:#b64d40;box-shadow:0 0 0 .35rem #b64d401f}.kw-tale__upload input{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.kw-tale__upload-empty{display:grid;justify-items:center;gap:.5rem;padding:2rem}.kw-tale__camera{display:grid;place-items:center;width:6.2rem;height:6.2rem;margin-bottom:.8rem;border-radius:2rem;background:#fff;color:var(--kw-teal);box-shadow:0 1.2rem 3rem #1e665821}.kw-tale__camera svg{width:3.2rem;height:3.2rem}.kw-tale__upload strong{color:var(--kw-navy);font-size:1.55rem}.kw-tale__upload small{color:var(--kw-muted);font-size:1.3rem}.kw-tale__photo-preview{display:none;width:100%;height:100%;min-height:37rem;object-fit:cover}.kw-tale__upload.has-photo .kw-tale__photo-preview{display:block}.kw-tale__upload.has-photo .kw-tale__upload-empty{display:none}.kw-tale__photo-ready{position:absolute;z-index:2;bottom:1.2rem;left:1.2rem;border-radius:999px;background:#12312de6;color:#fff;padding:.65rem 1rem;font-size:1.1rem;font-weight:800}.kw-tale__photo-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0 0;padding:0;list-style:none}.kw-tale__photo-tips li{border-radius:.9rem;background:var(--kw-cream);color:#65706e;padding:.8rem .6rem;font-size:1.2rem;font-weight:700;text-align:center}.kw-tale__fields,.kw-tale__field{display:grid;gap:1.2rem}.kw-tale__field{gap:.65rem}.kw-tale__field>span,.kw-tale__fieldset legend{color:#4e5b68;font-size:1.3rem;font-weight:800}.kw-tale__field-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(8rem,.4fr);gap:1rem}.kw-tale__field input,.kw-tale__field select,.kw-tale__field textarea{width:100%;min-height:4.7rem;border:1px solid #d6e0e1;border-radius:1.1rem;background:#fff;color:var(--kw-ink);padding:1.1rem 1.2rem;font:inherit;font-size:1.6rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.kw-tale__field textarea{min-height:15rem;resize:vertical;line-height:1.5}.kw-tale__field input:focus,.kw-tale__field select:focus,.kw-tale__field textarea:focus{border-color:var(--kw-teal);box-shadow:0 0 0 .35rem #197a721c}.kw-tale__fieldset{min-width:0;margin:0;border:0;padding:0}.kw-tale__fieldset legend{margin-bottom:.7rem}.kw-tale__choice-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.kw-tale__choice,.kw-tale__style{position:relative}.kw-tale__choice input,.kw-tale__style input{position:absolute;opacity:0;pointer-events:none}.kw-tale__choice span{display:grid;place-items:center;min-height:4.4rem;border:1px solid #d7e1e2;border-radius:1.1rem;background:#fff;color:#596677;font-size:1.4rem;font-weight:800;cursor:pointer}.kw-tale__choice input:checked+span,.kw-tale__style input:checked+span{border-color:var(--kw-teal);background:var(--kw-mint);color:var(--kw-teal-dark);box-shadow:0 0 0 .2rem #197a7214}.kw-tale__choice input:focus-visible+span,.kw-tale__style input:focus-visible+span{outline:.3rem solid rgba(25,122,114,.2);outline-offset:.2rem}.kw-tale__style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.kw-tale__style span{display:grid;align-content:center;min-height:6.5rem;border:1px solid #d7e1e2;border-radius:1.1rem;background:#fff;padding:.8rem .6rem;cursor:pointer;text-align:center}.kw-tale__style b{font-size:1.25rem;line-height:1.2}.kw-tale__style small{margin-top:.35rem;color:var(--kw-muted);font-size:1.15rem;line-height:1.25}.kw-tale__prompt-help{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 1.6rem;color:var(--kw-muted);font-size:1.2rem}.kw-tale__prompt-help strong{width:100%;color:#526071}.kw-tale__prompt-help span{border-radius:999px;background:var(--kw-cream);padding:.55rem .8rem}.kw-tale__primary,.kw-tale__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:4.7rem;border-radius:1.2rem;padding:1rem 1.5rem;font:inherit;font-size:1.4rem;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.kw-tale__primary{width:100%;border:1px solid var(--kw-teal);background:var(--kw-teal);color:#fff;box-shadow:0 1.2rem 2.8rem #197a7233}.kw-tale__primary:hover:not(:disabled){background:var(--kw-teal-dark);transform:translateY(-1px)}.kw-tale__secondary{border:1px solid #cfdadb;background:#fff;color:var(--kw-navy)}.kw-tale__secondary:hover:not(:disabled){border-color:var(--kw-teal);color:var(--kw-teal-dark)}.kw-tale button:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.kw-tale__fine-print{margin:.9rem 0 0;color:var(--kw-muted);font-size:1.2rem;line-height:1.45;text-align:center}.kw-tale__progress-card{max-width:68rem;margin:0 auto;padding:clamp(3rem,6vw,6rem);text-align:center}.kw-tale__spinner{width:5.2rem;height:5.2rem;margin:0 auto 2rem;border:.45rem solid #e5efeb;border-top-color:var(--kw-teal);border-radius:50%;animation:kw-tale-spin .9s linear infinite}.kw-tale__progress-card h2{margin:1rem 0 .8rem;color:var(--kw-navy);font-size:clamp(2.4rem,4vw,3.6rem)}.kw-tale__progress-card p{min-height:2.4rem;margin:0 0 1.6rem;color:var(--kw-muted);font-size:1.4rem}.kw-tale__progress-card small{color:var(--kw-muted);font-size:1.2rem}.kw-tale__progress-track{height:.9rem;overflow:hidden;margin:0 auto 1.4rem;border-radius:999px;background:#e5edeb}.kw-tale__progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kw-teal),var(--kw-gold));transition:width .35s ease}.kw-tale__preview{padding:clamp(1.8rem,4vw,4rem)}.kw-tale__preview-header,.kw-tale__preview-actions{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.kw-tale__preview-header{margin-bottom:2.4rem}.kw-tale__preview-header h2{margin:.8rem 0 .4rem;color:var(--kw-navy);font-size:clamp(2.5rem,4vw,4.2rem);letter-spacing:-.035em}.kw-tale__preview-header p{margin:0;color:var(--kw-muted);font-size:1.35rem}.kw-tale__book-preview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:2rem}.kw-tale__preview-panel{min-width:0;border:1px solid var(--kw-line);border-radius:1.7rem;background:#f9fbfa;padding:1.4rem}.kw-tale__panel-label{display:block;margin-bottom:1rem;color:var(--kw-muted);font-size:1.15rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kw-tale__cover-frame,.kw-tale__page-frame{overflow:hidden;border-radius:1.25rem;background:#e8efec;box-shadow:0 1.4rem 3.5rem #1d384621}.kw-tale__cover-frame{max-width:45rem;margin:0 auto;aspect-ratio:2 / 3}.kw-tale__page-frame{aspect-ratio:1 / 1}.kw-tale__cover-frame img,.kw-tale__page-frame img{display:block;width:100%;height:100%;object-fit:cover}.kw-tale__story-copy{padding:1.8rem .6rem .6rem;text-align:center}.kw-tale__story-copy h3{margin:0 0 .7rem;color:var(--kw-navy);font-size:1.8rem}.kw-tale__story-copy p{max-width:58rem;margin:0 auto;color:#566474;font-size:1.4rem;line-height:1.6}.kw-tale__preview-actions{margin-top:2rem;border-top:1px solid var(--kw-line);padding-top:2rem}.kw-tale__preview-actions>div:first-child{display:grid;gap:.25rem}.kw-tale__preview-actions strong{color:var(--kw-navy);font-size:1.5rem}.kw-tale__preview-actions span{color:var(--kw-muted);font-size:1.3rem}.kw-tale__button-row{display:flex;gap:.8rem}.kw-tale__button-row .kw-tale__primary{width:auto;min-width:22rem}@keyframes kw-tale-spin{to{transform:rotate(360deg)}}@media(max-width:990px){.kw-tale__form,.kw-tale__book-preview{grid-template-columns:1fr}.kw-tale__card--photo,.kw-tale__card--story{grid-row:auto;grid-column:auto}.kw-tale__upload,.kw-tale__photo-preview{min-height:30rem}}@media(max-width:749px){.kw-tale{padding:3.2rem 0 4rem}.kw-tale__hero h1{font-size:clamp(3.5rem,12vw,5rem)}.kw-tale__field input,.kw-tale__field select,.kw-tale__field textarea{min-height:max(4.7rem,44px);font-size:max(1.6rem,16px)}.kw-tale__upload small,.kw-tale__prompt-help,.kw-tale__fine-print{font-size:max(1.4rem,14px);line-height:1.45}.kw-tale__style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-tale__preview-header,.kw-tale__preview-actions{align-items:stretch;flex-direction:column}.kw-tale__button-row{flex-direction:column-reverse}.kw-tale__button-row .kw-tale__primary,.kw-tale__button-row .kw-tale__secondary,.kw-tale__preview-header .kw-tale__secondary{width:100%}}@media(max-width:440px){.kw-tale__field-grid,.kw-tale__photo-tips{grid-template-columns:1fr}.kw-tale__card,.kw-tale__preview{border-radius:1.6rem}}@media(prefers-reduced-motion:reduce){.kw-tale *,.kw-tale *:before,.kw-tale *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.kw-tale__spinner{animation:none!important}.kw-tale__progress-track span{transition:none!important}.kw-tale__upload:hover,.kw-tale__upload:focus-within,.kw-tale__primary:hover:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-tale-builder.css.map */