.create-nook-page{max-width:1280px;margin-inline:auto}.create-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 32px;padding:0;list-style:none;display:grid}.create-progress li{color:var(--sol-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.create-progress li>span{border:1px solid var(--sol-subtle);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.create-progress [aria-current]{color:var(--sol-action)}.create-progress [aria-current]>span,.create-progress [data-complete=true]>span{background:var(--sol-rose);color:var(--sol-cream)}.create-heading{margin-bottom:28px}.create-heading h1{font:400 clamp(30px,4vw,44px)/1.2 var(--font-solibra-decorative),serif;max-width:660px;margin:12px 0}.create-heading>p:last-child{color:var(--sol-secondary)}.create-nook-grid{align-items:start;gap:32px;display:grid}.create-nook-panel{background:var(--sol-raised);border:1px solid var(--sol-subtle);overflow-wrap:anywhere;border-radius:20px;flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.create-nook-panel h2{font:500 26px/1.3 var(--font-solibra-display),sans-serif}.create-nook-panel h3{font:400 24px/1.3 var(--font-solibra-decorative),serif}.create-nook-panel form{flex-direction:column;gap:8px;display:flex}.create-nook-panel label{font-size:16px}.create-nook-panel label span,.create-nook-panel small,.create-help{color:var(--sol-secondary);font-size:12px}.create-nook-panel :is(input,textarea){width:100%;min-width:0;min-height:48px;color:var(--sol-cream);background:var(--sol-inset);border:1px solid var(--sol-subtle);font:inherit;border-radius:10px;padding:12px}.create-nook-panel textarea{resize:vertical;min-height:140px}.create-nook-panel :is(input,textarea)::placeholder{color:var(--sol-secondary);opacity:.75}.create-nook-panel :is(input,textarea):focus-visible{outline:2px solid var(--sol-action);outline-offset:3px}.create-nook-panel [aria-invalid=true]{border-color:var(--sol-action)}.create-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.create-actions>*{text-align:center;flex:1;min-width:0}.create-nook-panel .create-error{color:var(--sol-cream);font-size:13px}.create-error:empty{display:none}.create-error-box{background:var(--sol-recess);border:1px solid var(--sol-action);border-radius:12px;padding:16px;font-size:14px}.create-error-box>*+*{margin-top:8px!important}.create-nook-panel .create-description{white-space:pre-wrap;color:var(--sol-secondary)}.create-privacy{background:var(--sol-inset);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;display:flex}.create-privacy svg{flex-shrink:0}.create-nook-preview{text-align:center;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.create-nook-preview .nook-arch{flex-shrink:0;width:100%;max-width:280px}.create-preview-name{overflow-wrap:anywhere;font:500 24px/1.3 var(--font-solibra-display),sans-serif}.create-nook-preview small{color:var(--sol-secondary);font-size:12px}.create-ready{align-items:flex-start;gap:12px;display:flex}.create-ready>div{min-width:0}.create-confirmation{color:var(--sol-action)}.create-email-row{flex-wrap:wrap;gap:8px;display:flex}.create-email-row>input{flex:160px}.create-invitees{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.create-invitees li{background:var(--sol-inset);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px;display:flex}.create-invitees li>div{flex:1;min-width:130px}.create-invitees strong{font-weight:500}.create-invitees p{margin-top:6px;font-size:13px}.create-nook-panel :disabled{opacity:.55;cursor:default}@media (width>=900px){.create-progress{grid-template-columns:repeat(4,minmax(0,1fr))}.create-nook-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px}.create-nook-panel{padding:32px}.create-nook-preview{padding:24px;position:sticky;top:32px}}@media (width<=359px){.create-nook-panel{padding:16px}.create-actions{flex-direction:column}}.create-progress li{grid-template-columns:32px minmax(0,1fr);align-content:start;display:grid}.create-progress li>span{grid-row:span 2}.create-progress li>small{grid-column:2}.create-progress [aria-current]{font-size:14px;font-weight:500}.create-progress [aria-current]>span{width:30px;height:30px;font-size:15px}.create-door-colors{border:0;min-width:0;margin:16px 0 0;padding:0}.create-door-colors legend{margin-bottom:12px}.create-door-colors>div{flex-wrap:wrap;gap:12px;display:flex}.create-door-colors label{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-items:center;gap:6px;min-width:60px;min-height:70px;padding:8px;display:grid;position:relative}.create-door-colors label:has(:checked){border-color:var(--sol-cream);background:var(--sol-inset)}.create-door-colors label:focus-within{outline:2px solid var(--sol-action);outline-offset:2px}.create-nook-panel .create-door-colors input{opacity:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.create-door-colors label>span:last-child{color:var(--sol-cream);font-size:12px}.create-color-swatch{background:var(--sol-blush);border:2px solid var(--sol-pink);border-radius:50%;width:32px;height:32px}.create-nook-page [data-door-color=lilac],.nook-window[data-door-color=lilac]{--sol-blush:#e4d6f4;--sol-pink:#b49acb}.create-nook-page [data-door-color=blue],.nook-window[data-door-color=blue]{--sol-blush:#d4e6f4;--sol-pink:#93b5cf}.create-nook-page [data-door-color=green],.nook-window[data-door-color=green]{--sol-blush:#dce8d4;--sol-pink:#9db58b}.create-nook-page [data-door-color=yellow],.nook-window[data-door-color=yellow]{--sol-blush:#fae9bc;--sol-pink:#d2b779}.create-nook-preview[data-opening=true] .nook-door-left{transform:rotateY(-90deg)}.create-nook-preview[data-opening=true] .nook-door-right{transform:rotateY(90deg)}.create-nook-preview .nook-door-space{background:var(--sol-sand)}.create-nook-panel[aria-label="Your Nook is ready"]{animation:.45s ease-out nook-ready-reveal}.create-final-summary>*+*{margin-top:16px}@keyframes nook-ready-reveal{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.create-nook-panel[aria-label="Your Nook is ready"]{animation:none}}