#root{min-height:100vh;max-width:100%;overflow-x:hidden}html,body{max-width:100%;overflow-x:hidden}:root{--color-sun-yellow: #ffde3b;--color-hot-pink: #ff4dd5;--color-lime-burst: #c1f32b;--color-periwinkle: #6483ff;--color-spring-green: #c6dc3c;--color-bubblegum: #ee84d5;--color-warm-linen: #f1e8de;--color-paper-white: #fbf8f5;--color-pure-white: #ffffff;--color-charcoal: #2f2c29;--color-stone: #c3b7ac;--color-sand: #eadcce;--color-ink: #000000;--color-fog: #999999;--color-bark: #4f4a45;--focus-width: .125rem}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--color-ink);background:var(--color-warm-linen);letter-spacing:-.03em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}.cs-skip-link{position:absolute;left:.75rem;top:.75rem;z-index:100;padding:.55rem .9rem;border-radius:6rem;background:var(--color-spring-green);color:var(--color-ink);font:400 .875rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;text-decoration:none;transform:translateY(-200%)}.cs-skip-link:focus,.cs-skip-link:focus-visible{transform:none;outline:var(--focus-width) solid var(--color-ink);outline-offset:var(--focus-width)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--pc-space: clamp(.75rem, 1.8vw, 1.25rem);--pc-space-lg: clamp(1rem, 2.5vw, 2.5rem);--pc-gap: clamp(.75rem, 1.6vw, 1.25rem);--pc-preview-gutter: 1.5%;--pc-radius: .3125rem;--pc-hairline: .0625rem;--pc-focus: .125rem;--pc-touch: 2.75rem;--pc-controls-width: 18.5rem;--pc-controls-min: 15.5rem;--pc-controls-max-pct: 28%;--pc-preview-min: 17.5rem;--pc-dock-pane-min: calc( var(--pc-type-caption) * 1.15 + .35em + var(--pc-stepper-hit) + var(--pc-space) * .7 + var(--pc-focus) );--pc-stepper-hit: 1.65rem;--pc-type-micro: .625rem;--pc-type-caption: .6875rem;--pc-type-hint: .75rem;--pc-type-fine: .7rem;--pc-type-small: .8125rem;--pc-type-body: .875rem;--pc-type-body-md: .9375rem;--pc-dock-select-min: 4.25rem;--pc-thumb: clamp(2.75rem, 5.5vw, 4rem);--pc-swatch: 1.375em;--pc-control: clamp(3.15em, 28cqi, 4.5em);--pc-hint: clamp(3rem, 8vh, 4.5rem);--pc-inline-start: max(var(--pc-space), env(safe-area-inset-left, 0px));--pc-inline-end: max(var(--pc-space), env(safe-area-inset-right, 0px))}canvas.pixel-text-raster-canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pattern-creator-shell{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.pattern-creator-header{container-type:inline-size;container-name:header;overflow:hidden;position:relative;z-index:3}.pattern-creator-header-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.5rem;align-items:center;min-height:3.5rem;min-width:0;box-sizing:border-box;padding-left:var(--pc-inline-start);padding-right:var(--pc-inline-end)}.pc-save-bar{position:fixed;right:var(--pc-inline-end);bottom:var(--pc-space-lg);z-index:5;display:flex;justify-content:flex-end;align-items:center;width:auto;padding:0;pointer-events:none}@media(min-width:900px){.pc-save-bar.pc-save-bar--desktop{position:relative;right:auto;bottom:auto;z-index:2;flex:0 0 auto;width:100%;padding:.75rem var(--pc-space);background:var(--color-paper-white);border-top:var(--pc-hairline) solid var(--color-stone);pointer-events:auto}.pc-save-bar--desktop .pc-save-control,.pc-save-bar--desktop .pc-save-button{width:100%}}.pc-save-bar>*{pointer-events:auto}@media not (min-width:900px){.pc-save-bar{right:var(--pc-space);bottom:calc(4rem + env(safe-area-inset-bottom))}.pattern-creator-shell:has(.pc-mobile-dock[data-open]) .pc-save-bar{bottom:calc(var(--pc-dock-pane-min) + 4rem + env(safe-area-inset-bottom))}}@media(min-width:900px){:root{--pc-inline-start: var(--pc-space-lg);--pc-inline-end: var(--pc-space-lg)}}.pattern-creator-header-grid--legend{grid-template-areas:"brand actions" "legend legend"}.pattern-creator-header-grid:not(:has(.pc-header-actions)){grid-template-columns:minmax(0,1fr);grid-template-areas:"brand"}.pattern-creator-header-grid--legend:not(:has(.pc-header-actions)){grid-template-areas:"brand" "legend"}.pc-header-brand{grid-area:brand;display:flex;flex-wrap:nowrap;align-items:center;gap:.65rem;min-width:0;max-width:100%}.pc-header-lockup{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0;max-width:100%}.pc-header-lockup .craftseed-wordmark{flex:0 0 auto}p.pc-header-tagline{display:none;flex-shrink:0;min-width:-moz-max-content;min-width:max-content}.pc-header-actions{grid-area:actions;align-self:center;justify-self:end;min-width:0;max-width:100%}.pc-header-nav{display:none!important;grid-area:nav;align-self:center;min-width:0}.pc-header-nav-link{background:transparent;border:0;box-shadow:none}.pc-desktop-account,.pc-desktop-download,.pc-desktop-coffee,.pc-mobile-account,.pc-mobile-menu-trigger{display:none!important}.pc-mobile-menu-trigger{display:inline-flex!important}.pc-header-legend{grid-area:legend;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;min-width:0}.pc-header-dev-link{display:none}@container header (max-width: 39.99rem){.pattern-creator-header-grid{grid-template-columns:58% 42%;grid-template-areas:"brand actions";-moz-column-gap:0;column-gap:0}.pc-header-actions{display:grid!important;grid-template-columns:64% 36%;align-items:center;width:100%;gap:0}.pc-header-actions>*+*{margin-left:calc(var(--pc-space) * .25)!important}.pc-header-actions .pc-save-control,.pc-header-actions .pc-mobile-account,.pc-header-actions .pc-mobile-menu-trigger,.pc-header-actions .pc-save-button{width:100%;min-width:0}.pc-header-actions .pc-save-button{padding-inline:calc(var(--pc-space) * .5)}.pc-header-actions .pc-save-control{width:min(100%,6rem);justify-self:end}.pc-header-actions .pc-save-label-suffix{display:none}.pc-mobile-account{display:inline-flex!important;align-items:center;justify-content:center}.pc-mobile-account:empty{display:none!important}}@container header (min-width: 70rem){.pc-header-brand{min-width:-moz-max-content;min-width:max-content}.pattern-creator-header-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand nav actions"}.pc-header-brand{justify-self:start}.pc-header-actions{justify-self:end}.pc-header-nav{display:flex!important;justify-content:center}.pc-desktop-account,.pc-desktop-download,.pc-desktop-coffee{display:inline-flex!important}.pc-mobile-menu-trigger{display:none!important}.pc-header-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:var(--pc-space)!important;width:-moz-max-content;width:max-content;flex-wrap:nowrap}.pc-header-actions .pc-save-control,.pc-header-actions .pc-desktop-download,.pc-header-actions .pc-desktop-account,.pc-header-actions .pc-desktop-coffee{width:auto;min-width:-moz-max-content;min-width:max-content;margin:0;flex:0 0 auto}.pc-header-actions .pc-save-button,.pc-header-actions .pc-desktop-download,.pc-header-actions .pc-desktop-coffee>*,.pc-header-actions .pc-header-sign-in{width:auto;min-width:-moz-max-content;min-width:max-content;box-sizing:border-box}.pattern-creator-header-grid--legend{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand legend";align-items:center}.pattern-creator-header-grid--legend:has(.pc-header-actions){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand legend actions"}.pc-header-legend{justify-content:flex-end;align-self:center}.pc-header-actions{align-self:center}}@container header (min-width: 64rem){.pattern-creator-header-grid--legend{grid-template-columns:auto minmax(0,1fr)}.pattern-creator-header-grid--legend:has(.pc-header-actions){grid-template-columns:auto minmax(0,1fr) minmax(0,30%)}p.pc-header-tagline{display:block}.pc-header-legend{gap:.75rem}.pc-header-dev-link{display:inline}}.pattern-creator-row{display:flex;flex-wrap:wrap;gap:0;width:100%;min-width:0;align-items:stretch}@media(min-width:900px){.pattern-creator-row{flex-wrap:nowrap;flex:1;min-height:0}}.pattern-creator-col{flex:1 1 0%;min-width:0;max-width:100%}.pattern-creator-col--controls{container-type:inline-size;container-name:controls;position:relative;z-index:1}.pattern-creator-controls-inner{--pc-control: clamp(3.15em, 28cqi, 4.5em)}.pc-slider-row{display:grid;grid-template-columns:minmax(0,1fr) var(--pc-control);align-items:center;gap:var(--pc-gap);min-width:0}.pc-slider-pair{--pc-control: clamp(1.65em, 14cqi, 2.35em);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;align-items:start;min-width:0;width:100%}.pc-slider-pair .pc-slider-row{gap:.35rem}.pc-mode-label-short{display:none}.pc-source-preview-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem;min-width:0}.pc-source-thumb{width:min(8.25rem,100%);max-width:8.25rem;height:auto;aspect-ratio:1 / 1;flex:1 1 6rem}.pc-image-drop{min-height:min(8.25rem,42cqi)}@container controls (max-width: 21rem){.pc-mode-label-full{display:none}.pc-mode-label-short{display:inline}.pc-align-label,.pc-color-pct,.pc-color-beads-word{display:none}}@container controls (max-width: 16.5rem){.pc-slider-row{grid-template-columns:minmax(0,1fr)}.pc-slider-pair .pc-slider-row{grid-template-columns:minmax(0,1fr) var(--pc-control)}.pc-slider-row .MuiTextField-root{width:min(var(--pc-control),100%);max-width:5.5rem;justify-self:end}}@media not (min-width:900px){.pattern-creator-col{flex-basis:100%}.pattern-creator-root{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.pattern-creator-root>footer{padding-top:var(--pc-space);padding-bottom:calc(var(--pc-space) + env(safe-area-inset-bottom,0px))}.pattern-creator-shell{flex:1!important;min-height:0!important}}.pc-mobile-workspace{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.pc-mobile-scroll{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pc-mobile-main{flex:1 0 auto;min-height:100%;min-width:0;width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-left:var(--pc-inline-start);padding-right:var(--pc-inline-end)}.pc-mobile-source{flex-shrink:0;display:flex;flex-direction:column;gap:calc(var(--pc-space) * .5);padding-top:var(--pc-space);padding-bottom:0;min-width:0;container-type:inline-size;container-name:controls}.pc-mobile-source .pc-mode-label-full{display:none}.pc-mobile-source .pc-mode-label-short{display:inline}.pc-mobile-source .pc-source-field{min-height:5.15em;line-height:1.35;overflow-y:auto;scrollbar-width:thin;font-size:1rem}.pc-mobile-source .pc-image-drop{min-height:0}.pc-mobile-source .pc-source-thumb{width:var(--pc-thumb);max-width:var(--pc-thumb);flex:0 0 var(--pc-thumb);aspect-ratio:1}.pc-mobile-preview{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;padding-top:var(--pc-preview-gutter);padding-bottom:0}.pc-mobile-preview>*{flex:1!important;min-height:0!important;height:auto!important;min-width:0;max-width:100%}.pc-mobile-dock{position:sticky;bottom:0;z-index:4;flex:0 0 auto;min-height:0;max-height:min(50%,42dvh);display:flex;flex-direction:column;overflow:hidden;background:var(--color-sand);border-top:var(--pc-hairline) solid var(--color-stone)}.pc-dock-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:0;overflow:hidden;flex-shrink:0;background:var(--color-paper-white)}.pc-mobile-dock[data-open] .pc-dock-body{height:auto;min-height:var(--pc-dock-pane-min);box-shadow:inset 0 var(--pc-focus) 0 var(--color-periwinkle)}.pc-mobile-dock[data-open][data-tab=space] .pc-dock-body{box-shadow:inset 0 var(--pc-focus) 0 var(--color-hot-pink)}.pc-mobile-dock[data-open][data-tab=colour] .pc-dock-body{box-shadow:inset 0 var(--pc-focus) 0 var(--color-sun-yellow)}.pc-mobile-dock[data-open][data-tab=shape] .pc-dock-body{box-shadow:inset 0 var(--pc-focus) 0 var(--color-lime-burst)}.pc-dock-pane{grid-area:1 / 1;min-width:0;min-height:var(--pc-dock-pane-min);height:auto;padding:0;overflow:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.pc-dock-pane[hidden]{display:block!important;visibility:hidden;pointer-events:none;overflow:hidden}.pc-dock-pane--colour[hidden]{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;visibility:visible;pointer-events:none}.pc-dock-pane--chart,.pc-dock-pane--shape{padding-inline:0}.pc-dock-pane--colour{padding-inline:0;overflow:hidden}.pc-color-tray{display:flex;align-items:center;gap:var(--pc-gap);height:auto;min-height:var(--pc-dock-pane-min);min-width:0;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:calc(var(--pc-space) * .35);padding-left:var(--pc-inline-start);padding-right:var(--pc-inline-end)}.pc-color-tray-row{width:100%;gap:.75em 1.25em}.pc-color-tray-row .pc-color-well{flex-direction:row}.pc-color-tray-row .pc-color-well-swatch{width:1.75em;height:1.75em}.pc-color-tray::-webkit-scrollbar{display:none}.pc-color-well{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25em;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;transition:transform .2s ease,color .2s ease}.pc-color-well-label{font-size:var(--pc-type-caption);font-weight:500;line-height:1.15;letter-spacing:-.03em}.pc-color-well-swatch{width:2em;height:2em;border-radius:50%;border:var(--pc-hairline) solid var(--color-stone);display:block}.pc-color-well-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:.01;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pc-color-well:hover .pc-color-well-swatch{border-color:var(--color-ink)}.pc-color-well:active{transform:scale(.98)}.pc-color-well[data-merging]{pointer-events:none;animation:pc-palette-merge-well .32s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pc-palette-merge-well{to{opacity:0;transform:translate(var(--pc-merge-translate-x, calc(var(--pc-merge-offset) * 115%))) scale(.72)}}@keyframes pc-palette-merge-row{to{opacity:0;transform:translateY(var(--pc-merge-translate-y, calc(var(--pc-merge-offset) * 115%))) scale(.96)}}@media(prefers-reduced-motion:reduce){.pc-color-well[data-merging],[data-testid=image-palette-merging-row]{animation-duration:1ms}}.pc-color-well:focus-within{outline:var(--pc-focus) solid var(--color-ink);outline-offset:var(--pc-focus)}.pc-color-well small{font-size:var(--pc-type-micro);color:var(--color-bark)}.pc-chart-strip{display:flex;flex-direction:column;justify-content:center;gap:.4em;height:auto;min-height:var(--pc-dock-pane-min);min-width:0;box-sizing:border-box;padding-block:calc(var(--pc-space) * .35);padding-left:var(--pc-inline-start);padding-right:var(--pc-inline-end)}.pc-scroll-hint{position:relative;display:flex;align-items:center;min-width:0;width:100%;height:auto;min-height:100%}.pc-scroll-hint>.pc-chart-row,.pc-scroll-hint>.pc-color-tray{flex:1 1 auto;min-width:0;width:100%}.pc-scroll-hint-mark{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;font-size:1.15em;font-weight:500;line-height:1;color:var(--color-bark);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pc-scroll-hint-mark--right{right:0;padding:.35em .15em .35em 1.1em;background:linear-gradient(to right,transparent,var(--color-paper-white) 55%)}.pc-scroll-hint-mark--left{left:0;padding:.35em 1.1em .35em .15em;background:linear-gradient(to left,transparent,var(--color-paper-white) 55%)}.pc-chart-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.45em .75em;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pc-chart-row::-webkit-scrollbar{display:none}.pc-chart-prop{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35em;min-width:0;width:auto;flex:0 0 auto;max-width:100%}.pc-chart-prop-label{font-size:var(--pc-type-caption);font-weight:500;line-height:1.15;letter-spacing:-.03em;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.35em;max-width:100%}.pc-chart-prop-meta{font-weight:400;color:var(--color-bark);font-variant-numeric:tabular-nums}.pc-chart-prop .pc-stepper,.pc-chart-prop .MuiToggleButtonGroup-root{width:auto;flex:0 0 auto}.pc-chart-prop .MuiToggleButton-root{padding:.3em .35em}.pc-stepper{display:inline-flex;align-items:center;border:var(--pc-hairline) solid var(--color-ink);border-radius:6rem;overflow:hidden;background:var(--color-pure-white)}.pc-stepper-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:0;background:transparent;color:inherit;width:var(--pc-stepper-hit);height:var(--pc-stepper-hit);padding:0;font:inherit;font-size:.9rem;line-height:1;cursor:pointer}.pc-stepper-btn:disabled{color:var(--color-fog);cursor:default}.pc-stepper-btn:focus-visible{outline:var(--pc-focus) solid var(--color-ink);outline-offset:calc(var(--pc-focus) * -1)}.pc-stepper-value{font:inherit;font-style:normal;font-weight:500;min-width:1.25em;width:1.6em;text-align:center;font-size:1rem;border:0;padding:0;margin:0;background:transparent;color:inherit;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.pc-stepper-value--btn,.pc-stepper-value--text{display:inline-flex;align-items:center;justify-content:center;min-width:2.35em;width:auto;padding:0 .2em;line-height:var(--pc-stepper-hit);height:var(--pc-stepper-hit)}.pc-stepper-value--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:0}.pc-stepper-value--btn:disabled{color:var(--color-fog);cursor:default}.pc-stepper-value--btn:focus-visible{outline:var(--pc-focus) solid var(--color-ink);outline-offset:calc(var(--pc-focus) * -1)}.pc-param-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem .85rem;align-items:start;width:100%;min-width:0}.pc-param-pair .pc-chart-prop{width:100%;align-items:flex-start}.pc-param-pair .pc-stepper{width:auto;max-width:100%;justify-content:flex-start}.pc-stepper-value::-webkit-outer-spin-button,.pc-stepper-value::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pc-stepper:focus-within{outline:var(--pc-focus) solid var(--color-ink);outline-offset:var(--pc-focus)}.pc-stepper-value:focus{outline:none}.pc-stepper-value:disabled{color:var(--color-fog)}.pc-dock-rail{flex-shrink:0;display:flex;justify-content:stretch;align-items:stretch;width:100%;background:var(--color-sand);border-top:var(--pc-hairline) solid var(--color-stone);padding:.1em 0 max(.1em,env(safe-area-inset-bottom));gap:0}.pc-dock-tool{flex:1 1 0;min-width:0;border:0;background:transparent;font:inherit;letter-spacing:-.03em;color:var(--color-bark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05em;padding:.4em .15em .3em;cursor:pointer;box-shadow:none;transition:transform .2s ease,color .2s ease,background-color .2s ease}.pc-dock-tool:hover{color:var(--color-ink)}.pc-dock-tool:active{transform:scale(.98)}.pc-dock-tool:focus-visible{outline:var(--pc-focus) solid var(--color-ink);outline-offset:var(--pc-focus)}.pc-dock-tool-mark{position:relative;width:1.35em;height:1.35em;border-radius:var(--pc-radius);display:grid;place-items:center}.pc-dock-tool-mark svg{width:1.15em;height:1.15em;display:block}.pc-dock-tool small{font-size:var(--pc-type-caption);font-weight:400}.pc-dock-tool.on{color:var(--color-ink)}.pc-dock-tool.on .pc-dock-tool-mark{background:var(--color-ink);color:var(--color-pure-white)}.pc-dock-tool.on .pc-dock-tool-mark:after{content:"";position:absolute;top:-.2em;right:-.25em;width:.45em;height:.45em;border-radius:50%;background:var(--color-hot-pink);box-shadow:0 0 0 var(--pc-hairline) var(--color-ink);pointer-events:none}.pc-grid-skeleton{display:grid;grid-template-columns:repeat(12,.7rem);grid-template-rows:repeat(6,.7rem);gap:.28rem;justify-content:center;align-content:center;margin:2rem auto;position:relative}.pc-grid-skeleton span:not(.pc-grid-skeleton-label){width:.7rem;height:.7rem;border-radius:50%;background:var(--color-sand);animation:pc-bead-pulse 1.2s ease-in-out infinite}.pc-grid-skeleton-label{grid-column:1 / -1;margin-top:.75rem;font-size:var(--pc-type-body);letter-spacing:-.04em;color:var(--color-bark);text-align:center}@keyframes pc-bead-pulse{0%,to{opacity:.4}50%{opacity:1}}.pc-love-sample{display:flex;flex-direction:column;align-items:center;gap:.22rem;margin:0 0 1rem;opacity:.72}.pc-love-sample-row{display:flex;gap:.22rem;justify-content:center}.pc-love-sample-bead{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.pc-soil-footer{position:relative;overflow:hidden}@media(prefers-reduced-motion:reduce){.pc-color-well,.pc-dock-tool,.pc-grid-skeleton span:not(.pc-grid-skeleton-label){transition:none;animation:none}.pc-dock-tool:active,.pc-color-well:active{transform:none}}.pattern-creator-col--preview{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;min-height:0}.pc-preview-toolbar{margin-block:var(--pc-preview-gutter)}.pattern-creator-col--preview::-webkit-scrollbar{display:none}@media(min-width:900px){.pattern-creator-col.pattern-creator-col--controls{flex:0 1 var(--pc-controls-width);width:var(--pc-controls-width);max-width:min(var(--pc-controls-width),var(--pc-controls-max-pct));min-width:var(--pc-controls-min);align-self:stretch;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pattern-creator-col.pattern-creator-col--controls::-webkit-scrollbar{display:none}.pattern-creator-col.pattern-creator-col--preview{flex:1 1 0%;width:auto;max-width:none;min-width:0;align-self:stretch;display:flex;flex-direction:column;min-height:0}}