.sketch-workspace{padding:25px 5% 60px}.sketch-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.sketch-toolbar button,.sketch-controls button,.sketch-files button{padding:12px 16px;border:1px solid #a8b79e;border-radius:6px;background:#f8f8f1;color:#263729;font:inherit;font-size:13px;cursor:pointer}.sketch-toolbar [aria-pressed=true]{background:#263729;color:#fff}.sketch-toolbar label{margin:0}.sketch-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.sketch-panel{min-width:0;border:1px solid var(--line);background:#f9f9f2;border-radius:8px;padding:22px}.sketch-panel h2{font-size:25px;margin:0 0 12px;letter-spacing:-.7px}.sketch-panel p,.sketch-panel label{font-size:13px;line-height:1.7}.sketch-panel svg{display:block;width:100%;height:auto;aspect-ratio:1;max-height:520px;touch-action:none;border:1px solid #b5c3aa;border-radius:4px;cursor:crosshair}.sketch-panel svg:focus-visible,.sketch-panel canvas:focus-visible{outline:3px solid #b4613c}.sketch-panel canvas{display:block;width:100%;height:auto;touch-action:none;background:#edf0e4;border-radius:5px}.sketch-panel .input-grid{gap:14px;margin-top:18px}.sketch-panel input,.sketch-panel select{min-width:0;width:100%;font-size:15px}.sketch-panel .input-grid label{min-width:0}.sketch-controls{margin-top:20px}.sketch-controls summary{font-size:13px;cursor:pointer}.sketch-files{padding:25px;border:1px solid #becbb2;background:#e6ecdc;border-radius:8px;margin-top:24px}.sketch-files h2{font-size:26px}.sketch-files p{font-size:14px;line-height:1.8}.sketch-files .button{background:#263729;color:#fff}.sketch-files input[type=file]{max-width:100%}.sketch-error{color:#94401d;font-size:14px;line-height:1.8;min-height:1.8em}.sketch-status{font-size:15px;line-height:1.8;color:#31503a}.sketch-toolbar input[type=checkbox]{width:18px;height:18px;margin:0 7px 0 0}.sketch-check{display:flex;align-items:center;font-size:13px}.sketch-files .task-actions{align-items:center}.sketch-panel .hint{font-size:12px;color:#5b6756}.sketch-toolbar button:disabled,.sketch-files button:disabled,.sketch-controls button:disabled{opacity:.45;cursor:default}.sketch-workspace>p{max-width:1000px;line-height:1.8}@media(max-width:800px){.sketch-columns{grid-template-columns:1fr}.sketch-panel{padding:16px}.sketch-workspace{padding-top:5px}.sketch-toolbar{gap:8px}.sketch-toolbar button{padding:11px;font-size:12px}.sketch-panel svg{max-height:none}.sketch-files{padding:18px}}@media(prefers-reduced-motion:reduce){.sketch-workspace *{scroll-behavior:auto}}
.sketch-panel svg{width:min(100%,520px);max-height:none;margin-left:auto;margin-right:auto}
.sketch-panel svg{width:min(100%,520px);max-height:none;margin-left:auto;margin-right:auto}

.sketch-heading{padding-top:25px;padding-bottom:20px}.sketch-heading h1{font-size:clamp(34px,4vw,50px);letter-spacing:-2px}.sketch-heading .lead{font-size:15px;margin-bottom:0}.sketch-workspace .answer-box{margin-bottom:20px}

.sketch-jumps{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 15px;font-size:14px}.sketch-jumps>a:not(.button){text-decoration:underline;text-underline-offset:4px}.sketch-workspace .sketch-instructions{font-size:14px;margin:10px 0 18px}.sketch-toolbar .sketch-primary{background:#263729;color:#fff}.sketch-colors{border:1px solid #c7d0be;border-radius:6px;padding:16px;margin:18px 0;scroll-margin-top:20px}.sketch-colors h3{font-size:20px;margin:0 0 12px}.sketch-palette{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sketch-palette button{background:var(--swatch);color:#050505;border:2px solid transparent;border-radius:5px;padding:10px 12px;font-size:12px;cursor:pointer;text-shadow:0 1px #ffffff60}.sketch-palette button[aria-pressed=true]{outline:2px solid #263729;outline-offset:2px}.sketch-panel input[type=color]{display:block;width:80px;height:40px;padding:3px;border:1px solid #9fae95;cursor:pointer}#dibujar,#descargar{scroll-margin-top:18px}@media(max-width:800px){.sketch-heading .eyebrow{margin-top:15px}.sketch-heading{padding-top:15px;padding-bottom:8px}.sketch-heading h1{font-size:32px;letter-spacing:-1px}.sketch-jumps{gap:14px}.sketch-jumps .button{padding:12px 16px}.sketch-workspace .sketch-instructions{font-size:12px}}

.sketch-settings{padding:16px;border:1px solid #c7d0be;border-radius:6px;margin:18px 0;scroll-margin-top:20px}.sketch-settings h3{font-size:20px;margin:0 0 12px}.sketch-settings input[type=checkbox]{width:18px;height:18px;margin:0 9px 0 0}.sketch-panel .sketch-controls select{max-width:220px}.sketch-toolbar [data-sketch-view][aria-pressed=true]{background:#263729;color:white}