@layer components{.palette{gap:var(--space-2);padding-block:var(--space-1) var(--space-4);background-color:color-mix(in srgb, var(--color-bg), var(--color-text) 2%);border-inline-end:1px solid var(--color-border);flex-direction:column;padding-inline-end:var(--space-3);display:flex}.palette-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8125rem;font-weight:700}.palette-hint{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.palette-list{gap:var(--space-2);flex-direction:column;margin:0;padding-inline-start:0;list-style:none;display:flex}.palette-item{flex-direction:column;gap:.125rem;display:flex}.palette-block{justify-content:flex-start;align-items:center;gap:var(--space-2);width:100%;min-height:2.75rem;padding-inline:var(--space-2);padding-block:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;font-size:.875rem;display:flex}.palette-block:hover{border-color:var(--color-primary)}.palette-block:active{cursor:grabbing}@media (prefers-reduced-motion:no-preference){.palette-block{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}}.palette-block-icon{border:1.5px solid var(--color-border);border-radius:3px;flex-shrink:0;width:1.5rem;height:1.15rem;display:inline-block}.palette-block-label{overflow-wrap:anywhere}.palette-block-description{color:var(--color-text-muted);overflow-wrap:anywhere;padding-inline-start:calc(1.5rem + var(--space-2));font-size:.75rem;line-height:1.3}.palette-aviso-bloqueo{padding:var(--space-2) var(--space-3);border-inline-start:4px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);margin:0;font-size:.875rem}.palette-aviso-bloqueo[hidden]{display:none}.palette-bloqueada .palette-block[disabled]{cursor:not-allowed;opacity:.55}.canvas{--canvas-port-border:var(--color-primary);gap:var(--space-3);padding-block:var(--space-4);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);flex-direction:column;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@media (prefers-color-scheme:dark){.canvas{--canvas-port-border:#93c5fd;box-shadow:0 1px 3px #00000059,0 1px 2px #00000040}}:root[data-theme=dark] .canvas{--canvas-port-border:#93c5fd}:root[data-theme=light] .canvas{--canvas-port-border:var(--color-primary)}.canvas-toolbar{z-index:6;justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-2);border-block-end:1px solid var(--color-border);background-color:var(--color-bg);flex-wrap:wrap;display:flex;position:sticky;top:0}.canvas-toolbar-zoom{align-items:center;gap:var(--space-1);display:flex}.canvas-toolbar-zoom-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);min-width:2.25rem;min-height:2.25rem;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;display:inline-flex}.canvas-toolbar-zoom-button:disabled{cursor:not-allowed;opacity:.5}.canvas-toolbar-zoom-button:hover:not(:disabled){border-color:var(--color-primary)}.canvas-toolbar-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:3.25rem;color:var(--color-text-muted);font-size:.875rem}.canvas-toolbar-undo{min-height:2.25rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.canvas-toolbar-undo:disabled{cursor:not-allowed;opacity:.5}.canvas-toolbar-undo:hover:not(:disabled){border-color:var(--color-primary)}.canvas-zoom-viewport{overflow:visible}@media (prefers-color-scheme:dark){.canvas-toolbar{box-shadow:0 1px 3px #00000059}}.canvas-toolbar-run-slot{align-items:center;gap:var(--space-2);display:flex}.canvas-toolbar-run-slot .execution-panel-run{align-self:center}.canvas-heading,.canvas-hint{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.canvas-surface{align-items:flex-start;gap:var(--space-4);min-height:6rem;padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-bg), var(--color-text) 3%);background-image:radial-gradient(circle, color-mix(in srgb, var(--color-text) 18%, transparent) 1px, transparent 1px);background-size:20px 20px;flex-direction:column;margin:0;list-style:none;display:flex;position:relative;box-shadow:inset 0 1px 3px #0000000d}@media (prefers-color-scheme:dark){.canvas-surface{background-color:color-mix(in srgb, var(--color-bg), var(--color-text) 4%);background-image:radial-gradient(circle, color-mix(in srgb, var(--color-text) 14%, transparent) 1px, transparent 1px);box-shadow:inset 0 1px 3px #0003}}.canvas-block-item{gap:var(--space-2);flex-direction:column;display:flex}.canvas-block-item-dragging{z-index:5;cursor:grabbing}.canvas-block-row{align-items:center;gap:var(--space-2);display:flex}.canvas-block-branches{gap:var(--space-3);border-inline-start:2px dashed var(--color-border);flex-flow:wrap;align-items:flex-start;margin-inline-start:var(--space-6);padding-inline-start:var(--space-3);display:flex}.canvas-branch{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-bg), var(--color-text) 2%);flex-direction:column;width:-moz-fit-content;width:fit-content;max-width:26rem;display:flex}.canvas-branch[data-branch-kind=verdadero]{border-top:3px solid var(--canvas-port-border)}.canvas-branch[data-branch-kind=falso],.canvas-branch[data-branch-kind=cuerpo]{border-top:3px solid var(--color-text-muted)}.canvas-branch-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.canvas-branch-heading{color:var(--color-text-muted);margin:0;font-size:.8125rem;font-weight:600}.canvas-branch-move{justify-content:center;align-items:center;gap:var(--space-1);min-width:1.5rem;min-height:1.5rem;padding-inline:var(--space-2);border:1.5px solid var(--canvas-port-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--canvas-port-border);font:inherit;white-space:nowrap;cursor:grab;flex:none;padding-block:.125rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.canvas-branch-move:active{cursor:grabbing}.canvas-branch-heading-detalle{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.canvas-branch-surface{min-height:2rem;max-height:none;overflow-y:visible}.canvas-branch-empty{box-sizing:border-box;min-width:8rem;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-text-muted);border-radius:var(--radius-sm);margin:0;font-size:.8125rem;font-style:italic}.canvas-anchor-item{display:block}.canvas-block{--color-block-io-entrada-bg:#e2f0f4;--color-block-io-entrada-border:#0e7fa0;--color-block-io-salida-bg:#e2f2ef;--color-block-io-salida-border:#0d8f7a;--color-block-process-bg:#e9ebfa;--color-block-process-border:#4457d6;--color-block-decision-bg:#f7efe3;--color-block-decision-border:#c07a12;--color-block-loop-bg:#f8ebe4;--color-block-loop-border:#c3591f;--color-block-call-bg:#efe8fa;--color-block-call-border:#7c3fd6;--color-block-return-bg:#f8e7e9;--color-block-return-border:#c23b47;--color-block-comment-bg:#efeeec;--color-block-comment-border:#7d7361;--color-block-on-light-text:#1a1a1a;justify-content:center;align-items:center;gap:var(--space-1);width:-moz-fit-content;width:fit-content;min-width:3.25rem;max-width:22rem;min-height:3.25rem;padding-inline:var(--space-4);padding-block:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font:inherit;letter-spacing:.01em;text-align:center;cursor:grab;transition:filter var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);filter:drop-shadow(0 1px 2px #0000002e);flex-direction:column;font-weight:600;display:inline-flex}@media (prefers-color-scheme:dark){.canvas-block{--color-block-io-entrada-bg:#263b40;--color-block-io-entrada-border:#5fd0ee;--color-block-io-salida-bg:#263e39;--color-block-io-salida-border:#5fe3c8;--color-block-process-bg:#303343;--color-block-process-border:#96a4fb;--color-block-decision-bg:#413523;--color-block-decision-border:#f0b24d;--color-block-loop-bg:#413127;--color-block-loop-border:#f19a63;--color-block-call-bg:#393242;--color-block-call-border:#c4a1f7;--color-block-return-bg:#412f30;--color-block-return-border:#f28d95;--color-block-comment-bg:#3a3834;--color-block-comment-border:#c9beac;--color-block-on-light-text:#f2f2f2;filter:drop-shadow(0 1px 2px #00000073)}}.canvas-block:hover{border-color:var(--color-primary);filter:drop-shadow(0 4px 8px #0000003d);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.canvas-block{transition:none}.canvas-block:hover{transform:none}}@media (prefers-color-scheme:dark){.canvas-block:hover{filter:drop-shadow(0 4px 8px #0000008c)}}.canvas-block:active{cursor:grabbing}.canvas-block-content{word-break:break-word;display:block}.canvas-block-nombre-corto{opacity:.85;font-size:.8em;font-style:italic;font-weight:400;display:block}@media (prefers-reduced-motion:no-preference){.canvas-block{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard), filter var(--motion-duration-fast) var(--motion-easing-standard)}}.canvas-block[data-block-type=Entrada],.canvas-block[data-block-type=Salida]{padding-inline:var(--space-6);clip-path:polygon(18% 0%,100% 0%,82% 100%,0% 100%);color:var(--color-block-on-light-text);border-width:1.5px}.canvas-block[data-block-type=Entrada]{border-color:var(--color-block-io-entrada-border);background-color:var(--color-block-io-entrada-bg)}.canvas-block[data-block-type=Salida]{border-color:var(--color-block-io-salida-border);background-color:var(--color-block-io-salida-bg)}.palette-block-icon[data-block-type=Entrada],.palette-block-icon[data-block-type=Salida]{clip-path:polygon(18% 0%,100% 0%,82% 100%,0% 100%)}.palette-block-icon[data-block-type=Entrada]{background-color:#e2f0f4;border-color:#0e7fa0}.palette-block-icon[data-block-type=Salida]{background-color:#e2f2ef;border-color:#0d8f7a}@media (prefers-color-scheme:dark){.palette-block-icon[data-block-type=Entrada]{background-color:#263b40;border-color:#5fd0ee}.palette-block-icon[data-block-type=Salida]{background-color:#263e39;border-color:#5fe3c8}}.canvas-block[data-block-type=Asignacion],.canvas-block[data-block-type=Operacion]{color:var(--color-block-on-light-text);border-width:1.5px;border-color:var(--color-block-process-border);background-color:var(--color-block-process-bg)}.palette-block-icon[data-block-type=Asignacion],.palette-block-icon[data-block-type=Operacion]{background-color:#e9ebfa;border-color:#4457d6}.canvas-block[data-block-type=Condicional]{padding-inline:var(--space-8);padding-block:var(--space-4);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);color:var(--color-block-on-light-text);border-width:1.5px;border-color:var(--color-block-decision-border);background-color:var(--color-block-decision-bg)}.palette-block-icon[data-block-type=Condicional]{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background-color:#f7efe3;border-color:#c07a12}.canvas-block[data-block-type=BucleMientras],.canvas-block[data-block-type=BucleFinPara],.canvas-block[data-block-type=RepetirHasta]{padding-inline:var(--space-6);clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);color:var(--color-block-on-light-text);border-width:1.5px;border-color:var(--color-block-loop-border);background-color:var(--color-block-loop-bg)}.palette-block-icon[data-block-type=BucleMientras],.palette-block-icon[data-block-type=BucleFinPara],.palette-block-icon[data-block-type=RepetirHasta]{clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);background-color:#f8ebe4;border-color:#c3591f}.canvas-block[data-block-type=Llamada]{color:var(--color-block-on-light-text);border-width:1.5px;border-color:var(--color-block-call-border);background-color:var(--color-block-call-bg);position:relative}.palette-block-icon[data-block-type=Llamada]{background-color:#efe8fa;border-color:#7c3fd6}.canvas-block[data-block-type=Llamada]:before,.canvas-block[data-block-type=Llamada]:after{content:"";opacity:.45;pointer-events:none;background-color:currentColor;width:2px;position:absolute;top:0;bottom:0}.canvas-block[data-block-type=Llamada]:before{left:var(--space-2)}.canvas-block[data-block-type=Llamada]:after{right:var(--space-2)}.canvas-block[data-block-type=Retorno]{color:var(--color-block-on-light-text);border-width:1.5px;border-color:var(--color-block-return-border);background-color:var(--color-block-return-bg)}.palette-block-icon[data-block-type=Retorno]{background-color:#f8e7e9;border-color:#c23b47}.canvas-block[data-block-type=Comentario]{clip-path:polygon(0% 0%,88% 0%,100% 14%,100% 100%,0% 100%);color:var(--color-block-on-light-text);border-style:dashed;border-width:1.5px;border-color:var(--color-block-comment-border);background-color:var(--color-block-comment-bg);padding-inline-end:var(--space-6);position:relative}.palette-block-icon[data-block-type=Comentario]{clip-path:polygon(0% 0%,88% 0%,100% 14%,100% 100%,0% 100%);background-color:#efeeec;border-style:dashed;border-color:#7d7361}.canvas-block[data-block-type=Comentario]:after{content:"";aspect-ratio:1;background-color:var(--color-border);clip-path:polygon(0% 0%,100% 0%,100% 100%);pointer-events:none;width:14%;position:absolute;top:0;right:0}@media (prefers-color-scheme:dark){.palette-block-icon[data-block-type=Asignacion],.palette-block-icon[data-block-type=Operacion]{background-color:#303343;border-color:#96a4fb}.palette-block-icon[data-block-type=Condicional]{background-color:#413523;border-color:#f0b24d}.palette-block-icon[data-block-type=BucleMientras],.palette-block-icon[data-block-type=BucleFinPara],.palette-block-icon[data-block-type=RepetirHasta]{background-color:#413127;border-color:#f19a63}.palette-block-icon[data-block-type=Llamada]{background-color:#393242;border-color:#c4a1f7}.palette-block-icon[data-block-type=Retorno]{background-color:#412f30;border-color:#f28d95}.palette-block-icon[data-block-type=Comentario]{background-color:#3a3834;border-color:#c9beac}}.canvas-status{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-border);color:var(--color-text-muted);margin:0;font-size:.875rem}.canvas-status-aviso{border-inline-start-color:var(--color-text-danger);background-color:var(--color-bg-danger);color:var(--color-text-danger);font-weight:600}.canvas-arrow-layer-item{z-index:2;width:0;height:0;list-style:none;position:absolute;inset:0}.canvas-interactive-arrows{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.canvas-interactive-arrow-line{stroke:var(--color-text-muted);stroke-width:2px;stroke-dasharray:4 3;fill:none}.canvas-interactive-arrow-line-temporal{stroke:var(--color-primary);stroke-dasharray:none}.canvas-interactive-arrow-line-invalida{stroke:var(--color-text-danger);stroke-width:3px;stroke-dasharray:2 2}.canvas-port-layer{width:0;height:0;position:absolute;top:0;left:0}.canvas-port,.canvas-arrow-handle,.canvas-arrow-endpoint-handle{background-color:var(--color-bg);min-width:1.125rem;min-height:1.125rem;color:var(--color-primary);cursor:grab;border-style:solid;border-width:2px;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.625rem;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.canvas-port-true:before{content:"V"}.canvas-port-false:before{content:"F"}.canvas-port{border-color:var(--canvas-port-border);display:none}.canvas-arrow-handle{border-color:var(--color-text-muted);color:var(--color-text-muted);opacity:0;border-style:dashed}.canvas-arrow-endpoint-handle{border-color:var(--canvas-port-border);background-color:var(--canvas-port-border);color:var(--color-bg);display:none}.canvas-port:hover,.canvas-arrow-handle:hover,.canvas-arrow-endpoint-handle:hover{border-width:3px}.canvas-port:active,.canvas-arrow-handle:active,.canvas-arrow-endpoint-handle:active{cursor:grabbing}.canvas-port-snap-activo{border-width:4px}.canvas-port-origen-activo{border-style:dashed;border-width:4px}.canvas-port-invalido,.canvas-arrow-handle-invalido,.canvas-arrow-endpoint-handle-invalido{border-style:dotted;border-color:var(--color-text-danger);background-color:var(--color-bg);color:var(--color-text-danger);opacity:1}.canvas-port-invalido:after,.canvas-arrow-handle-invalido:after,.canvas-arrow-endpoint-handle-invalido:after{content:"!";font-weight:700}.canvas-arrow-handle:hover,.canvas-arrow-handle:focus,.canvas-arrow-handle:active{opacity:1}@media (prefers-reduced-motion:no-preference){.canvas-port,.canvas-arrow-handle,.canvas-arrow-endpoint-handle{transition:border-width var(--motion-duration-fast) var(--motion-easing-standard), opacity var(--motion-duration-fast) var(--motion-easing-standard)}}.canvas-arrow-validation-summary{padding-block:var(--space-1);padding-inline:var(--space-3);color:var(--color-text-muted);margin:0;font-size:.8125rem}.canvas-arrow-validation-summary-aviso{color:var(--color-text-danger);font-weight:600}.canvas-graph-compile-errors{margin-block:var(--space-2);padding:var(--space-3);border:1px solid var(--color-text-danger);border-radius:var(--radius-md);background-color:var(--color-bg-danger)}.canvas-graph-compile-errors-heading{margin:0 0 var(--space-2);color:var(--color-text-danger);font-size:.8125rem;font-weight:600}.canvas-graph-compile-errors-list{color:var(--color-text-danger);margin:0;padding-inline-start:var(--space-4);font-size:.8125rem}.connectors{gap:var(--space-3);padding-block:var(--space-4);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);flex-direction:column;display:flex}.connectors-heading{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.connectors-subheading{color:var(--color-text);margin:0;font-size:.9rem;font-weight:600}.connectors-hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.connectors-structure{gap:var(--space-2);flex-direction:column;display:flex}.connectors-sequence{gap:var(--space-2);flex-direction:column;margin:0;padding-inline-start:var(--space-4);display:flex}.connectors-node{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);flex-direction:column;display:flex}.connectors-node-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.connectors-node-label{color:var(--color-text);font-size:.875rem}.connectors-node-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.connectors-branches{gap:var(--space-2);flex-direction:column;margin-inline-start:var(--space-2);display:flex}.connectors-branch{border-inline-start:3px solid var(--color-border);padding-inline-start:var(--space-3)}.connectors-branch-heading{margin:0 0 var(--space-1) 0;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.connectors-action{min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-3);padding-block:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.connectors-action:hover{border-color:var(--color-primary)}.connectors-action-primary{border-color:var(--color-primary);color:var(--color-primary-contrast);background-color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){.connectors-action{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}}.connectors-unconnected-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.connectors-unconnected-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);flex-wrap:wrap;display:flex}.connectors-unconnected-label{color:var(--color-text);font-size:.875rem}.connectors-target-label{color:var(--color-text-muted);font-size:.8rem}.connectors-target-select{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit}.connectors-status{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-border);color:var(--color-text-muted);margin:0;font-size:.875rem}.connectors-status-aviso{border-inline-start-color:var(--color-text-danger);background-color:var(--color-bg-danger);color:var(--color-text-danger);font-weight:600}.diagram-editor{gap:var(--space-3);padding-block:var(--space-4);padding-inline:var(--space-4);flex-direction:column;display:flex}.diagram-editor-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-md);color:#fff;background-color:#141a24;border-inline-start:4px solid #60a5fa;flex-wrap:wrap;display:flex}.diagram-editor-topbar-guide-link{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:#e8eef7;font-size:.875rem;font-weight:var(--font-weight-semibold);border:1px solid #5f7796;flex:none;align-items:center;gap:.4ch;text-decoration:none;display:inline-flex}.diagram-editor-topbar-guide-link:hover{border-color:#8fa3bd;text-decoration:underline}.diagram-editor-topbar-brand{align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;display:inline-flex}.diagram-editor-topbar-brand-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg,#1d4ed8,#60a5fa);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.9rem;line-height:1;display:inline-flex}.diagram-editor-topbar :focus-visible{outline-color:var(--color-primary-contrast)}.diagram-editor>.exercise-selector{width:100%}.diagram-editor-user-pill{align-items:center;gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-2);background-color:#ffffff1f;border-radius:999px;display:inline-flex}.diagram-editor-user-avatar{background-color:var(--color-primary-contrast);min-width:1.75rem;min-height:1.75rem;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.diagram-editor-user-text{font-size:.875rem}.diagram-editor-logout-button{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-primary-contrast);border-radius:var(--radius-sm);color:var(--color-primary-contrast);font:inherit;cursor:pointer;background-color:#0000;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.diagram-editor-logout-button:hover{background-color:#ffffff1f}.diagram-editor-logout-button:disabled{cursor:not-allowed;opacity:.7}.diagram-editor-heading{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:clamp(.9375rem,.9rem + .3vw,1rem);font-weight:600;line-height:1.3}.diagram-editor-exercise-row{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:stretch;display:grid}.diagram-editor-slot-autocorrection{flex-direction:column;display:flex}.diagram-editor-slot-autocorrection>.autocorrection-panel{flex:auto}.diagram-editor-exercise-row>.exercise-selector,.diagram-editor-exercise-row>.diagram-editor-slot-autocorrection{min-width:0;height:100%}.diagram-editor-layout{align-items:start;gap:var(--space-3);grid-template-columns:minmax(9rem,18rem) minmax(0,1fr);grid-template-areas:"diagrams diagrams""palette canvas""execution execution";display:grid}.diagram-editor-slot-diagrams{grid-area:diagrams}.diagram-editor-slot-palette{grid-area:palette}.diagram-editor-slot-execution{grid-area:execution}.diagram-editor-slot-canvas{grid-area:canvas;position:relative}@media (max-width:48rem){.diagram-editor-layout{grid-template-columns:1fr;grid-template-areas:"diagrams""palette""canvas""execution"}}@media (max-width:56rem){.diagram-editor-exercise-row{grid-template-columns:1fr}}.diagram-editor-autosave-status{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-border);color:var(--color-text-muted);margin:0;font-size:.8125rem}.canvas-anchor{min-width:2.75rem;min-height:2.75rem;margin-block:var(--space-2);padding-inline:var(--space-6);padding-block:var(--space-2);border:2px solid var(--color-primary);color:#1a1a1a;font:inherit;text-align:center;cursor:grab;background-color:#bbf7d0;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;font-weight:600;display:inline-flex}.canvas-anchor:active{cursor:grabbing}@media (prefers-color-scheme:dark){.canvas-anchor{color:#f2f2f2;background-color:#14532d}}.canvas-connections{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.canvas-connection-line{stroke:var(--color-primary);stroke-width:2px}.canvas-connection-line-loopback{stroke-dasharray:6 4}.canvas-connection-label{fill:var(--color-primary);dominant-baseline:middle;font-size:.75rem;font-weight:700}.canvas-connection-arrowhead path{fill:var(--color-primary)}.canvas-block-row{align-items:center;gap:var(--space-2)}.canvas-block-row .canvas-block{flex:0 auto;width:auto}.canvas-trash{justify-content:center;align-items:center;gap:var(--space-1);min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-3);padding-block:var(--space-2);border:1.5px solid var(--color-text-danger);background-color:var(--color-bg);color:var(--color-text-danger);font:inherit;text-align:center;cursor:pointer;border-radius:999px;font-size:.875rem;font-weight:600;display:inline-flex}.canvas-trash-armada{background-color:var(--color-bg-danger);border-style:solid;border-width:3px}@media (prefers-reduced-motion:no-preference){.canvas-trash{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}}.canvas-undo{min-width:2.75rem;min-height:2.75rem;margin-block:var(--space-2);padding-inline:var(--space-3);padding-block:var(--space-2);border:2px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.canvas-undo[hidden]{display:none}.canvas-undo:hover{border-color:var(--color-primary-hover,var(--color-primary))}.diagram-editor-diagrams{align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-1);border-inline-start:4px solid var(--section-accent-blue,var(--color-primary));background-color:color-mix(in srgb, var(--color-bg), var(--color-text) 2%);border-block-end:1px solid var(--color-border);flex-flow:wrap;display:flex;position:relative}.diagram-editor-diagrams-heading{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.diagram-editor-diagram-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.diagram-editor-diagram-tab{min-height:2.75rem;padding-inline:var(--space-4);padding-block:var(--space-2);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.diagram-editor-diagram-tab:hover{border-color:var(--color-primary)}.diagram-editor-diagram-tab[aria-current=true]{border-width:2px;border-color:var(--color-primary);background-color:var(--color-bg-success);font-weight:700}.diagram-editor-diagram-tab-wrapper{align-items:stretch;display:inline-flex}.diagram-editor-diagram-tab-wrapper:has(.diagram-editor-diagram-tab-delete) .diagram-editor-diagram-tab{border-inline-end:none;border-start-end-radius:0;border-end-end-radius:0}.diagram-editor-diagram-tab-delete{min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-muted);cursor:pointer;border-start-end-radius:999px;border-end-end-radius:999px;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;display:inline-flex}.diagram-editor-diagram-tab-delete:hover{color:var(--color-text-danger);border-color:var(--color-text-danger)}.diagram-editor-new-function-toggle{min-height:2.75rem;padding-inline:var(--space-3);padding-block:var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-primary);font:inherit;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600}.diagram-editor-new-function-toggle:hover{background-color:var(--color-bg-success)}.diagram-editor-new-function-form{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.diagram-editor-new-function-form[hidden]{display:none}.diagram-editor-new-function-form input{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit}.diagram-editor-new-function-form input[aria-invalid=true]{border-color:var(--color-text-danger)}.diagram-editor-new-function-error{color:var(--color-text-danger);margin:0;font-size:.8125rem}.diagram-editor-new-function-actions{gap:var(--space-2);display:flex}.diagram-editor-new-function-actions button{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.diagram-editor-new-function-actions button[type=submit]{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.diagram-editor-delete-function-modal .modal-dialog-actions button{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.diagram-editor-delete-function-modal .modal-dialog-actions button.diagram-editor-diagram-tab-delete-confirm{border-color:var(--color-text-danger);background-color:var(--color-bg-danger);color:var(--color-text-danger);font-weight:600}.diagram-editor-execution-scope-notice{margin:0 0 var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-primary);color:var(--color-text-muted);font-size:.8125rem}.diagram-editor-new-function-params-heading{color:var(--color-text-muted);margin:0;font-size:.8125rem;font-weight:600}.diagram-editor-param-list,.diagram-editor-param-list-rows{gap:var(--space-2);flex-direction:column;display:flex}.diagram-editor-param-list-empty{color:var(--color-text-muted);margin:0;font-size:.8125rem}.diagram-editor-param-row{align-items:end;gap:var(--space-1) var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:1fr auto;display:grid}.diagram-editor-param-row label{color:var(--color-text-muted);font-size:.75rem}.diagram-editor-param-row input,.diagram-editor-param-row select{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;grid-column:1}.diagram-editor-param-row input[aria-invalid=true]{border-color:var(--color-text-danger)}.diagram-editor-param-row-error{color:var(--color-text-danger);grid-column:1;margin:0;font-size:.8125rem}.diagram-editor-param-row-error:empty{display:none}.diagram-editor-param-row-remove,.diagram-editor-param-list-add{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.diagram-editor-param-row-remove{grid-area:1/2/-1}.diagram-editor-param-list-add:hover{background-color:var(--color-bg-success)}.diagram-editor-function-params{padding-block:var(--space-2);padding-inline:var(--space-1);border-inline-start:4px solid var(--section-accent-blue,var(--color-primary));background-color:color-mix(in srgb, var(--color-bg), var(--color-text) 2%);border-block-end:1px solid var(--color-border)}.diagram-editor-function-params-heading{margin:0 0 var(--space-2);color:var(--color-text);font-size:.875rem;font-weight:700}.block-content-panel{gap:var(--space-3);flex-direction:column;display:flex}.block-content-panel-heading{color:var(--color-text);margin:0}.block-content-panel-hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.block-content-panel-body{gap:var(--space-3);flex-direction:column;display:flex}.block-content-panel-mensaje{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);margin:0}.block-content-panel-campo{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);flex-direction:column;display:flex}.block-content-panel-campo label{color:var(--color-text);font-size:.875rem;font-weight:600}.block-content-panel-campo input{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit}.block-content-panel-campo input[aria-invalid=true]{border-color:var(--color-text-danger)}.block-content-panel-error{color:var(--color-text-danger);margin:0;font-size:.875rem}.block-content-panel-error:empty{display:none}.block-content-panel-campo-expresion{gap:var(--space-2)}.block-content-panel-subtitulo{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.block-content-panel-status{color:var(--color-text-muted);margin:0;font-size:.875rem}.block-content-panel-campo-lista{gap:var(--space-2)}.block-content-panel-lista-argumentos{gap:var(--space-3);flex-direction:column;display:flex}.block-content-panel-lista-vacia{color:var(--color-text-muted);margin:0;font-size:.875rem}.block-content-panel-argumento{gap:var(--space-2);padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.block-content-panel-boton-lista{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;align-self:flex-start}.block-content-panel-boton-lista-peligro{color:var(--color-text-danger);border-color:var(--color-text-danger)}.block-content-panel-modal .block-content-panel-heading,.block-content-panel-modal .block-content-panel-hint{display:none}.block-content-panel-modal-descripcion{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:.875rem}.block-content-panel-modal-descripcion[hidden]{display:none}.block-content-panel-modal-cerrar{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.expr-editor{display:block}.expr-editor-grupo{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);flex-direction:column;margin:0;display:flex}.expr-editor-grupo--operando{gap:var(--space-2);padding:var(--space-2);border-style:dashed;border-color:var(--color-text-muted);flex:14rem}.expr-editor-legend,.expr-editor-modo-legend{padding-inline:var(--space-1);color:var(--color-text);font-weight:600}.expr-editor-grupo--operando .expr-editor-legend{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.expr-editor-modo-legend{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.expr-editor-modo{gap:var(--space-3);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.expr-editor-modo-opcion{align-items:center;gap:var(--space-1);min-height:2.75rem;display:inline-flex}.expr-editor-modo-opcion:has(input:checked){border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding-inline:var(--space-2);font-weight:600}.expr-editor-modo--operando{gap:var(--space-2)}.expr-editor-modo--operando .expr-editor-modo-legend{font-size:.75rem}.expr-editor-seccion{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.expr-editor-seccion[hidden]{display:none}.expr-editor-seccion--operacion{align-items:flex-start}.expr-editor-seccion--operacion>label{align-self:center}.expr-editor-seccion label{color:var(--color-text);font-size:.875rem}.expr-editor-seccion select,.expr-editor-seccion input{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit}.expr-editor-seccion select[aria-invalid=true],.expr-editor-seccion input[aria-invalid=true]{border-color:var(--color-text-danger)}.expr-editor-error{color:var(--color-text-danger);flex-basis:100%;margin:0;font-size:.875rem}.expr-editor-error:empty{display:none}.expr-editor-valor-contenedor{display:inline-flex}.expr-editor-guiado{display:block}.expr-guiado{gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);box-shadow:var(--shadow-xs);flex-direction:column;margin:0;display:flex}.expr-guiado-legend{width:100%;padding:0 0 var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-md);color:var(--color-text);font-weight:700;line-height:1.3}.expr-guiado-fila{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.expr-guiado-lado{gap:var(--space-2);flex-direction:column;flex:12rem;min-width:0;display:flex}.expr-guiado-comparador-grupo{gap:var(--space-2);flex-direction:column;flex:10rem;min-width:0;display:flex}.expr-guiado-valor{gap:var(--space-2);flex-direction:column;display:flex}.expr-guiado-etiqueta{font-size:var(--font-size-sm);letter-spacing:.01em;color:var(--color-text);font-weight:600}.expr-guiado-etiqueta-valor{color:var(--color-text-muted);font-weight:500}.expr-guiado-clase,.expr-guiado-comparador,.expr-guiado-input{max-width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);font:inherit;transition:border-color .12s,box-shadow .12s}.expr-guiado-clase,.expr-guiado-comparador{cursor:pointer}.expr-guiado-clase:hover,.expr-guiado-comparador:hover,.expr-guiado-input:hover{border-color:var(--color-primary)}.expr-guiado-clase:focus-visible,.expr-guiado-comparador:focus-visible,.expr-guiado-input:focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:1px}.expr-guiado-ayuda{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;line-height:1.45}.expr-guiado-error{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background-color:var(--color-bg-danger);font-size:var(--font-size-xs);color:var(--color-text-danger);overflow-wrap:anywhere;margin:0;font-weight:500}.expr-guiado-error:empty{display:none}.expr-guiado-preview{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:var(--color-bg-info);flex-direction:column;display:flex}.expr-guiado-preview-frase{font-size:var(--font-size-sm);color:var(--color-text);overflow-wrap:anywhere;margin:0;font-weight:500}.expr-guiado-preview-codigo-wrap{margin:0;overflow-x:auto}.expr-guiado-preview-codigo-wrap[hidden]{display:none}.expr-guiado-preview-codigo{padding:.15rem var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-bg-elevated);font-family:var(--font-family-mono,ui-monospace, "SF Mono", Menlo, monospace);font-size:var(--font-size-sm);color:var(--color-text);white-space:pre;display:inline-block}.expr-guiado-aviso{margin:0 0 var(--space-2);padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:var(--color-bg-info);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.45}.expr-guiado-aviso[hidden]{display:none}.expr-guiado-avanzado{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.expr-guiado-avanzado-summary{min-height:2.75rem;padding-block:var(--space-1);font-size:var(--font-size-sm);color:var(--color-primary-text);cursor:pointer;align-items:center;font-weight:600;display:flex}.expr-guiado-avanzado-summary:hover{text-decoration:underline}.expr-guiado-avanzado-summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.expr-guiado-avanzado-contenido{margin-top:var(--space-3)}.expr-guiado-clase:disabled,.expr-guiado-comparador:disabled,.expr-guiado-input:disabled{opacity:.6;cursor:not-allowed}.expr-guiado-clase:disabled:hover,.expr-guiado-comparador:disabled:hover,.expr-guiado-input:disabled:hover{border-color:var(--color-border)}@media (prefers-reduced-motion:reduce){.expr-guiado-clase,.expr-guiado-comparador,.expr-guiado-input{transition:none}}@media (max-width:30rem){.expr-guiado{padding:var(--space-4)}.expr-guiado-fila{flex-direction:column;align-items:stretch}.expr-guiado-lado,.expr-guiado-comparador-grupo{flex-basis:auto}}.execution-panel{gap:var(--space-3);border-block-start:1px solid var(--color-border);flex-direction:column;padding-block-start:var(--space-4);display:flex}.execution-panel-heading,.execution-panel-hint{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.execution-panel-run{min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-3);padding-block:var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-primary-contrast);font:inherit;cursor:pointer;align-self:flex-start;font-weight:600}.execution-panel-run[disabled]{cursor:not-allowed;opacity:.7}.execution-panel-run-secondary{border-color:var(--color-border);color:var(--color-text);background-color:#0000}.execution-panel-run-secondary:hover{border-color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){.execution-panel-run{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}}.execution-panel-input-label{color:var(--color-text);font-size:.875rem;font-weight:600}.execution-panel-input-field{width:100%;min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-mono);font-variant-ligatures:none;font-size:.9375rem;display:block}.execution-panel-input-context{margin:0 0 var(--space-3);max-height:10rem;padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-control);color:var(--color-text);font-family:var(--font-family-mono);font-variant-ligatures:none;font-size:.9375rem;line-height:var(--line-height-base);white-space:pre-wrap;word-break:break-word;overflow:auto}.execution-panel-status{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-border);color:var(--color-text-muted);margin:0;font-size:.875rem}.execution-panel-status:empty{display:none}.execution-panel-error{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-text-danger);color:var(--color-text-danger);margin:0;font-size:.875rem}.execution-panel-results{gap:var(--space-2);flex-direction:column;display:flex}.execution-panel-results[hidden]{display:none}.execution-panel-results-heading{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.execution-panel-summary{color:var(--color-text-muted);margin:0;font-size:.875rem;font-weight:600}.execution-panel-summary[data-exito=true]{color:var(--color-text-success)}.execution-panel-summary[data-exito=false]{color:var(--color-text-danger)}.execution-panel-results-empty{color:var(--color-text-muted);margin:0}.execution-panel-results-list{gap:var(--space-1);color:var(--color-text);flex-direction:column;margin:0;padding-inline-start:var(--space-4);display:flex}.autocorrection-panel{--autocorrection-success-color:var(--color-text-success);--autocorrection-accent-color:#7c3fd6;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-inline-start:4px solid var(--autocorrection-accent-color);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;display:flex}.autocorrection-panel-heading{overflow-wrap:anywhere;margin:0;font-size:clamp(1.05rem,1rem + .5vw,1.25rem);line-height:1.3}@media (prefers-color-scheme:dark){.autocorrection-panel{--autocorrection-success-color:#4ade80;--autocorrection-accent-color:#a78bfa}}:root[data-theme=dark] .autocorrection-panel{--autocorrection-success-color:#4ade80;--autocorrection-accent-color:#a78bfa}:root[data-theme=light] .autocorrection-panel{--autocorrection-success-color:var(--color-text-success);--autocorrection-accent-color:#7c3fd6}.autocorrection-panel-hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.autocorrection-panel-hint:empty{display:none}.autocorrection-panel-time{gap:var(--space-1);align-items:baseline;margin:0;font-size:.875rem;display:flex}.autocorrection-panel-time-label{color:var(--color-text-muted)}.autocorrection-panel-time-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.autocorrection-panel-time-note{color:var(--color-text-muted);margin:0;font-size:.8125rem;font-style:italic}.autocorrection-panel-submit{min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-3);padding-block:var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-primary-contrast);font:inherit;cursor:pointer;align-self:flex-start;font-weight:600}.autocorrection-panel-submit[disabled]{cursor:not-allowed;opacity:.7}@media (prefers-reduced-motion:no-preference){.autocorrection-panel-submit{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}}.autocorrection-panel-submit-secondary{color:var(--color-text);background-color:#0000}.autocorrection-panel-attempt-actions{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;display:flex}.autocorrection-panel-attempt-actions .autocorrection-panel-submit{flex:1 1 0;align-self:stretch;min-width:max-content}.autocorrection-panel-hint-result{border-inline-start-color:var(--autocorrection-accent-color)}.autocorrection-panel-score{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.autocorrection-panel-status{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-border);color:var(--color-text-muted);margin:0;font-size:.875rem}.autocorrection-panel-status:empty{display:none}.autocorrection-panel-error{padding-block:var(--space-2);padding-inline:var(--space-3);border-inline-start:4px solid var(--color-text-danger);color:var(--color-text-danger);margin:0;font-size:.875rem}.autocorrection-panel-result{gap:var(--space-2);flex-direction:column;display:flex}.autocorrection-panel-result[hidden]{display:none}.autocorrection-panel-verdict{color:var(--color-text-muted);margin:0;font-size:.9375rem;font-weight:700}.autocorrection-panel-verdict[data-correcto=true]{color:var(--autocorrection-success-color)}.autocorrection-panel-verdict[data-correcto=false]{color:var(--color-text-danger)}.autocorrection-panel-attempts,.autocorrection-panel-completed,.autocorrection-panel-result-time{color:var(--color-text);margin:0;font-size:.875rem}.autocorrection-panel-completed{color:var(--autocorrection-success-color);font-weight:600}.autocorrection-panel-cases-heading{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.autocorrection-panel-cases{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.autocorrection-panel-cases[hidden]{display:none}.autocorrection-panel-case{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.autocorrection-panel-case[data-correcto=true]{border-inline-start-color:var(--autocorrection-success-color)}.autocorrection-panel-case[data-correcto=false]{border-inline-start-color:var(--color-text-danger)}.autocorrection-panel-case-label{color:var(--color-text);margin:0;font-weight:600}.autocorrection-panel-case-detail{color:var(--color-text-muted);margin:0;font-size:.8125rem}.autocorrection-panel-cases-empty{color:var(--color-text-muted);margin:0}.autocorrection-panel-secundario{border-color:var(--color-border);color:var(--color-text);background-color:#0000}.autocorrection-panel-secundario[hidden]{display:none}.diagram-editor-return-type{gap:var(--space-1);flex-direction:column;margin-block-start:var(--space-2);display:flex}.diagram-editor-return-type label{color:var(--color-text-muted);font-size:.75rem}.diagram-editor-return-type select{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font:inherit}.diagram-editor-page{--section-accent-blue:var(--color-primary);--section-accent-green:var(--color-text-success);gap:var(--space-6);max-width:90rem;padding-inline:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}@media (prefers-color-scheme:dark){.diagram-editor-page{--section-accent-blue:var(--color-focus-dark);--section-accent-green:var(--color-success-dark)}}:root[data-theme=dark] .diagram-editor-page{--section-accent-blue:var(--color-focus-dark);--section-accent-green:var(--color-success-dark)}:root[data-theme=light] .diagram-editor-page{--section-accent-blue:var(--color-primary);--section-accent-green:var(--color-text-success)}.diagram-editor-page .exercise-selector{border-inline-start:4px solid var(--section-accent-blue)}.diagram-editor-dashboard{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:stretch;display:grid}@media (max-width:56rem){.diagram-editor-dashboard{grid-template-columns:1fr}}.exercise-statement{padding:var(--space-4);border-inline-start:4px solid var(--section-accent-blue)}.exercise-statement-heading,.exercise-statement-description{color:var(--color-text);overflow-wrap:anywhere;margin:0;line-height:1.6}.exercise-statement-meta{margin-block:var(--space-3) 0;color:var(--color-text-muted);font-size:.875rem}.exercise-statement-status{color:var(--color-text-muted);margin:0}}