/* Componentes del constructor original; sólo se adapta su disposición lateral. */
.nl-page [data-nl-vehicle]{color-scheme:only light;overflow:hidden;background:var(--iz-paper);border:1px solid var(--iz-border)}
.nl-page [data-nl-vehicle] .iz-toolbar{background:var(--iz-paper);border-bottom:1px solid var(--iz-border);padding:18px;gap:18px}
.nl-page [data-nl-vehicle] .nl-studio-title strong{font-size:15px;color:var(--iz-ink);font-weight:500}.nl-page [data-nl-vehicle] .nl-studio-title .nl-kicker{font-size:11px;letter-spacing:0;color:var(--iz-muted)}
.nl-page [data-nl-vehicle] .ir-machine-actions .ir-machine-button{width:154px;min-height:46px;padding:6px 10px 6px 7px;justify-content:flex-start;font:400 12px/1.4 Arial,sans-serif;background:var(--ir-ui-raised);border:1px solid var(--ir-ui-frame);border-radius:8px;color:var(--ir-ui-ink);gap:8px;box-shadow:inset 0 1px 0 var(--ir-ui-highlight),0 2px 3px var(--ir-ui-shadow)}
.nl-page [data-nl-vehicle] .ir-power-switch svg{width:17px;height:17px}
html body #solution-page .nl-page #flow-comparison [data-nl-vehicle] .nl-context-controls{margin:0;padding:18px;gap:30px;justify-content:flex-start;background:var(--iz-floor);border:0;border-bottom:1px solid var(--iz-border)}
html body #solution-page .nl-page #flow-comparison [data-nl-vehicle] legend{font:500 11px/16px Arial,sans-serif;text-transform:uppercase;letter-spacing:.065em;color:var(--ir-ui-subtle);margin:0 0 6px}
.nl-page [data-nl-vehicle] .nl-context-controls .ir-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--ir-ui-frame);border-radius:10px;background:var(--ir-ui-panel);box-shadow:inset 0 1px 2px var(--ir-ui-shadow)}
.nl-page [data-nl-vehicle] .nl-context-controls .ir-toggle button{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;min-height:36px;border:1px solid var(--ir-ui-frame);border-radius:6px;background:var(--ir-ui-raised);color:var(--ir-ui-ink);font:500 13px/18px Arial,sans-serif;box-shadow:inset 0 1px 0 var(--ir-ui-highlight),0 1px 2px var(--ir-ui-shadow)}
.nl-page [data-nl-vehicle] .nl-context-controls .ir-toggle button[aria-pressed=true]{background:var(--ir-ui-accent);border-color:var(--ir-ui-accent);color:var(--ir-ui-accent-ink)}
.nl-page [data-nl-vehicle] .nl-context-controls .ir-toggle svg{width:17px;height:17px}
.nl-page [data-nl-vehicle] .nl-drawing-zone{background:#f1f4f5;background-image:none;position:relative;padding:0;overflow:hidden}
.nl-page [data-nl-vehicle] .nl-loading-editor{transform:none;right:auto;bottom:auto;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;padding:16px;background:var(--iz-paper);color:var(--iz-ink);border:1px solid var(--iz-border);border-radius:11px;box-shadow:0 8px 30px #23313e22;z-index:30}
.nl-page [data-nl-vehicle] .ir-editor-head h2{font:500 17px/1.25 Arial,sans-serif;margin:0;color:var(--iz-ink);letter-spacing:0}
.nl-page [data-nl-vehicle] .ir-edit-options{margin:0;display:grid;gap:6px}
.nl-page [data-nl-vehicle] .ir-edit-options>button{display:grid;grid-template-columns:15px 29px minmax(0,1fr);gap:10px;align-items:center;justify-content:start;text-align:left;white-space:normal;width:100%;min-height:48px;padding:9px 10px;border:1px solid var(--iz-border);border-radius:7px;background:var(--iz-paper);color:var(--iz-ink);font:400 13px/1.45 Arial,sans-serif}
.nl-page [data-nl-vehicle] .ir-edit-options>button[aria-pressed=true]{background:var(--iz-tint);border-color:var(--iz-red);color:var(--iz-ink)}
.nl-page [data-nl-vehicle] .ir-option-name{font-size:13px;font-weight:500}.nl-page [data-nl-vehicle] .ir-option-note{font-size:12px;line-height:1.35;color:var(--iz-muted)}
.nl-page [data-nl-vehicle] .ir-option-icon svg{width:22px;height:22px}
.nl-page [data-nl-vehicle] .ir-tip{transform:none;box-sizing:border-box;pointer-events:none;overflow:hidden}
.nl-page [data-nl-vehicle] .nl-loading-motions{background:var(--iz-paper);border-color:var(--iz-border);padding:18px;gap:24px}
.nl-page [data-nl-vehicle] .nl-loading-motions .nl-motion button{border-radius:6px;width:32px;height:34px;border:1px solid var(--ir-ui-frame);background:var(--ir-ui-raised);color:var(--ir-ui-ink);box-shadow:inset 0 1px 0 var(--ir-ui-highlight),0 1px 2px var(--ir-ui-shadow)}
.nl-page [data-nl-vehicle] .nl-loading-motions input{accent-color:var(--ir-ui-accent)}
.nl-page [data-nl-vehicle] .nl-loading-motion-heading strong{font-size:15px;color:var(--iz-ink)}.nl-page [data-nl-vehicle] .nl-loading-motion-heading p{font-size:12px;color:var(--iz-muted)}
.nl-page [data-nl-vehicle] .nl-studio-footer{background:var(--iz-paper);padding:18px;border-color:var(--iz-border)}
.nl-page [data-nl-vehicle] .nl-readouts strong{font-size:38px;line-height:1;color:var(--iz-ink)}.nl-page [data-nl-vehicle] .nl-readouts svg{width:38px;height:38px;color:var(--iz-side)}
.nl-page [data-nl-vehicle] .nl-studio-note{padding:10px 18px;background:var(--iz-floor);color:var(--iz-muted);font-size:12px}
.nl-page [data-nl-vehicle] .nl-load-pin text{fill:var(--iz-muted)}
.nl-page [data-nl-vehicle] .nl-load-pin[aria-expanded=true] circle:not(.nl-load-pin-halo){fill:#fff0eb;stroke:#bd3c31;stroke-width:2}
@media(max-width:640px){.nl-page [data-nl-vehicle] .ir-machine-actions{width:100%;justify-content:flex-end}.nl-page [data-nl-vehicle] .ir-machine-actions .ir-machine-button{width:auto;flex:1}.nl-page [data-nl-vehicle] .nl-loading-editor{position:absolute;padding:14px}.nl-page [data-nl-vehicle] .nl-studio-footer{gap:12px;flex-wrap:wrap}}
/* Las tres experiencias comparten el mismo panel claro, incluso con tema exterior oscuro. */
html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-studio-toolbar,html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-studio-footer,html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-loading-motions{background:var(--iz-paper);border-color:var(--iz-border);color:var(--iz-ink)}
html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-readouts strong,html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-loading-motion-heading strong{color:var(--iz-ink)}
html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-readouts>span,html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-loading-motion-heading p,html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-motion label,html[data-theme=dark] .nl-page [data-nl-vehicle] .nl-loading-drawing text{color:var(--iz-muted);fill:var(--iz-muted)}
@media(pointer:coarse){.nl-page [data-nl-vehicle] .nl-context-controls .ir-toggle button{min-height:40px}}
.nl-page [data-nl-vehicle] .ir-editor-close svg{width:16px;height:16px}
/* Decisiones a la vista; se conservan los botones del sistema común. */
.nl-page [data-nl-vehicle] .nl-loading-solutions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:11px 18px;background:var(--iz-floor);border-bottom:1px solid var(--iz-border)}
.nl-page [data-nl-vehicle] .nl-loading-solutions>.ir-control-label{flex:none;margin:0;font:500 11px/16px Arial,sans-serif;color:var(--ir-ui-subtle);letter-spacing:.065em;text-transform:uppercase}
.nl-page [data-nl-vehicle] .nl-loading-solutions .ir-toggle{display:inline-flex;flex-wrap:wrap;max-width:100%;padding:4px;gap:4px;border:1px solid var(--ir-ui-frame);border-radius:10px;background:var(--ir-ui-panel);box-shadow:inset 0 1px 2px var(--ir-ui-shadow)}
.nl-page [data-nl-vehicle] .nl-loading-solutions button{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-start;gap:7px;min-height:36px;padding:7px 10px;background:var(--ir-ui-raised);color:var(--ir-ui-ink);border:1px solid var(--ir-ui-frame);border-radius:6px;box-shadow:inset 0 1px 0 var(--ir-ui-highlight),0 1px 2px var(--ir-ui-shadow);font:500 13px/18px Arial,sans-serif;text-align:left;white-space:normal}
.nl-page [data-nl-vehicle] .nl-loading-solutions button svg{width:17px;height:17px;flex:none}
html body #solution-page .nl-page [data-nl-vehicle] :is(.ir-toggle,.ir-edit-options) button[aria-pressed=true],html body #solution-page .nl-page [data-nl-vehicle] :is(.ir-toggle,.ir-edit-options) button[aria-pressed=true] :is(span,strong,small,svg){background-color:var(--ir-ui-accent);border-color:var(--ir-ui-accent);color:#fff!important}
html body #solution-page .nl-page [data-nl-vehicle] :is(.ir-toggle,.ir-edit-options) button[aria-pressed=true] :is(span,strong,small,svg){background-color:transparent}
html body #solution-page .nl-page [data-nl-vehicle] .ir-edit-options button[aria-pressed=true] .ir-option-mark{border-color:#fff;background:var(--ir-ui-accent)}
.nl-page [data-nl-vehicle] .nl-config-label{font:400 12px/1.5 Arial,sans-serif;color:var(--iz-muted)}
.nl-page [data-nl-vehicle] .nl-studio-footer .ir-file-actions{margin-left:auto}
html body #solution-page .nl-page #flow-comparison [data-nl-vehicle] .nl-context-controls{flex-wrap:wrap;gap:18px 26px}
@media(max-width:640px){.nl-page [data-nl-vehicle] .nl-loading-solutions{padding:11px 12px;gap:7px}.nl-page [data-nl-vehicle] .nl-loading-solutions .ir-toggle{width:auto;gap:4px}.nl-page [data-nl-vehicle] .nl-loading-solutions button{padding:7px 8px;font-size:12px}}