/* Component-only Colón port. No body, shell, header, footer or viewport-fixed quote rules. */
#stand-configurator{--sc-bg:#0a213b;--sc-panel:#102b49;--sc-line:#31516d;--sc-ink:#f0f6ff;--sc-muted:#b7c9dc;--sc-accent:#9aead5;color:var(--sc-ink);min-width:0;scroll-margin-top:100px}
#stand-configurator [hidden]{display:none!important}
#stand-configurator *,#stand-configurator *::before,#stand-configurator *::after{box-sizing:border-box}
#stand-configurator .config-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:start}
#stand-configurator .config-stage{position:sticky;top:100px;min-width:0;border:1px solid var(--sc-line);border-radius:20px;overflow:hidden;background:var(--sc-bg);box-shadow:0 18px 60px #030c1c38}
#stand-configurator .config-stage-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--sc-line);flex-wrap:wrap}
#stand-configurator .config-dimension{font-size:14px;font-weight:750;color:var(--sc-ink)}
#stand-configurator .config-local{font-size:12px;color:var(--sc-muted)}
#stand-configurator .config-canvas{height:clamp(350px,47vw,570px);position:relative;overflow:hidden;background:#f1f4f5}
#stand-configurator .config-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}
#stand-configurator .config-fallback{width:80%;height:86%;object-fit:contain;position:absolute;left:10%;top:4%}
#stand-configurator .config-instant-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
#stand-configurator .config-canvas canvas:not(.config-instant-preview){position:relative;z-index:2}
#stand-configurator .config-canvas[data-ready=true] .config-fallback,#stand-configurator .config-canvas[data-ready=true] .config-instant-preview{display:none}
#stand-configurator .config-watermark{position:absolute;z-index:4;bottom:12px;left:14px;padding:6px 10px;border-radius:5px;background:#09243ce8;color:#fff;pointer-events:none;font-size:11px;font-weight:700;letter-spacing:.06em}
#stand-configurator .config-load{position:absolute;z-index:5;bottom:50px;left:50%;transform:translateX(-50%);margin:0;background:#143e5eeb;color:#eff8ff;padding:10px 16px;font-size:13px;border-radius:10px;max-width:88%;text-align:center;line-height:1.4}
#stand-configurator .config-canvas[data-ready=true] .config-load{background:#d7f7e9e8;color:#164b40}
#stand-configurator .config-price{position:static;inset:auto;display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:16px;padding:16px;border:1px solid #4b7b7b;border-radius:12px;background:#123847;max-height:none;overflow:visible;z-index:auto;box-shadow:none}
#stand-configurator .config-price .kicker{font-size:11px;letter-spacing:.11em;color:var(--sc-accent);margin:0;align-self:center}
#stand-configurator .config-price>strong{font-size:24px;color:var(--sc-ink);line-height:1.2;text-align:right}
#stand-configurator .config-price .control-note,#stand-configurator .config-price details{grid-column:1/-1;margin:0}
#stand-configurator .config-view-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:16px 12px 4px}
#stand-configurator button{font:inherit}
#stand-configurator .config-view-controls button,#stand-configurator .config-wall-shortcuts button{border:1px solid #466784;background:#153553;color:var(--sc-ink);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:650;cursor:pointer;min-height:42px}
#stand-configurator .config-view-controls button[aria-pressed=true]{background:var(--sc-accent);color:#082b36;border-color:var(--sc-accent)}
#stand-configurator .config-tour-controls{display:flex;align-items:center;gap:14px;padding:12px 20px 4px;flex-wrap:wrap}
#stand-configurator .config-tour-controls button{background:#9aead5;color:#092c37;border:0;border-radius:8px;padding:12px 15px;font-size:13px;font-weight:750;cursor:pointer;min-height:44px}
#stand-configurator .config-tour-controls span{font-size:12px;color:var(--sc-muted);line-height:1.5}
#stand-configurator .config-hint{font-size:12px;color:var(--sc-muted);text-align:center;margin:16px 20px;line-height:1.6}
#stand-configurator .config-reference{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px;padding:20px 0 0;border-top:1px solid var(--sc-line);text-align:left}
#stand-configurator .config-reference img{width:120px;height:120px;object-fit:contain;border-radius:10px;background:#f1f4f5}
#stand-configurator .config-reference figcaption{font-size:14px;font-weight:650;line-height:1.6;color:var(--sc-ink)}
#stand-configurator .config-reference span{font-size:12px;font-weight:400;color:var(--sc-muted)}
#stand-configurator .config-controls{border:1px solid var(--sc-line);background:var(--sc-panel);border-radius:20px;padding:24px;min-width:0}
#stand-configurator .config-controls fieldset{border:0;border-bottom:1px solid var(--sc-line);padding:0 0 24px;margin:0 0 24px;min-width:0;scroll-margin-top:110px}
#stand-configurator .config-controls legend{font-size:19px;font-weight:750;letter-spacing:-.02em;margin-bottom:16px;color:var(--sc-ink)}
#stand-configurator .config-controls legend>span{font-size:12px;color:var(--sc-accent);margin-right:8px}
#stand-configurator .config-controls label:not(.logo-drop):not(.config-option){display:block;font-size:13px;font-weight:650;margin:14px 0 9px;color:var(--sc-ink)}
#stand-configurator .config-controls select{width:100%;min-height:44px;padding:11px 12px;border-radius:9px;border:1px solid #4b6a84;color:var(--sc-ink);background:#0b2540;font-size:14px;line-height:1.35}
#stand-configurator .control-note{font-size:12px;color:var(--sc-muted);line-height:1.65;margin:12px 0 0}
#stand-configurator .logo-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #76a6aa;padding:20px 12px;border-radius:12px;background:#11364b;cursor:pointer;text-align:center}
#stand-configurator .logo-drop strong{font-size:16px;color:var(--sc-ink)}
#stand-configurator .logo-drop>span:not(.logo-symbol){font-size:12px;color:var(--sc-muted)}
#stand-configurator .logo-symbol{font-size:27px;color:var(--sc-accent)}
#stand-configurator .logo-drop input{width:100%;max-width:260px;font-size:12px;margin-top:8px;color:var(--sc-muted)}
#stand-configurator .logo-drop input::file-selector-button{border:0;border-radius:6px;padding:9px;font:inherit;background:#244d61;color:var(--sc-ink);cursor:pointer}
#stand-configurator .logo-state{font-size:12px;color:var(--sc-muted);line-height:1.5;overflow-wrap:anywhere;margin:10px 0}
#stand-configurator .config-text-button{border:0;background:transparent;color:var(--sc-accent);padding:5px 0;font-size:13px;cursor:pointer}
#stand-configurator .config-color-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
#stand-configurator .config-color-row label{margin:0!important}
#stand-configurator .config-color-row input{width:44px;height:34px;border:1px solid #78919e;padding:0;border-radius:5px;cursor:pointer}
#stand-configurator .config-swatches{display:flex;gap:12px;margin:16px 0 19px}
#stand-configurator .config-swatches button{width:30px;height:30px;border:2px solid #d5e8ed;outline:1px solid #527489;border-radius:50%;background:var(--swatch);cursor:pointer}
#stand-configurator #logo-scale{width:78%;min-height:28px;accent-color:var(--sc-accent)}
#stand-configurator output[data-logo-scale]{font-size:13px;color:var(--sc-muted);float:right;padding-top:5px}
#stand-configurator .config-option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--sc-line);padding:13px;border-radius:10px;margin:9px 0;cursor:pointer;min-height:68px}
#stand-configurator .config-option:has(input:checked){background:#154450;border-color:#7ebead}
#stand-configurator .config-option:has(input:disabled){opacity:.5}
#stand-configurator .config-option input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--sc-accent)}
#stand-configurator .config-option span{display:grid;gap:5px}
#stand-configurator .config-option strong{font-size:14px;color:var(--sc-ink)}
#stand-configurator .config-option small{font-size:12px;color:var(--sc-muted);line-height:1.5}
#stand-configurator .config-wall-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
#stand-configurator .config-wall-shortcuts button{font-size:12px}
#stand-configurator .config-screen-controls{margin:16px 0;border:1px solid #466784;border-radius:10px;padding:12px}
#stand-configurator .config-screen-controls>summary{font-weight:700;color:var(--sc-accent);cursor:pointer;line-height:1.5;font-size:14px}
#stand-configurator .config-screen-wall{padding:14px 0;border-top:1px solid var(--sc-line)}
#stand-configurator .config-screen-wall>strong{display:block;margin:0 0 10px;font-size:14px}
#stand-configurator .config-screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#stand-configurator .config-screen-pair select{margin-top:5px}
#stand-configurator .config-concepts>select{margin-bottom:12px}
#stand-configurator .config-layout-warning{background:#573b20;border:1px solid #dbad72;border-radius:10px;color:#ffdfb6;padding:12px 14px;margin-bottom:12px;font-size:13px;line-height:1.6}
#stand-configurator .config-layout-warning p{margin:0}
#stand-configurator .config-layout-warning p+p{margin-top:8px}
#stand-configurator .config-equipment-note{font-size:12px;line-height:1.65;padding:14px;margin:16px 20px 0;background:#153c4b;border-radius:10px;color:#c8e7dd}
#stand-configurator .config-equipment-note:empty{display:none}
#stand-configurator .config-actions{display:grid;gap:12px}
#stand-configurator .config-actions button{min-height:46px;border-radius:10px;border:1px solid #59808f;font-size:14px;font-weight:700;padding:12px;text-align:center;justify-content:center;cursor:pointer;background:#153b53;color:var(--sc-ink)}
#stand-configurator .config-actions .btn-green{background:var(--sc-accent);color:#082d35;border-color:var(--sc-accent)}
#stand-configurator .config-actions .link-arrow{font-size:14px;background:#2578be;color:#fff;border-color:#55a3da}
#stand-configurator .config-actions button:disabled,#stand-configurator .config-actions [aria-disabled=true]{opacity:.5;cursor:not-allowed}
#stand-configurator .config-summary{margin:26px 0 0;border-radius:18px;background:#123b4d;border:1px solid #467675;color:var(--sc-ink);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
#stand-configurator .config-summary .kicker{color:var(--sc-accent);font-size:11px;letter-spacing:.11em;margin:0}
#stand-configurator .config-summary h2{font-size:21px;letter-spacing:-.025em;line-height:1.4;margin:9px 0 0;color:var(--sc-ink)}
#stand-configurator .config-summary>p{color:var(--sc-muted);font-size:14px;line-height:1.7;margin:0}
#stand-configurator :focus-visible{outline:3px solid #8bc8ff;outline-offset:3px}
@media(max-width:1100px){#stand-configurator .config-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}#stand-configurator .config-controls{padding:18px}#stand-configurator .config-canvas{height:420px}}
@media(max-width:850px){#stand-configurator .config-layout{grid-template-columns:1fr;gap:20px}#stand-configurator .config-stage{position:static}#stand-configurator .config-controls{padding:24px}#stand-configurator .config-canvas{height:clamp(330px,70vw,520px)}#stand-configurator .config-summary{grid-template-columns:1fr;gap:16px}}
@media(max-width:480px){#stand-configurator .config-stage-top{padding:15px}#stand-configurator .config-dimension{font-size:13px}#stand-configurator .config-canvas{height:340px}#stand-configurator .config-controls{padding:18px}#stand-configurator .config-reference{gap:12px;margin:15px}#stand-configurator .config-reference img{width:92px;height:92px}#stand-configurator .config-reference figcaption{font-size:13px}#stand-configurator .config-reference span{font-size:11px}#stand-configurator .config-screen-pair{grid-template-columns:1fr}#stand-configurator .config-price{grid-template-columns:1fr}#stand-configurator .config-price>strong{text-align:left}#stand-configurator .config-watermark{font-size:9px}}
@media(prefers-reduced-motion:reduce){#stand-configurator *,#stand-configurator *::before,#stand-configurator *::after{scroll-behavior:auto!important;transition:none!important}}
/* Local plane editor: shared by all public locales. Camera exploration stays the default. */
.config-placement-editor{margin:16px;padding:20px;border:1px solid #d8e2e9;border-radius:16px;background:#fff;color:#143846;text-align:left}
.config-placement-editor h3{font-size:1.1rem;margin:0;font-weight:700}
.config-placement-editor p{font-size:.85rem;line-height:1.55;margin:10px 0;color:#48616f}
.placement-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.config-placement-editor label{display:block;font-size:.85rem;font-weight:650}
.config-placement-editor select,.config-placement-editor input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #b9cbd7;border-radius:9px;background:#fff;color:#143846;padding:10px;font:inherit;margin:6px 0 12px;min-height:44px}
.placement-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.placement-actions{display:flex;gap:8px;flex-wrap:wrap}
.config-placement-editor button{min-height:44px;border:1px solid #b9cbd7;border-radius:9px;background:#f2f7fb;color:#143846;padding:9px 13px;font:inherit;font-size:.84rem;cursor:pointer}
.config-placement-editor button[aria-pressed=true]{background:#0078ff;color:#fff;border-color:#0078ff}
.config-placement-editor button:disabled,.config-placement-editor input:disabled{opacity:.5;cursor:default}
.config-placement-editor :is(button,input,select):focus-visible{outline:3px solid #0078ff;outline-offset:3px}
.config-canvas[data-move-mode=true]{touch-action:none}
.config-canvas[data-move-mode=true] canvas{cursor:grab}
.config-canvas[data-dragging=true] canvas{cursor:grabbing}
.config-placement-editor [data-placement-status]{min-height:2.7em}
@media(max-width:520px){.config-placement-editor{margin:10px;padding:14px}.placement-coordinates{grid-template-columns:1fr}.placement-heading button{width:100%}}
