#stikkma-hats-v1 .stikkma-motif-picker{--mp-ink:#173b32;--mp-muted:#62726a;--mp-line:#d9ddd5;--mp-paper:#fff;--mp-cream:#f7f5ef;--mp-accent:#ab6546;color:var(--mp-ink);font-family:inherit}
#stikkma-hats-v1 .stikkma-motif-picker *,#stikkma-hats-v1 .stikkma-motif-dialog *{box-sizing:border-box}
#stikkma-hats-v1 .stikkma-motif-picker [hidden],#stikkma-hats-v1 .stikkma-motif-dialog [hidden]{display:none!important}
#stikkma-hats-v1 .stikkma-motif-summary{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--mp-line);border-radius:14px;background:var(--mp-paper)}
#stikkma-hats-v1 .stikkma-motif-summary canvas{width:66px;height:66px;flex:0 0 66px;background:var(--mp-cream);border-radius:10px}
#stikkma-hats-v1 .stikkma-motif-summary-copy{flex:1;min-width:0}
#stikkma-hats-v1 .stikkma-motif-summary strong,#stikkma-hats-v1 .stikkma-motif-summary small{display:block}
#stikkma-hats-v1 .stikkma-motif-summary strong{font-size:1rem;line-height:1.4}
#stikkma-hats-v1 .stikkma-motif-summary small{font-size:.82rem;color:var(--mp-muted);margin-top:3px}
#stikkma-hats-v1 .stikkma-motif-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#stikkma-hats-v1 .stikkma-motif-picker button,#stikkma-hats-v1 .stikkma-motif-dialog button{font:inherit;cursor:pointer;min-height:44px;touch-action:manipulation}
#stikkma-hats-v1 .stikkma-motif-picker button:focus-visible,#stikkma-hats-v1 .stikkma-motif-dialog :focus-visible{outline:3px solid #c19650;outline-offset:3px}
#stikkma-hats-v1 .stikkma-motif-open,#stikkma-hats-v1 .stikkma-motif-apply{border:1px solid var(--mp-ink);border-radius:9px;padding:10px 17px;background:var(--mp-ink);color:#fff;font-weight:650}
#stikkma-hats-v1 .stikkma-motif-remove,#stikkma-hats-v1 .stikkma-motif-none{border:0;background:transparent;color:var(--mp-ink);padding:10px;text-decoration:underline;text-underline-offset:3px}
#stikkma-hats-v1 .stikkma-motif-dialog{--mp-ink:#173b32;--mp-muted:#62726a;--mp-line:#d9ddd5;--mp-paper:#fff;--mp-cream:#f7f5ef;--mp-accent:#ab6546;color:var(--mp-ink);font-family:inherit;width:min(950px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:var(--mp-cream);box-shadow:0 25px 95px #10261b40;overflow:hidden}
#stikkma-hats-v1 .stikkma-motif-dialog::backdrop{background:#14272080;backdrop-filter:blur(3px)}
#stikkma-hats-v1 .stikkma-motif-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
#stikkma-hats-v1 .stikkma-motif-header{flex:0 0 auto;background:var(--mp-cream);padding:24px 26px 18px;border-bottom:1px solid var(--mp-line)}
#stikkma-hats-v1 .stikkma-motif-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
#stikkma-hats-v1 .stikkma-motif-heading-row h2{font-family:inherit;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.2;margin:0 0 6px;font-weight:650}
#stikkma-hats-v1 .stikkma-motif-heading-row p{margin:0;color:var(--mp-muted);font-size:.9rem;line-height:1.5}
#stikkma-hats-v1 .stikkma-motif-close{flex:0 0 44px;width:44px;border:1px solid var(--mp-line);border-radius:50%;background:#fff;color:var(--mp-ink);font-size:1.7rem!important;line-height:1}
#stikkma-hats-v1 .stikkma-motif-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.65fr);gap:14px;margin-top:20px}
#stikkma-hats-v1 .stikkma-motif-filters label{display:block;font-size:.8rem;font-weight:650}
#stikkma-hats-v1 .stikkma-motif-filters input,#stikkma-hats-v1 .stikkma-motif-filters select{display:block;width:100%;height:46px;margin-top:6px;border:1px solid #b8c2b8;border-radius:8px;background:#fff;color:var(--mp-ink);font:inherit;font-size:1rem;padding:0 12px}
#stikkma-hats-v1 .stikkma-motif-style{border:0;padding:0;margin:17px 0 0;display:flex;gap:8px;align-items:center}
#stikkma-hats-v1 .stikkma-motif-style legend{float:left;line-height:44px;font-size:.8rem;font-weight:650;margin-right:8px}
#stikkma-hats-v1 .stikkma-motif-style label{position:relative;display:flex;align-items:center;min-height:44px}
#stikkma-hats-v1 .stikkma-motif-style input{position:absolute;opacity:0;width:1px;height:1px}
#stikkma-hats-v1 .stikkma-motif-style span{display:flex;align-items:center;min-height:44px;padding:9px 20px;border:1px solid #a7b6ab;border-radius:999px;background:#fff;cursor:pointer;font-size:.9rem}
#stikkma-hats-v1 .stikkma-motif-style input:checked+span{border-color:var(--mp-ink);background:var(--mp-ink);color:#fff}
#stikkma-hats-v1 .stikkma-motif-style input:focus-visible+span{outline:3px solid #c19650;outline-offset:3px}
#stikkma-hats-v1 .stikkma-motif-scroll{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:18px 26px 24px;min-height:150px}
#stikkma-hats-v1 .stikkma-motif-results{margin:0 0 12px;color:var(--mp-muted);font-size:.82rem;min-height:1.4em}
#stikkma-hats-v1 .stikkma-motif-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
#stikkma-hats-v1 .stikkma-motif-card{display:flex;position:relative;flex-direction:column;width:100%;height:100%;min-width:0;border:1px solid var(--mp-line);background:#fff;border-radius:12px;padding:10px 10px 13px;color:var(--mp-ink);text-align:left}
#stikkma-hats-v1 .stikkma-motif-card[aria-pressed=true]{border:2px solid var(--mp-ink);padding:9px 9px 12px;box-shadow:0 0 0 2px #d3ded5}
#stikkma-hats-v1 .stikkma-motif-card[aria-pressed=true]::after{content:"✓";position:absolute;right:8px;top:8px;width:25px;height:25px;border-radius:50%;background:var(--mp-ink);color:#fff;text-align:center;line-height:25px;font-weight:bold}
#stikkma-hats-v1 .stikkma-motif-card canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:var(--mp-cream);border-radius:7px;margin-bottom:9px}
#stikkma-hats-v1 .stikkma-motif-card-name{font-size:.89rem;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
#stikkma-hats-v1 .stikkma-motif-card-status{font-size:.72rem;line-height:1.4;color:var(--mp-muted);min-height:1em;margin-top:4px}
#stikkma-hats-v1 .stikkma-motif-empty{padding:35px 15px;text-align:center;background:#fff;border:1px dashed #a9b7ac;border-radius:12px}
#stikkma-hats-v1 .stikkma-motif-empty strong{display:block;margin-bottom:8px}
#stikkma-hats-v1 .stikkma-motif-empty p{margin:0;color:var(--mp-muted);font-size:.9rem;line-height:1.6}
#stikkma-hats-v1 .stikkma-motif-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}
#stikkma-hats-v1 .stikkma-motif-pagination button{border:1px solid var(--mp-line);border-radius:8px;background:#fff;color:var(--mp-ink);padding:8px 15px}
#stikkma-hats-v1 .stikkma-motif-pagination span{font-size:.8rem;color:var(--mp-muted)}
#stikkma-hats-v1 .stikkma-motif-dialog button:disabled{opacity:.45;cursor:not-allowed}
#stikkma-hats-v1 .stikkma-motif-footer{display:flex;align-items:center;gap:15px;flex:0 0 auto;justify-content:space-between;padding:16px 26px;border-top:1px solid var(--mp-line);background:#fff}
#stikkma-hats-v1 .stikkma-motif-footer-selection{min-width:0;flex:1}
#stikkma-hats-v1 .stikkma-motif-footer-selection strong,#stikkma-hats-v1 .stikkma-motif-footer-selection small{display:block}
#stikkma-hats-v1 .stikkma-motif-footer-selection strong{font-size:.9rem;line-height:1.4}
#stikkma-hats-v1 .stikkma-motif-footer-selection small{font-size:.77rem;color:var(--mp-muted);margin-top:3px;line-height:1.4}
#stikkma-hats-v1 .stikkma-motif-footer-actions{display:flex;gap:8px;align-items:center}
#stikkma-hats-v1 .stikkma-motif-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){#stikkma-hats-v1 .stikkma-motif-summary{gap:10px;padding:12px;flex-wrap:wrap}
#stikkma-hats-v1 .stikkma-motif-summary canvas{width:55px;height:55px;flex-basis:55px}
#stikkma-hats-v1 .stikkma-motif-actions{width:100%;justify-content:flex-end}
#stikkma-hats-v1 .stikkma-motif-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:13px}
#stikkma-hats-v1 .stikkma-motif-shell{max-height:calc(100dvh - 16px)}
#stikkma-hats-v1 .stikkma-motif-header{padding:17px 15px 14px}
#stikkma-hats-v1 .stikkma-motif-filters{grid-template-columns:1fr;gap:11px;margin-top:16px}
#stikkma-hats-v1 .stikkma-motif-style{margin-top:13px}
#stikkma-hats-v1 .stikkma-motif-scroll{padding:15px}
#stikkma-hats-v1 .stikkma-motif-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#stikkma-hats-v1 .stikkma-motif-card-name{font-size:.85rem}
#stikkma-hats-v1 .stikkma-motif-footer{padding:13px 15px;flex-wrap:wrap;gap:10px}
#stikkma-hats-v1 .stikkma-motif-footer-selection{width:100%;flex-basis:100%}
#stikkma-hats-v1 .stikkma-motif-footer-actions{width:100%;justify-content:space-between}
#stikkma-hats-v1 .stikkma-motif-apply{flex:1;max-width:250px}
#stikkma-hats-v1 .stikkma-motif-heading-row p{font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){#stikkma-hats-v1 .stikkma-motif-dialog *{scroll-behavior:auto}
}