:root{--ink:#253b35;--green:#245c49;--lime:#e5f3a8;--cream:#f7f6ef}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:var(--green)}header{max-width:1320px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe4d7;gap:16px}header a{text-decoration:none;font-size:14px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{color:#649466}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:7px}main{max-width:1320px;margin:auto;padding:0 36px}.intro{padding:55px 0 38px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#67856f}h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,68px);font-weight:400;letter-spacing:-2px;margin:14px 0}p{line-height:1.65}.intro p{color:#607268;font-size:18px}.section-title,.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:22px;font-weight:600}.section-title span,.muted{font-size:13px;color:#718078}.filters{display:flex;gap:9px;margin:16px 0 26px;flex-wrap:wrap}button{font:inherit;border:1px solid #d5ded2;background:#fff;color:var(--ink);border-radius:12px;padding:11px 15px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#edf4e6}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2b8974;outline-offset:4px}button:disabled{opacity:.45;cursor:default}.filters .active,.primary{background:var(--green);color:white;border-color:var(--green)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{display:block;text-align:left;padding:0;overflow:hidden;border:1px solid #e0e5d7;background:white;border-radius:18px;box-shadow:0 5px 22px #233c3505}.card:hover{transform:translateY(-4px);background:white;box-shadow:0 8px 25px #233c3515}.thumb{background:#eef0e4;height:235px;display:flex;justify-content:center;padding:15px}.thumb canvas{height:100%;width:auto;max-width:100%;object-fit:contain}.card-body{padding:17px}.card-body strong{display:block;font-size:17px;margin-bottom:8px}.card-meta{display:flex;justify-content:space-between;font-size:11px;color:#738276}.badge{background:#f0f4e7;padding:4px 7px;border-radius:7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;margin-top:20px}.paper-wrap{position:relative;border-radius:22px;background:#e9ecdf;padding:22px;overflow:hidden}#viewport{overflow:auto;max-height:78vh;scrollbar-width:thin;text-align:center}#art{display:block;width:100%;height:auto;background:#fff;box-shadow:0 5px 24px #27392c12;touch-action:manipulation;margin:auto}aside{background:white;border:1px solid #e0e6d8;border-radius:22px;padding:24px;height:fit-content}aside h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:12px 0}.progress-row{display:flex;justify-content:space-between;margin-top:22px;align-items:center}.progress-row span{font-size:11px;color:#748176}progress{width:100%;height:8px;margin:12px 0 18px;accent-color:var(--green)}#palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{border-radius:50%;position:relative;width:48px;height:48px;padding:0;border:3px solid white;box-shadow:0 0 0 1px #d7ddd2;font-weight:bold}.swatch.selected{box-shadow:0 0 0 3px var(--ink);transform:scale(1.07)}.swatch small{position:absolute;right:-4px;bottom:-5px;border-radius:10px;background:white;color:var(--ink);padding:2px 5px;font-size:9px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools button{font-size:12px;padding:12px 8px}.tools #png,.tools #video,.tools #replay,.tools #restart,.tools #outline{grid-column:span 2}.subtle{border:0;color:#77877c}.check{display:block;font-size:12px;margin-top:19px}details{font-size:12px;margin-top:16px}#accessible-regions{display:flex;flex-wrap:wrap;gap:4px;max-height:180px;overflow:auto}#accessible-regions button{padding:6px;font-size:11px}#status{font-size:12px;min-height:38px;color:var(--green)}.about{margin-top:65px;padding:35px 0;border-top:1px solid #dfe4d7;max-width:820px}.about p{color:#718078;font-size:14px}.about a{font-size:14px}footer{padding:30px;text-align:center;font-size:12px;color:#77877c}#celebration{position:absolute;inset:0;background:#eef6dfed;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}#celebration[hidden],[hidden]{display:none!important}#celebration span{font-size:13px;letter-spacing:3px}#celebration h3{font-family:Georgia,serif;font-size:36px;font-weight:400}.spark{position:absolute;pointer-events:none;font-size:24px;animation:pop .65s ease-out forwards}@keyframes pop{to{transform:translateY(-60px) scale(1.8) rotate(30deg);opacity:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:1000px){.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{padding:20px}header>a:last-child{font-size:11px}main{padding:0 18px}.intro{padding-top:32px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.thumb{height:180px}.workspace{grid-template-columns:1fr}.paper-wrap{padding:12px}aside{padding:20px}#palette{grid-template-columns:repeat(8,1fr);gap:5px}.swatch{width:35px;height:35px}.studio-heading{flex-wrap:wrap}.studio-heading h2{font-size:18px}.card-body{padding:12px}.card-body strong{font-size:14px}#viewport{max-height:65vh}.section-title h2{font-size:18px}.section-title span{font-size:11px}}@media(max-width:400px){#palette{grid-template-columns:repeat(4,1fr)}}