/*
Theme Name: Paper & Play
Version: 1.0.0
Description: An original, printable coloring library and studio.
*/
:root{--paper:#faf8f1;--ink:#29392f;--muted:#718075;--green:#355b45;--orange:#c87956;--line:#dddcd1;--cream:#eee9dd;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next','Trebuchet MS',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.1}h3{line-height:1.25}em{font-weight:400;color:var(--green)}.top-note{text-align:center;padding:9px 20px;background:#e7ecdf;color:#46654e;font-size:11px;letter-spacing:.13em}.site-header{max-width:1360px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 5%;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:32px;letter-spacing:-1.5px;white-space:nowrap}.amp{font-style:italic;margin:0 3px;color:var(--orange)}.logo-flower{font-size:36px;vertical-align:middle;color:var(--green);margin-right:10px}.logo-dot{color:var(--orange)}.site-header nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav-studio{padding:11px 18px;border:1px solid var(--green);border-radius:5px}.skip-link{position:absolute;top:-80px;left:10px;background:white;padding:12px;z-index:99}.skip-link:focus{top:10px}.hero{max-width:1360px;margin:auto;padding:74px 6% 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:block}.small-star{color:var(--orange);font-size:17px;margin-right:7px}.hero h1{font-size:clamp(52px,6.1vw,90px);margin:20px 0 24px}.hero-copy>p{color:#707b70;max-width:390px;font-size:17px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin:29px 0}.button{display:inline-flex;gap:25px;justify-content:center;align-items:center;border:1px solid var(--green);border-radius:5px;background:var(--green);color:white;padding:14px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#274733;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--green)}.text-link{font-size:13px;border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.hero-notes{display:flex;gap:15px;color:#788074;font-size:10px;margin-top:28px}.hero-art{position:relative;padding:10px 35px 25px 20px}.paper-back{position:absolute;inset:10px 25px 20px;background:#e0e6d6;border-radius:6px;transform:rotate(-9deg)}.hero-paper{position:relative;transform:rotate(5deg);background:white;padding:17px 17px 0;box-shadow:0 20px 40px #29392f18;border:1px solid #e1dccc;max-width:355px;margin:auto}.hero-paper img{width:100%;height:350px;object-fit:cover;object-position:center}.paper-label{display:block;padding:15px 0;text-align:center;font-size:8px;letter-spacing:.13em}.hand-note{font:italic 19px/1.1 var(--serif);position:absolute;right:0;top:-20px;transform:rotate(12deg);color:var(--orange)}.color-dot{width:36px;height:36px;position:absolute;border-radius:50%;border:4px solid var(--paper);box-shadow:0 3px 8px #0001}.dot-one{background:#b4c39e;bottom:20px;left:5px}.dot-two{background:#edb55c;bottom:10px;left:47px}.dot-three{background:#d77756;bottom:2px;left:89px}.promise-strip{padding:20px 6%;border-block:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;font-size:11px;color:#6f7b70}.promise-strip span:first-child{font-size:9px;letter-spacing:.1em;font-weight:700}.section-wrap{max-width:1360px;margin:auto;padding:74px 6%}.section-wrap.compact{padding-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading h2{font-size:39px;margin:12px 0 0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.art-preview{position:relative;display:flex;align-items:center;justify-content:center;background:#eaece1;overflow:hidden;border-radius:6px;height:260px;padding:22px}.theme-grid .art-card:nth-child(2) .art-preview{background:#e5eced}.theme-grid .art-card:nth-child(3) .art-preview{background:#efe5d7}.theme-grid .art-card:nth-child(4) .art-preview{background:#e8e4ed}.theme-grid .art-card:nth-child(5) .art-preview{background:#eee6df}.theme-grid .art-card:nth-child(6) .art-preview{background:#ecebdc}.art-preview img{height:100%;width:auto;max-width:90%;object-fit:contain;background:white;box-shadow:0 8px 14px #0000000a;transition:transform .3s;transform:rotate(-3deg)}.art-card:hover .art-preview img{transform:rotate(0deg) scale(1.04)}.preview-arrow{position:absolute;bottom:15px;right:15px;background:var(--paper);border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px}.card-copy{padding:18px 0 5px}.card-copy .eyebrow{color:#788274;font-size:8px}.card-copy h3{font:25px/1.2 var(--serif);letter-spacing:-.02em;margin:8px 0}.studio-link{font-size:11px;color:var(--green)}.studio-link span{margin-left:10px}.studio-promo{max-width:1200px;margin:10px auto;background:#e6ecdf;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:55px 7%;border-radius:7px}.studio-promo h2{font-size:47px;margin:15px 0 22px}.studio-promo p{max-width:400px;font-size:14px;color:#677765}.promo-palette{text-align:center}.promo-palette>span{font-size:170px;color:#587963;line-height:1}.promo-palette>div{display:flex;justify-content:center;gap:14px;margin-top:25px}.promo-palette i{display:block;border-radius:50%;width:34px;height:34px;background:#d77756;box-shadow:0 0 0 5px #faf8f155}.promo-palette i:nth-child(2){background:#edb55c}.promo-palette i:nth-child(3){background:#6c9eae}.promo-palette i:nth-child(4){background:#a287b0}.promo-palette i:nth-child(5){background:#e4a1a6}.slow-note{text-align:center;padding:60px 20px 85px}.slow-note>span{font-size:50px;color:var(--orange)}.slow-note h2{font-size:40px;margin:22px 0}.slow-note p{font-size:13px;color:var(--muted)}.site-footer{background:#eeeee5;border-top:1px solid var(--line);padding:50px 6%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;font-size:12px;color:#657365}.site-footer p{margin:16px 0 0}.site-footer .eyebrow{margin-bottom:15px}.site-footer>div>a:not(.wordmark){display:block;margin:7px 0}.footer-credit{align-self:end;font-size:10px}.page-intro{max-width:1000px;padding:62px 6% 20px;margin:auto;text-align:center}.page-intro h1{font-size:58px;margin:16px 0}.page-intro p,.intro-text{color:var(--muted);max-width:650px;margin:auto}.library-filters{display:flex;gap:16px;padding:23px;background:#eeeee5;border-radius:6px;align-items:end}.library-filters label:first-child{flex:1.6}.library-filters label{flex:1;min-width:0}.library-filters label>span{display:block;font-size:10px;letter-spacing:.03em;margin-bottom:6px}.library-filters input,.library-filters select{width:100%;padding:12px;background:var(--paper);border:1px solid #d8dcd0;border-radius:4px;font-size:12px}.results-count{color:var(--muted);font-size:11px;padding:24px 0}.pagination{display:flex;gap:10px;justify-content:center;margin:40px 0 0}.pagination a{padding:9px 17px;border:1px solid var(--line);border-radius:4px}.pagination [aria-current]{background:var(--green);color:white}.breadcrumbs{max-width:1200px;margin:28px auto 0;padding:0 4%;display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted)}.sheet-detail{max-width:1100px;margin:auto;padding:45px 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-paper{background:white;padding:20px;border:1px solid var(--line);box-shadow:0 8px 25px #00000005}.detail-copy h1{font-size:52px;margin:16px 0 25px}.detail-copy p{font-size:14px;color:var(--muted)}.detail-copy>.button{display:flex;width:100%;margin-bottom:12px}.detail-copy>.text-link{display:block;margin:20px 0}.detail-note{padding:20px 0;border-block:1px solid var(--line);font-size:11px;color:var(--muted);margin:25px 0}.prose{max-width:740px;margin:60px auto 100px;padding:0 24px}.prose h1{font-size:56px;margin:16px 0 35px}.prose h2{font-size:30px;margin-top:35px}.prose a{text-decoration:underline}.empty-state{text-align:center;padding:50px 15px}.empty-state>span{font-size:40px;color:var(--orange)}.empty-state h2{font-size:30px;margin:20px 0 10px}.empty-state p{color:var(--muted);font-size:14px}.studio-heading{max-width:1360px;margin:auto;padding:42px 5% 28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.studio-heading h1{font-size:44px;margin:10px 0}.studio-heading p{font-size:11px;margin:0;color:var(--muted)}.studio-layout{display:grid;grid-template-columns:230px 1fr;max-width:1230px;margin:0 auto 45px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.studio-tools{background:var(--paper);padding:26px 20px;border-right:1px solid var(--line)}.tool-buttons{display:flex;gap:5px;margin:20px 0}.tool-buttons button{background:white;border:1px solid var(--line);border-radius:5px;flex:1;line-height:1.2;padding:12px 6px;font-size:23px;color:var(--green)}.tool-buttons span{display:block;font-size:9px;margin-top:5px}.tool-buttons [aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.tool-label{display:flex;justify-content:space-between;font-size:11px;margin:16px 0 7px}input[type=range]{width:100%;accent-color:var(--green)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatches button{background:var(--swatch);width:32px;height:32px;border:1px solid #0001;border-radius:50%}.swatches [aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.custom-color{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;margin-top:18px}.custom-color input{padding:0;border:0;width:30px;height:28px;background:none;cursor:pointer}.history-buttons{display:flex;gap:8px;margin-top:30px}.history-buttons button{flex:1;padding:9px 6px;background:none;border:1px solid var(--line);border-radius:5px;font-size:10px}.clear-button{background:none;border:0;font-size:10px;color:#9a5946;text-decoration:underline;padding:18px 0}.save-status{font-size:9px;color:var(--muted);line-height:1.5;margin:10px 0}.studio-workspace{min-width:0;background:#e8e8de}.canvas-toolbar{display:flex;justify-content:space-between;gap:10px;padding:12px 20px;background:#f2f1e9;border-bottom:1px solid var(--line);font-size:10px;align-items:center}.canvas-toolbar>div{display:flex;align-items:center;gap:8px}.canvas-toolbar button{border:0;background:var(--paper);padding:5px 12px;border-radius:3px;font-size:12px}.canvas-scroll{overflow:auto;height:620px;padding:30px;position:relative;background-image:radial-gradient(#bdc4b2 1px,transparent 1px);background-size:15px 15px;overscroll-behavior:contain}.canvas-scroll.zoomed{touch-action:none}#canvas-stack{position:relative;width:410px;max-width:100%;margin:auto;background:white;box-shadow:0 7px 25px #0001;line-height:0}#paint-canvas{position:relative;width:100%;height:auto;display:block;touch-action:none}#line-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.studio-loading{position:absolute;inset:0;display:grid;place-items:center;background:#e8e8de;z-index:2;font-size:13px}.studio-loading[hidden]{display:none}.download-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#f2f1e9;font-size:11px;border-top:1px solid var(--line)}.download-bar>div{display:flex;gap:8px}.download-bar button{border:1px solid var(--line);background:var(--paper);padding:9px 12px;border-radius:4px;font-size:10px}.download-bar .button{background:var(--green);color:white}.studio-layout.loading button{pointer-events:none;opacity:.4}.error-text{color:#a33522!important}
@media(min-width:1400px){.hero-art{padding:5px 35px 25px}.hero-paper{max-width:390px}.hero-paper img{height:390px}}@media(max-width:960px){.site-header nav{gap:18px}.hero{gap:20px;padding-top:55px}.hero-notes{flex-wrap:wrap}.hero-paper img{height:280px}.promise-strip span:last-child{display:none}.sheet-grid{grid-template-columns:repeat(3,1fr)}.section-wrap{padding:55px 5%}.studio-promo{margin:0 5%;padding:45px 5%}.studio-layout{margin:0 4% 45px;grid-template-columns:200px 1fr}.studio-tools{padding:22px 15px}.canvas-scroll{padding:22px;height:560px}.download-bar{flex-wrap:wrap}.library-filters{flex-wrap:wrap}.library-filters label:first-child{flex-basis:100%}.sheet-detail{gap:35px}.detail-copy h1{font-size:43px}}@media(max-width:640px){.top-note{font-size:8px;padding:8px 10px}.site-header{padding:18px 5%;gap:10px}.wordmark{font-size:25px}.logo-flower{font-size:25px;margin-right:5px}.site-header nav{gap:10px}.site-header nav>a:not(.nav-studio){display:none}.nav-studio{font-size:10px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:40px 7% 45px}.hero h1{font-size:64px;margin:16px 0 22px}.hero-copy>p{font-size:14px;max-width:290px}.hero-actions{margin:23px 0}.hero-art{max-width:320px;width:100%;margin:38px auto 0;padding:10px 25px 25px 15px}.hero-paper img{height:290px}.hand-note{font-size:16px;top:-12px}.hero-notes{font-size:9px;gap:10px}.promise-strip{padding:16px 5%;justify-content:center;flex-wrap:wrap;gap:7px 25px;font-size:9px}.promise-strip span:first-child{flex-basis:100%;text-align:center;font-size:8px}.section-heading{align-items:start}.section-heading h2{font-size:30px;margin-top:10px}.section-heading .text-link{font-size:10px;max-width:80px}.theme-grid,.sheet-grid{grid-template-columns:repeat(2,1fr);gap:20px 15px}.art-preview{height:210px;padding:17px}.sheet-grid .art-preview{height:190px}.card-copy h3{font-size:21px}.card-copy .eyebrow{font-size:7px;letter-spacing:.1em}.studio-promo{grid-template-columns:1fr;text-align:center;gap:22px;padding:30px 25px}.studio-promo h2{font-size:37px}.studio-promo p{font-size:13px}.promo-palette>span{font-size:95px}.promo-palette>div{margin-top:12px}.promo-palette i{width:24px;height:24px}.slow-note{padding:45px 20px 60px}.slow-note h2{font-size:31px}.site-footer{grid-template-columns:1.4fr 1fr;gap:30px;padding:35px 6%}.footer-credit{grid-column:1/-1}.page-intro{padding:40px 6% 15px}.page-intro h1{font-size:42px}.page-intro p{font-size:13px}.library-filters{padding:15px;gap:12px}.library-filters label{flex-basis:44%}.library-filters>.button{width:100%}.sheet-detail{grid-template-columns:1fr;gap:30px;padding-top:25px}.detail-copy h1{font-size:40px}.detail-paper{max-width:360px;margin:auto}.prose h1{font-size:43px}.studio-heading{padding:32px 5% 22px;display:block}.studio-heading h1{font-size:35px}.studio-heading>.text-link{display:inline-block;margin-top:12px}.studio-layout{display:flex;flex-direction:column;margin:0 3% 30px}.studio-tools{border-right:0;border-bottom:1px solid var(--line);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.studio-tools>.eyebrow{grid-column:1/-1}.tool-buttons{margin:5px 0;grid-column:1/-1}.tool-buttons button{display:flex;align-items:center;gap:8px;justify-content:center;font-size:19px;padding:8px}.tool-buttons span{margin:0;font-size:11px}.tool-label{margin:5px 0;grid-column:1}.studio-tools input[type=range]{grid-column:1}.studio-tools>.tool-label:nth-of-type(3){grid-column:2;grid-row:3}.swatches{grid-column:2;grid-row:4/7;grid-template-columns:repeat(4,1fr);gap:8px}.swatches button{width:25px;height:25px}.custom-color{grid-column:2;margin:0}.history-buttons{margin:5px 0;grid-column:1;grid-row:7}.clear-button{grid-column:1;padding:0;text-align:left}.save-status{grid-column:1/-1;margin:0}.canvas-scroll{height:500px;padding:18px}#canvas-stack{max-width:100%;width:360px}.canvas-toolbar{padding:10px;font-size:9px}.canvas-toolbar button{padding:4px 9px}.download-bar{justify-content:center;padding:14px}.download-bar>span{display:none}.studio-link{font-size:10px}}
@media(max-width:640px){.studio-tools>label[for=brush-size]{grid-area:3/1}.studio-tools>#brush-size{grid-area:4/1}.studio-tools>label[for=paint-opacity]{grid-area:5/1}.studio-tools>#paint-opacity{grid-area:6/1}.studio-tools>span.tool-label{grid-area:3/2}.studio-tools>.swatches{grid-area:4/2/7/3;align-content:start}.swatches button{width:30px;height:30px}.studio-tools>.custom-color{grid-area:7/2}.studio-tools>.history-buttons{grid-area:7/1}.studio-tools>.clear-button{grid-area:8/1/9/3}.studio-tools>.save-status{grid-area:9/1/10/3}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body{background:white}.site-header,.top-note,.site-footer,.breadcrumbs,.detail-copy,.skip-link{display:none!important}.sheet-detail{display:block;padding:0;margin:0}.detail-paper{border:0;padding:0;box-shadow:none;max-width:none}.detail-paper img{max-height:245mm;width:auto;margin:auto}@page{size:auto;margin:10mm}}

/* Give intricate artwork enough space to read, including on phones. */
.is-detailed .art-preview{height:330px;padding:12px}.is-detailed .art-preview img{max-width:100%;transform:none}.section-heading p{max-width:560px;color:var(--muted);line-height:1.7;margin-bottom:0}@media(max-width:600px){.is-detailed .art-preview{height:235px;padding:8px}}