:root{--topbar:68px;--radius:7px}
html[data-theme="classic-dark"]{--bg:#0d121a;--panel:#131a24;--panel2:#18212d;--panel3:#1c2633;--line:#2c3949;--text:#f4f6fa;--muted:#a8b3c4;--accent:#8999ff;--accent2:#aab5ff;--danger:#ef7a86;--shadow:0 18px 48px rgba(0,0,0,.34);color-scheme:dark}
html[data-theme="classic"]{--bg:#f5f6fb;--panel:#fff;--panel2:#f1f2f8;--panel3:#e8eaf3;--line:#d7d9e6;--text:#202136;--muted:#656982;--accent:#6240bb;--accent2:#7d61ca;--danger:#c6465b;--shadow:0 18px 48px rgba(31,34,58,.12);color-scheme:light}
html,body{background:var(--bg)!important;color:var(--text)!important}
body.coverstudio-integrated{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.coverstudio-integrated .topbar{background:color-mix(in srgb,var(--panel) 94%,transparent)!important;border-color:var(--line)!important;box-shadow:0 12px 30px rgba(0,0,0,.14);gap:12px;padding:0 12px;min-width:0}
.integrated-brand-zone{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto}.integrated-back{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.integrated-back:hover{color:var(--text);background:var(--panel3)}
.coverstudio-integrated .brand{min-width:0;color:var(--text);background:transparent;border:0;padding:0}.coverstudio-integrated .brand:hover{opacity:.9}.coverstudio-integrated .brand-mark{background:transparent!important}.coverstudio-integrated .brand-mark img{filter:drop-shadow(0 7px 14px rgba(137,153,255,.22))}.coverstudio-integrated .brand strong{color:var(--text)}.coverstudio-integrated .brand span{color:var(--muted)}
.coverstudio-integrated .top-actions{min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px 0}.coverstudio-integrated .top-actions::-webkit-scrollbar{display:none}.top-divider{display:block;width:1px;height:24px;background:var(--line);flex:0 0 1px}.cover-language-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;flex:0 0 auto}.cover-language-switch a{min-width:30px;height:29px;display:grid;place-items:center;color:var(--muted);font-size:9px;font-weight:900;border-right:1px solid var(--line)}.cover-language-switch a:last-child{border-right:0}.cover-language-switch a.is-active{background:var(--panel3);color:var(--accent)}
.integrated-account{display:flex!important;align-items:center;gap:6px}.account-dot{width:7px;height:7px;border-radius:50%;background:#7b8494}.integrated-account.is-authenticated .account-dot{background:var(--safe);box-shadow:0 0 0 3px color-mix(in srgb,var(--safe) 14%,transparent)}
.coverstudio-integrated .btn,.coverstudio-integrated .icon-btn,.coverstudio-integrated .toolbar-btn,.coverstudio-integrated .mobile-panel-btn,.coverstudio-integrated .zoom-group button,.coverstudio-integrated .project-actions button,.coverstudio-integrated .align-grid button{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:5px!important}.coverstudio-integrated .btn:hover,.coverstudio-integrated .icon-btn:hover,.coverstudio-integrated .toolbar-btn:hover,.coverstudio-integrated .project-actions button:hover{background:var(--panel3)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}.coverstudio-integrated .btn.primary,.coverstudio-integrated .project-actions button.primary-mini{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.coverstudio-integrated .panel,.coverstudio-integrated .left-panel,.coverstudio-integrated .right-panel,.coverstudio-integrated .panel-tabs,.coverstudio-integrated .workspace-toolbar,.coverstudio-integrated .statusbar,.coverstudio-integrated .right-panel>.right-pane{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.coverstudio-integrated .tab.active{background:var(--panel3)!important;color:var(--text)!important}.coverstudio-integrated .tab,.coverstudio-integrated label,.coverstudio-integrated .section-head h2{color:var(--muted)!important}
.coverstudio-integrated input[type=text],.coverstudio-integrated input[type=email],.coverstudio-integrated input[type=password],.coverstudio-integrated input[type=number],.coverstudio-integrated select,.coverstudio-integrated textarea,.coverstudio-integrated input[type=color]{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}.coverstudio-integrated select option{background:var(--panel);color:var(--text)}
.coverstudio-integrated .workspace{background:var(--bg)!important}.coverstudio-integrated .stage-scroll{background-color:color-mix(in srgb,var(--bg) 78%,#80889a)!important;background-image:radial-gradient(color-mix(in srgb,var(--muted) 28%,transparent) .7px,transparent .7px)!important;background-size:16px 16px!important}.coverstudio-integrated .stage-wrap svg{background:#fff!important}.coverstudio-integrated .workspace-metrics span,.coverstudio-integrated .calc-card,.coverstudio-integrated .guide-chip,.coverstudio-integrated .dpi-card{background:var(--panel2)!important;border-color:var(--line)!important;color:var(--muted)!important}
.coverstudio-integrated .element-grid button,.coverstudio-integrated .element-button,.coverstudio-integrated .tool-grid button,.coverstudio-integrated .layer-item,.coverstudio-integrated .modal,.coverstudio-integrated .export-card,.coverstudio-integrated .font-card,.coverstudio-integrated .version-row,.coverstudio-integrated .project-card,.coverstudio-integrated .cover-card,.coverstudio-integrated .empty-workspace-card,.coverstudio-integrated .seo-feature-grid article,.coverstudio-integrated .seo-faq details{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.coverstudio-integrated .element-grid button:hover,.coverstudio-integrated .cover-card:hover,.coverstudio-integrated .font-card:hover{background:var(--panel3)!important}.coverstudio-integrated .layer-item.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;border-color:var(--accent)!important}.coverstudio-integrated .layer-type,.coverstudio-integrated .cover-card .cover-icon{background:var(--panel3)!important;color:var(--accent)!important}.coverstudio-integrated .selection-title{background:linear-gradient(180deg,var(--panel) 82%,transparent)!important}
.coverstudio-integrated .home-screen{background:var(--bg)!important}.coverstudio-integrated .home-top h1,.coverstudio-integrated .seo-intro h2,.coverstudio-integrated .seo-faq h2,.coverstudio-integrated .cover-card b,.coverstudio-integrated .project-meta b,.coverstudio-integrated .empty-workspace-card h2{color:var(--text)!important}.coverstudio-integrated .home-top p,.coverstudio-integrated .seo-intro p,.coverstudio-integrated .seo-feature-grid p,.coverstudio-integrated .seo-faq p,.coverstudio-integrated .cover-card p,.coverstudio-integrated .project-meta small,.coverstudio-integrated .empty-workspace-card p{color:var(--muted)!important}.coverstudio-integrated .project-thumb{background:var(--panel2)!important;border-color:var(--line)!important}.coverstudio-integrated .project-thumb img{background:#eef0f3!important}
.coverstudio-integrated .modal-backdrop{background:rgba(4,7,13,.76)!important}.coverstudio-integrated .modal-head h2{color:var(--text)!important}.coverstudio-integrated .modal-head p{color:var(--muted)!important}.coverstudio-integrated .context-toolbar{background:var(--panel)!important;border-color:var(--line)!important}.coverstudio-integrated .context-toolbar button{color:var(--text)!important}.coverstudio-integrated .context-toolbar button:hover{background:var(--panel3)!important}
.coverstudio-integrated .ruler{background:color-mix(in srgb,var(--panel) 96%,transparent)!important;color:var(--muted)!important}.coverstudio-integrated .ruler-corner{background:var(--panel2)!important}.coverstudio-integrated .statusbar{color:var(--muted)!important}
.cs-auth-modal{width:min(520px,96vw)!important}.cs-auth-eyebrow{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.cs-auth-view{margin-top:16px}.cs-auth-submit{width:100%;margin-top:12px}.cs-auth-switch{width:100%;border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800;padding:12px}.cs-auth-view label small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.cs-auth-status{min-height:20px;margin-top:10px;font-size:11px;color:var(--muted)}.cs-auth-status.is-error{color:var(--danger)}.cs-auth-status.is-success{color:var(--safe)}.cs-session-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:var(--panel2);border-radius:8px}.cs-user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}.cs-session-card div{display:grid}.cs-session-card span:not(.cs-user-avatar){color:var(--muted);font-size:11px}.cs-auth-view>p{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0}.cs-verify-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel2);font-size:22px;margin-bottom:12px}.cs-auth-view h3{margin:0 0 8px}.cs-code-input{font-size:25px!important;letter-spacing:.32em;text-align:center;font-weight:900}
.coverstudio-integrated .storage-pill[data-cloud="ok"]{border-color:color-mix(in srgb,var(--safe) 40%,var(--line))!important;color:var(--safe)!important}.coverstudio-integrated .storage-pill[data-cloud="syncing"]{color:var(--accent)!important}
@media(max-width:1180px){.integrated-back span,.integrated-account [data-account-label]{display:none}.integrated-account{width:32px;justify-content:center;padding-inline:0!important}.cover-language-switch{display:none}}
@media(max-width:860px){:root{--topbar:58px}.coverstudio-integrated .topbar{padding:0 8px}.integrated-back{display:none}.coverstudio-integrated .brand small{display:none}.coverstudio-integrated .brand-mark{width:30px;height:30px;flex-basis:30px}.coverstudio-integrated .brand-mark img{width:28px;height:28px}.coverstudio-integrated .top-actions{gap:4px}.coverstudio-integrated .top-actions>#btnVariant,.coverstudio-integrated .top-actions>#btnVersions,.coverstudio-integrated .top-actions>#btnSaveProject,.coverstudio-integrated .top-actions>.file-label,.coverstudio-integrated .top-actions>#btnHelp,.coverstudio-integrated .top-divider{display:none!important}.integrated-theme{display:grid!important}}
@media(max-width:520px){.coverstudio-integrated .brand span>strong{font-size:12px}.coverstudio-integrated .top-actions>#btnLibrary{display:none}.coverstudio-integrated .btn.compact{padding:6px 8px}.cs-auth-modal{padding:15px!important}}

/* 6.0 — puente visual YRV: tema claro/oscuro completo + zoom real del lienzo */
html[data-theme="classic-dark"]{
  --cs-ui-bg:#0d121a;
  --cs-ui-panel:#131a24;
  --cs-ui-panel2:#18212d;
  --cs-ui-panel3:#202b39;
  --cs-ui-line:#344253;
  --cs-ui-line-soft:#273241;
  --cs-ui-text:#f4f6fa;
  --cs-ui-muted:#a8b3c4;
  --cs-ui-subtle:#8390a3;
  --cs-ui-hover:#202b39;
  --cs-ui-work:#0f1620;
  --cs-ui-stage:#171f2a;
  --cs-ui-dot:#516174;
  --cs-ui-input:#18212d;
  --cs-ui-overlay:rgba(1,4,9,.78);
  --cs-ui-shadow:0 18px 52px rgba(0,0,0,.38);
  --cs-ui-info-bg:#142139;
  --cs-ui-info-line:#31588f;
  --cs-ui-info-text:#a8c7ff;
  --cs-ui-ok-bg:#10281f;
  --cs-ui-ok-line:#285943;
  --cs-ui-ok-text:#8de0b8;
  --cs-ui-warn-bg:#2b2111;
  --cs-ui-warn-line:#6d5428;
  --cs-ui-warn-text:#f1cf8a;
  --cs-ui-error-bg:#30171d;
  --cs-ui-error-line:#6e3440;
  --cs-ui-error-text:#ffb2c0;
}
html[data-theme="classic"]{
  --cs-ui-bg:#f5f6fb;
  --cs-ui-panel:#ffffff;
  --cs-ui-panel2:#f1f2f8;
  --cs-ui-panel3:#e8eaf3;
  --cs-ui-line:#d7d9e6;
  --cs-ui-line-soft:#e3e5ee;
  --cs-ui-text:#202136;
  --cs-ui-muted:#656982;
  --cs-ui-subtle:#7b8097;
  --cs-ui-hover:#f0f1f7;
  --cs-ui-work:#eceef4;
  --cs-ui-stage:#e4e7ed;
  --cs-ui-dot:#bdc3ce;
  --cs-ui-input:#ffffff;
  --cs-ui-overlay:rgba(28,31,43,.38);
  --cs-ui-shadow:0 16px 42px rgba(31,34,58,.14);
  --cs-ui-info-bg:#eef4ff;
  --cs-ui-info-line:#b8caf0;
  --cs-ui-info-text:#31588f;
  --cs-ui-ok-bg:#eef9f5;
  --cs-ui-ok-line:#b9dfd3;
  --cs-ui-ok-text:#14644e;
  --cs-ui-warn-bg:#fff8e8;
  --cs-ui-warn-line:#ead49f;
  --cs-ui-warn-text:#80500c;
  --cs-ui-error-bg:#fff2f4;
  --cs-ui-error-line:#efbdc5;
  --cs-ui-error-text:#a61d33;
}

.coverstudio-integrated,
.coverstudio-integrated #app{
  background:var(--cs-ui-bg)!important;
  color:var(--cs-ui-text)!important;
}
.coverstudio-integrated .topbar,
.coverstudio-integrated .panel,
.coverstudio-integrated .left-panel,
.coverstudio-integrated .right-panel,
.coverstudio-integrated .panel-tabs,
.coverstudio-integrated .tab-pane,
.coverstudio-integrated .right-pane,
.coverstudio-integrated .workspace-toolbar,
.coverstudio-integrated .statusbar,
.coverstudio-integrated .modal,
.coverstudio-integrated .home-screen,
.coverstudio-integrated .context-toolbar,
.coverstudio-integrated .live-preview-panel{
  background:var(--cs-ui-panel)!important;
  color:var(--cs-ui-text)!important;
  border-color:var(--cs-ui-line)!important;
}
.coverstudio-integrated .workspace{background:var(--cs-ui-work)!important}
.coverstudio-integrated .stage-scroll{
  background-color:var(--cs-ui-stage)!important;
  background-image:radial-gradient(var(--cs-ui-dot) .7px,transparent .7px)!important;
  background-size:16px 16px!important;
}

/* El SVG del editor debe poder superar el ancho del viewport. La regla responsive global de YRV
   limita todos los SVG a 100% y hacía que el fondo reaccionara al zoom pero la portada pareciera estática. */
.coverstudio-integrated #coverCanvas{
  max-width:none!important;
  max-height:none!important;
  flex:0 0 auto!important;
}
.coverstudio-integrated .stage-wrap{
  box-sizing:border-box!important;
  width:max-content!important;
  height:max-content!important;
  min-width:100%!important;
  min-height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  transform-origin:center center!important;
}
.coverstudio-integrated .stage-wrap svg{background:#fff!important;box-shadow:var(--cs-ui-shadow)!important}

.coverstudio-integrated .btn,
.coverstudio-integrated .icon-btn,
.coverstudio-integrated .toolbar-btn,
.coverstudio-integrated .mobile-panel-btn,
.coverstudio-integrated .zoom-group button,
.coverstudio-integrated .project-actions button,
.coverstudio-integrated .align-grid button,
.coverstudio-integrated .tool-grid button,
.coverstudio-integrated .element-grid button,
.coverstudio-integrated .element-button,
.coverstudio-integrated .rotation-presets button,
.coverstudio-integrated .style-tools button,
.coverstudio-integrated .multi-precision-grid button,
.coverstudio-integrated .multi-align-grid button,
.coverstudio-integrated .transform-tools>button,
.coverstudio-integrated .toggle-chip span{
  background:var(--cs-ui-panel)!important;
  color:var(--cs-ui-text)!important;
  border-color:var(--cs-ui-line)!important;
}
.coverstudio-integrated .btn:hover,
.coverstudio-integrated .icon-btn:hover,
.coverstudio-integrated .toolbar-btn:hover,
.coverstudio-integrated .mobile-panel-btn:hover,
.coverstudio-integrated .zoom-group button:hover,
.coverstudio-integrated .project-actions button:hover,
.coverstudio-integrated .align-grid button:hover,
.coverstudio-integrated .tool-grid button:hover,
.coverstudio-integrated .element-grid button:hover,
.coverstudio-integrated .element-button:hover,
.coverstudio-integrated .rotation-presets button:hover,
.coverstudio-integrated .style-tools button:hover,
.coverstudio-integrated .multi-precision-grid button:hover,
.coverstudio-integrated .multi-align-grid button:hover,
.coverstudio-integrated .transform-tools>button:hover{
  background:var(--cs-ui-hover)!important;
  border-color:color-mix(in srgb,var(--accent) 45%,var(--cs-ui-line))!important;
}
.coverstudio-integrated .btn.primary,
.coverstudio-integrated .project-actions button.primary-mini{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}

.coverstudio-integrated input[type=text],
.coverstudio-integrated input[type=email],
.coverstudio-integrated input[type=password],
.coverstudio-integrated input[type=search],
.coverstudio-integrated input[type=number],
.coverstudio-integrated select,
.coverstudio-integrated textarea,
.coverstudio-integrated input[type=color],
.coverstudio-integrated #helpModal .help-toolbar input[type="search"]{
  background:var(--cs-ui-input)!important;
  color:var(--cs-ui-text)!important;
  border-color:var(--cs-ui-line)!important;
}
.coverstudio-integrated select option{background:var(--cs-ui-panel)!important;color:var(--cs-ui-text)!important}
.coverstudio-integrated input::placeholder,
.coverstudio-integrated textarea::placeholder{color:var(--cs-ui-subtle)!important;opacity:1}

/* Tipografía: neutraliza colores fijos heredados de la antigua interfaz light-only. */
.coverstudio-integrated .brand,
.coverstudio-integrated .brand strong,
.coverstudio-integrated .switch-row b,
.coverstudio-integrated .calc-card strong,
.coverstudio-integrated .element-grid b,
.coverstudio-integrated .element-button b,
.coverstudio-integrated .empty-selection h3,
.coverstudio-integrated .empty-workspace-card h2,
.coverstudio-integrated .selection-title strong,
.coverstudio-integrated .layer-name,
.coverstudio-integrated .multi-selection-count strong,
.coverstudio-integrated .live-preview-head b,
.coverstudio-integrated .svg-editor-head b,
.coverstudio-integrated .modal-head h2,
.coverstudio-integrated .export-card b,
.coverstudio-integrated .cover-card b,
.coverstudio-integrated .project-meta b,
.coverstudio-integrated .font-card b,
.coverstudio-integrated .seo-intro h2,
.coverstudio-integrated .seo-faq h2,
.coverstudio-integrated .seo-feature-grid h3,
.coverstudio-integrated .seo-faq summary,
.coverstudio-integrated .preview-refresh b{
  color:var(--cs-ui-text)!important;
}
.coverstudio-integrated label,
.coverstudio-integrated .section-head h2,
.coverstudio-integrated .brand span,
.coverstudio-integrated .unitLabel,
.coverstudio-integrated .field-help,
.coverstudio-integrated .muted,
.coverstudio-integrated .switch-row small,
.coverstudio-integrated .calc-card span,
.coverstudio-integrated .element-grid span,
.coverstudio-integrated .element-button span,
.coverstudio-integrated .empty-selection,
.coverstudio-integrated .empty-selection p,
.coverstudio-integrated .empty-icon,
.coverstudio-integrated .selection-title small,
.coverstudio-integrated .layer-selection-hint,
.coverstudio-integrated .multi-selection-count small,
.coverstudio-integrated .live-preview-head small,
.coverstudio-integrated .svg-editor-head small,
.coverstudio-integrated .modal-head p,
.coverstudio-integrated .export-card span,
.coverstudio-integrated .project-meta small,
.coverstudio-integrated .font-meta,
.coverstudio-integrated .preview-refresh,
.coverstudio-integrated .preview-refresh small,
.coverstudio-integrated .home-top p,
.coverstudio-integrated .seo-intro p,
.coverstudio-integrated .seo-feature-grid p,
.coverstudio-integrated .seo-faq p{
  color:var(--cs-ui-muted)!important;
}

.coverstudio-integrated .tab{color:var(--cs-ui-muted)!important}
.coverstudio-integrated .tab:hover{background:var(--cs-ui-hover)!important;color:var(--cs-ui-text)!important}
.coverstudio-integrated .tab.active{background:var(--cs-ui-panel3)!important;color:var(--cs-ui-text)!important}
.coverstudio-integrated .segmented{border-color:var(--cs-ui-line)!important}
.coverstudio-integrated .segmented button{background:var(--cs-ui-panel)!important;color:var(--cs-ui-muted)!important}
.coverstudio-integrated .segmented button.active{background:var(--cs-ui-info-bg)!important;color:var(--accent)!important}

.coverstudio-integrated .calc-card,
.coverstudio-integrated .guide-chip,
.coverstudio-integrated .dpi-card,
.coverstudio-integrated .tiny-pill,
.coverstudio-integrated .micro-note,
.coverstudio-integrated .setup-type-preview,
.coverstudio-integrated .multi-selection-panel,
.coverstudio-integrated .svg-editor,
.coverstudio-integrated .preflight-stat,
.coverstudio-integrated .export-summary,
.coverstudio-integrated .preview-refresh,
.coverstudio-integrated .project-thumb,
.coverstudio-integrated .font-empty{
  background:var(--cs-ui-panel2)!important;
  color:var(--cs-ui-muted)!important;
  border-color:var(--cs-ui-line)!important;
}
.coverstudio-integrated .element-grid button,
.coverstudio-integrated .element-button,
.coverstudio-integrated .layer-item,
.coverstudio-integrated .export-card,
.coverstudio-integrated .font-card,
.coverstudio-integrated .version-row,
.coverstudio-integrated .project-card,
.coverstudio-integrated .cover-card,
.coverstudio-integrated .seo-feature-grid article,
.coverstudio-integrated .seo-faq details{
  background:var(--cs-ui-panel)!important;
  border-color:var(--cs-ui-line)!important;
  color:var(--cs-ui-text)!important;
}
.coverstudio-integrated .layer-type,
.coverstudio-integrated .cover-card .cover-icon,
.coverstudio-integrated .layer-item .layer-badge{
  background:var(--cs-ui-panel3)!important;
  color:var(--cs-ui-muted)!important;
  border-color:var(--cs-ui-line)!important;
}
.coverstudio-integrated .layer-item.active{
  background:color-mix(in srgb,var(--accent) 13%,var(--cs-ui-panel))!important;
  border-color:var(--accent)!important;
}
.coverstudio-integrated .layer-item button{color:var(--cs-ui-muted)!important}
.coverstudio-integrated .layer-item button:hover{color:var(--cs-ui-text)!important}

.coverstudio-integrated .notice{background:var(--cs-ui-warn-bg)!important;color:var(--cs-ui-warn-text)!important;border-color:var(--cs-ui-warn-line)!important}
.coverstudio-integrated .notice.neutral{background:var(--cs-ui-panel2)!important;color:var(--cs-ui-muted)!important;border-color:var(--cs-ui-line)!important}
.coverstudio-integrated .notice.error{background:var(--cs-ui-error-bg)!important;color:var(--cs-ui-error-text)!important;border-color:var(--cs-ui-error-line)!important}
.coverstudio-integrated .notice.success{background:var(--cs-ui-ok-bg)!important;color:var(--cs-ui-ok-text)!important;border-color:var(--cs-ui-ok-line)!important}
.coverstudio-integrated .validation-item.ok,
.coverstudio-integrated .diag-card.ok{background:var(--cs-ui-ok-bg)!important;color:var(--cs-ui-ok-text)!important;border-color:var(--cs-ui-ok-line)!important}
.coverstudio-integrated .validation-item.warn,
.coverstudio-integrated .diag-card.warn{background:var(--cs-ui-warn-bg)!important;color:var(--cs-ui-warn-text)!important;border-color:var(--cs-ui-warn-line)!important}
.coverstudio-integrated .validation-item.error,
.coverstudio-integrated .diag-card.error{background:var(--cs-ui-error-bg)!important;color:var(--cs-ui-error-text)!important;border-color:var(--cs-ui-error-line)!important}
.coverstudio-integrated .toast{background:var(--cs-ui-panel)!important;color:var(--cs-ui-text)!important;border-color:var(--cs-ui-line)!important;box-shadow:var(--cs-ui-shadow)!important}
.coverstudio-integrated .modal-backdrop{background:var(--cs-ui-overlay)!important}

/* Preview flotante: interfaz temática, pero la hoja impresa sigue blanca. */
.coverstudio-integrated .live-preview-panel{box-shadow:var(--cs-ui-shadow)!important}
.coverstudio-integrated .live-preview-head{border-color:var(--cs-ui-line)!important}
.coverstudio-integrated .live-preview-host{background:var(--cs-ui-panel2)!important}
.coverstudio-integrated .live-preview-host svg,
.coverstudio-integrated .project-thumb img{background:#fff!important}

/* Reglas y barras */
.coverstudio-integrated .ruler{background:color-mix(in srgb,var(--cs-ui-panel) 97%,transparent)!important;color:var(--cs-ui-muted)!important}
.coverstudio-integrated .ruler-top{box-shadow:0 1px 0 var(--cs-ui-line)!important}
.coverstudio-integrated .ruler-left{box-shadow:1px 0 0 var(--cs-ui-line)!important}
.coverstudio-integrated .ruler-corner{background:var(--cs-ui-panel2)!important;border-color:var(--cs-ui-line)!important}
.coverstudio-integrated .ruler-tick{background:var(--cs-ui-subtle)!important}
.coverstudio-integrated .ruler-tick.major{background:var(--cs-ui-muted)!important}
.coverstudio-integrated .ruler-label,
.coverstudio-integrated .ruler-tick span{color:var(--cs-ui-muted)!important}
.coverstudio-integrated .statusbar{color:var(--cs-ui-muted)!important}
.coverstudio-integrated .storage-pill{background:var(--cs-ui-panel2)!important;border-color:var(--cs-ui-line)!important;color:var(--cs-ui-muted)!important}

/* Centro de ayuda: tenía múltiples bloques light-only con !important. */
.coverstudio-integrated #helpModal .help-modal,
.coverstudio-integrated #helpModal .help-modal>.modal-head,
.coverstudio-integrated #helpModal .help-toolbar,
.coverstudio-integrated #helpModal #diagnosticsPanel.diagnostics-grid,
.coverstudio-integrated #helpModal .help-content,
.coverstudio-integrated #helpModal .help-item,
.coverstudio-integrated #helpModal .help-item-toggle,
.coverstudio-integrated #helpModal .help-item-body{
  background:var(--cs-ui-panel)!important;
  color:var(--cs-ui-text)!important;
  border-color:var(--cs-ui-line)!important;
}
.coverstudio-integrated #helpModal .help-content{background:var(--cs-ui-panel2)!important}
.coverstudio-integrated #helpModal .help-item-toggle:hover,
.coverstudio-integrated #helpModal .help-item-toggle[aria-expanded="true"]{background:var(--cs-ui-hover)!important;border-color:var(--cs-ui-line)!important}
.coverstudio-integrated #helpModal .help-item-toggle,
.coverstudio-integrated #helpModal .help-item-toggle>span:first-child,
.coverstudio-integrated #helpModal .help-item-body b,
.coverstudio-integrated #helpModal .diag-card b{color:var(--cs-ui-text)!important}
.coverstudio-integrated #helpModal .help-item-body p,
.coverstudio-integrated #helpModal .diag-card span{color:var(--cs-ui-muted)!important}
.coverstudio-integrated #helpModal .help-chevron::before,
.coverstudio-integrated #helpModal .help-chevron::after{background:var(--cs-ui-muted)!important}
.coverstudio-integrated #helpModal .diag-card{background:var(--cs-ui-panel2)!important;border-color:var(--cs-ui-line)!important}

/* Preflight y utilidades de precisión */
.coverstudio-integrated .preflight-stat small{color:var(--cs-ui-muted)!important}
.coverstudio-integrated .preflight-row,
.coverstudio-integrated .rotation-presets button,
.coverstudio-integrated .style-tools button,
.coverstudio-integrated .multi-precision-grid button,
.coverstudio-integrated .multi-align-grid button{border-color:var(--cs-ui-line)!important}
.coverstudio-integrated .seo-resource-links a{background:var(--cs-ui-panel)!important;color:var(--accent)!important;border-color:var(--cs-ui-line)!important}
.coverstudio-integrated .seo-resource-links a:hover{background:var(--cs-ui-hover)!important}

@media(max-width:860px){
  .coverstudio-integrated .stage-wrap{padding:38px 28px!important}
}
@media(max-width:560px){
  .coverstudio-integrated .stage-wrap{padding:28px 18px!important}
}

/* Ajustes de contraste detectados en QA visual */
html[data-theme="classic-dark"]{--cs-ui-action:#6b57d9;--cs-ui-action-hover:#5f4dcc}
html[data-theme="classic"]{--cs-ui-action:#6240bb;--cs-ui-action-hover:#5130a6}
.coverstudio-integrated .btn.primary,
.coverstudio-integrated .project-actions button.primary-mini{
  background:var(--cs-ui-action)!important;
  border-color:var(--cs-ui-action)!important;
  color:#fff!important;
}
.coverstudio-integrated .btn.primary:hover,
.coverstudio-integrated .project-actions button.primary-mini:hover{background:var(--cs-ui-action-hover)!important;border-color:var(--cs-ui-action-hover)!important}
.coverstudio-integrated .home-section-head h2{color:var(--cs-ui-text)!important}
.coverstudio-integrated .home-section-head span,
.coverstudio-integrated .cover-category{color:var(--cs-ui-muted)!important}
.coverstudio-integrated .home-kicker,
.coverstudio-integrated .cover-flap-tag{color:var(--accent)!important}
.coverstudio-integrated .zoom-group .zoom-value span{color:var(--cs-ui-text)!important}

/* Imagen: acciones y recorte integrados con el tema YRV */
.coverstudio-integrated .image-source-actions .btn,.coverstudio-integrated .crop-mode-actions .btn{min-width:0}
.coverstudio-integrated .crop-help{color:var(--cs-ui-muted)!important}
.coverstudio-integrated #imgCropZoom,.coverstudio-integrated #imgCropX,.coverstudio-integrated #imgCropY{accent-color:var(--accent,#7c3aed)}