.of-studio{--of-ink:#26372e;--of-muted:#767c71;--of-line:#dedfd4;min-height:100vh;color:var(--of-ink);background:#f8f8f0;font-family:Geist,Arial,sans-serif;font-size:14px}.of-studio button,.of-studio input,.of-studio select{font:inherit;color:inherit}.of-studio button{cursor:pointer}.of-studio a{color:inherit;text-decoration:none}.of-studio button:focus-visible,.of-studio a:focus-visible,.of-studio input:focus-visible,.of-studio select:focus-visible{outline-offset:4px;outline:2px solid #426547}.of-header{border-bottom:1px solid var(--of-line);justify-content:space-between;align-items:center;gap:20px;height:90px;padding:0 5.5%;display:flex}.of-logo{letter-spacing:-1.5px;align-items:center;gap:9px;font-size:28px;font-weight:700;display:inline-flex}.of-logo>span{letter-spacing:0;align-self:flex-start;margin-top:7px;font-size:11px}.of-header-note{color:var(--of-muted);font-size:12px}.of-header-link{align-items:center;gap:18px;font-size:12px;display:flex}.of-main{max-width:1200px;margin:auto;padding:0 44px}.of-intro{justify-content:space-between;align-items:flex-end;gap:30px;padding:57px 0 43px;display:flex}.of-eyebrow{letter-spacing:1.4px;align-items:center;gap:8px;margin:0 0 20px;font-size:10px;font-weight:700;display:flex}.of-eyebrow>span{background:#719078;border-radius:50%;width:6px;height:6px}.of-intro h1{letter-spacing:-5px;color:var(--of-ink);font-family:Geist,Arial,sans-serif;font-size:clamp(52px,6vw,80px);font-weight:400;line-height:1.02;position:relative}.of-intro h1>span{letter-spacing:-4px;font-family:Georgia,serif;font-style:italic}.of-intro h1>svg{stroke:#d8a878;stroke-width:2.5px;fill:none;stroke-linecap:round;width:127px;height:22px;position:absolute;bottom:-14px;left:169px}.of-intro>p{margin:0 21px 5px 0;font-size:14px;line-height:1.85}.of-intro>p>span{color:var(--of-muted);margin-top:14px;font-size:12px;display:block}.of-workbench{background:#fefef9;border:1px solid #d5d7c9;border-radius:15px;grid-template-columns:minmax(0,1.23fr) minmax(340px,1fr);display:grid;overflow:hidden}.of-preview-panel{background:#eeefe5 radial-gradient(#c9ccbd .7px,#0000 .7px) 0 0/14px 14px;border-right:1px solid #d5d7c9;flex-direction:column;align-items:center;padding:24px 28px;display:flex}.of-panel-meta{letter-spacing:1.3px;color:#6c7665;justify-content:space-between;width:100%;font-size:9px;display:flex}.of-preview{filter:drop-shadow(0 12px 14px #37412f0d);width:100%;max-width:350px;margin:39px auto 20px}.of-preview img{width:100%;height:auto;display:block}.of-preview-bottom{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:350px;display:flex}.of-seed-caption{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.of-icon-button{background:0 0;border:0;padding:6px}.of-scale{justify-content:center;align-items:center;gap:13px;width:100%;margin-top:auto;padding-top:33px;display:flex}.of-scale>span{letter-spacing:1px;color:#6c7665;margin-right:10px;font-size:8px}.of-controls{padding:30px 35px 23px}.of-controls-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.of-controls h2{letter-spacing:-1px;margin:0;font-size:25px;font-weight:400}.of-reset{background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;display:flex;color:var(--of-muted)!important;font-size:10px!important}.of-muted{color:var(--of-muted);margin:7px 0 25px;font-size:11px}.of-seed-label,.of-control-label,.of-select-label{font-size:11px;font-weight:700}.of-seed-input{background:#fff;border:1px solid #cfd3c6;border-radius:6px;margin-top:9px;display:flex}.of-seed-input input{background:0 0;border:0;width:100%;min-width:0;padding:12px;font-size:12px}.of-seed-input button{background:0 0;border:0;place-items:center;padding:9px 12px;display:grid}.of-hint{color:var(--of-muted);margin:7px 0 23px;font-size:9px}.of-control-label{justify-content:space-between;align-items:center;display:flex}.of-auto{background:0 0;border:0;align-items:center;gap:4px;display:flex;color:var(--of-muted)!important;font-size:9px!important;font-weight:400!important}.of-swatches{gap:12px;margin:13px 0 23px;display:flex}.of-swatches button{border:2px solid #0000;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.of-swatches button.is-selected{outline:1px solid var(--of-ink);outline-offset:3px}.of-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.of-select-label{min-width:0}.of-select{margin-top:9px;display:block;position:relative}.of-select select{appearance:none;cursor:pointer;background:#fefef9;border:1px solid #d8dace;border-radius:5px;width:100%;padding:10px 22px 10px 9px;font-size:10px;font-weight:400}.of-select svg{pointer-events:none;position:absolute;top:11px;right:7px}.of-shapes{border:1px solid #d8dace;border-radius:5px;gap:3px;margin-top:10px;padding:3px;display:flex}.of-shapes button{background:0 0;border:0;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 4px;font-size:10px;display:flex}.of-shapes button.is-selected{background:#e9eddf}.of-shapes button>span{border:1px solid;width:12px;height:12px}.of-weight{align-items:center;gap:15px;margin:21px 0;font-size:10px;display:flex}.of-weight input{accent-color:#3b5340;flex:1;min-width:20px;height:3px}.of-weight>span{font-variant-numeric:tabular-nums;min-width:18px;color:var(--of-muted)}.of-shuffle{background:#2f4735;border:0;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;display:flex;color:#fff!important;font-size:12px!important}.of-shuffle>span{margin-left:auto}.of-shuffle>svg{margin-right:auto}.of-shuffle:hover{background:#3c5942}.of-downloads{gap:9px;margin-top:10px;display:flex}.of-downloads button{background:0 0;border:1px solid #ccd1c2;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:9px;padding:11px;font-size:11px;display:flex}.of-downloads button:first-child{flex:1.5}.of-downloads button:hover{background:#eef0e7}.of-export-note{text-align:center;color:var(--of-muted);margin:11px 0 0;font-size:9px}.of-gallery{padding:44px 0 36px;scroll-margin-top:25px}.of-gallery-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.of-gallery-heading .of-eyebrow{margin-bottom:8px;font-size:8px}.of-gallery h2{letter-spacing:-1.2px;margin:0;font-size:30px;font-weight:400}.of-gallery-heading button{background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:11px;display:flex}.of-folk{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;display:grid}.of-folk>button{text-align:left;background:0 0;border:0;min-width:0;padding:0}.of-folk img{border-radius:7px;width:100%;height:auto;transition:transform .2s}.of-folk>button:hover img{transform:translateY(-5px)rotate(-2deg)}.of-folk>button>span{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:4px;margin-top:10px;font-size:9px;display:flex}.of-folk>button>span>svg{flex-shrink:0}.of-gallery-note{text-align:center;color:var(--of-muted);margin:26px 0 0;font-size:10px}.of-footer{border-top:1px solid var(--of-line);justify-content:space-between;align-items:center;gap:20px;padding:25px 0 30px;display:flex}.of-footer .of-logo{letter-spacing:-1px;font-size:20px}.of-footer>span{color:var(--of-muted);font-size:9px}.of-notice{color:#fff;z-index:10;opacity:0;pointer-events:none;background:#26372e;border-radius:7px;max-width:90vw;padding:13px 21px;font-size:12px;transition:opacity .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.of-notice.is-visible{opacity:1}@media (width>=1400px){.of-main{max-width:1260px}.of-intro{padding-top:66px}.of-preview{max-width:375px}.of-controls{padding:34px 40px 26px}}@media (width<=850px){.of-main{padding:0 25px}.of-header{height:75px;padding:0 25px}.of-header-note{display:none}.of-intro{padding:38px 0 32px}.of-intro h1{font-size:64px}.of-intro>p{margin-right:0;font-size:12px}.of-eyebrow{letter-spacing:1px;font-size:8px}.of-workbench{grid-template-columns:minmax(0,1fr) minmax(310px,1fr)}.of-controls{padding:25px 22px}.of-preview-panel{padding:24px 20px}.of-preview{margin-top:70px}.of-scale{flex-wrap:wrap;gap:9px}.of-scale>span{text-align:center;width:100%;margin:0 0 3px}.of-folk{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}.of-footer>span:last-child{display:none}}@media (width<=620px){.of-main{padding:0 18px}.of-header{height:68px;padding:0 18px}.of-logo{font-size:25px}.of-header-link{gap:8px;font-size:10px}.of-intro{padding-top:32px;display:block}.of-intro h1{font-size:66px}.of-intro>p{margin:27px 0 0;line-height:1.6}.of-intro>p br{display:none}.of-intro>p br:after{content:" "}.of-intro>p>span{margin-top:5px}.of-workbench{grid-template-columns:1fr}.of-preview-panel{border-bottom:1px solid #d5d7c9;border-right:0;padding:20px 24px}.of-preview{max-width:300px;margin:26px auto 15px}.of-scale{flex-wrap:nowrap;padding-top:20px}.of-scale>span{text-align:left;width:auto;margin:0 10px 0 0;font-size:7px}.of-controls{padding:27px 24px 24px}.of-folk{gap:19px 10px}.of-folk>button>span{font-size:8px}.of-folk>button>span svg{display:none}.of-gallery{padding-top:32px}.of-footer{gap:10px}.of-footer>span{text-align:right;max-width:160px;line-height:1.6}}.of-originals{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 22px;display:grid}.of-originals button{background:0 0;border:1px solid #0000;border-radius:5px;min-width:0;padding:3px}.of-originals button.is-selected{border-color:var(--of-ink);background:#e9eddf}.of-originals img{width:100%;height:auto;display:block}.of-originals span{margin-top:4px;font-size:12px;display:block}.of-originals button:hover{background:#e9eddf}.of-intro h1.of-tagline{letter-spacing:-.05em;font-size:clamp(2.1rem,5vw,4.4rem)}.of-intro h1.of-tagline>span{letter-spacing:-.045em}.of-intro>p br{display:initial}.of-footer>span:first-of-type{font-size:12px}.of-footer>span a{text-underline-offset:3px;text-decoration:underline}@media (width<=620px){.of-intro h1.of-tagline{font-size:clamp(2rem,8.6vw,3rem)}}.of-artist-credit a{text-underline-offset:4px;text-decoration:underline}.of-logo>img{flex-shrink:0}.of-header-nav{align-items:center;gap:24px;display:flex}.of-quicksetup{border:1px solid var(--of-line);background:#f1f2e8;border-radius:15px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:32px;margin-bottom:32px;padding:28px;scroll-margin-top:24px;display:grid}.of-setup-intro .of-eyebrow{margin-bottom:12px;font-size:9px}.of-setup-intro h2{letter-spacing:-1px;margin:0 0 12px;font-size:29px;font-weight:400}.of-setup-intro p{margin:0 0 18px;font-size:12px;line-height:1.7}.of-studio .of-library-download{border:1px solid var(--of-ink);border-radius:5px;align-items:center;gap:12px;padding:11px 15px;font-size:12px;text-decoration:none;display:inline-flex}.of-library-download:hover{background:#e4e8d9}.of-setup-intro .of-setup-note{color:var(--of-muted);margin:12px 0 0;font-size:10px}.of-setup-code{min-width:0}.of-setup-step{margin:0 0 8px;font-size:11px;line-height:1.6}.of-code-block{border:1px solid var(--of-line);background:#fefef9;border-radius:6px;position:relative}.of-code-block pre{margin:0;padding:13px 43px 13px 13px;font-size:11px;line-height:1.65;overflow-x:auto}.of-code-block>button{background:#fefef9;border:0;border-radius:4px;place-items:center;padding:7px;display:grid;position:absolute;top:7px;right:7px}.of-code-block>button:hover{background:#e4e8d9}.of-usage-heading{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px;display:flex}.of-usage-heading .of-setup-step{margin:0}.of-code-switch{gap:3px;display:flex}.of-code-switch button{background:0 0;border:0;border-radius:4px;padding:5px 9px;font-size:10px}.of-code-switch button[aria-pressed=true]{background:#dfe5d4}@media (width<=850px){.of-quicksetup{grid-template-columns:1fr;gap:22px}.of-header-nav{gap:18px}}@media (width<=620px){.of-quicksetup{margin-bottom:24px;padding:20px}.of-header-nav{gap:14px}.of-header-nav .of-header-link{font-size:10px}.of-header-nav .of-header-link svg{display:none}}.of-quicksetup[hidden]{display:none}.of-studio .of-setup-toggle{background:0 0;border:0;padding:0;font-size:12px}.of-setup-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.of-setup-close{text-underline-offset:3px;background:0 0;border:0;margin:0 0 16px;padding:0;text-decoration:underline;font-size:11px!important}.of-splash-cycle{background:0 0;border:1px solid #d8dace;border-radius:5px;align-items:center;gap:9px;width:100%;margin:0 0 23px;padding:11px 12px;display:flex;font-size:11px!important}.of-splash-cycle>span:last-child{color:var(--of-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.of-splash-cycle:hover{background:#eef0e7}@font-face{font-family:Geist;src:url(/fonts/geist-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{font-synthesis:none;--ink:#26372e;color:#26372e;background:#f8f8f0;font-family:Geist,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button:disabled{cursor:not-allowed}h1{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}