.option-list{--m3e-comp-list-item-segmented-container-color:var(--m3e-sys-color-surface-container)}.option-row--nested{padding-inline-start:48px}.option-row-headline{align-items:center;gap:2px;display:flex}.option-row .m3e-list-item__content{z-index:auto;position:static}.option-row-label{-webkit-tap-highlight-color:transparent}.option-row-label:after{content:"";border-radius:inherit;cursor:pointer;position:absolute;inset:0}.option-row-headline .m3e-icon-button{z-index:1;position:relative}.option-row:has(.option-row-label:hover){--m3e-comp-list-item-segmented-container-color:var(--m3e-sys-color-surface-container-high)}.option-row[data-highlighted=true]{--m3e-comp-list-item-segmented-container-color:var(--m3e-sys-color-surface-container-high);--m3e-list-item-container-shadow:inset 0 0 0 2px var(--m3e-sys-color-primary)}.option-row:has(input:disabled){--m3e-comp-list-item-segmented-container-color:var(--m3e-sys-color-surface-container)}.option-row:has(input:disabled) .option-row-label:after{cursor:default}.option-row-expand .m3e-icon{transition:rotate .3s cubic-bezier(.2,0,0,1)}.option-row-expand[aria-expanded=true] .m3e-icon{rotate:180deg}.option-children{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.3,0,.8,.15),opacity .15s linear;display:grid}.option-children[data-expanded=true]{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.05,.7,.1,1),opacity .2s linear 50ms}@media (prefers-reduced-motion:reduce){.option-children,.option-children[data-expanded=true]{transition:none}}.option-children-inner{min-height:0;overflow:hidden}.step-illustration{border-radius:var(--m3e-sys-shape-corner-extra-large);background:var(--m3e-sys-color-surface-container-low);color:var(--m3e-sys-color-on-surface);font:inherit;text-align:center;border:0;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:background-color .2s,box-shadow .2s,scale .2s;display:flex}.step-illustration[data-highlighted=true]{box-shadow:0 0 0 2px var(--m3e-sys-color-primary), 0 0 16px color-mix(in srgb, var(--m3e-sys-color-primary) 40%, transparent)}.step-illustration[data-enabled=false]{outline:1px dashed var(--m3e-sys-color-outline-variant);outline-offset:-1px;background:0 0}.step-illustration[data-enabled=false] .step-illustration-picture{filter:grayscale();opacity:.4}.step-illustration[data-enabled=false] .step-illustration-label{color:var(--m3e-sys-color-on-surface-variant)}.step-illustration--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.step-illustration--interactive:hover{background:var(--m3e-sys-color-surface-container)}.step-illustration--interactive:active{scale:.97}.step-illustration--interactive:focus-visible{outline:2px solid var(--m3e-sys-color-secondary);outline-offset:2px}.step-illustration-picture{width:100%;transition:filter .2s,opacity .2s;display:block}.step-illustration-picture svg{width:100%;height:auto;display:block}.illustration .ill-frame{fill:var(--m3e-sys-color-surface-container-highest);stroke:var(--m3e-sys-color-outline);stroke-width:1.5px}.illustration .ill-screen{fill:var(--m3e-sys-color-surface)}.illustration .ill-chrome{fill:var(--m3e-sys-color-surface-container-high)}.illustration .ill-muted{fill:var(--m3e-sys-color-outline-variant)}.illustration .ill-ink{fill:var(--m3e-sys-color-on-surface-variant)}.illustration .ill-primary{fill:var(--m3e-sys-color-primary)}.illustration .ill-primary-soft{fill:var(--m3e-sys-color-primary-container)}.illustration .ill-on-primary{fill:var(--m3e-sys-color-on-primary)}.illustration .ill-accent{fill:var(--m3e-sys-color-tertiary-container)}.illustration .ill-faded{opacity:.5}.illustration .ill-stroke{fill:none;stroke:var(--m3e-sys-color-on-surface-variant);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.illustration .ill-wheel{fill:var(--m3e-sys-color-surface);stroke:var(--m3e-sys-color-on-surface-variant);stroke-width:5px}.illustration .ill-check{fill:none;stroke:var(--m3e-sys-color-on-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.illustration .ill-title{fill:var(--m3e-sys-color-on-primary-container);font-size:11px;font-weight:700}.illustration .ill-card-title{fill:var(--m3e-sys-color-on-primary);letter-spacing:.1em;font-size:11px;font-weight:800}.illustration .ill-badge-text{fill:var(--m3e-sys-color-on-primary);font-size:9px;font-weight:700}.illustration .ill-large{font-size:16px}.illustration .ill-accent-text{fill:var(--m3e-sys-color-on-tertiary-container);font-size:11px;font-weight:700}.illustration .ill-code-bg{fill:var(--m3e-sys-color-inverse-surface)}.illustration .ill-code-muted{fill:var(--m3e-sys-color-inverse-on-surface);opacity:.35}.illustration .ill-code{fill:var(--m3e-sys-color-inverse-on-surface);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px}.illustration .ill-code-accent{fill:var(--m3e-sys-color-inverse-primary);font-weight:700}.constructor,.constructor-bar-inner{--content-width:1440px}.constructor{flex-direction:column;flex-grow:1;gap:32px;padding-block:32px;display:flex}@media (width<=640px){.constructor{gap:24px;padding-block:24px}}.constructor-progress{flex-direction:column;gap:8px;display:flex}.constructor-muted{color:var(--m3e-sys-color-on-surface-variant)}.constructor-error{color:var(--m3e-sys-color-error)}.constructor-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}@media (width<=900px){.constructor-step{grid-template-columns:minmax(0,1fr);gap:32px}}.constructor-options{flex-direction:column;gap:24px;min-width:0;display:flex}.constructor-heading{text-wrap:balance;flex-direction:column;gap:8px;display:flex}.constructor-aside{min-width:0;position:sticky;top:88px}@media (width<=900px){.constructor-aside{position:static}}.constructor-tip{padding:16px 20px}.constructor-illustrations{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.constructor-illustrations>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.constructor-section{flex-direction:column;gap:12px;display:flex}.constructor-section-header{align-items:center;gap:4px;display:flex}.constructor-bar{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:var(--m3e-sys-color-surface-container);position:sticky;bottom:0}.constructor-bar-inner{align-items:center;gap:12px;min-height:80px;padding-block:12px;display:flex}.constructor-next{margin-inline-start:auto}.constructor-cta{align-self:flex-start}@media (width<=480px){.constructor-cta{align-self:stretch}}.choice-tiles--presets{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}@media (width<=480px){.choice-tiles--presets{grid-template-columns:minmax(0,1fr)}.choice-tiles--presets .choice-tile{text-align:start;flex-direction:row}}.preset-name{font-size:16px;font-weight:700}.choice-tiles--compact .choice-tile{padding:8px}.choice-tiles--swatches .choice-tile{border-radius:var(--m3e-sys-shape-corner-full);padding:6px}.choice-tiles--variants{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.choice-tiles--variants .choice-tile{text-align:start;align-items:stretch}.palette-swatches{border-radius:var(--m3e-sys-shape-corner-full);outline:1px solid var(--m3e-sys-color-outline-variant);outline-offset:-1px;height:28px;display:flex;overflow:hidden}.palette-swatches>span{flex:1}.variant-name{font-weight:600}.color-swatch{border-radius:50%;width:40px;height:40px;display:block}.font-sample,.preset-name,.app-preview-name{font-size-adjust:.53}.font-sample{font-size:18px}.adaptive-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=480px){.adaptive-styles{grid-template-columns:minmax(0,1fr)}}.app-preview{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:460px;margin-inline:auto;padding:32px 24px;display:flex}@media (width<=640px){.app-preview{padding:24px 0}}.app-preview-brand{justify-content:center;align-items:center;gap:12px;display:flex}.app-preview-name{overflow-wrap:anywhere;font-size:22px;font-weight:700}.app-preview-dialog{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.app-preview-qr{border-radius:var(--m3e-sys-shape-corner-large);box-sizing:border-box;background:#fff;width:min(220px,100%);padding:16px}.app-preview-qr svg{width:100%;height:auto;display:block}.app-preview-qr--placeholder{aspect-ratio:1;background:var(--m3e-sys-color-surface-container);color:var(--m3e-sys-color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.app-preview-web{aspect-ratio:9/16;border-radius:var(--m3e-sys-shape-corner-extra-large);background:var(--m3e-sys-color-surface-container);max-width:100%;height:min(720px,max(360px,100dvh - 330px));position:relative;overflow:hidden}.app-preview-web iframe{border:0;width:100%;height:100%;display:block}.app-preview-web-idle{place-items:center;display:grid}.app-preview-web-loading{background:var(--m3e-sys-color-surface-container);place-items:center;display:grid;position:absolute;inset:0}.constructor-step{view-transition-name:constructor-step}:root{--constructor-step-axis:1}:root:active-view-transition-type(backward){--constructor-step-axis:-1}.constructor-bar{view-transition-name:constructor-bar}.header{view-transition-name:header}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(header){animation:none}::view-transition-new(header){animation:none}::view-transition-old(constructor-bar){animation:none}::view-transition-new(constructor-bar){animation:none}::view-transition-group(header){animation:none}::view-transition-group(constructor-bar){animation:none}::view-transition-group(constructor-step){animation:none}::view-transition-image-pair(constructor-step){clip-path:inset(0 -100vw -100vh)}::view-transition-old(constructor-step){translate:0 calc(-1 * var(--constructor-step-scroll,0px));animation:.105s linear both constructor-step-fade-out,.3s cubic-bezier(.2,0,0,1) both constructor-step-slide-out}::view-transition-new(constructor-step){animation:.195s linear .105s both constructor-step-fade-in,.3s cubic-bezier(.2,0,0,1) both constructor-step-slide-in}@keyframes constructor-step-fade-out{to{opacity:0}}@keyframes constructor-step-fade-in{0%{opacity:0}}@keyframes constructor-step-slide-out{to{translate:calc(var(--constructor-step-axis) * -30px) calc(-1 * var(--constructor-step-scroll,0px))}}@keyframes constructor-step-slide-in{0%{translate:calc(var(--constructor-step-axis) * 30px) 0}}.rotating-word{vertical-align:bottom;padding-block:.08em;display:inline-grid;overflow:hidden}.rotating-word-item{color:var(--m3e-sys-color-primary);font-variation-settings:"wght" 800;transition:transform var(--m3e-sys-motion-expressive-slow-spatial-duration) var(--m3e-sys-motion-expressive-slow-spatial-easing), opacity var(--m3e-sys-motion-expressive-slow-effects-duration) var(--m3e-sys-motion-expressive-slow-effects-easing);grid-area:1/1;justify-self:center;font-weight:800}.rotating-word-item.is-active{opacity:1;transform:translateY(0)}.rotating-word-item.is-leaving{opacity:0;transform:translateY(-100%)}.rotating-word-item.is-next{opacity:0;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.rotating-word-item{transition:opacity var(--m3e-sys-motion-expressive-slow-effects-duration) var(--m3e-sys-motion-expressive-slow-effects-easing)}.rotating-word-item.is-leaving,.rotating-word-item.is-next{transform:none}}.hero{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:40px;padding-block:96px;display:flex}@media (width<=640px){.hero{gap:32px;padding-block:64px}}.hero-title{text-wrap:balance;flex-direction:column;align-items:center;font-size:clamp(40px,8vw,80px);line-height:1.05;display:flex}@media (width<=480px){.hero-cta{--m3e-comp-button-large-padding-inline:24px}}