#kolorowanki{display:block}#kolorowanki[hidden],#kolorowanki [hidden]{display:none!important}.coloring-intro{max-width:780px;line-height:1.7}.coloring-download-all{display:inline-block;margin:10px 0 24px;padding:13px 22px;background:#ffdc39;border:2px solid #e8b919;border-radius:16px;box-shadow:0 4px 0 #d4a600;color:#09377a;text-decoration:none;font-weight:700}.coloring-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.coloring-sheet{min-width:0;background:#fff9fc;border:2px solid #efd8e8;border-radius:20px;overflow:hidden;box-shadow:0 5px 0 #e9dfe8}.coloring-sheet .coloring-preview{display:block;border:0;border-radius:0;background:white;width:100%;padding:12px;cursor:zoom-in;box-sizing:border-box}.coloring-sheet .coloring-preview img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.coloring-sheet-copy{padding:12px}.coloring-sheet-copy h3{font-size:1.08rem;line-height:1.4;margin:5px 0 12px;color:#173e7b}.coloring-complexity{font-size:.8rem;color:#963365;font-weight:700}.coloring-sheet-links{display:flex;gap:8px;flex-wrap:wrap}.coloring-sheet-links a,.coloring-dialog a,.coloring-dialog button{padding:10px 12px;border:2px solid #d9dfea;background:white;color:#123d7a;border-radius:12px;font:inherit;font-weight:700;text-decoration:none;min-height:44px;box-sizing:border-box;cursor:pointer}.coloring-sheet-links a:first-child{background:#ffe3ee;border-color:#f0b8d0}.coloring-sheet-links a{font-size:.85rem;flex:1;text-align:center}.coloring-dialog{width:min(920px,94vw);max-height:92vh;border:2px solid #e4cee0;border-radius:22px;padding:20px;background:#fffaf3;color:#123d7a;box-sizing:border-box}.coloring-dialog::backdrop{background:#102744b8}.coloring-dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.coloring-dialog-head h3{margin:0;font-size:1.3rem}.coloring-dialog img{display:block;max-height:65vh;width:100%;object-fit:contain;margin:15px auto;background:white}.coloring-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.coloring-help{font-size:.9rem;line-height:1.6}#kolorowanki a:focus-visible,#kolorowanki button:focus-visible{outline:3px solid #164ea0;outline-offset:3px}
@media(max-width:1050px){.coloring-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.coloring-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coloring-sheet-copy{padding:10px}.coloring-sheet-copy h3{font-size:1rem}.coloring-sheet-links{flex-direction:column}.coloring-dialog{padding:14px}.coloring-dialog img{max-height:55vh}.coloring-dialog-actions a{flex:1;text-align:center}}