.textures-module__y8Twbq__studio{--ink:var(--color-ink,#1a1813);--muted:var(--color-muted,#75746f);--paper:var(--color-surface,#f1efe9);--line:var(--color-line,#00000014);--ease:cubic-bezier(.22, 1, .36, 1);flex-direction:column;gap:20px;width:100%;max-width:1057px;margin:0 auto;padding:32px 8px 28px;display:flex}@supports (color:lab(0% 0 0)){.textures-module__y8Twbq__studio{--line:var(--color-line,lab(0% 0 0/.08))}}.textures-module__y8Twbq__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.textures-module__y8Twbq__brand{align-items:center;gap:12px;min-width:0;display:flex}.textures-module__y8Twbq__back{width:32px;height:32px;color:var(--ink);background:var(--color-raised,#fff);box-shadow:0 0 0 1px var(--line), 0 1px 2px #1a18130f;transition:transform .22s var(--ease), box-shadow .22s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.textures-module__y8Twbq__back:hover{box-shadow:0 0 0 1px var(--line), 0 6px 16px #1a18131a;transform:translate(-1px)}.textures-module__y8Twbq__back:active{transform:scale(.96)}.textures-module__y8Twbq__back:focus-visible{outline-offset:3px;outline:2px solid #1a181366}.textures-module__y8Twbq__mark{width:24px;height:24px;color:var(--ink);flex:none}.textures-module__y8Twbq__crumb{letter-spacing:-.08px;color:var(--muted);margin:0 0 4px;font-size:12px;line-height:16px;display:block}.textures-module__y8Twbq__crumb a{color:inherit;transition:color .15s var(--ease);text-decoration:none}.textures-module__y8Twbq__crumb a:hover{color:var(--ink)}.textures-module__y8Twbq__title{letter-spacing:-.2px;color:var(--ink);margin:0;font-size:16px;font-weight:500;line-height:20px}.textures-module__y8Twbq__tagline{letter-spacing:-.08px;color:var(--muted);margin:0;font-size:12px;line-height:16px}.textures-module__y8Twbq__headRight{flex:none;align-items:center;gap:20px;display:flex}.textures-module__y8Twbq__layout{gap:20px;display:grid}.textures-module__y8Twbq__left{flex-direction:column;min-width:0;display:flex}.textures-module__y8Twbq__stage{isolation:isolate;outline:1px solid var(--line);outline-offset:-1px;background:color-mix(in oklab, var(--color-surface,#ecebe6) 88%, var(--color-ink,#1a1813));border-radius:16px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-height:380px;padding:32px 32px 56px;display:grid;position:relative;overflow:hidden}.textures-module__y8Twbq__stageDragging{outline:1.5px dashed #00000059;outline:1.5px dashed lab(0% 0 0/.35)}.textures-module__y8Twbq__frame{place-self:stretch stretch;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.textures-module__y8Twbq__frame canvas{outline:1px solid var(--line);outline-offset:-1px;border-radius:8px;max-width:100%;max-height:100%;display:block;box-shadow:0 1px 2px #2d291f0f,0 18px 44px #2d291f24}.textures-module__y8Twbq__renderDot{background:var(--ink);border-radius:50%;width:4px;height:4px;animation:.8s ease-in-out infinite alternate textures-module__y8Twbq__pulse;position:absolute;bottom:16px;right:16px}.textures-module__y8Twbq__caption{letter-spacing:-.08px;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:16px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.textures-module__y8Twbq__captionStrong{color:var(--ink)}.textures-module__y8Twbq__empty{text-align:center;justify-items:center;gap:12px;display:grid}.textures-module__y8Twbq__uploadTrigger{width:96px;height:96px;color:color-mix(in oklab, var(--color-ink,#25241f) 55%, transparent);cursor:pointer;transition:color .15s var(--ease), transform .25s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.textures-module__y8Twbq__uploadTrigger:hover{color:var(--ink);transform:translateY(-3px)scale(1.03)}.textures-module__y8Twbq__uploadTrigger:focus-visible{outline:2px solid var(--color-ring,#25241fb8);outline-offset:3px}.textures-module__y8Twbq__hint{color:var(--muted);margin:0;font-size:12px;line-height:16px}.textures-module__y8Twbq__dropOverlay{z-index:5;color:var(--color-ink,#25241f);pointer-events:none;background:color-mix(in oklab, var(--color-page,#f4f2ec) 90%, transparent);-webkit-backdrop-filter:blur(18px);place-items:center;display:grid;position:absolute;inset:0}.textures-module__y8Twbq__panel{background:var(--color-raised,#fff);min-width:0;box-shadow:0 0 0 1px var(--line), 0 1px 2px #1a18130a, 0 12px 32px #1a18130f;border-radius:16px;flex-direction:column;display:flex}.textures-module__y8Twbq__section{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.textures-module__y8Twbq__section+.textures-module__y8Twbq__section{border-top:1px solid var(--line)}.textures-module__y8Twbq__sectionGrow{min-height:0}.textures-module__y8Twbq__sectionLabel{letter-spacing:-.72px;text-transform:uppercase;color:var(--color-label,#2e2e2e);justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-size:12px;line-height:12px;display:flex}@supports (color:lab(0% 0 0)){.textures-module__y8Twbq__sectionLabel{color:var(--color-label,lab(19.148% 0 0))}}.textures-module__y8Twbq__sectionMeta{letter-spacing:-.12px;text-transform:none;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:12px}.textures-module__y8Twbq__button{letter-spacing:-.1px;min-height:36px;color:var(--ink);background:var(--color-raised,#fff);box-shadow:0 0 0 1px var(--line), 0 1px 2px #1a18130f;cursor:pointer;transition:transform .22s var(--ease), box-shadow .22s var(--ease), background-color .16s ease-out;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.textures-module__y8Twbq__button:hover{box-shadow:0 0 0 1px var(--line), 0 6px 16px #1a18131a;transform:translateY(-1px)}.textures-module__y8Twbq__button:active{transform:scale(.96)}.textures-module__y8Twbq__button:focus-visible{outline-offset:3px;outline:2px solid #1a181366}.textures-module__y8Twbq__buttonPrimary{min-height:40px;color:var(--color-page,#f5f5f5);background:var(--ink);box-shadow:0 1px 2px #1a181333,0 6px 16px #1a181329}.textures-module__y8Twbq__buttonPrimary:hover{background:color-mix(in oklab, var(--color-ink,#1a1813) 88%, var(--color-page,#fff));box-shadow:0 2px 4px #1a18132e,0 12px 28px #1a181338}.textures-module__y8Twbq__buttonPrimary:disabled{cursor:default;opacity:.45;box-shadow:none;transform:none}.textures-module__y8Twbq__buttonBlock{width:100%}.textures-module__y8Twbq__fileName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.textures-module__y8Twbq__presetsScroll{min-height:0;margin:-4px;padding:4px;display:grid;overflow:hidden}.textures-module__y8Twbq__presets{grid-template-columns:repeat(var(--cols,5), var(--swatch,52px));gap:var(--gap,12px);place-content:center;margin:0;padding:0;list-style:none;display:grid}.textures-module__y8Twbq__preset{width:var(--swatch,52px);cursor:pointer;background:0 0;border:0;padding:0;display:block}.textures-module__y8Twbq__preset:focus-visible{outline:none}.textures-module__y8Twbq__preset:focus-visible .textures-module__y8Twbq__swatch{outline:2px solid var(--color-ink,#25241f);outline-offset:2px}.textures-module__y8Twbq__swatch{aspect-ratio:1;opacity:.86;width:100%;transition:transform .22s var(--ease), box-shadow .22s var(--ease), opacity .15s var(--ease);background-color:#ded6c2;border-radius:8px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #2d291f12}.textures-module__y8Twbq__preset:hover .textures-module__y8Twbq__swatch{opacity:1;transform:translateY(-1px);box-shadow:0 6px 14px #2d291f1f}.textures-module__y8Twbq__preset:active .textures-module__y8Twbq__swatch{transform:scale(.96)}.textures-module__y8Twbq__presetSelected .textures-module__y8Twbq__swatch{opacity:1;outline:2px solid var(--color-ink,#25241f);outline-offset:2px;box-shadow:none}.textures-module__y8Twbq__exportGrid{gap:12px;display:grid}.textures-module__y8Twbq__field{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.textures-module__y8Twbq__fieldLabel{color:var(--muted);font-size:12px;line-height:16px}.textures-module__y8Twbq__segmented{background:color-mix(in oklab, var(--color-surface,#ecebe6) 88%, var(--color-ink,#1a1813));border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.textures-module__y8Twbq__segment{letter-spacing:-.1px;color:var(--muted);cursor:pointer;transition:color .15s var(--ease), background-color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border:0;border-radius:4px;padding:8px;font-size:12px;font-weight:500;line-height:16px}.textures-module__y8Twbq__segment:hover{color:var(--ink)}.textures-module__y8Twbq__segment:focus-visible{outline-offset:1px;outline:2px solid #1a181366}.textures-module__y8Twbq__segmentOn{color:var(--ink);background:var(--color-raised,#fff);box-shadow:0 1px 2px #1a181314, 0 0 0 1px var(--line)}@media (min-width:900px){.textures-module__y8Twbq__studio{flex:1;min-height:0;padding-top:20px}.textures-module__y8Twbq__layout{flex:1;grid-template-columns:minmax(0,1fr) 336px;align-items:stretch;min-height:0}.textures-module__y8Twbq__left{min-height:0}.textures-module__y8Twbq__stage{flex:1;min-height:0}.textures-module__y8Twbq__panel{min-height:0;overflow:hidden}.textures-module__y8Twbq__sectionGrow{flex-direction:column;flex:1;min-height:0;display:flex}.textures-module__y8Twbq__presetsScroll{flex:1}}.textures-module__y8Twbq__toast{z-index:60;color:#8c2d1c;pointer-events:none;background:color-mix(in oklab, var(--color-raised,#fff7f3) 94%, #c9533c);opacity:0;filter:blur(2px);max-width:320px;transition:opacity .25s var(--ease), transform .25s var(--ease), filter .25s var(--ease);border-radius:8px;padding:8px 12px;font-size:12px;position:fixed;bottom:16px;right:16px;transform:translateY(16px)scale(.97);box-shadow:0 10px 34px #61231824}.textures-module__y8Twbq__toast.textures-module__y8Twbq__isOpen{opacity:1;filter:blur();transition-duration:.35s;transform:translateY(0)scale(1)}.textures-module__y8Twbq__srOnly{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes textures-module__y8Twbq__pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.textures-module__y8Twbq__toast,.textures-module__y8Twbq__swatch,.textures-module__y8Twbq__renderDot,.textures-module__y8Twbq__button,.textures-module__y8Twbq__uploadTrigger{transition:none!important;animation:none!important}}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__risograph{background:radial-gradient(circle,#ed5a36 0 1.1px,#0000 1.3px) 0 0/5px 5px,radial-gradient(circle,#087f95 0 1.2px,#0000 1.4px) 2px 2px/5px 5px,linear-gradient(130deg,#0000 25%,#e5ad21 25% 55%,#17433f 55% 78%,#0000 78%),#e9ddbd}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__dither{background:linear-gradient(90deg,#0000 50%,#ffffff1f 50%) 0 0/5px 5px,linear-gradient(35deg,#173f3b 33%,#dfa725 33% 64%,#d95b38 64%) 0 0/5px 5px}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__characters,.textures-module__y8Twbq__swatch.textures-module__y8Twbq__mixed,.textures-module__y8Twbq__swatch.textures-module__y8Twbq__braille{background:#e8e0cd}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__characters:after,.textures-module__y8Twbq__swatch.textures-module__y8Twbq__mixed:after,.textures-module__y8Twbq__swatch.textures-module__y8Twbq__braille:after{content:"@%#*+=-:.";letter-spacing:2px;overflow-wrap:anywhere;color:#183b37;font-family:ui-monospace,monospace;font-size:8px;font-weight:900;line-height:1.4;position:absolute;inset:5px;overflow:hidden}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__mixed:after{content:"@▓#*+·:-"}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__braille:after{content:"⠻⣯⡿⢾⣷⠽";letter-spacing:1px;font-size:11px}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__block{background:linear-gradient(90deg,#183b37 48%,#0000 48%) 0 0/8px 8px,linear-gradient(#e8e0cd 48%,#bc6b4b 48%) 0 0/8px 8px}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__dots{background:radial-gradient(circle,#183b37 0 1.6px,#0000 1.8px) 0 0/7px 7px,#e8e0cd}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__paper{background:radial-gradient(circle at 18% 30%,#53412933 0 .8px,#0000 1px) 0 0/13px 11px,radial-gradient(circle at 72% 64%,#53412924 0 .7px,#0000 1px) 0 0/17px 15px,repeating-linear-gradient(4deg,#0000 0 4px,#735b3a14 4px 5px),#e8ddc4}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__watercolor{background:radial-gradient(circle at 28% 35%,#dc5755d6 0 24%,#0000 53%),radial-gradient(circle at 68% 62%,#2c7d97c7 0 28%,#0000 58%),radial-gradient(circle at 48% 48%,#e6b243b8 0 34%,#0000 64%),#e9dfc9}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__inkWash{background:radial-gradient(at 58% 44%,#181c1ae6 0 22%,#0000 55%),radial-gradient(at 35% 68%,#24292694 0 18%,#0000 54%),repeating-linear-gradient(7deg,#0000 0 5px,#1f242114 5px 6px),#e8dfca}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__cyanotype{background:radial-gradient(circle at 66% 32%,#ebeccfeb 0 12%,#0000 38%),linear-gradient(145deg,#061d38 0 34%,#0d5782 34% 68%,#dce3d0 68%)}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__cobaltGrain{background:radial-gradient(circle,#313deb 0 1px,#0000 1.2px) 0 0/4px 4px,#f8f8fc}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__denimGrain{background:radial-gradient(circle,#4679a4 0 1px,#0000 1.2px) 0 0/4px 4px,#f8f9f7}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__harborGrain{background:radial-gradient(circle,#025c74 0 1px,#0000 1.2px) 0 0/4px 4px,#f3f8f4}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__meadowGrain{background:radial-gradient(circle,#198620 0 1px,#0000 1.2px) 0 0/4px 4px,#f8faf2}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__dotCross{background:linear-gradient(45deg,#0000 43%,#111 43% 57%,#0000 57%) 0 0/7px 7px,linear-gradient(-45deg,#0000 43%,#111 43% 57%,#0000 57%) 0 0/7px 7px,radial-gradient(circle,#111 0 .8px,#0000 1px) 3.5px 3.5px/7px 7px,#fff}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__pixelArt{background:linear-gradient(90deg,#0000 50%,#ffffff21 50%) 0 0/9px 9px,linear-gradient(35deg,#153c38 32%,#d29e2c 32% 63%,#d65338 63%) 0 0/9px 9px}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__mosaic{background:linear-gradient(#080909 1px,#0000 1px) 0 0/9px 9px,linear-gradient(90deg,#080909 1px,#0000 1px) 0 0/9px 9px,linear-gradient(35deg,#4e817c 33%,#e2bd63 33% 66%,#b95848 66%)}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__lego{background:radial-gradient(circle at 42% 42%,#ffffffa6 0 1.4px,#0000 1.8px) 0 0/9px 9px,linear-gradient(35deg,#26524c 33%,#d8a62e 33% 66%,#c85236 66%)}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__cross{background:linear-gradient(#193d38 0 0) 50%/2px 8px no-repeat,linear-gradient(#193d38 0 0) 50%/8px 2px no-repeat,#e8e0cd}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__cross:after{content:"+ +\a + +\a + +";white-space:pre;color:#bd5c43;font-family:ui-monospace,monospace;font-size:11px;line-height:1.1;position:absolute;inset:5px}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__diamond{background:linear-gradient(45deg,#0000 42%,#193d38 42% 58%,#0000 58%) 0 0/9px 9px,linear-gradient(-45deg,#0000 42%,#b75b43 42% 58%,#0000 58%) 0 0/9px 9px,#e8e0cd}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__lines{background:repeating-linear-gradient(0deg,#193d38 0 2px,#e8e0cd 2px 6px)}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__diagonal{background:repeating-linear-gradient(135deg,#193d38 0 2px,#e8e0cd 2px 7px)}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__voxel{background:conic-gradient(from 30deg at 50% 58%, #244f49 0 33%, #d5aa4a 0 66%, #b65440 0) 0 0 / 14px 14px, #e8e0cd}.textures-module__y8Twbq__swatch.textures-module__y8Twbq__disco{background:radial-gradient(circle,#f2c653 0 2px,#0000 2.4px) 0 0/9px 9px,radial-gradient(circle,#e25882 0 2px,#0000 2.4px) 4px 4px/9px 9px,#233c48}.textures-module__y8Twbq__preset .textures-module__y8Twbq__swatch.textures-module__y8Twbq__hasImagePreview{background-color:#ded6c2;background-position:50%;background-repeat:no-repeat;background-size:cover}.textures-module__y8Twbq__preset .textures-module__y8Twbq__swatch.textures-module__y8Twbq__hasImagePreview:after{content:none}
