.playful-shell{max-width:1100px;margin:auto;padding:1rem}.playful-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);gap:1rem}.playful-panel,.playful-note,.playful-notes section{border:1px solid #cad5e2;border-radius:14px;background:#fff;padding:1rem}.playful-note{align-self:start;background:#f5f8fc}.playful-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.playful-grid label{display:grid;gap:.35rem;font-weight:700}.playful-grid input,.playful-grid select{width:100%;min-height:44px;padding:.55rem;border:1px solid #68778a;border-radius:8px;color:#172033;background:#fff}.playful-wide{grid-column:1/-1}.playful-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.playful-results{padding-left:1.4rem}.playful-results li{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid #e1e7ee}.playful-results pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;min-width:0;margin:0}.playful-results button{flex:0 0 auto}.playful-error{color:#8b1d1d;font-weight:700}.playful-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.playful-actions button:focus-visible,.playful-grid input:focus-visible,.playful-grid select:focus-visible,.playful-results button:focus-visible{outline:3px solid #174f9a;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){.playful-layout,.playful-grid,.playful-notes{grid-template-columns:1fr}.playful-wide{grid-column:auto}}@media(max-width:430px){.playful-shell{padding:.75rem}.playful-panel,.playful-note{padding:.8rem}.playful-results li{flex-direction:column}.playful-results button,.playful-actions .button{width:100%}}