/* BeadArtify ordered source: /assets/styles.css */
:root{--ink:#102f35;--muted:#5c6d6e;--paper:#fffaf0;--card:#fffdf8;--line:#d9d2c3;--coral:#ff6b5e;--teal:#168f84;--yellow:#f7bd37;--shadow:0 12px 36px rgba(16,47,53,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:var(--paper);background-image:linear-gradient(rgba(16,47,53,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,47,53,.035) 1px,transparent 1px);background-size:28px 28px}a{color:inherit}button,input,select{font:inherit}button,a,.upload-button{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(255,250,240,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:-.03em;font-size:1.2rem}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--paper);box-shadow:inset -5px -5px 0 var(--teal)}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav>a{text-decoration:none;font-weight:700;font-size:.94rem}.site-header select{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:9px}.menu-button{display:none}.maker-shell{max-width:1420px;margin:auto;padding:clamp(35px,6vw,72px) clamp(18px,4vw,64px) 45px}.maker-heading{max-width:850px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--teal);font-size:.78rem}.maker-heading h1{font-size:clamp(2.2rem,5vw,4.9rem);line-height:.96;letter-spacing:-.065em;margin:.18em 0}.maker-heading>p:last-child{font-size:clamp(1rem,2vw,1.22rem);line-height:1.55;color:var(--muted);max-width:720px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.canvas-card,.settings-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:18px}.canvas-card{padding:14px}.canvas-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.canvas-toolbar button,.upload-button{border:0;background:var(--coral);color:#241b19;padding:11px 15px;border-radius:10px;font-weight:850;cursor:pointer}.canvas-toolbar .secondary{background:#e8f2ef;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.canvas-wrap{position:relative;display:grid;place-items:center;min-height:460px;border-radius:12px;overflow:hidden;background:#edf0ea;background-image:linear-gradient(45deg,#e2e5df 25%,transparent 25%),linear-gradient(-45deg,#e2e5df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e5df 75%),linear-gradient(-45deg,transparent 75%,#e2e5df 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}canvas{max-width:100%;max-height:68vh;image-rendering:pixelated;cursor:crosshair}#emptyState{position:absolute;text-align:center;display:grid;gap:8px;padding:20px;color:var(--muted)}#emptyState strong{color:var(--ink);font-size:1.2rem}.status{margin:10px 2px 0;color:var(--muted);font-size:.9rem}.settings-card{padding:22px}.settings-card h2{margin:0 0 20px;font-size:1.25rem}.settings-card>label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:17px 0;font-weight:750;font-size:.92rem}.settings-card input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--teal)}.settings-card .check-row{display:flex;align-items:center}.materials{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.materials div{display:grid;gap:3px;color:var(--muted);font-size:.8rem}.materials strong{font-size:1.45rem;color:var(--ink)}.settings-card h3{font-size:1rem}.color-list{list-style:none;padding:0;display:grid;gap:7px;max-height:190px;overflow:auto}.color-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.84rem}.swatch{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}.color-name{margin-right:auto}.muted{color:var(--muted)}.trust-strip{max-width:1290px;margin:0 auto 70px;padding:0 clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-strip p{margin:0;padding:18px;border-top:3px solid var(--yellow);background:rgba(255,253,248,.72);display:grid;gap:4px}.trust-strip span{font-size:.9rem;color:var(--muted)}.content-section{max-width:1290px;margin:0 auto 90px;padding:0 clamp(18px,4vw,40px)}.content-section h2{font-size:clamp(1.9rem,3.7vw,3.3rem);letter-spacing:-.045em;margin:.1em 0 .35em}.content-section>div:first-child>p:last-child{font-size:1.05rem;line-height:1.65;color:var(--muted);max-width:720px}.tool-grid,.pattern-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.tool-card,.pattern-card,.article-card{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s}.tool-card:hover,.pattern-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card{padding:20px}.tool-card small,.article-card small{color:var(--teal);font-weight:800}.tool-card h3,.article-card h3{margin:8px 0;font-size:1.15rem}.tool-card p,.article-card p{color:var(--muted);line-height:1.5;margin-bottom:0}.section-heading{display:flex!important;align-items:end;justify-content:space-between;gap:20px}.section-heading a{font-weight:850;text-decoration-thickness:2px;text-underline-offset:4px}.pattern-card img,.article-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.pattern-card div,.article-card div{padding:14px}.pattern-card h3{font-size:1rem;margin:0 0 4px}.pattern-card p{margin:0;color:var(--muted);font-size:.82rem}.article-card img{aspect-ratio:16/9}.article-grid{grid-template-columns:repeat(3,1fr)}footer{border-top:1px solid var(--line);padding:45px clamp(18px,4vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f5ecdc}footer>p{color:var(--muted)}footer nav{display:flex;gap:18px;justify-content:end;flex-wrap:wrap}footer nav a{font-weight:700}.copyright{text-align:right}.listing-hero,.article-body,.static-body{max-width:1180px;margin:auto;padding:55px clamp(18px,4vw,40px)}.listing-hero h1,.article-body h1,.static-body h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}.article-body{max-width:860px}.article-body .lead{font-size:1.2rem;color:var(--muted);line-height:1.65}.article-body h2{font-size:1.8rem;margin-top:2em}.article-body p,.article-body li{font-size:1.05rem;line-height:1.78}.article-hero{width:100%;border-radius:18px;border:1px solid var(--line);margin:20px 0}.breadcrumb{font-size:.88rem;color:var(--muted)}.pattern-listing{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rtl{direction:rtl}@media(max-width:900px){.workspace{grid-template-columns:1fr}.settings-card{order:2}.tool-grid,.article-grid{grid-template-columns:1fr 1fr}.pattern-grid,.pattern-listing{grid-template-columns:repeat(3,1fr)}.canvas-wrap{min-height:380px}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block;border:1px solid var(--line);background:var(--card);padding:9px 12px;border-radius:9px;font-weight:800}}@media(max-width:600px){.maker-heading h1{font-size:2.7rem}.canvas-wrap{min-height:310px}.trust-strip,.tool-grid,.article-grid{grid-template-columns:1fr}.pattern-grid,.pattern-listing{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.site-header{height:64px}.site-header nav{top:63px}.settings-card{padding:18px}footer{grid-template-columns:1fr}footer nav{justify-content:start}.copyright{text-align:left}}

/* BeadArtify ordered source: /assets/converter.css */
.settings-card select{grid-column:1/-1;width:100%;border:1px solid var(--line);border-radius:8px;background:white;padding:9px;color:var(--ink)}
.designer-link{display:block;text-align:center;text-decoration:none;margin:14px 0}
.craft-progress{display:grid;gap:7px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#edf5f2;font-weight:800}.craft-progress progress{width:100%;height:12px;accent-color:var(--teal)}
@media print{body{background:#fff}.site-header,.maker-heading,.trust-strip,.content-section,footer,.canvas-toolbar,.settings-card .designer-link,.settings-card>label,.community-footer{display:none!important}.maker-shell{padding:0}.workspace{display:block}.canvas-card{border:0;box-shadow:none}.canvas-wrap{background:#fff;min-height:0}#patternCanvas{max-height:none;max-width:100%}.settings-card{display:block;border:0;box-shadow:none}.materials,.color-list{display:block}.color-list li{break-inside:avoid}}

/* BeadArtify ordered source: /assets/community.css */
.auth-shell{max-width:1040px;margin:0 auto;padding:70px 20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.auth-intro h1,.dashboard-head h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em}.auth-intro p{color:var(--muted);font-size:1.08rem;line-height:1.7}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.auth-tabs button{padding:12px;border:1px solid var(--line);background:#fff;font-weight:850}.auth-tabs button.active{background:var(--ink);color:white}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;font-weight:750}.auth-form input,.profile-form input,.profile-form textarea{border:1px solid var(--line);border-radius:9px;padding:12px;background:white}.google-button{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;text-decoration:none;font-weight:850;background:white}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem;margin:17px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.dashboard{max-width:1180px;margin:auto;padding:55px 20px 90px}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.project-card{border:1px solid var(--line);border-radius:15px;background:var(--card);overflow:hidden}.project-card img,.project-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf0ea}.project-placeholder{display:grid;place-items:center;color:var(--muted);font-weight:800}.project-card div{padding:15px}.project-card h2{font-size:1rem;margin:0 0 5px}.project-card p{color:var(--muted);font-size:.8rem}.project-actions{display:flex;gap:8px}.project-actions a,.project-actions button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 10px;font-weight:800;text-decoration:none}.empty-dashboard{border:1px dashed var(--line);border-radius:16px;padding:40px;text-align:center;margin-top:30px}.user-pill{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:850}.user-pill img{width:30px;height:30px;border-radius:50%;object-fit:cover}.like-button{border:1px solid var(--line);background:var(--card);padding:10px 14px;border-radius:9px;font-weight:850;cursor:pointer}.like-button.liked{background:#ffe2df;border-color:var(--coral)}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.dashboard-head{align-items:start;flex-direction:column}}@media(max-width:520px){.project-grid{grid-template-columns:1fr}}
.site-header .nav-menu{position:relative}.site-header .nav-menu>summary{list-style:none;cursor:pointer;font-size:.74rem}.site-header .nav-menu>summary::-webkit-details-marker{display:none}.site-header .nav-menu>summary:after{content:" ▾"}.site-header .nav-menu[open]>summary:after{content:" ▴"}.site-header .nav-menu>div{position:absolute;right:0;top:calc(100% + 16px);z-index:40;display:grid;min-width:245px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.site-header .nav-menu>div a,.site-header .nav-menu>div button{display:grid;gap:3px;padding:11px;border:0;border-radius:9px;background:transparent;text-decoration:none;text-align:left;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.site-header .nav-menu>div a:hover,.site-header .nav-menu>div button:hover{background:#edf5f2}.site-header .nav-menu>div span{font-size:.72rem;color:var(--muted);font-weight:500}.site-header .language-menu>div{min-width:170px}.site-header .nav-signin{padding:10px 13px;border-radius:9px;background:var(--ink);color:white}.community-footer{grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.community-footer>div{display:flex;flex-direction:column;gap:9px}.community-footer h2{font-size:.78rem;margin:0 0 6px}.community-footer a{text-decoration:none}.community-footer .footer-brand p{max-width:280px;line-height:1.55}.community-footer .copyright{grid-column:1/-1;text-align:left;margin:18px 0 0;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:900px){.site-header .nav-menu>div{position:static;margin-top:8px;box-shadow:none}.community-footer{grid-template-columns:1fr 1fr 1fr}.community-footer .footer-brand{grid-column:1/-1}}@media(max-width:600px){.community-footer{grid-template-columns:1fr 1fr}}
.dashboard-head>div:first-child{max-width:720px}.dashboard-head>div>p:last-child{color:var(--muted);line-height:1.6}.dashboard-create{display:flex;gap:10px;flex-wrap:wrap}.secondary-action{background:#e8f2ef!important;color:var(--ink)!important}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.dashboard-stats article{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.dashboard-stats strong{font-size:1.8rem}.dashboard-stats span{color:var(--muted)}.dashboard-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line);margin:20px 0 26px}.dashboard-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 16px;color:var(--muted);font-size:.72rem;white-space:nowrap}.dashboard-tabs button.active{color:var(--ink);border-color:var(--coral)}.dashboard-tools{display:grid;grid-template-columns:2fr 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.dashboard-tools label,.profile-form label{display:grid;gap:7px;font-weight:800;font-size:.82rem}.dashboard-tools input,.dashboard-tools select{width:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:11px}.visibility-badge{display:inline-flex;width:max-content;padding:4px 7px;border-radius:99px;background:#eef0ed;color:var(--muted);font-size:.68rem;font-weight:850}.visibility-badge.public{background:#ddf3e9;color:#176447}.settings-card.profile-form{max-width:680px;margin:0;padding:24px;display:grid;gap:16px}.settings-card.profile-form textarea{resize:vertical}.project-actions{flex-wrap:wrap}.project-actions button:last-child{color:#9b2f2f}@media(max-width:700px){.dashboard-stats{grid-template-columns:1fr}.dashboard-tools{grid-template-columns:1fr}}
.auth-benefits{display:grid;gap:11px;padding-left:20px;line-height:1.45}.auth-note{padding:14px;border-left:4px solid var(--yellow);background:rgba(255,253,248,.7);font-size:.9rem!important}.google-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:900}.password-field{display:grid;grid-template-columns:1fr auto}.password-field input{border-radius:9px 0 0 9px}.password-field button{border:1px solid var(--line);border-left:0;border-radius:0 9px 9px 0;background:#fff;padding:0 12px;font:inherit;font-size:.78rem;font-weight:800}
.liked-unavailable{grid-column:1/-1;margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);line-height:1.5}

/* BeadArtify ordered source: /assets/pixel-font.css */
@font-face{font-family:"Nunito";src:url("/assets/fonts/Nunito-Variable.ttf") format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}
:where(.brand,.eyebrow,.site-header nav a,.site-header summary,.upload-button,button,h1,h2,h3,h4){font-family:"Nunito",system-ui,sans-serif}
:where(h1,h2,h3,h4){letter-spacing:-.02em;line-height:1.55}
h1{font-size:clamp(1.7rem,4vw,3.4rem)}
h2{font-size:clamp(1.05rem,2.2vw,1.55rem)}
h3{font-size:clamp(.88rem,1.8vw,1.08rem)}
h4{font-size:.78rem}
:where(.auth-form,.profile-form,.gallery-toolbar) button,:where(.auth-form,.profile-form,.gallery-toolbar) input,:where(.auth-form,.profile-form,.gallery-toolbar) select{font-family:inherit}
html:lang(ar) :where(h1,h2,h3,h4,.eyebrow,.site-header nav a,.site-header summary,button),html:lang(ja) :where(h1,h2,h3,h4,.eyebrow,.site-header nav a,.site-header summary,button){font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}

/* BeadArtify ordered source: /assets/refinement.css */
[hidden]{display:none!important}
.cost-calculator{background:var(--card);border:1px solid var(--line);padding:24px;margin:28px 0}.cost-options{display:flex;gap:20px;flex-wrap:wrap}.cost-options label{display:grid;gap:6px}.cost-calculator input,.cost-calculator select{max-width:100%;padding:9px;border:1px solid var(--line);border-radius:4px}.cost-table{overflow:auto;margin:20px 0}.cost-table table{border-collapse:collapse;width:100%;min-width:720px}.cost-table th,.cost-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.cost-table input{width:100%;min-width:65px}.cost-calculator button{padding:10px;border:1px solid var(--line);background:#edf2ef;border-radius:4px;font-size:11px}.cost-calculator [data-result]{font-weight:700;padding:14px;background:#e8f2ef}
body{font-size:14px;line-height:1.6}
body h1,body .maker-heading h1,body .listing-hero h1,body .article-body h1,body .static-body h1,body .auth-intro h1,body .dashboard-head h1{font-size:18px;line-height:1.65;letter-spacing:0;margin:14px 0 18px}
body h2,body .content-section h2,body .article-body h2,body .settings-panel h2{font-size:13px!important;line-height:1.8;letter-spacing:0}
body h3,body .tool-card h3,body .article-card h3,body .pattern-card h3{font-size:12px;line-height:1.8}
body h4{font-size:11px;line-height:1.8}
body .brand{font-size:15px;letter-spacing:0}.brand-mark{width:29px;height:29px;border-radius:3px}
body .site-header{height:66px;padding-inline:max(24px,calc((100vw - 1180px)/2));gap:24px}
body .site-header nav{gap:22px}body .site-header nav>a,body .site-header summary{font-size:10px;line-height:1.7;letter-spacing:.03em}
body .eyebrow{font-size:10px;line-height:1.9}
body .maker-shell{max-width:1240px;padding:30px 30px 44px}.maker-heading{max-width:950px}body .maker-heading>p:last-child,body .article-body .lead,body .auth-intro p{font-size:15px;line-height:1.7}
body .article-body p,body .article-body li{font-size:15px;line-height:1.85}
body .canvas-toolbar button,body .upload-button{font-size:11px;line-height:1.7;border-radius:4px}
body .auth-shell{max-width:560px;display:block;padding:38px 24px 56px}.auth-intro h1{margin-top:0}.auth-benefits,.auth-note{display:none}.auth-card{border-radius:5px;box-shadow:none;padding:24px}
body .password-field{position:relative;display:block;width:100%}body .password-field input{width:100%;padding-right:74px;border-radius:5px;min-height:46px}body .password-field button{position:absolute;right:4px;top:4px;bottom:4px;border:0;border-radius:4px;padding:0 12px;background:#edf2ef;font:600 12px system-ui;min-width:60px}
body .auth-form input{min-width:0;width:100%}.auth-form button[type=submit]{min-height:44px}
body footer.site-footer{display:block;background:#faf5ec;padding:44px max(24px,calc((100vw - 1180px)/2));border-top:1px solid var(--line)}
.footer-intro{display:flex;justify-content:space-between;gap:30px;margin-bottom:32px}.footer-intro p{max-width:400px;color:var(--muted);font-size:13px}.footer-columns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px}.footer-columns section{display:flex;flex-direction:column;gap:8px}.footer-columns h2{font-size:10px!important;margin:0 0 9px}.footer-columns a{font:13px/1.6 system-ui;text-decoration:none;color:var(--muted)}.footer-columns a:hover{text-decoration:underline;color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font:12px/1.7 system-ui}.footer-bottom nav{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom a{text-decoration:none}
@media(max-width:900px){.footer-columns{grid-template-columns:repeat(3,1fr)}body .site-header nav{top:65px}body .site-header{padding-inline:20px}}
@media(max-width:600px){body h1,body .maker-heading h1,body .article-body h1,body .static-body h1,body .auth-intro h1{font-size:19px}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-intro{display:block}body .maker-shell{padding:24px 16px}body .site-header .brand{font-size:12px}}
@media print{footer.site-footer{display:none!important}}
body,body input,body select,body textarea,body button,body .footer-columns a,body .footer-bottom,body .color-matches li>span:nth-child(2){font-family:"Nunito",system-ui,sans-serif}
body h1,body h2,body h3,body h4{font-family:"Nunito",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em!important}
body .site-header nav>a,body .site-header summary{font-family:"Nunito",system-ui,sans-serif;font-size:14px!important;font-weight:800;letter-spacing:0!important}
body .eyebrow{font-family:"Nunito",system-ui,sans-serif;font-size:11px;font-weight:800}
body .brand-mark{background:transparent url('https://media.beadartify.com/brand/beadartify-logo-favicon-v1.webp') center/contain no-repeat;font-size:0!important;box-shadow:none;border:0;width:32px;height:32px;flex:none}
body .brand{font-size:12px!important}
body .settings-card h2,body .settings-panel h2,body .controls h2,body aside h2,body .panel h2,body .canvas-card h2{font-size:13px!important;line-height:1.7!important}
body .lead,body .static-body p,body .maker-heading>p:last-child{font-size:14px!important;line-height:1.7}
body .settings-panel label,body aside label,body .controls label{font-size:13px!important}
body .static-body{padding-top:28px}body .maker-heading{margin-bottom:20px}
@media(max-width:600px){body h1,body .maker-heading h1,body .static-body h1,body .article-body h1,body .auth-intro h1{font-size:16px!important}}
.color-matches{list-style:none;padding:0;display:grid;gap:10px}.color-matches li{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;background:#fffdf8}.match-swatch{width:36px;height:36px;flex:none;border:1px solid #aaa}.color-matches li>span:nth-child(2){flex:1;font:14px/1.5 system-ui}.color-matches button{font:13px system-ui;padding:8px 12px;cursor:pointer}.cost-options input[aria-invalid="true"]{border:2px solid #ad263c}@media(max-width:480px){.color-matches li{flex-wrap:wrap}.color-matches button{margin-left:48px}}

/* BeadArtify ordered source: /assets/brand-type.css */
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.information-page{max-width:900px!important;margin:auto}.information-page>section{margin-top:36px;scroll-margin-top:90px}.information-page p,.information-page li{line-height:1.85}.information-page>nav{padding:20px;background:#edf3f0;border-radius:10px}.information-page>nav ol{columns:2}.contact-draft{display:grid;gap:16px;max-width:620px}.contact-draft label{display:grid;gap:7px;font-weight:600}.contact-draft input,.contact-draft select,.contact-draft textarea{padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit;max-width:100%}.contact-draft button{padding:13px;background:var(--ink);color:white;border:0;border-radius:6px}.storage-notice{position:fixed;bottom:16px;left:16px;right:16px;max-width:680px;margin:auto;display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fffdf8;border:1px solid #bdc9c6;border-radius:12px;box-shadow:0 6px 30px #102f3526;z-index:1000;font:13px/1.55 Inter,sans-serif}.storage-notice p{margin:5px 0 0}.storage-notice button{flex:none;background:#102f35;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}.storage-settings{border:0;background:none;text-decoration:underline;color:inherit;font:inherit;cursor:pointer;padding:0}@media(max-width:600px){.information-page>nav ol{columns:1}.storage-notice{align-items:flex-start;padding:12px;gap:10px}}@media print{.storage-notice{display:none!important}}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
body,body input,body select,body textarea,body button,body .site-header nav a,body .site-header summary,body .footer-columns a,body .footer-bottom,body .eyebrow,body .color-matches li>span:nth-child(2){font-family:Inter,sans-serif!important}
body h1,body h2,body h3,body h4,body .brand{font-family:Manrope,sans-serif!important;font-weight:700!important}
body{font-size:16px}body .lead,body .static-body p,body .maker-heading>p:last-child{font-size:16px!important;line-height:1.75}
body h1,body .static-body h1,body .article-body h1{font-size:30px!important;line-height:1.3}
body h2,body .content-section h2,body .article-body h2{font-size:23px!important;line-height:1.4!important}
body h3{font-size:18px!important}body .settings-card h2,body aside h2,body .panel h2{font-size:18px!important}
body .brand{font-size:20px!important}body .site-header{max-width:none}body .site-header nav>a,body .site-header summary{font-size:14px!important}
body .maker-heading{text-align:center;max-width:880px;margin:12px auto 36px}body .maker-heading h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.18;letter-spacing:-.035em!important;margin:14px auto 18px}body .maker-heading>p:last-child{max-width:750px;margin-inline:auto}body .maker-heading .eyebrow{font-size:11px;letter-spacing:.14em}
.home-mode-tabs{display:flex;justify-content:center;gap:6px;margin:24px 0 0}.home-mode-tabs a{padding:10px 22px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:13px;font-weight:700}.home-mode-tabs a[aria-current]{background:var(--ink);color:#fff}
.home-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-info-grid article{padding:24px;border:1px solid var(--line);background:var(--card);border-radius:12px}.home-info-grid p{font-size:15px;line-height:1.75}.home-community{text-align:center;padding:36px;background:#e7f1ed;border-radius:14px}.home-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.home-faq summary{font-weight:700;cursor:pointer}.home-faq p{font-size:15px;line-height:1.75;max-width:850px}
@media(max-width:650px){.home-info-grid{grid-template-columns:1fr}body .maker-heading h1{font-size:30px!important}body .brand{font-size:17px!important}body h1,body .static-body h1,body .article-body h1{font-size:26px!important}}
/* Keep complete square template art visible in every shared card. */
.pattern-card img{aspect-ratio:1;object-fit:contain;background:#fffaf0;image-rendering:pixelated}
.pattern-card .project-actions{padding:12px 0 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pattern-card .project-actions a,.pattern-card .project-actions button{font-size:13px;padding:9px 12px;text-decoration:none}
.designer-learning{max-width:1180px;margin:48px auto;padding:0 24px 48px;line-height:1.7}
.designer-learning>.pattern-grid{margin-bottom:48px;grid-template-columns:repeat(4,minmax(0,1fr))}
.designer-learning details{padding:16px 0;border-bottom:1px solid var(--line)}
.designer-learning summary{cursor:pointer;font-weight:700}
.variant-panel>summary{font-weight:700;cursor:pointer}.variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.variant-card{min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px}.variant-card canvas{width:100%;height:150px;object-fit:contain;background:#f0eee8;image-rendering:pixelated}.variant-card h4{margin:0 0 10px}.variant-card p{font-size:13px!important}.variant-card button{width:100%}@media(max-width:800px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.variant-grid{grid-template-columns:1fr}}
.cleanup-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cleanup-comparison figure{margin:0;min-width:0}.cleanup-comparison canvas{width:100%;height:auto;max-height:300px;object-fit:contain;background:#f0eee8;image-rendering:pixelated}.cleanup-comparison figcaption{font-weight:700;margin:10px 0}.cleanup-panel select{font:inherit;padding:8px;max-width:100%}.cleanup-panel [hidden]{display:none!important}@media(max-width:480px){.cleanup-comparison{gap:8px}.cleanup-panel .project-actions{align-items:stretch;flex-direction:column}}
.pattern-guide{max-width:900px;margin:40px 0}.pattern-guide h2{margin-top:32px}.pattern-guide p,.pattern-guide li{line-height:1.75}.pattern-guide li{margin-bottom:9px}.pattern-guide details{padding:15px 0;border-bottom:1px solid var(--line)}.pattern-guide summary{cursor:pointer;font-weight:700}.pattern-guide .pattern-stats dd{max-width:65%;text-align:right}.pattern-materials{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.pattern-materials li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pattern-materials small{color:var(--muted)}
.pattern-account-actions{grid-column:1/-1;padding:18px;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.pattern-account-actions h3{font-size:17px!important;margin:0 0 12px}.pattern-account-actions label{display:grid;gap:7px;max-width:360px;font-size:14px}.pattern-account-actions input,.pattern-account-actions textarea{font:inherit;width:100%;padding:10px;border:1px solid var(--line);border-radius:7px}.pattern-account-actions .project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pattern-account-actions button{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;font-size:14px}.pattern-account-actions button:first-child{background:var(--teal);color:white}.pattern-account-actions p{font-size:13px;line-height:1.6}.pattern-account-actions textarea{font-family:monospace;overflow-wrap:anywhere}
/* Consistent compact templates on home, tool, designer and gallery pages. */
body .pattern-grid,body .pattern-listing,body .designer-learning>.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body .pattern-card{min-width:0;border-radius:10px}
body .pattern-card>div{padding:12px}
body .pattern-card h3{font-size:14px!important;line-height:1.4;overflow-wrap:anywhere}
body .pattern-card p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
body .pattern-card .project-actions{padding:9px 0 0;gap:6px}
body .pattern-card .project-actions a,body .pattern-card .project-actions button{font-size:12px;padding:7px 9px;min-height:36px}
@media(min-width:600px){body .pattern-grid,body .pattern-listing,body .designer-learning>.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){body .pattern-grid,body .pattern-listing,body .designer-learning>.pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){body .pattern-grid,body .pattern-listing,body .designer-learning>.pattern-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1280px){body .pattern-grid,body .pattern-listing,body .designer-learning>.pattern-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:800px){.designer-learning>.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.footer-columns{grid-template-columns:repeat(7,minmax(0,1fr));gap:22px}}
.site-header .account-menu>summary.avatar-only{padding:0!important;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--line);overflow:hidden;list-style:none;background:var(--card)}
.site-header .account-menu>summary.avatar-only:after{display:none!important}.site-header .account-menu>summary.avatar-only::-webkit-details-marker{display:none}
.site-header .account-menu>summary.avatar-only img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.site-header .account-menu>summary.avatar-only:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.bead-size-panel{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);min-width:0}.bead-size-panel h3{font-size:17px}.bead-size-panel p,.bead-size-panel a{font-size:13px;line-height:1.5}.bead-size-panel label{display:block;margin:12px 0;font-size:13px}.bead-size-panel select,.bead-size-panel input{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:5px;min-height:44px}.bead-size-panel [data-result]{font-weight:700}
.avatar-picker{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.avatar-picker legend{font-weight:700}.avatar-picker p{font-size:14px}.avatar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.avatar-options label{display:flex!important;flex-direction:column;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px}.avatar-options input{width:auto!important}.avatar-options img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid transparent}.avatar-options input:checked+img{border-color:var(--teal)}

/* BeadArtify ordered source: /assets/mobile-polish.css */
body :is(a.upload-button,a.secondary,a.secondary-action,.public-info>button,.pattern-account-actions button,.social-share a,.social-share button,#patternPreview+button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:12px 18px;border:1px solid #bacac9;border-radius:10px;background:#fffdf8;color:#12343a;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
body :is(a.upload-button,.pattern-account-actions button[data-action=save]){background:#087d75;color:#fff;border-color:#087d75}
body :is(a.upload-button,a.secondary,.social-share a,.social-share button,.pattern-account-actions button):hover{background:#e4f1ed;color:#12343a;border-color:#087d75}
body :is(button,a,summary):focus-visible{outline:3px solid #167fbe;outline-offset:3px}
body .pattern-account-actions .project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body .pattern-account-actions .project-actions button{width:100%;margin:0;color:#12343a}
body .pattern-account-actions .project-actions button[data-action=save]{color:#fff}
body .pattern-account-actions label{max-width:none}body .pattern-account-actions input{box-sizing:border-box}
body #patternPreview+button{display:flex;margin:24px auto 0;min-width:210px;background:#12343a;color:#fff}
body #patternPreview+button[hidden]{display:none}
body .public-info> :is(.upload-button,button.secondary){display:flex;width:100%;margin:12px 0}
body .public-info>.project-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
body .public-info>.project-actions button{min-height:44px;width:100%;color:#12343a;margin:0}
.social-share{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.social-share p{flex-basis:100%;margin:4px 0;font-size:13px;line-height:1.5}.social-share a,.social-share button{flex:1;min-width:90px}.social-share a:first-child{border-color:#b82436;color:#a21b2c}.social-share a:nth-child(2){border-color:#2261b4;color:#215aa4}
.site-header>.mobile-language{display:none}
@media(max-width:900px){
 body .site-header{gap:8px;flex-wrap:wrap;align-items:center;padding-inline:16px}
 body .site-header>.brand{margin-inline-end:auto;min-width:0;font-size:clamp(15px,4vw,21px)}
 body .site-header>.brand img{width:32px;height:32px}
 body .site-header>.mobile-language{display:block;position:relative;margin:0}
 body .site-header>.mobile-language>summary,body .site-header>.menu-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 11px;font-size:13px;font-weight:700;border:1px solid #c7d3d0;border-radius:9px;background:#fffdf8;color:#12343a}
 body .site-header>.mobile-language>div{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:155px;max-height:65vh;overflow:auto;margin:0;background:#fffdf8;box-shadow:0 10px 30px #12343a22;z-index:100}
 body .site-header nav .language-menu{display:block}
 body .site-header.has-mobile-language nav .language-menu{display:none}
 body .site-header nav{flex-basis:100%}
}
@media(max-width:560px){
 body .pattern-account-actions{padding:16px}
 body .pattern-account-actions .project-actions{grid-template-columns:1fr}
 body .pattern-account-actions .project-actions button{min-height:46px}
 body .pattern-card .project-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
 body .pattern-card .project-actions a,body .pattern-card .project-actions button{padding:8px 6px;min-height:44px;font-size:11px;overflow-wrap:anywhere;text-align:center;display:flex;justify-content:center;align-items:center}
 .social-share{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.social-share a,.social-share button{min-width:0;padding:10px 4px;font-size:12px}.social-share p{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){body a,body button{transition:none!important}}
/* Shared craft palette, with specialized swatches and drawing tools preserved. */
:root{--craft-ink:#12343a;--craft-teal:#087d75;--craft-paper:#fffdf8;--craft-border:#bacac9;--craft-radius:10px}
body :is(button:not(.swatch):not(.color-swatch):not([data-color]),a.primary-action,a.secondary-action,a.upload-button,a.secondary){border-radius:var(--craft-radius);font-family:Inter,system-ui,sans-serif;font-weight:650;text-decoration:none;line-height:1.35}
body :is(.primary-action,.upload-button,button[type=submit]){background:var(--craft-teal);border:1px solid var(--craft-teal);color:white}
body :is(.secondary-action,.secondary,.craft-downloads button,.sprite-exports button,.save-actions button:not(.primary-action)){background:var(--craft-paper);border:1px solid var(--craft-border);color:var(--craft-ink)}
body button:disabled{opacity:.45;cursor:not-allowed}
body .social-share{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:18px 0;padding:0;border:0;background:transparent;box-shadow:none}
body .social-share :is(a,button){flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:11px;border:1px solid #c5d8d2;border-radius:50%;background:#edf5f1;color:#12665f;box-shadow:none}
body .social-share :is(a,button):hover{background:#087d75;border-color:#087d75;color:white}
body .social-share p{flex-basis:100%;text-align:center;max-width:560px}
body .social-share p:empty{display:none}
body .social-share svg{display:block;flex-shrink:0}
/* Colorful craft actions, kept compact with accessible touch targets. */
body .social-share a[href*="pinterest.com"]{background:#bd1731;border-color:#bd1731;color:#fff;box-shadow:0 3px 8px #bd173124}
body .social-share a[href*="facebook.com"]{background:#1664cb;border-color:#1664cb;color:#fff;box-shadow:0 3px 8px #1664cb24}
body .social-share button{background:linear-gradient(135deg,#7935a6,#ba2361,#bf521f);border-color:#9f2868;color:#fff;box-shadow:0 3px 8px #9f286824}
body .social-share :is(a,button):hover{filter:brightness(.9);color:#fff}
body .cleanup-panel .project-actions{display:flex;align-items:end;flex-wrap:wrap;gap:12px}
body .cleanup-panel .project-actions>button{flex:0 1 auto;min-height:46px;padding:12px 22px;border-radius:14px}
body .cleanup-panel button[data-clean]{background:#08786f;border-color:#08786f;color:#fff;box-shadow:0 4px 10px #08786f22}
body .cleanup-panel button[data-easier]{background:#ede7fb;border-color:#cfc0ed;color:#543385}
body .cleanup-panel button[data-apply]{background:#08786f;border-color:#08786f;color:#fff}
body .cleanup-panel .project-actions>label{flex:1 1 180px;max-width:300px;display:grid;gap:7px;font-size:13px;font-weight:600}
body .cleanup-panel select{width:100%;min-height:46px;padding:10px 36px 10px 14px;border:1px solid #bed5d0;border-radius:12px;background:#f1f7f4;color:#153b39;font:600 14px Inter,system-ui,sans-serif;box-shadow:0 2px 5px #143b3908}
body .cleanup-panel :is(button,select):focus-visible,body .social-share :is(a,button):focus-visible{outline:3px solid #e4a62d;outline-offset:3px}
body .cleanup-panel button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
@media(max-width:540px){body .cleanup-panel .project-actions>label{flex-basis:100%;max-width:none;order:-1}body .cleanup-panel .project-actions>button{flex:1 1 130px}}