.beads-page{--beads-muted:#61625b}.beads-page .beads-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:65px;align-items:center;padding-block:34px 66px}.beads-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:25px;font-size:14px;color:var(--beads-muted)}.beads-page h1,html[lang=en] .beads-page h1{font-family:var(--font);font-size:clamp(39px,4.2vw,58px);line-height:1.25;letter-spacing:-1.7px;font-weight:750;margin:15px 0 24px;white-space:pre-line}.beads-lead{font-size:18px;line-height:1.9;color:#53554d;max-width:650px}.beads-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.beads-caption{font-size:13px;line-height:1.8;color:#73756b;margin-top:20px}.beads-cover{padding:32px;border:1px solid #161616;background:var(--lime);border-radius:12px;min-height:360px;display:flex;flex-direction:column;align-items:flex-start}.beads-cover>span{font-size:11px;letter-spacing:1.4px}.beads-cover>strong{font-size:48px;font-weight:650;letter-spacing:-2px;margin-top:auto}.beads-cover>small{font-size:13px;line-height:1.8;margin-top:10px}.beads-pixel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:138px;transform:rotate(-8deg);margin:24px 0 30px 15px}.beads-pixel-grid i{display:block;aspect-ratio:1;border:1px solid #161616;background:#ffffff6b;border-radius:2px}.beads-pixel-grid i:nth-child(3n){background:#161616}.beads-pixel-grid i:nth-child(5n){background:transparent;border-style:dashed}.beads-section{padding-block:54px;border-top:1px solid var(--line)}.beads-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:end}.beads-page h2{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:750}.beads-section-heading>p{font-size:16px;line-height:1.9;color:var(--beads-muted);margin:0}.beads-collection-status{display:inline-flex;font-size:13px;line-height:1.7;padding:8px 12px;border:1px solid #d2d4c8;border-radius:6px;background:#f5f6ed;margin-block:25px 20px}.beads-pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.beads-pattern{min-width:0;border:1px solid var(--line);border-radius:9px;padding:19px;background:#fff}.beads-pattern-visual{height:115px;border:1px dashed #c9cdb7;display:grid;place-items:center;background-color:#f6f7f1;background-image:linear-gradient(#e6e8dd 1px,transparent 1px),linear-gradient(90deg,#e6e8dd 1px,transparent 1px);background-size:11px 11px;border-radius:5px;margin-bottom:18px}.beads-pattern-visual>span{display:grid;place-items:center;min-width:45px;min-height:40px;font-size:20px;background:#f6f7f1;color:#8a9078}.beads-pattern-visual img{max-height:115px;max-width:100%;object-fit:contain;image-rendering:pixelated}.beads-pattern h3{font-size:17px;line-height:1.5;margin:0 0 9px}.beads-pattern p{font-size:13px;line-height:1.8;color:#6a6e5f;margin:0 0 15px}.beads-pattern .button{font-size:13px;min-height:44px;padding:9px 12px;width:100%}.beads-pattern .button:disabled{border:1px solid #dddfd5;background:#f4f5ef;color:#848975}.beads-pattern-license{display:block;font-size:11px;color:#747d61;margin:12px 0 0;line-height:1.6}.beads-more{margin-top:20px}.beads-more summary{font-size:14px;line-height:1.6;min-height:46px;cursor:pointer;padding-block:12px;text-decoration:underline;text-underline-offset:5px}.beads-more .beads-pattern-grid{margin-top:15px}.beads-attribution{display:flex;gap:9px 18px;flex-wrap:wrap;align-items:center;font-size:13px;line-height:1.8;margin-top:27px;padding:20px 0;border-top:1px solid var(--line)}.beads-attribution strong{font-weight:600;flex-basis:100%}.beads-attribution span{color:#6c725e}.beads-attribution a{text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.beads-download-state,.beads-download-complete{border:1px solid var(--line);border-radius:10px;padding:27px;margin-top:25px;background:#f8f9f3}.beads-page h3{line-height:1.5}.beads-download-state h3,.beads-download-complete h3{font-size:23px;margin:0 0 12px}.beads-download-state p,.beads-download-complete p{font-size:15px;line-height:1.9;color:#626855}.beads-section-contact{margin-top:35px}.beads-process{padding:0;margin:33px 0 36px;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.beads-process li>span{font-size:13px;color:#767b69}.beads-process h3{font-size:20px;margin:15px 0 10px}.beads-process p{font-size:15px;line-height:1.85;color:#616856;margin:0}.beads-custom-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.beads-upload{border:1px solid var(--line);border-radius:10px;padding:27px;background:#f7f8f1}.beads-upload h3,.beads-size-title{font-size:23px;margin:0 0 13px}.beads-upload>p,.beads-size-intro{font-size:15px;line-height:1.85;color:#646b57;margin:0 0 23px}.beads-file-label{display:block;position:relative;border:1px dashed #919a7b;background:#fff;border-radius:7px;text-align:center;padding:24px 15px;font-size:15px;line-height:1.7;cursor:pointer}.beads-file-label:hover{border-color:#161616;background:#f6fadf}.beads-file-label:focus-within{outline:3px solid #161616;outline-offset:3px}.beads-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.beads-upload .beads-file-help{font-size:12px;margin:11px 0 20px}.beads-upload-preview{margin-block:20px}.beads-upload-preview img{max-height:300px;max-width:100%;object-fit:contain;border-radius:5px;margin-inline:auto}.beads-clear{background:transparent;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:10px 0;font-size:13px}.beads-upload .beads-file-message{font-size:13px;min-height:20px;margin:12px 0}.beads-sizes{display:grid;gap:15px}.beads-size{border:1px solid var(--line);border-radius:9px;padding:21px}.beads-size h4{font-size:22px;margin:0 0 5px;line-height:1.5;letter-spacing:-.5px}.beads-size>p{font-size:13px;line-height:1.8;color:#6b725c;margin:0 0 15px}.beads-rights-note{font-size:13px;line-height:1.9;color:#6b735c;margin:26px 0 0}.beads-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:27px;align-items:center;font-size:13px;color:#74796b}.beads-footer a{display:inline-flex;align-items:center;min-height:44px;color:#161616}.beads-footer a:first-child{font-size:16px;font-weight:650}.beads-page [data-contact-card] .contact-section{margin-top:0}.beads-page .section-kicker{font-size:11px;letter-spacing:1.3px;margin:0 0 15px}
@media(max-width:1000px){.beads-page .beads-hero{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.beads-cover{padding:25px;min-height:330px}.beads-page h2{font-size:31px}.beads-section-heading{gap:30px}.beads-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beads-process{gap:23px}.beads-custom-workspace{gap:20px}.beads-upload{padding:23px}}
@media(max-width:650px){.beads-page .beads-hero{display:block;padding-block:25px 40px}.beads-back{font-size:13px;margin-bottom:18px}.beads-page h1,html[lang=en] .beads-page h1{font-size:39px;line-height:1.25;letter-spacing:-1.3px;margin:16px 0 21px}.beads-lead{font-size:16px}.beads-actions{gap:10px}.beads-actions .button{font-size:14px;padding-inline:15px}.beads-caption{font-size:12px}.beads-cover{margin-top:30px;min-height:270px;padding:25px;position:relative}.beads-cover>strong{font-size:43px}.beads-pixel-grid{position:absolute;right:20px;top:60px;width:118px;margin:0}.beads-cover>small{max-width:175px;font-size:12px}.beads-section{padding-block:37px}.beads-section-heading{display:block}.beads-page h2{font-size:29px;line-height:1.4}.beads-section-heading>p{font-size:15px;margin-top:20px}.beads-collection-status{font-size:12px;margin-top:22px}.beads-pattern-grid{gap:12px}.beads-pattern{padding:14px}.beads-pattern-visual{height:87px;margin-bottom:14px}.beads-pattern-visual img{max-height:87px}.beads-pattern h3{font-size:16px}.beads-pattern p{font-size:12px}.beads-pattern .button{font-size:12px}.beads-pattern-license{font-size:10px}.beads-attribution{font-size:12px;gap:7px 17px}.beads-process{grid-template-columns:1fr;margin-block:27px;gap:25px}.beads-process h3{margin-top:9px;font-size:20px}.beads-process p{font-size:15px}.beads-custom-workspace{grid-template-columns:1fr;gap:30px}.beads-upload{padding:23px 21px}.beads-upload h3,.beads-size-title{font-size:22px}.beads-size{padding:20px}.beads-rights-note{font-size:12px}.beads-download-state,.beads-download-complete{padding:23px 20px}.beads-footer{align-items:flex-start;flex-wrap:wrap;font-size:12px;gap:10px}.beads-footer>span{order:3;width:100%}}
@media(max-width:370px){.beads-page h1,html[lang=en] .beads-page h1{font-size:34px}.beads-pattern-grid{gap:10px}.beads-pattern{padding:11px}.beads-pattern h3{font-size:14px}.beads-pattern p{font-size:11px}.beads-pattern .button{padding-inline:5px}.beads-cover>strong{font-size:39px}.beads-pixel-grid{width:100px;right:18px}.beads-page h2{font-size:27px}}
.beads-cover{position:relative}.beads-cover-art{height:160px;position:relative;width:100%;margin-block:16px 18px}.beads-cover-art img{width:145px;height:145px;object-fit:contain;position:absolute;left:0;top:0;transform:rotate(-8deg)}.beads-cover-art img+img{width:125px;height:125px;left:auto;right:0;top:25px;transform:rotate(8deg)}.beads-pattern-visual{height:auto;aspect-ratio:1;background:#f8f9f2;border-style:solid}.beads-pattern-visual img{width:100%;height:100%;max-height:none;object-fit:contain;image-rendering:auto}.beads-pattern.is-locked .beads-pattern-visual{aspect-ratio:2;background-image:linear-gradient(45deg,#f1f3e8 25%,transparent 25%),linear-gradient(-45deg,#f1f3e8 25%,transparent 25%);background-size:16px 16px;border-style:dashed}.beads-pattern .beads-lock{font-size:32px;background:transparent;color:#8b9277}.beads-preview-links{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:9px}.beads-preview-links a{font-size:12px;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.beads-pattern .button{line-height:1.5}.beads-pattern.is-locked .button{font-size:12px}.beads-pattern.is-locked p{min-height:45px}
@media(max-width:650px){.beads-cover-art{height:130px;margin:10px 0 15px}.beads-cover-art img{width:130px;height:130px;left:auto;right:70px;top:0}.beads-cover-art img+img{width:105px;height:105px;right:0;top:20px}.beads-cover>small{max-width:none}.beads-pattern-visual{height:auto}.beads-pattern-visual img{max-height:none}.beads-preview-links{gap:0 8px}.beads-preview-links a{font-size:11px}}