:root{--unit: clamp(1px, .125vw, 2px);--color-primary: #6bafe0;--color-secondary: #fac300;--color-accent: #f29600;--color-text: #595857;--color-text-white: #ffffff;--color-border: #dfe0e4;--color-background: #e8f4f8;--color-sidebar-bg: #ffffff;--color-panel-bg: rgba(255, 255, 255, .9);--header-height: 56px;--sidebar-width: 80px;--sidebar-expanded-width: 240px;--side-panel-width: 320px;--step-info-width: 200px;--progress-bar-height: 24px;--font-primary: "M+ 1p", sans-serif;--font-mono: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root,#three-d-view-root{width:100%;height:100%;overflow:hidden}.a-enter-vr,.a-enter-ar{display:none!important}.step-controls{position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));padding:0 calc(34 * var(--unit))}.step-controls__display{position:relative;width:calc(164 * var(--unit));border-radius:calc(12 * var(--unit));background:linear-gradient(to bottom,#fff,#dfe0e4);padding:calc(2 * var(--unit))}.step-controls__display-inner{border-radius:calc(10 * var(--unit));background:linear-gradient(to bottom,#dfe0e4,#fff);display:flex;flex-direction:column;align-items:center;padding:calc(8 * var(--unit)) calc(9 * var(--unit));gap:calc(6 * var(--unit))}.step-controls__badge{width:calc(100 * var(--unit));display:flex;align-items:center;justify-content:center;border-radius:9999px;padding:calc(5 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;background:linear-gradient(to bottom,#d9dadd,#e9eaec);box-shadow:inset 0 calc(1 * var(--unit)) calc(2 * var(--unit)) #0000001f}.step-controls__badge-text{max-width:100%;font-family:var(--font-mono, "Montserrat", sans-serif);font-size:calc(11 * var(--unit));font-weight:600;color:#898989;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.step-controls__start{width:calc(100 * var(--unit));border:none;cursor:pointer;border-radius:9999px;padding:calc(5 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;font-family:var(--font-mono, "Montserrat", sans-serif);font-size:calc(11 * var(--unit));font-weight:700;letter-spacing:.1em;color:#fff;background:linear-gradient(to bottom,#3ac4f2,#1478e6);box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #1478e680,inset 0 calc(1 * var(--unit)) calc(1 * var(--unit)) #ffffff8c;transition:filter .15s ease}.step-controls__start:hover{filter:brightness(1.06)}.step-controls__start:active{filter:brightness(.94)}.step-controls__block-row{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--unit))}.step-controls__block-icon,.step-controls__block-text{flex-shrink:0;height:calc(40 * var(--unit));box-sizing:border-box;border:calc(1.5 * var(--unit)) solid #ffffff;border-radius:calc(8 * var(--unit));background:linear-gradient(to bottom,#bdbdbd,#d1d1d2 33%,#e4e5e7 73%,#ecedef);box-shadow:0 calc(1.5 * var(--unit)) calc(3 * var(--unit)) #0003,inset 0 calc(1 * var(--unit)) calc(2 * var(--unit)) #00000026}.step-controls__block-icon{display:flex;align-items:center;justify-content:center;width:calc(38 * var(--unit));overflow:hidden}.step-controls__block-icon>svg{width:72%;height:72%}.step-controls__block-text{width:calc(60 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1 * var(--unit));overflow:hidden}.step-controls__block-label{max-width:100%;font-family:var(--font-mono, "Montserrat", sans-serif);font-size:calc(13 * var(--unit));font-weight:600;color:#898989;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.step-controls__color-name{max-width:100%;font-family:var(--font-primary, sans-serif);font-size:calc(7 * var(--unit));font-weight:600;letter-spacing:-.01em;color:#898989;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.step-controls__swatch{flex-shrink:0;width:calc(30 * var(--unit));height:calc(30 * var(--unit));border-radius:calc(5 * var(--unit));background:linear-gradient(to bottom,#fff,#dfe0e4);padding:calc(2 * var(--unit));box-shadow:0 calc(1.5 * var(--unit)) calc(3 * var(--unit)) #0003}.step-controls__swatch-inner{width:100%;height:100%;border-radius:calc(4 * var(--unit));background:linear-gradient(to bottom,#dfe0e4,#fff);padding:calc(2 * var(--unit));box-sizing:border-box}.step-controls__swatch-color{width:100%;height:100%;border-radius:calc(3 * var(--unit))}.step-controls__nav{position:absolute;top:50%;transform:translateY(-50%);flex-shrink:0;width:calc(40 * var(--unit));height:calc(40 * var(--unit));border-radius:50%;border:none;cursor:pointer;background:linear-gradient(to bottom,#fff,#dfe0e4);padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease;z-index:1}.step-controls__nav:after{content:"";position:absolute;inset:calc(2 * var(--unit));border-radius:50%;background:linear-gradient(to bottom,#dfe0e4,#fff);z-index:0}.step-controls__nav--prev{left:0}.step-controls__nav--next{right:0}.step-controls__nav:hover{opacity:.85}.step-controls__nav:active{opacity:.7}.step-controls__nav:disabled{opacity:.4;cursor:not-allowed}.step-controls__nav--glow:after{background:linear-gradient(to bottom,#8fecf5,#5cd6ee)}.step-controls__arrow-icon{position:relative;z-index:1;width:calc(13 * var(--unit));height:calc(15 * var(--unit));display:block;pointer-events:none}.step-controls__nav--prev .step-controls__arrow-icon{margin-right:calc(3 * var(--unit))}.step-controls__nav--next .step-controls__arrow-icon{margin-left:calc(3 * var(--unit))}.step-controls--small{padding:0 calc(26 * var(--unit))}.step-controls--small .step-controls__nav{width:calc(32 * var(--unit));height:calc(32 * var(--unit))}.step-controls--small .step-controls__arrow-icon{width:calc(10 * var(--unit));height:calc(12 * var(--unit))}.step-controls--small .step-controls__display{width:calc(136 * var(--unit));border-radius:calc(10 * var(--unit))}.step-controls--small .step-controls__display-inner{border-radius:calc(8 * var(--unit));padding:calc(6 * var(--unit)) calc(8 * var(--unit));gap:calc(4 * var(--unit))}.step-controls--small .step-controls__badge{width:calc(82 * var(--unit));padding:calc(3 * var(--unit)) calc(8 * var(--unit))}.step-controls--small .step-controls__badge-text{font-size:calc(10 * var(--unit))}.step-controls--small .step-controls__start{width:calc(82 * var(--unit));padding:calc(3 * var(--unit)) calc(8 * var(--unit));font-size:calc(10 * var(--unit))}.step-controls--small .step-controls__block-row{gap:calc(3 * var(--unit))}.step-controls--small .step-controls__block-icon,.step-controls--small .step-controls__block-text{height:calc(32 * var(--unit))}.step-controls--small .step-controls__block-icon{width:calc(28 * var(--unit))}.step-controls--small .step-controls__block-text{width:calc(50 * var(--unit))}.step-controls--small .step-controls__color-name{font-size:calc(6 * var(--unit))}.step-controls--small .step-controls__block-label{font-size:calc(11 * var(--unit))}.step-controls--small .step-controls__color-name{font-size:calc(8 * var(--unit))}.step-controls--small .step-controls__swatch{width:calc(26 * var(--unit));height:calc(26 * var(--unit))}.step-slider{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));-webkit-user-select:none;user-select:none}.step-slider--disabled{opacity:.4;pointer-events:none}.step-slider--full{display:flex;width:100%}.step-slider__indicator{position:relative;flex-shrink:0;width:calc(30 * var(--unit));height:calc(30 * var(--unit));border-radius:50%;background:linear-gradient(to bottom,#fff,#dfe0e4);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001f}.step-slider__indicator:after{content:"";position:absolute;inset:calc(2 * var(--unit));border-radius:50%;background:linear-gradient(to bottom,#dfe0e4,#fff)}.step-slider__indicator-text{position:relative;z-index:1;font-family:var(--font-mono, "Montserrat", sans-serif);font-size:calc(8 * var(--unit));font-weight:500;color:#898989;letter-spacing:-.02em}.step-slider__track{position:relative;flex:1;min-width:calc(140 * var(--unit));height:calc(22 * var(--unit));border-radius:calc(11 * var(--unit));background:linear-gradient(to bottom,#f2f2f5,#c7c9d6);padding:calc(2 * var(--unit));cursor:pointer;box-shadow:inset 0 1px #fff9,0 1px 2px #00000014}.step-slider__track-inner{position:relative;width:100%;height:100%;border-radius:calc(9 * var(--unit));background:linear-gradient(to bottom,#c7c9d6,#f2f2f5);overflow:hidden}.step-slider__fill{position:absolute;top:0;left:0;height:100%;border-radius:calc(9 * var(--unit));background:linear-gradient(to right,#0ff,#1764ff);transition:width .1s ease;overflow:hidden}.step-slider__fill-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-55deg,transparent,transparent calc(4 * var(--unit)),rgba(255,255,255,.12) calc(4 * var(--unit)),rgba(255,255,255,.12) calc(6 * var(--unit)));mix-blend-mode:overlay}.step-slider__fill:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(255,255,255,.25),transparent);border-radius:0 0 calc(9 * var(--unit)) calc(9 * var(--unit))}.step-slider__track-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(0,0,0,.06),transparent);border-radius:calc(9 * var(--unit)) calc(9 * var(--unit)) 0 0;z-index:1;pointer-events:none}.step-slider__dots{position:absolute;top:50%;left:calc(8 * var(--unit));right:calc(8 * var(--unit));transform:translateY(-50%);z-index:2;pointer-events:none}.step-slider__dots-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffffbf;transform:translateY(-50%)}.step-slider__dot{position:absolute;top:50%;width:calc(5 * var(--unit));height:calc(5 * var(--unit));border-radius:50%;background:#ffffffbf;transform:translate(-50%,-50%)}.step-slider__thumb{position:absolute;top:50%;width:calc(18 * var(--unit));height:calc(18 * var(--unit));border-radius:50%;background:linear-gradient(to bottom,#f2f2f5,#c7c9d6);box-shadow:0 1px 3px #0003,inset 0 1px #fffc;transform:translate(-50%,-50%);z-index:3;transition:left .1s ease;pointer-events:none}.step-slider__thumb:after{content:"";position:absolute;inset:calc(2 * var(--unit));border-radius:50%;background:linear-gradient(to bottom,#c7c9d6,#f2f2f5)}.pill-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:var(--font-primary);font-weight:500;color:var(--color-text);background:linear-gradient(to bottom,#fff,#dfe0e4);border-radius:9999px;padding:calc(2 * var(--unit));transition:opacity .15s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.pill-button:hover{opacity:.85}.pill-button:active{opacity:.7}.pill-button:disabled{opacity:.4;cursor:not-allowed}.pill-button:after{content:"";position:absolute;inset:calc(2 * var(--unit));border-radius:9999px;background:linear-gradient(to bottom,#dfe0e4,#fff);z-index:0}.pill-button>*{position:relative;z-index:1}.pill-button--small{min-width:calc(84 * var(--unit));height:calc(25 * var(--unit));font-size:calc(11 * var(--unit));letter-spacing:.02em}.pill-button--medium{min-width:calc(120 * var(--unit));height:calc(36 * var(--unit));font-size:calc(13 * var(--unit));letter-spacing:.02em}.pill-button--with-icon{justify-content:space-between;min-width:calc(120 * var(--unit));height:calc(36 * var(--unit));padding:calc(2 * var(--unit)) calc(8 * var(--unit));font-size:calc(10 * var(--unit));letter-spacing:.04em}.pill-button__background{position:absolute;inset:calc(2 * var(--unit));border-radius:9999px}.pill-button__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:calc(24 * var(--unit));height:calc(24 * var(--unit))}.pill-button__icon>svg,.pill-button__icon>img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.pill-button__label{position:relative;z-index:1;line-height:1.2;white-space:nowrap;width:calc(80 * var(--unit));text-align:center}.sidebar{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--unit))}.sidebar--compact{display:block}.sidebar__top-row{display:flex;gap:8px}.sidebar__column{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sidebar__round{position:relative;width:40px;height:40px;flex-shrink:0;border:none;padding:0;cursor:pointer;border-radius:9999px;background:linear-gradient(to bottom,#fff,#dfe0e4);filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.sidebar__round:active{opacity:.7}.sidebar__round:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:9999px;background:linear-gradient(to bottom,#dfe0e4,#fff);z-index:0}.sidebar__round>*{position:relative;z-index:1}.sidebar__round img{width:22px;height:22px;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.sidebar__round--swatch:after{display:none}.sidebar__round-bg{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:9999px;z-index:0}.sidebar__toggle-icon{position:relative;display:block;width:16px;height:16px}.sidebar__toggle-icon:before,.sidebar__toggle-icon:after{content:"";position:absolute;background:var(--color-primary);border-radius:2px}.sidebar__toggle-icon:before{left:0;right:0;top:50%;height:3px;margin-top:-1.5px}.sidebar__toggle-icon:after{top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;transition:opacity .15s ease}.sidebar__toggle-icon--open:after{opacity:0}.modal-card{position:relative;display:inline-flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#dfe0e4);border-radius:calc(13 * var(--unit));padding:calc(14 * var(--unit)) calc(14 * var(--unit)) calc(19 * var(--unit));font-family:var(--font-primary);color:var(--color-text);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 16px rgba(20,25,40,.18))}.modal-card:before{content:"";position:absolute;inset:calc(1.5 * var(--unit));border-radius:calc(11.5 * var(--unit));background:linear-gradient(to bottom,#dfe0e4,#fff);z-index:0;pointer-events:none}.modal-card>*{position:relative;z-index:1}.modal-card__header{position:relative;display:flex;align-items:center;justify-content:space-between;height:calc(22 * var(--unit));padding:0 calc(2 * var(--unit))}.modal-card__title{font-size:calc(13 * var(--unit));font-weight:500;letter-spacing:.04em;color:#898989;line-height:1}.modal-card__header-right{display:inline-flex;align-items:center;gap:calc(8 * var(--unit))}.modal-card__separator{width:calc(2 * var(--unit));height:calc(22 * var(--unit));background:linear-gradient(to right,#d9d9d9,#d9d9d9 50%,#fff 50%,#fff)}.modal-card__close{display:inline-flex;align-items:center;justify-content:center;width:calc(17 * var(--unit));height:calc(17 * var(--unit));background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .15s ease}.modal-card__close:hover{opacity:.7}.modal-card__close svg{width:100%;height:100%;display:block}.modal-card__divider{height:calc(2 * var(--unit));margin:calc(6 * var(--unit)) 0 calc(13 * var(--unit));background:linear-gradient(to bottom,#d9d9d9,#d9d9d9 50%,#fff 50%,#fff)}.modal-card__body{display:flex;flex-direction:column}.color-guide__subheader{font-size:calc(8 * var(--unit));font-weight:500;color:#36c;letter-spacing:.04em;padding:0 calc(2 * var(--unit));margin:0 0 calc(6 * var(--unit))}.color-guide__grid{display:grid;grid-template-columns:repeat(4,calc(42.47 * var(--unit)));grid-auto-rows:calc(37.25 * var(--unit));column-gap:0;row-gap:0;padding:calc(2 * var(--unit));max-height:calc(264 * var(--unit));overflow-y:auto;overflow-x:hidden}.color-guide__empty{font-size:calc(11 * var(--unit));color:#898989;padding:calc(12 * var(--unit)) calc(2 * var(--unit));text-align:center}.color-tile{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(1 * var(--unit));padding:calc(3 * var(--unit)) calc(4 * var(--unit));color:#595857;box-sizing:border-box;outline:1px solid rgba(255,255,255,.4);outline-offset:-1px}.color-tile.is-dark{color:#fff}.color-tile__id{font-size:calc(7 * var(--unit));line-height:1;font-weight:500;letter-spacing:.02em}.color-tile__name{font-size:calc(7 * var(--unit));line-height:1.05;font-weight:500;letter-spacing:.02em}.color-tile.is-highlighted{z-index:1;outline:none}.color-tile.is-highlighted:after{content:"";position:absolute;inset:calc(-1.5 * var(--unit));border-radius:calc(5 * var(--unit));padding:calc(3 * var(--unit));background:linear-gradient(to bottom,#1764ff,#0ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.block-guide__section{display:flex;flex-direction:column}.block-guide__section+.block-guide__section{margin-top:calc(12 * var(--unit))}.block-guide__heading{font-size:calc(12 * var(--unit));font-weight:500;color:#898989;letter-spacing:.04em;margin:0 0 calc(7 * var(--unit));padding:0 calc(2 * var(--unit));line-height:1}.block-guide__name-card{display:block;width:calc(210 * var(--unit));height:auto}.block-guide__grid{display:grid;grid-template-columns:repeat(3,calc(66 * var(--unit)));gap:calc(6 * var(--unit))}.block-guide__card{position:relative;box-sizing:border-box;aspect-ratio:207 / 112;border-radius:calc(7 * var(--unit))}.block-guide__card-img{position:relative;display:block;width:100%;height:100%;object-fit:contain}.block-guide__card--active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:calc(1.5 * var(--unit));background:linear-gradient(to bottom,#1764ff,#0ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.block-composition__grid{display:grid;grid-template-columns:repeat(5,calc(40 * var(--unit)));grid-auto-rows:calc(30 * var(--unit));gap:calc(2 * var(--unit)) 0;padding:calc(2 * var(--unit)) 0;max-height:calc(216 * var(--unit));overflow-y:auto;overflow-x:hidden}.block-composition__empty{font-size:calc(11 * var(--unit));color:#898989;padding:calc(12 * var(--unit)) calc(2 * var(--unit));text-align:center}.block-composition__divider{height:calc(2 * var(--unit));margin:calc(8 * var(--unit)) 0;background:linear-gradient(to bottom,#d9d9d9,#d9d9d9 50%,#fff 50%,#fff)}.block-composition__size-title{font-size:calc(11 * var(--unit));font-weight:500;color:#898989;margin:0 0 calc(4 * var(--unit));padding:0 calc(2 * var(--unit));line-height:1}.block-composition__size-row{font-size:calc(9 * var(--unit));color:#898989;margin:0 0 calc(2 * var(--unit));padding:0 calc(2 * var(--unit));line-height:1.4}.block-composition__size-row:last-child{margin-bottom:0}.block-count-tile{display:flex;align-items:center;gap:calc(1.5 * var(--unit));padding:0 calc(1.5 * var(--unit));box-sizing:border-box;overflow:hidden}.block-count-tile__icon{flex:0 0 auto}.block-count-tile__info{display:flex;flex-direction:column;align-items:center;gap:calc(1.5 * var(--unit));min-width:0}.block-count-tile__count{font-size:calc(7.5 * var(--unit));font-weight:600;color:#595857;line-height:1;white-space:nowrap}.block-count-tile__unit{font-size:calc(5 * var(--unit));font-weight:500;margin-left:calc(.5 * var(--unit))}.block-count-tile__label{display:inline-block;background:#898989;color:#fff;font-size:calc(5.5 * var(--unit));font-weight:600;line-height:1;padding:calc(1.5 * var(--unit)) calc(3 * var(--unit)) calc(1.5 * var(--unit)) calc(5 * var(--unit));letter-spacing:.02em;white-space:nowrap;clip-path:polygon(0 50%,calc(3 * var(--unit)) 0,100% 0,100% 100%,calc(3 * var(--unit)) 100%)}.thumbnail-panel{position:relative;display:inline-flex;align-items:center;background:linear-gradient(to bottom,#fff,#dfe0e4);border-radius:9999px;padding:calc(2 * var(--unit));box-shadow:0 4px 12px #00000026}.thumbnail-panel:after{content:"";position:absolute;inset:calc(2 * var(--unit));border-radius:9999px;background:linear-gradient(to bottom,#dfe0e4,#fff);z-index:0}.thumbnail-panel>*{position:relative;z-index:1}.thumbnail-panel__arrow{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:calc(4 * var(--unit));flex-shrink:0}.thumbnail-panel__arrow:hover{opacity:.7}.thumbnail-panel__row{display:flex;align-items:center;gap:calc(6 * var(--unit));padding:calc(4 * var(--unit)) 0}.thumbnail-panel__item{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:calc(2 * var(--unit)) solid transparent;border-radius:calc(4 * var(--unit));cursor:pointer;padding:0;outline:none;transition:border-color .2s}.thumbnail-panel__item--selected{border-color:transparent;background:linear-gradient(to bottom,#dfe0e4,#fff) padding-box,linear-gradient(to bottom,#08e1f4,#0051e3) border-box;box-shadow:0 4px 8px #00000040}.thumbnail-panel__image{display:block;border-radius:calc(2 * var(--unit));object-fit:cover;width:calc(32 * var(--unit));height:calc(32 * var(--unit));-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.thumbnail-panel--compact{height:40px;padding:2px 4px}.thumbnail-panel--compact:after{top:2px;right:2px;bottom:2px;left:2px}.thumbnail-panel--compact .thumbnail-panel__row{gap:4px;padding:0}.thumbnail-panel--compact .thumbnail-panel__arrow{padding:4px}.thumbnail-panel--compact .thumbnail-panel__image{width:28px;height:28px}.background-color-picker__grid{display:grid;grid-template-columns:repeat(5,calc(22 * var(--unit)));grid-auto-rows:calc(22 * var(--unit));column-gap:calc(12 * var(--unit));row-gap:calc(18 * var(--unit));padding:calc(2 * var(--unit)) calc(4 * var(--unit))}.background-color-picker__swatch{width:100%;height:100%;border:none;border-radius:50%;cursor:pointer;padding:0;box-shadow:0 0 0 calc(3 * var(--unit)) #fff;transition:transform .12s ease}.background-color-picker__swatch:hover{transform:scale(1.08)}.background-color-picker__swatch:active{transform:scale(.96)}.background-color-picker__swatch.is-selected{box-shadow:0 0 0 calc(3 * var(--unit)) #fff,0 0 0 calc(5 * var(--unit)) #08e1f4b3}.other-designs__row{display:flex;align-items:center;gap:calc(8 * var(--unit));padding:calc(2 * var(--unit)) 0;max-width:calc(330 * var(--unit));overflow-x:auto;overflow-y:hidden}.other-designs__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:calc(62 * var(--unit));height:calc(62 * var(--unit));text-decoration:none;transition:opacity .15s ease}.other-designs__item:hover{opacity:.7}.other-designs__image{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.other-designs__separator{flex:0 0 auto;align-self:stretch;width:calc(2 * var(--unit));margin:calc(2 * var(--unit)) 0;background:linear-gradient(to right,#d9d9d9,#d9d9d9 50%,#fff 50%,#fff)}.other-designs__empty{font-size:calc(11 * var(--unit));color:#898989;padding:calc(12 * var(--unit)) calc(2 * var(--unit));text-align:center}.tutorial-guide{--tg-unit: var(--unit, 1px);display:inline-flex;align-items:center;gap:calc(4 * var(--tg-unit));-webkit-user-select:none;user-select:none}.tutorial-guide__card{position:relative;width:calc(300 * var(--tg-unit));height:calc(294 * var(--tg-unit));border-radius:calc(13 * var(--tg-unit));background:linear-gradient(to bottom,#fff,#dfe0e4);box-sizing:border-box;filter:drop-shadow(0 6px 16px rgba(20,25,40,.18))}.tutorial-guide__card:before{content:"";position:absolute;inset:calc(1.5 * var(--tg-unit));border-radius:calc(11.5 * var(--tg-unit));background:linear-gradient(to bottom,#dfe0e4,#fff);z-index:0;pointer-events:none}.tutorial-guide__image-wrapper{position:absolute;inset:calc(6 * var(--tg-unit));z-index:1;overflow:hidden;border-radius:calc(8 * var(--tg-unit));pointer-events:none}.tutorial-guide__image{display:block;width:100%;height:100%;object-fit:contain}.tutorial-guide__close{position:absolute;top:calc(-14 * var(--tg-unit));right:calc(-14 * var(--tg-unit));z-index:2;width:calc(32 * var(--tg-unit));height:calc(32 * var(--tg-unit));padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.tutorial-guide__close:hover{opacity:.85}.tutorial-guide__close:active{opacity:.7}.tutorial-guide__nav-slot{flex-shrink:0;width:calc(14 * var(--tg-unit));height:calc(20 * var(--tg-unit));display:flex;align-items:center;justify-content:center}.tutorial-guide__nav{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;transition:opacity .15s ease}.tutorial-guide__nav:hover{opacity:.7}.tutorial-guide__nav:active{opacity:.5}