.bead-pattern-studio-module__D_cTlW__shell{--paper:#f4efe4;--ink:#211d26;--acid:#f0ff4f;--coral:#ff6a5f;background:var(--paper);border:1px solid #1f1b2433;border-radius:26px;grid-template-columns:310px minmax(0,1fr);min-height:920px;display:grid;overflow:hidden;box-shadow:0 40px 120px #221d2a2e}.bead-pattern-studio-module__D_cTlW__shell button,.bead-pattern-studio-module__D_cTlW__shell input,.bead-pattern-studio-module__D_cTlW__shell select{font:inherit}.bead-pattern-studio-module__D_cTlW__rail{color:var(--ink);background:#f7f2e8;border-right:1px solid #1f1b2426;flex-direction:column;gap:15px;padding:20px;display:flex}.bead-pattern-studio-module__D_cTlW__brand{justify-content:space-between;align-items:start;padding:3px 2px 10px;display:flex}.bead-pattern-studio-module__D_cTlW__brand span{letter-spacing:-.08em;font:900 1.15rem/.85 ui-monospace,monospace}.bead-pattern-studio-module__D_cTlW__brand i{background:var(--ink);width:28px;height:28px;color:var(--acid);border-radius:50%;place-items:center;font-style:normal;display:grid}.bead-pattern-studio-module__D_cTlW__upload{text-align:left;cursor:pointer;background:#fffaf1;border:1px dashed #8c7e8b;border-radius:15px;grid-template-columns:40px 1fr;min-height:134px;padding:17px;display:grid}.bead-pattern-studio-module__D_cTlW__upload[data-drag=true]{background:#efffc7;border-color:#53611a}.bead-pattern-studio-module__D_cTlW__upload>b{background:var(--coral);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;display:grid}.bead-pattern-studio-module__D_cTlW__upload strong{align-self:end}.bead-pattern-studio-module__D_cTlW__upload small{color:#716874;grid-column:2;line-height:1.45}.bead-pattern-studio-module__D_cTlW__rail label{gap:7px;font-size:.72rem;font-weight:800;display:grid}.bead-pattern-studio-module__D_cTlW__rail label>span,.bead-pattern-studio-module__D_cTlW__sectionTitle{letter-spacing:.1em;text-transform:uppercase;color:#6d6470;font:800 .62rem ui-monospace,monospace}.bead-pattern-studio-module__D_cTlW__rail input,.bead-pattern-studio-module__D_cTlW__rail select{width:100%;height:38px;color:var(--ink);background:#fffaf3;border:1px solid #d3c9bf;border-radius:8px;padding:0 10px}.bead-pattern-studio-module__D_cTlW__name input{font-weight:800}.bead-pattern-studio-module__D_cTlW__sectionTitle{align-items:center;gap:8px;padding-top:8px;display:flex}.bead-pattern-studio-module__D_cTlW__sectionTitle span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:.5rem;display:grid}.bead-pattern-studio-module__D_cTlW__presets{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.bead-pattern-studio-module__D_cTlW__presets button,.bead-pattern-studio-module__D_cTlW__segment button,.bead-pattern-studio-module__D_cTlW__dimensions button{cursor:pointer;background:#fffaf3;border:1px solid #d6ccc2;border-radius:6px;height:31px;font-size:.67rem}.bead-pattern-studio-module__D_cTlW__presets button[data-active=true],.bead-pattern-studio-module__D_cTlW__segment button[data-active=true],.bead-pattern-studio-module__D_cTlW__dimensions button[data-active=true]{background:var(--ink);color:var(--acid);border-color:var(--ink)}.bead-pattern-studio-module__D_cTlW__dimensions{grid-template-columns:1fr 20px 1fr 35px;align-items:center;gap:4px;display:grid}.bead-pattern-studio-module__D_cTlW__dimensions span,.bead-pattern-studio-module__D_cTlW__dimensions input{text-align:center}.bead-pattern-studio-module__D_cTlW__segment{grid-template-columns:1fr 1fr;gap:4px;display:grid}.bead-pattern-studio-module__D_cTlW__switch{align-items:center;grid-template-columns:1fr auto!important}.bead-pattern-studio-module__D_cTlW__switch button{background:#cfc6be;border:0;border-radius:99px;width:39px;height:22px;padding:2px}.bead-pattern-studio-module__D_cTlW__switch button i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .18s;display:block}.bead-pattern-studio-module__D_cTlW__switch button[data-active=true]{background:var(--coral)}.bead-pattern-studio-module__D_cTlW__switch button[data-active=true] i{transform:translate(17px)}.bead-pattern-studio-module__D_cTlW__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bead-pattern-studio-module__D_cTlW__textButton{text-align:left;color:#6b4ca2;cursor:pointer;background:0 0;border:0;align-self:start;font-size:.72rem;font-weight:800}.bead-pattern-studio-module__D_cTlW__generate{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;height:48px;padding:0 15px;font-weight:850;display:flex}.bead-pattern-studio-module__D_cTlW__generate b{color:var(--acid);font-size:1.3rem}.bead-pattern-studio-module__D_cTlW__error{color:#8e2c25;background:#ffe1dd;border-radius:8px;margin:0;padding:9px;font-size:.75rem}.bead-pattern-studio-module__D_cTlW__workbench{color:#fff;background:#2a2732;min-width:0}.bead-pattern-studio-module__D_cTlW__workbench>header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;height:72px;padding:0 25px;display:flex}.bead-pattern-studio-module__D_cTlW__workbench>header>div:first-child{gap:3px;display:grid}.bead-pattern-studio-module__D_cTlW__workbench>header span{letter-spacing:.11em;color:#bbb2c2;font:750 .57rem ui-monospace,monospace}.bead-pattern-studio-module__D_cTlW__workbench>header strong{font-size:.94rem}.bead-pattern-studio-module__D_cTlW__history{gap:5px;display:flex}.bead-pattern-studio-module__D_cTlW__history button,.bead-pattern-studio-module__D_cTlW__toolbar button,.bead-pattern-studio-module__D_cTlW__boardTabs button{color:#ded8e2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:7px;padding:7px 10px;font-size:.62rem;font-weight:750}.bead-pattern-studio-module__D_cTlW__history button:disabled{opacity:.28}.bead-pattern-studio-module__D_cTlW__toolbar{background:#211f29;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 20px;display:flex}.bead-pattern-studio-module__D_cTlW__toolbar>div{gap:5px;display:flex}.bead-pattern-studio-module__D_cTlW__toolbar button[data-active=true],.bead-pattern-studio-module__D_cTlW__boardTabs button[data-active=true]{background:var(--acid);color:#25232b;border-color:var(--acid)}.bead-pattern-studio-module__D_cTlW__stage{background-color:#171821;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:18px 18px;grid-template-rows:auto 1fr auto;min-height:610px;display:grid;position:relative}.bead-pattern-studio-module__D_cTlW__boardTabs{background:#121219db;gap:5px;padding:10px;display:flex;overflow:auto}.bead-pattern-studio-module__D_cTlW__canvasWrap{place-items:center;padding:24px;display:grid;overflow:auto}.bead-pattern-studio-module__D_cTlW__canvasWrap canvas{cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:540px;image-rendering:pixelated;filter:drop-shadow(0 20px 45px #00000073)}.bead-pattern-studio-module__D_cTlW__stageMeta{color:#aaa3b0;background:#121219db;justify-content:space-between;padding:10px 17px;font:700 .57rem ui-monospace,monospace;display:flex}.bead-pattern-studio-module__D_cTlW__drawers{background:var(--paper);color:var(--ink);grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);display:grid}.bead-pattern-studio-module__D_cTlW__paletteDrawer{border-right:1px solid #d7cec3;min-width:0;padding:22px}.bead-pattern-studio-module__D_cTlW__paletteDrawer header{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.bead-pattern-studio-module__D_cTlW__paletteDrawer header>div{align-items:center;gap:8px;display:flex}.bead-pattern-studio-module__D_cTlW__paletteDrawer header>div span,.bead-pattern-studio-module__D_cTlW__delivery>span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font:800 .52rem ui-monospace,monospace;display:grid}.bead-pattern-studio-module__D_cTlW__paletteDrawer header p{color:#716873;margin:0;font-size:.67rem}.bead-pattern-studio-module__D_cTlW__swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:310px;display:grid;overflow:auto}.bead-pattern-studio-module__D_cTlW__swatches button{text-align:left;color:var(--ink);cursor:pointer;background:#fffaf2;border:1px solid #0000;border-radius:9px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:7px;display:grid}.bead-pattern-studio-module__D_cTlW__swatches button[data-active=true]{border-color:var(--coral);box-shadow:inset 3px 0 var(--coral)}.bead-pattern-studio-module__D_cTlW__swatches i{border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.bead-pattern-studio-module__D_cTlW__swatches span{font-size:.61rem;display:grid}.bead-pattern-studio-module__D_cTlW__swatches span b{font-size:.7rem}.bead-pattern-studio-module__D_cTlW__swatches em{text-align:right;font-size:.7rem;font-style:normal;font-weight:800;display:grid}.bead-pattern-studio-module__D_cTlW__swatches em small{color:#746a75;font-size:.53rem}.bead-pattern-studio-module__D_cTlW__delivery{background:#eee7da;padding:22px}.bead-pattern-studio-module__D_cTlW__delivery h2{margin:12px 0 7px;font-size:1.35rem}.bead-pattern-studio-module__D_cTlW__delivery p{color:#6f6670;margin:0 0 17px;font-size:.75rem;line-height:1.5}.bead-pattern-studio-module__D_cTlW__exportGrid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bead-pattern-studio-module__D_cTlW__exportGrid button,.bead-pattern-studio-module__D_cTlW__print{height:43px;color:var(--ink);cursor:pointer;background:#fffaf2;border:1px solid #d0c5b8;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font:750 .61rem ui-monospace,monospace;display:flex}.bead-pattern-studio-module__D_cTlW__exportGrid button b{color:#a34769}.bead-pattern-studio-module__D_cTlW__print{background:var(--ink);color:#fff;border-color:var(--ink);width:100%;margin-top:9px}@media (max-width:1000px){.bead-pattern-studio-module__D_cTlW__shell{grid-template-columns:270px 1fr}.bead-pattern-studio-module__D_cTlW__drawers{grid-template-columns:1fr}.bead-pattern-studio-module__D_cTlW__paletteDrawer{border-right:0}.bead-pattern-studio-module__D_cTlW__swatches{grid-template-columns:1fr 1fr}}@media (max-width:760px){.bead-pattern-studio-module__D_cTlW__shell{border-radius:18px;display:block}.bead-pattern-studio-module__D_cTlW__rail{border-right:0}.bead-pattern-studio-module__D_cTlW__workbench>header{padding:0 14px}.bead-pattern-studio-module__D_cTlW__history button{padding:7px;font-size:0}.bead-pattern-studio-module__D_cTlW__history button:first-letter{font-size:.8rem}.bead-pattern-studio-module__D_cTlW__toolbar{gap:12px;overflow:auto}.bead-pattern-studio-module__D_cTlW__stage{min-height:480px}.bead-pattern-studio-module__D_cTlW__canvasWrap{padding:12px}.bead-pattern-studio-module__D_cTlW__drawers{display:block}.bead-pattern-studio-module__D_cTlW__swatches{grid-template-columns:1fr}.bead-pattern-studio-module__D_cTlW__stageMeta{white-space:nowrap;gap:12px;overflow:auto}}
.page-module__9UD4fW__page{z-index:1;background:radial-gradient(circle at 15% 8%,#ff6b5f21,#0000 25%),radial-gradient(circle at 82% 13%,#cfe54b29,#0000 28%);padding:78px 0 120px;position:relative}.page-module__9UD4fW__hero{padding-bottom:46px}.page-module__9UD4fW__hero>p{color:#c74562;letter-spacing:.14em;margin:0 0 14px;font:850 .66rem ui-monospace,monospace}.page-module__9UD4fW__hero h1{letter-spacing:-.065em;max-width:1000px;margin:0;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.91}.page-module__9UD4fW__hero>div{justify-content:space-between;align-items:end;gap:25px;margin-top:25px;display:flex}.page-module__9UD4fW__hero>div span{max-width:720px;color:var(--ink-soft);font-size:1.08rem;line-height:1.7}.page-module__9UD4fW__hero i{border:1px solid var(--earth-300);text-align:center;border-radius:50%;padding:12px 15px;font:800 .57rem/1.3 ui-monospace,monospace;transform:rotate(7deg)}.page-module__9UD4fW__studio{max-width:1540px}.page-module__9UD4fW__features{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:90px;display:grid}.page-module__9UD4fW__features article{border-top:2px solid var(--ink);padding:26px}.page-module__9UD4fW__features span{color:#c74562;font:800 .65rem ui-monospace,monospace}.page-module__9UD4fW__features h2{margin:18px 0 9px;font-size:1.35rem}.page-module__9UD4fW__features p{color:var(--ink-soft);margin:0;line-height:1.7}.page-module__9UD4fW__faq{max-width:900px;margin-top:90px}.page-module__9UD4fW__faq>h2{font-size:clamp(2rem,5vw,3.4rem)}.page-module__9UD4fW__faq details{border-top:1px solid var(--earth-300);padding:19px 0}.page-module__9UD4fW__faq summary{cursor:pointer;font-weight:800}.page-module__9UD4fW__faq p{color:var(--ink-soft);line-height:1.7}@media (max-width:760px){.page-module__9UD4fW__page{padding-top:145px}.page-module__9UD4fW__hero h1{font-size:2.7rem}.page-module__9UD4fW__hero>div{display:block}.page-module__9UD4fW__hero i{display:none}.page-module__9UD4fW__features{grid-template-columns:1fr}}