@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_da832ead-module__aN_Ytq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_da832ead-module__aN_Ytq__variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c2f99d9cf2202b97-s.2jttl6v9br7xd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d5ae8bb5eabba168-s.35glb8gzssnzw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7b3954b250246604-s.p.0eonchcmd80fn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bungee Fallback;src:local(Arial);ascent-override:73.58%;descent-override:21.64%;line-gap-override:0.0%;size-adjust:138.63%}.bungee_d96086b-module__Zq54tW__className{font-family:Bungee,Bungee Fallback;font-style:normal;font-weight:400}.bungee_d96086b-module__Zq54tW__variable{--font-display:"Bungee", "Bungee Fallback"}
:root,[data-theme=dark]{--background-color:#1c1b19;--stroke-color:#c9c4bb;--fill-color:#c9c4bb;--paper:#1c1b19;--ink:#e6e2db;--muted:#9a958c;--line:#e6e2db1f;--chip-active-bg:#e6e2db;--chip-active-fg:#1c1b19;--header-height:66px;--footer-height:40px}[data-theme=light]{--background-color:#ece9e3;--stroke-color:#3a3732;--fill-color:#3a3732;--paper:#ece9e3;--ink:#2c2a26;--muted:#6f6a63;--line:#2c2a261f;--chip-active-bg:#2c2a26;--chip-active-fg:#ece9e3}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;padding:0}html{height:100%}body{min-height:100dvh;font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased}.app-shell{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.site-header{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);view-transition-name:site-header;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display), sans-serif;letter-spacing:.02em;font-size:18px;line-height:1}.app-shell:has(.page-home) .brand{display:none}.header-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.header-actions a,.header-actions button{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0;font-size:14px}.header-actions a:hover,.header-actions button:hover{color:var(--ink)}.theme-toggle{align-items:center;gap:8px;display:inline-flex}.theme-toggle svg{flex-shrink:0;display:block}.theme-fold-ink{fill:var(--ink)}.theme-fold-paper{fill:var(--paper)}.theme-fold-edge{fill:none;stroke:var(--ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.theme-word-paper,[data-theme=light] .theme-word-ink{display:none}[data-theme=light] .theme-word-paper{display:inline}.page{flex:1;width:min(1280px,100% - 48px);margin:0 auto 40px}.site-footer{min-height:var(--footer-height);color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;padding:12px 28px 16px;font-size:12px;display:flex}.site-footer p{flex-wrap:wrap;justify-content:center;gap:0 10px;margin:0;display:flex}.site-footer a:hover{color:var(--ink)}.legal{max-width:36em}.legal h2{margin:32px 0 10px;font-size:16px;font-weight:600}.legal p,.legal li{color:var(--muted);margin:0 0 12px;font-size:15px;line-height:1.55}.legal ul{margin:0 0 12px;padding-left:1.2em}.legal a{text-underline-offset:3px;text-decoration:underline}.page-home,.page-studio{width:min(1360px,100% - 48px)}.hero{text-align:left}.hero h1{letter-spacing:-.03em;margin:20px 0 12px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:.96}.hero p{max-width:36em;color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.5}.home-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px 48px;display:grid}.home-rail{top:calc(var(--header-height) + 4px);padding-top:4px;padding-bottom:24px;position:sticky}.wordmark{font-family:var(--font-display), sans-serif;letter-spacing:.01em;margin:0 0 10px;font-size:clamp(40px,4.6vw,54px);font-weight:400;line-height:.88}a.wordmark{display:block}.home-lede{color:var(--muted);max-width:18em;margin:0 0 28px;font-size:14px;line-height:1.45}.filter-rail{flex-direction:column;display:flex}.filter-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.filter-rail .filter-label+.filter-label,.filter-list+.filter-label{margin-top:22px}.filter-list{flex-direction:column;gap:1px;display:flex}.filter-item{appearance:none;width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:7px 0 7px 10px;font-size:14px;display:flex}.filter-item:hover{color:var(--ink)}.filter-item.active{color:var(--ink);border-left-color:var(--ink)}.filter-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.filter-item.active .filter-count{color:var(--ink)}.sort-switch{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.sort-switch button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 4px;font-size:12px}.sort-switch button+button{border-left:1px solid var(--line)}.sort-switch button:hover{color:var(--ink)}.sort-switch button.active{background:var(--chip-active-bg);color:var(--chip-active-fg)}.chips,.sorts{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{appearance:none;border:1px solid var(--line);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:12px}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:#0000}.chip.static{cursor:default;text-transform:uppercase}.gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px 20px;margin-top:36px;display:grid}.home-shapes .gallery{margin-top:4px}.home-shapes .empty{margin-top:12px}.pattern-card{display:block}.pattern-card-title{margin:0}.pattern-card .thumb{aspect-ratio:1;border:1px solid var(--line);background:var(--background-color);overflow:hidden}.pattern-card .thumb svg{width:100%;height:100%;display:block}.pattern-card-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.pattern-card h2{margin:0;font-size:15px;font-weight:500}.heart{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.heart.liked{color:var(--ink)}.pattern-title{letter-spacing:-.03em;margin:0 0 20px;font-size:22px;font-weight:600;line-height:1.15}.studio-stage{width:min(100%, calc(100dvh - var(--header-height) - var(--footer-height) - 56px));aspect-ratio:1}.related{margin-top:36px}.related-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.related-head .filter-label{margin:0}.related-all{color:var(--muted);font-size:13px}.related-all:hover{color:var(--ink)}.related-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px 14px;display:grid}.related-card a{display:block}.related-card .thumb{aspect-ratio:1;border:1px solid var(--line);background:var(--background-color);overflow:hidden}.related-card .thumb svg{width:100%;height:100%;display:block}.related-card h2{margin:10px 0 0;font-size:14px;font-weight:500}.pattern-tools{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 14px;margin:0 0 20px;display:flex}.pattern-tools button{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:13px}.pattern-tools button:hover,.pattern-tools button.on{color:var(--ink)}.toggle{appearance:none;border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:999px;padding:2px 10px;font-size:12px}.toggle.on{color:var(--ink);border-color:var(--ink)}.stage-frame{border:1px solid var(--line);background:var(--background-color)}.stage-frame>*,.stage-frame svg,.line-morph,.line-morph svg{width:100%;height:100%;display:block}.control{margin-bottom:16px}.control label{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.control input[type=range]{width:100%;accent-color:var(--ink)}.control input[type=text],.control select{border:none;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:6px 0}.seed-row{gap:8px;display:flex}.seed-row button{appearance:none;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.advanced-toggle{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 0 16px;font-size:13px}.pattern-copy{color:var(--muted);margin-top:0;font-size:13px;line-height:1.55}.pattern-credit{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.studio-rail-panel .pattern-copy{margin-top:20px}.pattern-about{margin-top:8px}.pattern-detail{color:var(--ink);margin:12px 0 0;font-size:13px;line-height:1.6}.pattern-chips{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.pattern-fold{margin:22px 0 0}.pattern-fold figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.pattern-fold figcaption strong{color:var(--ink);font-weight:500}.pattern-fold figcaption.pattern-fold-caption{text-transform:none;letter-spacing:0;margin:8px 0 0;font-size:12px;line-height:1.5}.pattern-fold-frame{border:1px solid var(--line);background:var(--background-color)}.pattern-fold-frame svg{width:100%;height:auto;display:block}.export-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.export-row button,.export-row select{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px}.dialog-backdrop{z-index:40;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border:1px solid var(--line);width:min(420px,100% - 32px);padding:28px}.dialog h2{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.dialog p{color:var(--muted);font-size:14px;line-height:1.5}.dialog form{gap:10px;margin-top:16px;display:grid}.dialog input{border:none;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:8px 0}.dialog-actions{gap:10px;margin-top:8px;display:flex}.dialog-actions button{appearance:none;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.dialog-actions button.primary{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:#0000}.empty{color:var(--muted);margin-top:48px}.interactive-drawing{position:relative}.interactive-drawing>div:first-child{width:100%;height:100%}.pattern-handles{pointer-events:none;position:absolute;inset:0}.pattern-handle{border:1px solid var(--ink);background:var(--paper);width:30px;height:30px;color:var(--ink);box-shadow:0 0 0 3px var(--paper);cursor:grab;touch-action:none;pointer-events:auto;border-radius:50%;font-size:11px;position:absolute;transform:translate(-50%,-50%)}.pattern-handle:active{cursor:grabbing}.pattern-interaction-note{color:var(--muted);margin:12px 0 0;font-size:11px}.pattern-history{gap:14px;margin:-8px 0 20px;display:flex}.pattern-history button,.book-study-meta button,.book-restore{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.pattern-history button:disabled,.book-action:disabled{opacity:.35;cursor:default}.pattern-history button:hover:not(:disabled),.book-study-meta button:hover{color:var(--ink)}.pattern-exploration{margin:36px 0 0 288px}.book-variations{border-top:1px solid var(--line);padding-top:24px}.book-variations-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.book-variations-head h2{letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:500}.book-variations-head p,.book-study-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.book-action{appearance:none;border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:8px 14px;font-size:12px}.book-action:hover:not(:disabled){border-color:var(--muted)}.variation-settings{margin-top:20px}.variation-settings summary,.book-studies summary{color:var(--muted);cursor:pointer;font-size:12px}.variation-settings>div{flex-wrap:wrap;gap:12px 18px;margin:16px 0;display:flex}.variation-settings label{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.variation-settings input{accent-color:var(--ink)}.book-notice{color:var(--muted);font-size:12px;line-height:1.5}.book-notice:empty{display:none}.book-variation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;margin-top:20px;display:grid}.book-study-thumb{appearance:none;aspect-ratio:1;background:var(--background-color);border:1px solid var(--line);cursor:pointer;width:100%;padding:0;display:block;overflow:hidden}.book-study-thumb>div,.book-study-thumb svg{width:100%;height:100%;display:block}.book-study-thumb:hover{border-color:var(--muted)}.book-study-meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;font-size:11px;display:flex}.book-study-meta>span{overflow-wrap:anywhere}.book-study-meta button{flex-shrink:0;font-size:11px}.book-studies{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.book-studies summary span{font-variant-numeric:tabular-nums;margin-left:8px}.book-studies form{gap:12px;margin:20px 0 12px;display:flex}.book-studies form input{border:0;border-bottom:1px solid var(--line);background:0 0;flex:1;min-width:0;padding:8px 0;font-size:12px}.book-restore{text-underline-offset:3px;margin-top:12px;text-decoration:underline}.pattern-handle:focus-visible,.book-action:focus-visible,.book-study-thumb:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (min-width:861px){.page-studio .home-rail{max-height:calc(100dvh - var(--header-height) - var(--footer-height) - 20px);scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:10px;overflow-y:auto}}@media (max-width:860px){.pattern-exploration{margin-left:0}.page-studio .home-shapes{width:100%}.book-variation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}:root{--header-height:58px}.site-header,.page{width:calc(100% - 32px);padding-left:0;padding-right:0}.site-header{width:100%;padding:18px 16px}.site-footer{padding:10px 16px 14px}.page{width:calc(100% - 32px)}.home-layout{grid-template-columns:1fr;gap:8px}.home-rail{padding-top:0;position:static}.app-shell:has(.page-home) .brand{display:block}.wordmark{display:none}.studio-stage{width:100%;max-width:none}.page-studio .home-layout{flex-direction:column;display:flex}.page-studio .home-shapes{order:-1}.home-lede{display:none}.filter-rail{gap:0}.filter-list{scrollbar-width:none;flex-flow:row;gap:6px;margin:0 -16px 4px;padding-bottom:4px;padding-left:16px;padding-right:16px;overflow-x:auto}.filter-list::-webkit-scrollbar{display:none}.filter-item{border:1px solid var(--line);border-radius:999px;flex:none;width:auto;padding:6px 11px;font-size:13px}.filter-item.active{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:#0000}.filter-item.active .filter-count{color:var(--chip-active-fg)}.filter-count{margin-left:6px}.sort-switch{width:min(320px,100%);margin-bottom:8px}.home-shapes .gallery{margin-top:12px}}::view-transition{pointer-events:none}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-group(.morph){z-index:2;animation-duration:.48s;animation-timing-function:cubic-bezier(.32,.72,0,1)}@media (prefers-reduced-motion:reduce){.hero-backdrop-layer{transition:none}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}.appearance-switch{border:1px solid var(--line);border-radius:8px;gap:2px;padding:3px;display:flex}.appearance-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.appearance-switch button[aria-pressed=true]{background:var(--stroke-color);color:var(--background-color)}.drawing-toolbar{z-index:4;width:min(100%, calc(100dvh - var(--header-height) - var(--footer-height) - 56px));justify-content:space-between;align-items:center;gap:12px;padding:0 0 10px;display:flex;position:relative}.motion-controls,.drawing-actions{align-items:center;gap:5px;display:flex}.drawing-toolbar button,.motion-controls select{font:inherit;color:var(--stroke-color);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px;font-size:12px}.motion-controls button{text-align:left;min-width:92px}.motion-controls button[aria-pressed=true]{background:var(--stroke-color);color:var(--background-color)}.motion-controls select{border-color:#0000;padding:8px 3px}.motion-caption{color:var(--muted);margin:0 0 8px;font-size:10px}.drawing-notice{margin:0 0 8px;font-size:12px}.drawing-notice:empty{display:none}.drawing-actions{position:relative}.drawing-popover{background:var(--background-color);border:1px solid var(--line);border-radius:10px;gap:5px;width:264px;padding:10px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 12px 40px #0002}.drawing-popover>button{text-align:left;border-color:#0000;padding:11px 9px}.drawing-popover>button:hover{border-color:var(--line)}.drawing-popover button span,.drawing-popover p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5;display:block}.drawing-popover p{padding:2px 9px}.drawing-popover form,.png-export{border-bottom:1px solid var(--line);gap:8px;padding:9px 9px 14px;display:grid}.drawing-popover label{color:var(--muted);font-size:11px}.drawing-popover input,.drawing-popover select{width:100%;min-width:0;font:inherit;background:var(--background-color);color:var(--stroke-color);border:1px solid var(--line);border-radius:4px;padding:8px;font-size:12px}.drawing-popover .popover-primary{background:var(--stroke-color);color:var(--background-color)}.drawing-popover button:disabled{opacity:.45;cursor:wait}.mobile-pattern-title{display:none}@media (max-width:860px){.drawing-toolbar{width:100%}.mobile-pattern-title{letter-spacing:-.03em;margin:0 0 18px;font-size:20px;font-weight:600;display:block}}