.coloring-hub{margin:0;background:var(--paper,#faf8f2);color:var(--ink,#302b25);font-family:system-ui,sans-serif}.coloring-main{max-width:1200px;margin:auto;padding:20px 24px 180px}.coloring-hub a{color:inherit;text-underline-offset:4px}.coloring-nav,.section-tabs,.filter-row,.results-bar,.card-buttons,.preview-header{display:flex;align-items:center;gap:16px}.coloring-nav,.results-bar,.preview-header{justify-content:space-between}.section-tabs a{padding:10px 16px;text-decoration:none;border-bottom:3px solid transparent}.section-tabs [aria-current]{border-color:#ad802f;font-weight:700}.coloring-hub button,.coloring-hub select,.coloring-hub input[type=search],.download-menu summary{font:inherit;color:inherit;background:var(--paper,#fff);border:1px solid #a8957666;border-radius:8px;padding:9px 12px}.coloring-hub button,.download-menu summary{cursor:pointer}.coloring-hub button:disabled{opacity:.5;cursor:default}.coloring-heading{padding:32px 0 25px;max-width:780px}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700;color:#987333}.coloring-heading h1{font:clamp(30px,5vw,50px)/1.15 Georgia,serif;margin:12px 0}.coloring-heading p:not(.eyebrow){line-height:1.6;opacity:.8}.collection-downloads{font-size:14px}.collection-downloads summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.collection-downloads>div{display:flex;gap:12px;flex-wrap:wrap;padding-top:14px}.collection-downloads a{padding:10px;border:1px solid #ad802f55;border-radius:6px}.coloring-toolbar{border-block:1px solid #a8957644;padding:18px 0}.coloring-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:13px}.search-label input{width:100%;box-sizing:border-box;font-size:16px!important}.filter-row{flex-wrap:wrap;margin-top:14px;align-items:flex-end}.filter-row label{flex:1;min-width:150px}.results-bar{font-size:14px;margin:18px 0}.coloring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.coloring-card{min-width:0;border:1px solid #b9ac9366;border-radius:12px;background:var(--paper,#fff)}.card-choice{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:12px}.card-choice label{display:flex;align-items:center;gap:6px;cursor:pointer}.card-choice input{width:18px;height:18px;accent-color:#725336}.coloring-hub .favourite{font-size:23px;border:0;padding:2px 8px}.coloring-hub .coloring-preview{display:block;padding:0;border:0;border-radius:0;width:100%;aspect-ratio:1;background:white;overflow:hidden}.coloring-preview img{width:100%;height:100%;display:block;object-fit:contain}.coloring-card-body{padding:17px}.coloring-card h2{font:22px/1.3 Georgia,serif;margin:0 0 8px}.card-themes{font-size:12px;opacity:.75;line-height:1.5;margin:0 0 15px}.card-buttons{font-size:13px;flex-wrap:wrap;gap:10px}.download-menu{position:relative}.download-menu summary{list-style:none}.download-menu summary:after{content:' ▾'}.download-menu[open]{z-index:4}.download-options{position:absolute;right:0;top:calc(100% + 4px);min-width:190px;background:var(--paper,#fff);padding:8px;border:1px solid #a8957688;border-radius:8px;box-shadow:0 8px 20px #0002;z-index:5}.download-options a{display:block;padding:10px;line-height:1.4}.coloring-grid[data-view=compact]{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.coloring-grid[data-view=compact] h2{font-size:17px}.coloring-grid[data-view=compact] .card-choice label{font-size:0}.coloring-grid[data-view=compact] .coloring-card-body{padding:12px}.coloring-grid[data-view=compact] .card-themes{display:none}.coloring-grid[data-view=list]{grid-template-columns:1fr;gap:10px}.coloring-grid[data-view=list] .coloring-card{display:grid;grid-template-columns:180px 90px 1fr;align-items:center}.coloring-grid[data-view=list] .coloring-card-body{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.coloring-grid[data-view=list] h2{flex:1;min-width:180px;margin:0}.coloring-grid[data-view=list] .card-themes{display:none}.coloring-more{text-align:center;margin:30px 0}.coloring-more p{font-size:13px;opacity:.7}.pack-bar{position:sticky;bottom:12px;z-index:6;margin-top:28px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:var(--paper,#fff);border:1px solid #ad802f88;border-radius:12px;box-shadow:0 4px 24px #0002}.pack-bar label{display:flex;gap:8px;align-items:center;font-size:13px}.pack-bar strong{margin-right:auto}.pack-bar #pack-status{flex-basis:100%;font-size:13px}.pack-bar #pack-status:empty{display:none}.coloring-hub .primary{background:#725336;color:white;border-color:#725336}#preview-dialog{width:min(900px,90vw);max-height:90vh;box-sizing:border-box;border:1px solid #a8957666;border-radius:14px;padding:20px;background:var(--paper,#fff);color:inherit}#preview-dialog::backdrop{background:#000a}.preview-header{position:sticky;top:-20px;background:var(--paper,#fff);padding:10px 0;z-index:2}.preview-header h2{font:24px Georgia,serif;margin:0}#preview-image{display:block;width:100%;max-height:65vh;object-fit:contain;background:white}#preview-actions{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0}#preview-actions a{padding:10px;border:1px solid #a8957666;border-radius:7px;font-size:14px}.coloring-hub :focus-visible{outline:3px solid #ad802f;outline-offset:3px}.coloring-hub .site-appearance-bar{gap:12px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:900px){.coloring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coloring-grid[data-view=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.coloring-main{padding:16px 14px 80px}.coloring-heading{padding:24px 0}.coloring-nav{gap:8px;font-size:13px}.coloring-nav label>span{display:none}.section-tabs{gap:0}.section-tabs a{padding:10px}.coloring-grid{grid-template-columns:1fr;gap:18px}.coloring-grid[data-view=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-row{gap:10px}.filter-row label{min-width:120px}.coloring-grid[data-view=list] .coloring-card{grid-template-columns:70px 1fr}.coloring-grid[data-view=list] .card-choice{grid-column:1/-1}.coloring-grid[data-view=list] .coloring-card-body{padding:12px;gap:10px}.coloring-grid[data-view=list] h2{min-width:0;flex-basis:100%;font-size:18px}.pack-bar{bottom:6px;padding:12px;gap:8px}.pack-bar label{flex:1}.pack-bar #build-pack{flex:1}#preview-dialog{padding:12px;width:94vw}.preview-header{top:-12px}.preview-header h2{font-size:20px}}
