/* Familia editorial de herramientas: controles + resultado vivo */.editorial-suite{--editorial-line:rgba(31, 27, 46, .11);--editorial-soft:rgba(107, 38, 156, .055);--editorial-shadow:0 24px 65px rgba(31, 27, 46, .09)}.editorial-suite .brand-hero{padding-bottom:clamp(28px, 5vw, 54px)}.editorial-suite .suite-shell{width:min(1320px, calc(100% - 32px));margin-top:0}.editorial-suite .suite-workspace{grid-template-columns:minmax(330px, .78fr) minmax(0, 1.22fr);gap:0;overflow:clip;align-items:stretch;min-height:590px;border:1px solid var(--editorial-line);border-radius:22px;background:#fff;box-shadow:var(--editorial-shadow)}.editorial-suite .suite-workspace.wide-result{grid-template-columns:minmax(340px, .72fr) minmax(0, 1.28fr)}.editorial-suite .suite-panel{overflow:visible;padding:clamp(24px, 3vw, 38px);border:0;border-radius:0;box-shadow:none}.editorial-suite .suite-workspace > .suite-panel:first-child{border-top:0;border-right:1px solid var(--editorial-line);background:#fff}.editorial-suite .suite-workspace > .suite-panel:nth-child(2){background-color:#f1ede5;background-image:radial-gradient(rgba(107, 38, 156, .12) 1px, transparent 1px);background-size:22px 22px}.editorial-suite .suite-panel.sticky{position:relative;top:auto}.editorial-suite .suite-panel > h2:first-child{margin-bottom:8px;font-size:clamp(1.55rem, 2.5vw, 2rem);font-weight:600}.editorial-suite .suite-panel:first-child > h2:first-child::before{display:block;margin-bottom:10px;color:var(--purple);content:"01 · CONFIGURACIÓN";font:800 .66rem/1 var(--font-body);letter-spacing:.13em}.editorial-suite .suite-panel:nth-child(2) > h2:first-child::before,.editorial-suite .suite-result::before,.editorial-suite .suite-empty::before{display:block;margin-bottom:10px;color:var(--purple);content:"02 · RESULTADO";font:800 .66rem/1 var(--font-body);letter-spacing:.13em}.editorial-suite .suite-form{gap:18px}.editorial-suite .suite-form label,.editorial-suite .suite-fieldset legend{font-size:.76rem;letter-spacing:.025em}.editorial-suite .suite-form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),.editorial-suite .suite-form textarea,.editorial-suite .suite-form select,.editorial-suite .suite-output-input{min-height:47px;padding:11px 13px;border-color:var(--editorial-line);border-radius:7px;background:#faf8f4}.editorial-suite .suite-form textarea{min-height:128px}.editorial-suite .suite-fieldset{border-color:var(--editorial-line);border-radius:10px;background:#faf8f4}.editorial-suite .suite-btn{min-height:44px;border-radius:7px;letter-spacing:.025em}.editorial-suite .suite-empty{align-self:center;width:min(100%, 620px);min-height:330px;margin:auto;border:1px dashed rgba(107, 38, 156, .28);border-radius:16px;background:rgba(255, 255, 255, .78);box-shadow:0 18px 45px rgba(31, 27, 46, .06)}.editorial-suite .suite-result{width:min(100%, 720px);margin:auto;padding:clamp(22px, 3vw, 34px);border:1px solid var(--editorial-line);border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(31, 27, 46, .09)}.editorial-suite .suite-result[hidden]{display:none}.editorial-suite .suite-code,.editorial-suite .suite-note,.editorial-suite .suite-cta{border-radius:8px}/* Previsualizador de enlaces: el propio resultado es el lienzo. */.editorial-suite .link-preview-tool{display:grid;grid-template-columns:minmax(320px, .72fr) minmax(0, 1.28fr);grid-template-rows:auto auto;gap:0;overflow:clip;width:min(1320px, calc(100% - 32px));min-height:570px;margin:0 auto 64px;border:1px solid var(--editorial-line);border-radius:22px;background:#f1ede5;background-image:radial-gradient(rgba(107, 38, 156, .12) 1px, transparent 1px);background-size:22px 22px;box-shadow:var(--editorial-shadow)}.editorial-suite .link-loader{grid-column:1;grid-row:1/span 2;padding:clamp(26px, 3.2vw, 42px);border:0;border-right:1px solid var(--editorial-line);border-radius:0;background:#fff;box-shadow:none}.editorial-suite .link-loader::before{display:block;margin-bottom:12px;color:var(--purple);content:"01 · ENLACE";font:800 .66rem/1 var(--font-body);letter-spacing:.13em}.editorial-suite .link-preview-tool > :not(.link-loader){grid-column:2;grid-row:1;align-self:center;width:min(calc(100% - 48px), 760px);margin:24px auto}.editorial-suite .link-preview-tool > .preview-error{grid-row:2;align-self:start}.editorial-suite .preview-state,.editorial-suite .preview-result{border-radius:15px;background:rgba(255, 255, 255, .92);box-shadow:0 20px 55px rgba(31, 27, 46, .08)}.editorial-suite .preview-result{max-height:780px;overflow:auto}/* QR: conserva primero la previsualización y convierte la configuración en editor lateral. */.editorial-suite .qr-intents{margin-top:0}.editorial-suite .qr-app{grid-template-columns:minmax(0, 1.2fr) minmax(340px, .8fr);gap:0;overflow:clip;max-width:1320px;padding:0;border:1px solid var(--editorial-line);border-radius:22px;background:#fff;box-shadow:var(--editorial-shadow)}.editorial-suite .qr-stage{min-height:650px;justify-content:center;border-radius:0;background-color:#f1ede5;background-image:radial-gradient(rgba(107, 38, 156, .12) 1px, transparent 1px);background-size:22px 22px;box-shadow:none}.editorial-suite .qr-stage::before{align-self:flex-start;color:var(--purple);content:"02 · VISTA PREVIA Y COMPROBACIÓN";font:800 .66rem/1 var(--font-body);letter-spacing:.13em}.editorial-suite .qr-panel{order:-1;padding:clamp(24px, 3vw, 38px);border:0;border-right:1px solid var(--editorial-line);border-radius:0;box-shadow:none}.editorial-suite .qr-panel > h2:first-child::before{display:block;margin-bottom:10px;color:var(--purple);content:"01 · CONFIGURACIÓN";font:800 .66rem/1 var(--font-body);letter-spacing:.13em}/* Tamaños: variante de mesa visual ancha, no formulario estrecho. */.editorial-suite .sizes-app{max-width:1320px}.editorial-suite .image-resizer{overflow:clip;padding:0;border:1px solid var(--editorial-line);border-radius:22px;background:#fff;box-shadow:var(--editorial-shadow)}.editorial-suite .image-resizer > h3,.editorial-suite .image-resizer > p{margin-right:clamp(22px, 3vw, 38px) !important;margin-left:clamp(22px, 3vw, 38px) !important}.editorial-suite .image-resizer > h3{margin-top:30px}.editorial-suite .resizer-grid{gap:0;margin-top:24px;border-top:1px solid var(--editorial-line)}.editorial-suite .resizer-col-upload{padding:clamp(24px, 3vw, 36px);border-right:1px solid var(--editorial-line);background:#fff}.editorial-suite .resizer-col-preview{min-height:620px;padding:clamp(24px, 3vw, 36px);background-color:#f1ede5;background-image:radial-gradient(rgba(107, 38, 156, .12) 1px, transparent 1px);background-size:22px 22px}.editorial-suite .drop-zone,.editorial-suite .canvas-container{border-radius:12px}@media (max-width: 820px){.editorial-suite .suite-workspace,.editorial-suite .suite-workspace.wide-result,.editorial-suite .link-preview-tool,.editorial-suite .qr-app{grid-template-columns:1fr}.editorial-suite .suite-workspace > .suite-panel:first-child,.editorial-suite .link-loader,.editorial-suite .qr-panel,.editorial-suite .resizer-col-upload{border-right:0;border-bottom:1px solid var(--editorial-line)}.editorial-suite .link-loader,.editorial-suite .link-preview-tool > :not(.link-loader){grid-column:1;grid-row:auto;width:auto;margin:0}.editorial-suite .link-preview-tool > :not(.link-loader){margin:18px}.editorial-suite .qr-panel{order:0}.editorial-suite .qr-stage{min-height:480px}.editorial-suite .resizer-grid{grid-template-columns:1fr}}@media (max-width: 560px){.editorial-suite .suite-shell,.editorial-suite .link-preview-tool{width:min(100% - 20px, 1320px)}.editorial-suite .suite-workspace,.editorial-suite .link-preview-tool,.editorial-suite .qr-app,.editorial-suite .image-resizer{border-radius:15px}.editorial-suite .suite-panel,.editorial-suite .link-loader,.editorial-suite .qr-panel{padding:22px 18px}.editorial-suite .suite-form-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.editorial-suite *,.editorial-suite *::before,.editorial-suite *::after{scroll-behavior:auto !important}}