.ui-wordmark{font-size:var(--text-title-lg);line-height:40px;font-weight:var(--ds-weight-strong);letter-spacing:calc(var(--ds-tracking-factor) * (12 / 32 - 1) * 1em);align-items:baseline;gap:2px;display:inline-flex}.ui-wordmark>span{color:var(--ds-secondary)}.ui-artwork-backdrop,.ui-artwork-layer{z-index:-1;position:absolute;inset:0}.ui-artwork-layer{opacity:0;transition:opacity var(--motion-duration) var(--motion-ease);background-position:50% 58%;background-size:cover}.ui-artwork-layer[data-active=true]{opacity:1}[data-artwork=sunset]{background-image:url(/artwork/sunset.jpg)}[data-artwork=sky]{background-image:url(/artwork/sky.jpg)}[data-artwork=water]{background-image:url(/artwork/water.jpg)}.ui-artwork-swatches{gap:8px;display:flex}.ui-artwork-swatch{cursor:pointer;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative}.ui-artwork-swatch:after{content:"";background:var(--ui-bg,var(--ds-surface));opacity:0;transition:opacity var(--motion-fast-duration) var(--motion-ease), transform var(--motion-fast-duration) var(--motion-ease);border-radius:50%;position:absolute;inset:16px;transform:scale(.5)}.ui-artwork-swatch[aria-pressed=true]:after{opacity:1;transform:scale(1)}.ui-artwork-swatch:before{content:"";border-radius:inherit;background:var(--ui-ink,var(--ds-ink));opacity:0;transition:opacity var(--motion-fast-duration) var(--motion-ease);position:absolute;inset:0}.ui-artwork-swatch:hover:before{opacity:.12}.ui-artwork-swatch:focus-visible:before{opacity:.28}.ui-artwork-swatches[data-size=lg] .ui-artwork-swatch{width:48px;height:48px}.ui-artwork-swatches[data-size=lg] .ui-artwork-swatch:after{inset:18px}
.ui-morph-toolbar{width:max-content;max-width:100%;color:var(--ui-ink);font-size:14px;line-height:20px;font-weight:var(--ui-weight-body);position:relative}.ui-morph-surface{background:var(--ui-bg);color:var(--ui-ink);border-radius:28px;overflow:clip}.ui-morph-layout{padding:8px}.ui-morph-pages{position:relative;overflow:clip}.ui-morph-page{opacity:0;visibility:hidden;pointer-events:none;width:100%;transition:opacity var(--ui-exit) var(--ui-exit-ease), visibility 0s var(--ui-exit);position:absolute;top:0;left:0}.ui-morph-page[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}.ui-morph-scroll{height:var(--toolbar-page-height,0px);overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--ui-ink) 8px, var(--ui-ink) calc(100% - 24px), transparent);mask-image:linear-gradient(to bottom, transparent, var(--ui-ink) 8px, var(--ui-ink) calc(100% - 24px), transparent);border-radius:20px;padding:8px 16px 24px;overflow:clip auto}.ui-morph-footer{z-index:2;background:var(--ui-bg);border-radius:20px;position:absolute;bottom:8px;left:8px;right:8px}.ui-morph-footer-space{height:var(--toolbar-footer-height,120px)}.ui-preview-field{border:0;min-width:0;margin:0;padding:0}.ui-preview-field legend{color:var(--ui-secondary);margin-bottom:8px;padding:0 8px}.ui-preview-choices{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}:is(.ui-preview-choices button,.ui-preview-tile){background:var(--ui-fill);min-height:88px;color:var(--ui-ink);font-size:12px;line-height:16px;font-weight:var(--ui-weight-body);transition:background-color var(--ui-fast) var(--ui-exit-ease), color var(--ui-fast) var(--ui-exit-ease);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}:is(.ui-preview-choices button,.ui-preview-tile):hover,:is(.ui-preview-choices button,.ui-preview-tile):focus-visible{background:var(--ui-fill-hover)}:is(.ui-preview-choices button,.ui-preview-tile)[aria-pressed=true]{background:var(--ui-ink);color:var(--ui-bg)}.ui-choice-art{border-radius:8px;place-items:center;width:100%;height:48px;display:grid;overflow:visible}.ui-preview-range{background:var(--ui-fill-soft);border-radius:16px;flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.ui-range-head{justify-content:space-between;gap:8px;display:flex}.ui-range-head>:last-child{color:var(--ui-secondary)}.ui-range-preview{place-items:center;height:48px;display:grid;overflow:clip}.ui-preview-range input{width:100%;height:48px;accent-color:var(--ui-ink);cursor:pointer;margin:0}.ui-preview-range input:focus-visible{background:var(--ui-fill-hover);border-radius:8px}@media (prefers-reduced-motion:reduce){.ui-morph-page{transition:none}}[data-motion-reduced=true] .ui-morph-page{transition:none}.ui-preview-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ui-preview-menu-item{min-height:96px;color:var(--ui-ink);background:var(--ui-fill);transition:background-color var(--ui-fast) var(--ui-exit-ease);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.ui-preview-menu-item:hover,.ui-preview-menu-item:focus-visible{background:var(--ui-fill-hover)}.ui-preview-menu-art{place-items:center;width:100%;height:48px;display:grid;overflow:visible}.ui-disclosure-trigger{background:var(--ui-fill);width:100%;min-height:48px;color:var(--ui-ink);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.ui-disclosure-trigger:hover,.ui-disclosure-trigger:focus-visible{background:var(--ui-fill-hover)}.ui-disclosure-plus{transition:transform var(--ui-fast) var(--ui-ease);display:block}.ui-disclosure[data-open=true]>.ui-disclosure-trigger .ui-disclosure-plus{transform:rotate(45deg)}.ui-disclosure-size{overflow:clip}.ui-disclosure-content{opacity:0;visibility:hidden;transition:opacity var(--ui-exit) var(--ui-exit-ease), visibility 0s var(--ui-exit);padding-top:16px}.ui-disclosure-content[data-open=true]{opacity:1;visibility:visible;transition-delay:0s}@media (max-width:520px){.ui-preview-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-reduced=true] .ui-morph-page{transition:none}.ui-morph-toolbar .ui-morph-surface{vertical-align:top;display:inline-block}.ui-morph-surface>.wm-size-content{flex-shrink:0}.ui-preview-range input{appearance:none;background:0 0}.ui-preview-range input::-webkit-slider-runnable-track{background:var(--ui-fill-hover);border-radius:8px;height:8px}.ui-preview-range input::-webkit-slider-thumb{appearance:none;background:var(--ui-ink);border-radius:50%;width:24px;height:24px;margin-top:-8px}.ui-preview-range input::-moz-range-track{background:var(--ui-fill-hover);border-radius:8px;height:8px}.ui-preview-range input::-moz-range-thumb{background:var(--ui-ink);border:0;border-radius:50%;width:24px;height:24px}.ui-morph-page{transform:translate(var(--page-x,0px), var(--page-y,16px));transition:opacity var(--ui-exit) var(--ui-exit-ease), transform var(--ui-travel) var(--ui-exit-ease), visibility 0s var(--ui-exit)}.ui-morph-page[data-active=true]{transition-delay:0s,0s,0s;transform:translate(0)}.ui-reveal{transition:height var(--ui-travel) var(--ui-ease), margin-top var(--ui-travel) var(--ui-ease), margin-bottom var(--ui-travel) var(--ui-ease);overflow:clip}.ui-reveal-content{opacity:0;visibility:hidden;transition:opacity var(--ui-exit) var(--ui-exit-ease), visibility 0s var(--ui-exit)}.ui-reveal-content[data-open=true]{opacity:1;visibility:visible;transition-delay:80ms,0s}.ui-reveal-content>:only-child{margin-block:0}.ui-morph-pages .ui-reveal-content{flex-direction:column;gap:16px;display:flex}.ui-preview-menu-art>svg,.ui-choice-art>svg{overflow:visible}.ui-preview-menu-item{corner-shape:squircle;min-width:0}.ui-preview-menu-art>*{max-width:100%}.ui-preview-tile{corner-shape:squircle;width:100%;min-height:136px}.ui-preview-tile .ui-choice-art{height:96px;min-height:0;overflow:clip}.ui-preview-tile .ui-choice-art>canvas{width:100%;height:100%}.ui-morph-scroll-content{display:flow-root}.ui-morph-page>header .ui-icon-button{width:48px;height:48px}