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