/* Estilos limitados al taller; no alteran tarjetas, traducciones ni otros temas. */
.studio-workshop{min-width:0}.studio-workshop *{box-sizing:border-box}.studio-panel{border:1px solid var(--border,#d8e1e3);border-radius:16px;padding:clamp(12px,2vw,24px);margin:18px 0;background:var(--panel,#fff);min-width:0}.studio-panel h3{margin-top:0}.studio-choices{display:flex;flex-wrap:wrap;gap:8px}.studio-workshop .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere}.studio-workshop fieldset{min-width:0;border:0;padding:0;margin:18px 0}.studio-workshop legend{font-weight:600;margin-bottom:8px}.studio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.studio-option{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px}.mission-practice .studio-workshop svg.studio-drawing{display:block;width:100%;height:auto;max-width:440px;max-height:260px;margin:0 auto;overflow:hidden;aspect-ratio:3/2}.mission-practice .studio-workshop svg.studio-tool{width:100%;max-width:160px;height:auto;max-height:108px}.studio-counter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0}.studio-counter output{min-width:2ch;text-align:center;font-weight:700}.studio-counter>span{min-width:90px}.studio-screen,.studio-browser,.studio-desktop,.studio-support,.studio-recipe{border:1px solid var(--border,#d8e1e3);border-radius:12px;overflow:hidden;padding:14px;margin-bottom:16px;overflow-wrap:anywhere}.studio-browser header,.studio-desktop header,.studio-phone header{padding:10px;background:var(--bg,#f5f7f7);border-bottom:1px solid var(--border,#d8e1e3)}.studio-transfer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;flex-wrap:wrap}.studio-transfer strong{font-size:32px}.studio-phone{border:2px solid var(--border,#cdd6d8);border-radius:24px;max-width:340px;padding:18px;margin:0 auto 20px;overflow-wrap:anywhere}.studio-bubble{border-radius:12px;padding:15px;background:#edf3f2;color:#223436}.studio-document{padding:16px;border:1px solid var(--border,#d8e1e3);border-radius:8px}.studio-capture{border:2px dashed #8b9a9b;padding:10px}.studio-small{font-size:.9em;color:var(--muted,#5b6a6c)}.studio-book{display:grid;grid-template-columns:1fr 1fr;max-width:600px;margin:auto;box-shadow:0 2px 8px #0000000a;overflow:hidden;border:1px solid var(--border,#d8e1e3);border-radius:6px}.studio-book>div{padding:16px;min-height:160px;background:#fcfaf5;color:#283538;overflow-wrap:anywhere}.studio-book>div+div{border-left:1px solid #d8d5cd}.studio-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:300px;margin:auto}.studio-board .btn{min-height:64px}.studio-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.studio-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:120px}.studio-outline{display:block;border:1px dashed #aebabc;border-radius:12px;padding:16px;color:var(--muted,#5b6a6c)}.studio-workshop blockquote{margin:0 0 18px;border-left:3px solid var(--border,#c5d0d2);padding:12px 16px;background:var(--bg,#f5f7f7)}@media(max-width:480px){.studio-choices>.btn{flex:1 1 110px}.studio-book>div{padding:10px;min-height:140px}.studio-zones{gap:8px}.studio-zone{min-height:112px;padding:8px}.studio-option{padding:8px}.studio-transfer{justify-content:center}.studio-counter>span{flex-basis:100%}}
.studio-input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.studio-device-target{display:flex;flex-direction:column;align-items:center;min-width:0}.studio-workshop .studio-device-target svg{max-height:150px}.studio-demo-page,.studio-login{padding:16px;border:1px solid var(--border,#d8e1e3);border-radius:10px;margin:14px 0}.studio-input-bench label{display:block;margin:18px 0}.studio-input-bench input{display:block;width:100%;min-height:44px;padding:10px;border:1px solid var(--border,#b7c5c7);border-radius:8px;background:var(--panel,#fff);color:inherit;font:inherit;margin-top:8px}.studio-workshop .studio-choices{margin:12px 0}
