.petu-art{color:#205747;max-width:1080px;margin:auto;padding:22px 20px 50px}.petu-art header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.petu-art header>a{padding:12px 0;font-weight:900}.petu-art h1{margin:10px 0;font-size:clamp(30px,5vw,46px);line-height:1.15}.studio-scenes,.studio-parts,.studio-toggles{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.petu-art button,.petu-art select{font:inherit;color:#205747;cursor:pointer;background:#fff;border:2px solid #d4dfd2;border-radius:16px;min-height:46px;padding:11px 15px;font-weight:800}.petu-art button[aria-pressed=true]{background:#e5eeda;border-color:#205747}.studio-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);align-items:start;gap:24px;display:grid}.studio-picture{background:#fff;border-radius:26px;position:sticky;top:14px;overflow:hidden;box-shadow:0 8px 25px #20574716}.studio-picture svg{width:100%;max-height:650px;display:block}.studio-region{cursor:pointer}.studio-region:focus{stroke:#d23e76;stroke-width:6px;outline:none}.studio-tools{background:#f2e8f3;border-radius:26px;padding:24px}.studio-tools h2{margin:0;font-size:25px}.studio-parts{gap:6px}.studio-parts button{padding:8px 11px;font-size:14px}.studio-palette{grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0;display:grid}.studio-palette button{aspect-ratio:1;border:3px solid #fff;border-radius:50%;min-height:44px;padding:0;box-shadow:0 2px 4px #0002}.studio-palette button[aria-pressed=true]{outline-offset:2px;outline:3px solid #205747}.studio-custom{justify-content:space-between;align-items:center;gap:10px;margin:18px 0;font-weight:800;display:flex}.studio-custom input{background:0 0;border:0;width:65px;height:44px;padding:0}.studio-toggles button{font-size:14px}.studio-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-actions .studio-save{color:#fff9eb;background:#205747;border-color:#205747;width:100%}.petu-art button:disabled{opacity:.5;cursor:default}.studio-message{min-height:24px;font-weight:800}.studio-tools small{color:#52685a;line-height:1.5;display:block}:is(.petu-art button:focus-visible,.petu-art a:focus-visible,.petu-art input:focus-visible,.petu-art select:focus-visible){outline-offset:3px;outline:4px solid #b5791c}@media (max-width:700px){.studio-layout{grid-template-columns:1fr;gap:16px}.studio-picture{position:relative;top:auto}.studio-picture svg{max-height:440px}.studio-tools{padding:18px}.studio-palette{grid-template-columns:repeat(5,1fr);gap:10px}.studio-palette button{min-height:44px}.studio-scenes button{flex:1;padding:10px 7px;font-size:14px}}@media (prefers-reduced-motion:reduce){.petu-art *{scroll-behavior:auto}}.studio-learning button[aria-pressed=true]{color:#fff;background:#205747}.studio-learning fieldset button{margin:8px 6px 8px 0}.studio-learning legend{font-weight:850}.studio-learning .listen-button{font-size:15px}