.mainView .leftPanel{flex-shrink:0;width:30%}.mainView .rightPanel{width:70%}#root,html,body{height:100%;overscroll-behavior:none}@media only screen and (max-width: 1068px){.mainView .leftPanel{width:35%}.mainView .rightPanel{width:65%}}@media only screen and (max-width: 734px){.mainView{flex-direction:column!important}.mainView .leftPanel{padding:0rem;position:inherit;width:100%}.mainView .rightPanel{width:100%;order:-1;padding-top:3rem;padding-bottom:3rem;position:sticky;background-color:#fff;top:0}}.capsuleLinkButton a{text-decoration:none}.capsuleLinkButton .buttonContent{padding:.7rem 1.5rem .8rem;border:none;border-radius:2rem;cursor:pointer;outline:none;background-color:#ececec;opacity:.8}.customizationPanel{height:100%;padding-bottom:30vh;padding-left:5rem;min-width:300px}.customizationPanel .titleView{margin-left:-5rem;padding-left:calc(5rem + 5px);padding-top:8rem;padding-bottom:3rem;color:#000;background:#ffffffb3;-webkit-backdrop-filter:blur(12px) brightness(1.2) contrast(.8);backdrop-filter:blur(12px);white-space:pre-wrap}.mockPrompt{width:100%;height:200px;background-color:gray;border-radius:15px;margin-top:2rem;margin-bottom:2rem;background-color:#d3d3d3}.apperancePickerItem{width:2rem;height:2rem;border-radius:50%;overflow:hidden}.apperancePickerItem>div{margin:3px;background-color:#d3d3d3;flex-grow:1;border-radius:50%;box-shadow:inset 0 .8px 2px #0000004d}.apperancePickerItem:hover{cursor:pointer}.importFilePicker{color:#0000008f;transition:all .3s}.importFilePicker:hover{cursor:pointer;color:#65b5fe;scale:1.05}textarea{border-radius:5px;border-color:#e2e2e2;line-height:1.7;resize:none;padding-left:10px;width:100%}.imagePickerHoverOverlay{transition:opacity .3s ease}.imagePickerHoverOverlay:hover{opacity:.9;cursor:pointer}.imagePickerHoverOverlay{opacity:0}@media only screen and (max-width: 1068px){.customizationPanel{padding-left:1rem}}@media only screen and (max-width: 734px){.customizationPanel{padding-bottom:2rem;padding-left:auto;padding-right:auto}}.inputGuideView{min-height:4rem;border-radius:15px;background-color:#d3d3d3;overflow:hidden}.inputGuideView .guideContent{padding:1.5rem 3rem 1.5rem 1.5rem}.resizableImage{overflow:hidden;display:flex;align-items:center;justify-content:center}.resizableImage img{vertical-align:middle;width:100%;height:100%;object-fit:cover;object-position:center}.devicePreviewPanel{height:100vh;--bezelWidth: 60vw;--sitePreviewWidthFraction: calc(39.8 / 50);--sitePreviewHeightFraction: .53;--sitePreviewBottomPaddingFraction: .05 }.devicePreviewPanel .deviceBezelImage{margin-left:3rem;margin-right:3rem;width:var(--bezelWidth)}.devicePreviewPanel .sitePreviewFullWindow{width:calc(var(--bezelWidth) * var(--sitePreviewWidthFraction));height:calc(var(--bezelWidth) * var(--sitePreviewHeightFraction));padding-bottom:calc(var(--bezelWidth) * var(--sitePreviewBottomPaddingFraction));border-top-left-radius:2.2%;border-top-right-radius:2.2%;overflow:hidden}@media only screen and (max-width: 734px){.devicePreviewPanel{height:30vh;--bezelWidth: 80vw}.devicePreviewPanel .sitePreviewFullWindow{--sitePreviewWidthFraction: .79625 ;--sitePreviewHeightFraction: .53125 ;--sitePreviewBottomPaddingFraction: calc(4.2 / 80)}}.exampleSiteContainer section{margin-left:1.5rem;margin-right:1.8rem;align-items:center;justify-content:center;max-width:1200px}.exampleSiteContainer{transition:all .8s ease;--bodyFontSize: 1.25rem}.exampleSiteContainer .mainSection{margin-bottom:-5vh}.exampleSiteContainer .infoPanel{margin-top:5vh;margin-bottom:5vh;margin-right:clamp(0rem,5vw,2rem);padding-left:clamp(0rem,5vw,2rem);padding-right:1.5rem;border-radius:clamp(.5rem,2.5vw,1.2rem);min-width:25vw;transition:all .8s ease;justify-content:center;top:5vh;height:clamp(30vh,80vw,90vh);overflow:hidden}.exampleSiteContainer .mainSection .detailPanel{margin-top:0vh;padding-top:5vh;padding-bottom:5vh}.exampleSiteContainer .detailPanel{margin-top:5vh}.exampleSiteContainer .mainImage{border-radius:clamp(.5rem,2.5vw,1.2rem)}@media only screen and (max-width: 1068px){.exampleSiteContainer{--bodyFontSize: 1rem}}@media only screen and (max-width: 734px){.exampleSiteContainer{--bodyFontSize: .78rem}.exampleSiteContainer .mainSection .detailPanel{margin-top:1rem}}@media only screen and (max-width: 300px){.exampleSiteContainer{--xLargeFontSize: .8rem;--bodyFontSize: .45rem;--bodyFontLineHeight: 1.2;--bodyFontLetterSpacing: -.03rem;--captionFontSize: .4rem;--caption2FontSize: .4rem;--caption3FontSize: .4rem}.exampleSiteContainer{margin-left:0;padding-left:0;max-width:100vw}.exampleSiteContainer section{margin-left:20px;width:90%}}:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Inter,Arial,sans-serif;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,p,div,span,a,section{margin:0}img{vertical-align:middle}textarea{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Inter,Arial,sans-serif}@media (prefers-color-scheme: light){:root{background-color:#fff}}:root{--xxxLargeFontSize: 6rem;--xxxLargeFontWeight: 600;--xxLargeFontSize: 4.5rem;--xxLargeFontWeight: 600;--xLargeFontSize: 3.5rem;--xLargeFontWeight: 550;--largeTitleFontSize: 2.8rem;--largeTitleFontWeight: 600;--titleFontSize: 2rem;--titleFontWeight: 600;--title2FontSize: 1.75rem;--title2FontWeight: 600;--title3FontSize: 1.5rem;--title3FontWeight: 600;--headlineFontSize: 1.3rem;--headlineFontWeight: 580;--subheadlineFontSize: 1.06rem;--subheadlineFontWeight: 580;--bodyFontSize: 1.25rem;--bodyFontWeight: 520;--bodyFontLetterSpacing: .0134rem;--bodyFontLineHeight: 1.38;--captionFontSize: .92rem;--caption2FontSize: .82rem;--caption3FontSize: .75rem;--readibilityInsettedContentWidth: 980px;--readabilityInsettedTextWidth: 83.4%;--proportionalWideContentHPadding: 10vw;--navigationBarHeight: 3.2rem;--interSectionPadding: 10rem}.disabled{pointer-events:none}.hidden{visibility:hidden}.removed{display:none}.vStack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.hStack{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.zStack{display:grid;align-items:center;justify-items:center}.grid{display:grid}.spacer{margin:auto;padding:auto}.vStack .divider{height:1px;width:100%}.hStack .divider{width:1px;height:100%}.colorSchemeLight .divider{background-color:#5f5f623d}.colorSchemeDark .divider{background-color:#ffffff3d}.xxxLargeFont{font-size:var(--xxxLargeFontSize);font-weight:var(--xxxLargeFontWeight)}.xxLargeFont{font-size:var(--xxLargeFontSize);font-weight:var(--xxLargeFontWeight)}.xLargeFont{font-size:var(--xLargeFontSize);font-weight:var(--xLargeFontWeight)}.largeTitleFont{font-size:var(--largeTitleFontSize);font-weight:var(--largeTitleFontWeight)}.titleFont{font-size:var(--titleFontSize);font-weight:var(--titleFontWeight)}.title2Font{font-size:var(--title2FontSize);font-weight:var(--title2FontWeight)}.title3Font{font-size:var(--title3FontSize);font-weight:var(--title3FontWeight)}.headlineFont{font-size:var(--headlineFontSize);font-weight:var(--headlineFontWeight)}.subheadlineFont{font-size:var(--subheadlineFontSize);font-weight:var(--subheadlineFontWeight)}.bodyFont{font-size:var(--bodyFontSize);font-weight:var(--bodyFontWeight);letter-spacing:var(--bodyFontLetterSpacing);line-height:var(--bodyFontLineHeight)}.captionFont{font-size:var(--captionFontSize)}.caption2Font{font-size:var(--caption2FontSize)}.caption3Font{font-size:var(--caption3FontSize)}.semibold{font-weight:600}.bold{font-weight:700}.sticky{position:sticky;top:0}.highZIndex{z-index:1000}.readabilityInsettedContent{width:var(--readibilityInsettedContentWidth);margin-inline-start:auto;margin-inline-end:auto}.readabilityInsettedText{width:var(--readabilityInsettedTextWidth);margin-inline-start:auto;margin-inline-end:auto}.headerFooterInsettedContent{width:var(--readibilityInsettedContentWidth);margin-inline-start:auto;margin-inline-end:auto}.proportionalWideInsettedContent{margin-left:calc(var(--proportionalWideContentHPadding) + 2vw);margin-right:var(--proportionalWideContentHPadding)}.appSection .sectionContent{padding-bottom:var(--interSectionPadding)}.firstSection{padding-top:calc(var(--interSectionPadding) * .5)}.doublePaddedSection .sectionContent{padding-top:var(--interSectionPadding)}.colorSchemeLight .primaryColor,.colorSchemeLight.primaryColor{color:#000}.colorSchemeLight .secondaryColor,.colorSchemeLight.secondaryColor{color:#0000008f}.colorSchemeLight .tertiaryColor,.colorSchemeLight.tertiaryColor{color:#00000073}.colorSchemeLight .primaryBackgroundColor,.colorSchemeLight.primaryBackgroundColor{background-color:#fff}.colorSchemeLight .secondaryBackgroundColor,.colorSchemeLight.secondaryBackgroundColor{background-color:#f5f5f7}.colorSchemeLight .tertiaryBackgroundColor,.colorSchemeLight.tertiaryBackgroundColor{background-color:#fbfbfd}.colorSchemeDark .primaryColor,.colorSchemeDark.primaryColor{color:#fff}.colorSchemeDark .secondaryColor,.colorSchemeDark.secondaryColor{color:#ebebf5d4}.colorSchemeDark .tertiaryColor,.colorSchemeDark.tertiaryColor{color:#c5c5ccbf}.colorSchemeDark .primaryBackgroundColor,.colorSchemeDark.primaryBackgroundColor{background-color:#000}.colorSchemeDark .secondaryBackgroundColor,.colorSchemeDark.secondaryBackgroundColor{background-color:#1d1d1f}.colorSchemeDark .tertiaryBackgroundColor,.colorSchemeDark.tertiaryBackgroundColor{background-color:#2c2c2e}.scaleOnHover{transition:transform .3s ease;transform:scale(1)}.scaleOnHover:hover{transform:scale(1.02)}.scaleLargeOnHover{transition:transform .3s ease}.scaleLargeOnHover:hover{transition:transform .3s ease;transform:scale(1.1)}.debugBorder{border:1px solid red}.debugBackground{background-color:#0000001a}@media only screen and (max-width: 1068px){:root{--xxxLargeFontSize: 4.5rem;--xxLargeFontSize: 3rem;--xLargeFontSize: 2.5rem;--largeTitleFontSize: 2.5rem;--title2FontSize: 1.5125rem;--title3FontSize: 1.3125rem;--title3LineHeight: 1.813rem;--bodyFontSize: 1.126rem;--bodyFontWeight: 520;--bodyFontLetterSpacing: .005rem;--bodyFontLineHeight: 1.425;--captionFontSize: .9rem;--caption2FontSize: .8rem;--caption3FontSize: .7rem;--readibilityInsettedContentWidth: 692px;--headerFooterContentInset: 3rem;--interSectionPadding: 7rem}.title3Font{line-height:var(--title3LineHeight)}.headerFooterInsettedContent{width:auto;margin-left:var(--headerFooterContentInset);margin-right:var(--headerFooterContentInset)}}@media only screen and (max-width: 734px){:root{--xxxLargeFontSize: 3rem;--xxLargeFontSize: 2.5rem;--xLargeFontSize: 2.2rem;--largeTitleFontSize: 2rem;--titleFontSize: 1.5rem;--title2FontSize: 1.31rem;--title3FontSize: 1.2rem;--headlineFontSize: 1rem;--subheadlineFontSize: .95rem;--bodyFontSize: .9rem;--bodyFontLetterSpacing: .004rem;--bodyFontLineHeight: 1.3;--captionFontSize: .85rem;--caption2FontSize: .75rem;--caption3FontSize: .65rem;--readibilityInsettedContentWidth: 87.5%;--readabilityInsettedTextWidth: 100%;--headerFooterContentInset: 1.5rem;--proportionalWideContentHPadding: 1.4rem;--interSectionPadding: 5rem}}@media only screen and (max-width: 500px){:root{--xxxLargeFontSize: 3rem;--xxLargeFontSize: 2.5rem;--xLargeFontSize: 1.2rem;--xLargeFontWeight: 600;--largeTitleFontSize: 1.5rem;--titleFontSize: 1.5rem;--title2FontSize: 1.31rem;--title3FontSize: 1.2rem;--headlineFontSize: 1rem;--subheadlineFontSize: .95rem;--bodyFontSize: 1.06rem;--captionFontSize: .8rem;--caption2FontSize: .7rem;--caption3FontSize: .55rem;--readibilityInsettedContentWidth: 87.5%;--readabilityInsettedTextWidth: 100%;--headerFooterContentInset: 1.5rem;--proportionalWideContentHPadding: 1.4rem;--interSectionPadding: 5rem}}