:root{--ink:#33312e;--paper:#fff7ed;--surface:#fff;--pink:#ff5d8f;--pink-action:#b9275b;--pink-soft:#ffd9e6;--teal:#2ec4b6;--teal-soft:#cdeee9;--yellow:#ffb800;--yellow-soft:#fff0c7;--purple:#7c5cff;--purple-soft:#efeaff;--orange:#ff8a3d;--orange-soft:#ffe6d4;--muted:#6b6459;--quiet:#756d61;--line:#d8cdbd;--focus:#613eea}[hidden]{display:none!important}.playful-create.creator-app{min-height:100dvh;color:var(--ink);background:#f8f4ed}.creator-app .app-topbar{z-index:30;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff7edf5;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:10px 22px;display:flex;position:sticky;top:0}.creator-app .app-topbar .brand-group{min-width:0}.creator-app .app-topbar .brand{min-height:40px;color:var(--pink-action);font-family:var(--font-fredoka), "Fredoka", sans-serif;white-space:nowrap;font-size:20px;font-weight:700;line-height:1;text-decoration:none}.creator-app .app-topbar .brand span{color:#147f75}.creator-app .app-layout{grid-template-columns:238px minmax(0,1fr);min-height:calc(100dvh - 66px);display:grid}.creator-app .app-sidebar{border-right:2px solid var(--ink);background:#fff;align-content:space-between;gap:22px;height:calc(100dvh - 66px);padding:20px 14px;display:grid;position:sticky;top:66px;overflow-y:auto}.creator-app .app-nav,.creator-app .app-nav-group{gap:6px;display:grid}.creator-app .app-nav-label{color:var(--quiet);font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.08em;text-transform:uppercase;padding-inline:12px;font-size:.7rem;font-weight:800}.creator-app .app-nav a{min-height:44px;color:var(--ink);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-weight:700;text-decoration:none;display:flex}.creator-app .app-nav a:hover{background:#fffdf9}.creator-app .app-nav a[aria-current=page]{border-color:var(--ink);background:var(--yellow-soft);box-shadow:0 2px 0 var(--ink)}.creator-app .app-nav-icon{flex:none;width:20px;height:20px}.creator-app .sidebar-tip{border:1.5px solid var(--line);background:var(--purple-soft);border-radius:14px;gap:8px;padding:14px;font-size:.82rem;display:grid}.creator-app .app-main{min-width:0;padding:28px clamp(18px,4vw,44px) 44px}.creator-app .app-content{width:min(100%,1120px);margin-inline:auto}.creator-app .create-app-content>.container{max-width:none;margin-inline:0}.creator-app .create-app-content>.container>.mb-2:first-child h1{letter-spacing:-.025em;font-size:clamp(1.65rem,4vw,2.4rem);font-weight:800}.creator-app .create-app-content>.container>.mb-2:first-child p{max-width:65ch;font-size:1rem}.creator-app .app-topbar .button{border:2px solid var(--ink);min-height:40px;box-shadow:0 2px 0 var(--ink);color:var(--ink);font-family:var(--font-fredoka), "Fredoka", sans-serif;background:#fff;border-radius:999px;padding:7px 14px;font-weight:700;text-decoration:none}.creator-app .mobile-app-nav{display:none}.playful-create .app-header{z-index:30;border-bottom:2px solid var(--ink,#33312e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff7edf5;position:sticky;top:0}.playful-create .app-header-in{grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:18px;max-width:1440px;min-height:64px;margin:0 auto;padding:9px clamp(14px,2.4vw,28px);display:grid}.playful-create .brand-group{align-items:center;gap:13px;min-width:0;display:flex}.playful-create .logo{color:#b9275b;min-height:40px;font-family:var(--font-fredoka), "Fredoka", sans-serif;white-space:nowrap;align-items:center;font-size:20px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.playful-create .logo span{color:#147f75}.playful-create .progress{justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.playful-create .progress li{color:#756d61;font-family:var(--font-fredoka), "Fredoka", sans-serif;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.playful-create .progress li:not(:last-child):after{content:"";background:#d8cdbd;border-radius:999px;width:22px;height:2px;margin-left:2px}.playful-create .progress-dot{color:#756d61;background:#fff;border:2px solid #d8cdbd;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;line-height:1;display:grid}.playful-create .progress li.is-current{color:#33312e}.playful-create .progress li.is-current .progress-dot{color:#33312e;background:#ffb800;border-color:#33312e}.playful-create .progress li.is-complete{color:#33312e}.playful-create .progress li.is-complete .progress-dot{color:#33312e;background:#2ec4b6;border-color:#33312e}.playful-create .progress li.is-complete:not(:last-child):after{background:#33312e}.playful-create .back-link{color:#33312e;border-radius:999px;justify-self:end;align-items:center;gap:7px;min-height:40px;padding:7px 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.playful-create .back-link:hover{background:#fff}.playful-create .back-link svg{width:16px;height:16px}.playful-create .creator-shell{grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr);align-items:stretch;gap:clamp(16px,2vw,24px);width:min(1440px,100%);min-height:calc(100vh - 66px);margin:0 auto;padding:clamp(14px,2.2vw,26px);display:grid}.playful-create .mobile-view-switch{background:#fff;border:2px solid #33312e;border-radius:999px;width:100%;padding:4px;display:none;box-shadow:0 3px #33312e}.playful-create .mobile-view-switch button{cursor:pointer;min-height:44px;font-family:var(--font-fredoka), "Fredoka", sans-serif;background:0 0;border:0;border-radius:999px;flex:1;font-size:13px;font-weight:600}.playful-create .mobile-view-switch button[aria-pressed=true]{background:#ffb800;box-shadow:inset 0 0 0 1.5px #33312e}.playful-create .panel{background:#fff;border:2.5px solid #33312e;border-radius:24px;min-width:0;box-shadow:0 5px #33312e}.playful-create .editor-panel,.playful-create .preview-panel{flex-direction:column;gap:18px;padding:clamp(18px,2.2vw,28px);display:flex}@media (max-width:900px){.playful-create .creator-shell{grid-template-columns:1fr}.playful-create .mobile-view-switch{display:flex}.playful-create .app-header-in{grid-template-columns:1fr auto;gap:12px}.playful-create .progress,.playful-create .back-link{display:none}}.playful-create .editor-head{gap:5px;display:grid}.playful-create .editor-head .eyebrow{color:#b9275b;font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.playful-create .editor-head h2{letter-spacing:-.025em;text-wrap:balance;color:#33312e;font-size:clamp(29px,2.8vw,40px);font-weight:700;line-height:1.08}.playful-create .editor-head p{color:#6b6459;text-wrap:pretty;max-width:58ch;font-size:14px;font-weight:600;line-height:1.5}.playful-create .editor-panel{overscroll-behavior:contain;max-height:calc(100vh - 120px);overflow-y:auto}.playful-create .preview-panel{overscroll-behavior:contain;align-self:start;max-height:calc(100vh - 120px);position:sticky;top:80px;overflow-y:auto}@media (max-width:900px){.playful-create .editor-panel,.playful-create .preview-panel{max-height:none;position:static;overflow-y:visible}}.playful-create .step-pane{gap:18px;display:grid}.playful-create fieldset{border:0;min-width:0}.playful-create legend,.playful-create .field-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;margin-block-end:7px;font-size:14px;font-weight:600;line-height:1.3;display:block}.playful-create .starter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.playful-create .starter-card{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;align-content:center;place-items:center;gap:1px;min-height:58px;padding:8px 6px;font-size:12px;font-weight:800;line-height:1.2;display:grid}.playful-create .starter-card .starter-emoji{font-size:19px;line-height:1}.playful-create .starter-card[aria-pressed=true]{border-color:var(--ink);background:var(--yellow-soft);box-shadow:0 3px 0 var(--ink)}.playful-create .form-row{grid-template-columns:minmax(0,1fr) minmax(185px,.46fr);align-items:end;gap:14px;display:grid}.playful-create .field{min-width:0}.playful-create .text-input,.playful-create .square-input{border:2px solid var(--ink);width:100%;color:var(--ink);background:#fffdf9;border-radius:13px;font-size:16px;font-weight:700}.playful-create .text-input{min-height:46px;padding:10px 12px}.playful-create .text-input::-moz-placeholder{color:#7a7064}.playful-create .square-input::-moz-placeholder{color:#7a7064}.playful-create .text-input::placeholder,.playful-create .square-input::placeholder{color:#7a7064}.playful-create .text-input:focus,.playful-create .square-input:focus{border-color:var(--focus);outline-offset:1px;outline:3px solid #613eea38}.playful-create .size-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.playful-create .size-option{position:relative}.playful-create .size-option input{opacity:0;width:1px;height:1px;position:absolute}.playful-create .size-option span{border:2px solid var(--line);background:var(--surface);min-height:46px;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;border-radius:12px;place-items:center;font-size:13px;font-weight:600;display:grid}.playful-create .size-option input:checked+span{border-color:var(--ink);background:var(--teal-soft);box-shadow:0 2px 0 var(--ink)}.playful-create .size-option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.playful-create .field-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-block-end:7px;display:flex}.playful-create .field-heading .field-label{margin:0}.playful-create .square-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.playful-create .square-count.is-ready{color:#147f75}.playful-create .square-input{resize:vertical;min-height:clamp(118px,19vh,172px);padding:10px 12px;line-height:1.45}.playful-create .square-help{justify-content:space-between;align-items:center;gap:12px;margin-block-start:7px;display:flex}.playful-create .helper-copy{color:var(--muted);text-wrap:pretty;font-size:12px;font-weight:600}.playful-create .text-button{min-height:40px;color:var(--pink-action);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.playful-create .text-button:hover{background:var(--pink-soft)}.playful-create .option-line{background:var(--purple-soft);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:7px 10px;display:flex}.playful-create .check-label{cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.playful-create .check-label input{width:20px;height:20px;accent-color:var(--purple)}.playful-create .option-note{color:var(--muted);text-align:end;font-size:11px;font-weight:700}.playful-create .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.playful-create .theme-option{position:relative}.playful-create .theme-option input{opacity:0;width:1px;height:1px;position:absolute}.playful-create .theme-card{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:78px;padding:8px 10px;display:grid}.playful-create .theme-option input:checked+.theme-card{border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.playful-create .theme-option input:focus-visible+.theme-card{outline:3px solid var(--focus);outline-offset:2px}.playful-create .theme-dots{grid-template-columns:repeat(2,1fr);gap:4px;width:34px;display:grid}.playful-create .theme-dots i{border:1.5px solid var(--ink);border-radius:50%;width:15px;height:15px}.playful-create .theme-copy{gap:1px;display:grid}.playful-create .theme-copy strong{font-family:var(--font-fredoka), "Fredoka", sans-serif;font-size:13px;font-weight:700}.playful-create .theme-copy small{color:var(--muted);font-size:11px;font-weight:700}.playful-create .style-note{border:2px solid var(--line);background:#fffdf9;border-radius:14px;padding:12px 14px}.playful-create .style-note strong{font-family:var(--font-fredoka), "Fredoka", sans-serif;margin-bottom:4px;font-size:13px;display:block}.playful-create .style-note p{color:var(--muted);font-size:12px;font-weight:600;line-height:1.45}.playful-create .review-card{border:2px dashed var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.playful-create .review-facts{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.playful-create .review-facts li{border:2px solid var(--ink);background:var(--yellow-soft);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.playful-create .export-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.playful-create .export-choice{border:2px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:28px 1fr;align-content:center;gap:2px 10px;min-height:76px;padding:10px 12px;display:grid}.playful-create .export-choice span{grid-row:1/3;font-size:22px}.playful-create .export-choice strong{font-size:13px;font-weight:800}.playful-create .export-choice small{color:var(--muted);font-size:11px;font-weight:700}.playful-create .editor-actions{justify-content:space-between;align-items:center;gap:12px;margin-block-start:auto;display:flex}.playful-create .button{border:2px solid var(--ink);cursor:pointer;min-height:46px;font-family:var(--font-fredoka), "Fredoka", sans-serif;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.playful-create .button-primary{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--ink)}.playful-create .button-secondary{color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff}.playful-create .button svg{width:16px;height:16px}.playful-create .preview-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.playful-create .preview-label{align-items:center;gap:8px;display:flex}.playful-create .live-dot{border:2px solid var(--ink);background:var(--teal);border-radius:50%;width:9px;height:9px}.playful-create .preview-label h2{font-size:15px;font-weight:600}.playful-create .mobile-preview-title{display:none}.playful-create .preview-action{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;min-height:38px;padding:6px 11px;font-size:12px;font-weight:800}.playful-create .card-stage{flex:1;place-items:center;min-height:0;display:grid}.playful-create .bingo-card{--theme-1:var(--pink-action);--theme-2:var(--yellow);--theme-3:var(--teal);--theme-4:var(--focus);--theme-5:var(--orange);--theme-text-1:white;--theme-text-2:var(--ink);--theme-text-3:var(--ink);--theme-text-4:white;--theme-text-5:var(--ink);border:3px solid var(--ink);width:min(100%,min(39vw,57vh,440px));min-width:310px;box-shadow:0 7px 0 var(--ink);background:#fff;border-radius:24px;padding:clamp(12px,2vh,17px);transform:rotate(.65deg)}.playful-create .bingo-card[data-theme=mint]{--theme-1:#147f75;--theme-2:#2ec4b6;--theme-3:#ffb800;--theme-4:#147f75;--theme-5:#2ec4b6;--theme-text-1:white;--theme-text-2:var(--ink);--theme-text-3:var(--ink);--theme-text-4:white;--theme-text-5:var(--ink);background:#f5fffd}.playful-create .bingo-card[data-theme=grape]{--theme-1:#613eea;--theme-2:#613eea;--theme-3:#ffb800;--theme-4:#613eea;--theme-5:#613eea;--theme-text-1:white;--theme-text-2:white;--theme-text-3:var(--ink);--theme-text-4:white;--theme-text-5:white;background:#fbf9ff}.playful-create .bingo-card[data-theme=sunshine]{--theme-1:#ff8a3d;--theme-2:#ffb800;--theme-3:#ff5d8f;--theme-4:#ff8a3d;--theme-5:#ffb800;--theme-text-1:var(--ink);--theme-text-2:var(--ink);--theme-text-3:var(--ink);--theme-text-4:var(--ink);--theme-text-5:var(--ink);background:#fffdf5}.playful-create .card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-block-end:9px;display:flex}.playful-create .card-title{max-width:80%;font-family:var(--font-fredoka), "Fredoka", sans-serif;overflow-wrap:break-word;text-wrap:balance;font-size:clamp(16px,2.3vh,20px);font-weight:700;line-height:1.15}.playful-create .card-sticker{border:1.5px solid var(--ink);background:var(--yellow-soft);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.playful-create .bingo-head,.playful-create .preview-grid{gap:clamp(3px,.7vh,5px);display:grid}.playful-create .bingo-head{margin-block-end:clamp(3px,.7vh,5px)}.playful-create .bingo-head span{border:2px solid var(--ink);color:#fff;min-width:0;font-family:var(--font-fredoka), "Fredoka", sans-serif;text-align:center;border-radius:8px;padding:3px 0;font-size:clamp(11px,1.9vh,15px);font-weight:700;line-height:1.2}.playful-create .bingo-head span:nth-child(5n+1){background:var(--theme-1);color:var(--theme-text-1)}.playful-create .bingo-head span:nth-child(5n+2){background:var(--theme-2);color:var(--theme-text-2)}.playful-create .bingo-head span:nth-child(5n+3){background:var(--theme-3);color:var(--theme-text-3)}.playful-create .bingo-head span:nth-child(5n+4){background:var(--theme-4);color:var(--theme-text-4)}.playful-create .bingo-head span:nth-child(5n+5){background:var(--theme-5);color:var(--theme-text-5)}.playful-create .preview-cell{aspect-ratio:1;border:1.8px solid var(--ink);background:var(--paper);text-align:center;overflow-wrap:anywhere;border-radius:clamp(6px,1vh,8px);place-items:center;min-width:0;padding:2px;font-size:clamp(7px,1.25vh,10px);font-weight:800;line-height:1.05;display:grid}.playful-create .preview-cell.is-free{background:var(--yellow)}.playful-create .preview-cell.is-empty{color:var(--quiet);background:#f7f1e8;font-weight:700}.playful-create .preview-grid.grid-size-3 .preview-cell{font-size:clamp(10px,1.8vh,14px)}.playful-create .preview-grid.grid-size-4 .preview-cell{font-size:clamp(8px,1.5vh,12px)}.playful-create .card-note{color:var(--muted);text-align:center;margin-block-start:8px;font-size:9px;font-weight:800}.playful-create .preview-foot{min-height:32px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.playful-create .preview-foot svg{flex:none;width:14px;height:14px}@media (prefers-reduced-motion:no-preference){.playful-create .starter-card,.playful-create .button,.playful-create .preview-action,.playful-create .back-link{transition-property:transform,box-shadow,background-color;transition-duration:.12s;transition-timing-function:ease-out}.playful-create .starter-card:hover,.playful-create .preview-action:hover{transform:translateY(-1px)}.playful-create .button:active{transform:scale(.97)}}@media (max-width:980px){.playful-create .form-row{grid-template-columns:1fr}.playful-create .creator-shell{grid-template-columns:1fr;min-height:auto}.playful-create .preview-panel{min-height:620px}.playful-create .bingo-card{width:min(100%,440px);min-width:0}}@media (max-width:600px){.playful-create .starter-grid{scroll-snap-type:x proximity;padding-block-end:4px;scroll-padding-inline:0;display:flex;overflow-x:auto}.playful-create .starter-card{scroll-snap-align:start;flex:0 0 108px;min-height:52px}.playful-create .theme-grid,.playful-create .export-grid{grid-template-columns:1fr}.playful-create .export-choice{grid-template-columns:30px 1fr;align-items:center;min-height:68px}.playful-create .export-choice span{grid-row:1/3}.playful-create .bingo-card{width:min(100%,380px);transform:none}}@media (max-width:980px){.creator-app .app-layout{grid-template-columns:1fr}.creator-app .app-sidebar{display:none}.creator-app .app-main{padding:22px 18px 100px}.creator-app .mobile-app-nav{z-index:80;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:2px solid var(--ink);min-height:68px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:20px;grid-auto-columns:minmax(66px,1fr);grid-auto-flow:column;padding:5px;display:grid;position:fixed;left:12px;overflow-x:auto}.creator-app .mobile-app-nav a{min-height:54px;color:var(--ink);font-family:var(--font-fredoka), "Fredoka", sans-serif;text-align:center;border-radius:14px;place-items:center;gap:2px;padding:5px 2px;font-size:.68rem;font-weight:800;text-decoration:none;display:grid}.creator-app .mobile-app-nav a[aria-current=page]{background:var(--yellow-soft)}.creator-app .mobile-app-nav a span:first-child{font-size:1.1rem;line-height:1}}@media (max-width:600px){.creator-app .app-topbar{min-height:62px;padding-inline:12px}.creator-app .app-topbar .pill{display:none}.creator-app .app-topbar .button{min-height:38px;padding-inline:12px}.creator-app .app-main{padding-inline:12px}}
/*# sourceMappingURL=28djwmxqw7x6j.css.map*/