[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}}