/* Phase 1: common presentation only; tool DOM, lifecycle and engines stay native. */
body.vc-workspace {
  color-scheme: dark;
  --ink:#e8eef7; --text:#e8eef7; --muted:#a6b5ca; --brand:#7cc9f5;
  --brand-dark:#acdfff; --accent:#7cc9f5; --bg:#0c1322; --card:#172338;
  --line:#2c3c54; --good:#6ee7b7; --bad:#fda4af; --radius:12px;
  --category-imagenes:#21c9ff; --category-pdf:#ce6aff; --category-texto:#9870ff;
  --category-media:#20d9f5; --category-negocio:#21e6b2; --category-trabajo:#ffb347;
  --sidebar-width:264px;
  min-height:100vh; background:var(--bg); color:var(--ink);
}
.vc-workspace .site-header {
  position:fixed; inset:0 auto 0 0; width:var(--sidebar-width); height:100dvh;
  z-index:50; overflow-y:auto; background:#101b2e; border:0; border-right:1px solid var(--line);
}
.vc-workspace .header-inner { display:block; max-width:none; padding:32px 18px; }
.vc-workspace .brand { display:block; padding:0 12px; color:#f1f5fc; font-size:25px; letter-spacing:-1px; }
.vc-workspace .brand span { color:var(--brand); }
.vc-workspace .sidebar-caption { margin:10px 12px 32px; font-size:9px; font-weight:750; letter-spacing:.14em; color:#91a5bf; }
.vc-workspace .site-nav { display:block; }
.vc-workspace .site-nav details { margin:7px 0; padding:0; border:1px solid var(--line); border-radius:8px; background:#152136; box-shadow:none; }
.vc-workspace .site-nav summary { display:flex; justify-content:space-between; gap:8px; min-height:46px; padding:12px; border-radius:8px; color:#bbc9dc; font-size:13px; font-weight:600; white-space:normal; line-height:1.5; }
.vc-workspace .site-nav summary::after { content:'›'; margin:0; color:#91a5bf; font-size:18px; line-height:1; }
.vc-workspace .site-nav details[open]>summary::after { transform:rotate(90deg); }
.vc-workspace .site-nav details[open]>summary { color:#eef6ff; background:#1b2b43; }
.vc-workspace .site-nav summary:hover { color:#fff; background:#1b2b43; }
.vc-workspace .site-nav ul { display:block; list-style:none; padding:6px 0 8px 12px; margin:0 0 0 12px; border-left:1px solid #31435d; }
.vc-workspace .site-nav li { margin:2px 0; }
.vc-workspace .site-nav li a { display:block; min-height:44px; padding:11px 10px; color:#aebfd5; font-size:13px; line-height:1.65; border-radius:6px; text-decoration:none; }
.vc-workspace .site-nav li a:hover { color:#fff; background:#1c2e49; }
.vc-workspace .site-nav li a[aria-current=page] { color:#bce7ff; background:#203c58; font-weight:650; box-shadow:inset 2px 0 var(--brand); }
.vc-workspace .sidebar-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:10px 14px; border:1px solid #536c8c; border-radius:8px; background:#1b2b43; color:var(--ink); font:inherit; cursor:pointer; }
.vc-workspace main { width:calc(100% - var(--sidebar-width)); max-width:none; min-width:0; margin:0 0 0 var(--sidebar-width); padding:42px clamp(24px,4vw,68px) 64px; }
.vc-workspace main>section,.vc-workspace main>article,.vc-workspace main>div { max-width:1280px; margin-left:auto; margin-right:auto; }
.vc-workspace main>.hero { max-width:1280px; padding:0 0 26px; }
.vc-workspace h1 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; letter-spacing:-.045em; }
.vc-workspace h2 { color:var(--ink); font-size:1.2rem; }
.vc-workspace h3 { color:var(--ink); }
.vc-workspace .lead { color:var(--muted); font-size:1rem; line-height:1.7; }
.vc-workspace main :is(.prose p,.prose li,.muted,.form-note,.results-note,.field small,.word-counter-actions,.unicode-local-note,.unicode-editor-subtitle,.unicode-compatibility,.unicode-compatibility p,.unicode-compatibility strong) { color:var(--muted); }
.vc-workspace :is(.eyebrow,.word-counter-eyebrow,.video-eyebrow,.audio-panel-kicker,.video-panel-kicker) { color:var(--brand); }
.vc-workspace main a:not(.button) { text-underline-offset:3px; }
.vc-workspace main :is(.card,.result-card,.form-card,details,.image-tool-card,.pdf-start,.pdf-advanced,.pdf-editor-extra,.pdf-page-card,.word-counter-editor,.word-counter-limit,.word-counter-stat,.unicode-editor-panel,.unicode-toolbar,.unicode-style-card,.unicode-preview,.unicode-empty,.audio-landing,.video-landing,.video-how-item,.audio-how-item,.tools-index-item,.showcase-card,.image-tool-status,.unemployment-detail,.unemployment-limit,.severance-detail,.benefit-help,.video-options) {
  background:var(--card); color:var(--ink); border-color:var(--line); box-shadow:none;
}
.vc-workspace main :is(.upload-zone,.word-counter-editor textarea,.unicode-editor-panel textarea,.text-code-panel,.text-code-input,.text-code-output,.audio-metadata>div,.video-metadata>div,.video-trim-editor) { background:#121e31; color:var(--ink); border-color:var(--line); }
.vc-workspace main :is(.field input,.field select,textarea,.video-options input,.video-options select,.resize-control-panel input:not([type=range]),.resize-control-panel select) { background:#101b2c; color:var(--ink); border-color:#526783; }
.vc-workspace main :is(input,textarea)::placeholder { color:#9aacc3; }
.vc-workspace main :is(label,legend,.upload-label strong,.upload-label span,.unicode-style-title strong,.unicode-style-title>span,.unicode-style-number,.unicode-results-head>span,.audio-landing-copy h2,.video-intro-action h2,.video-how-item strong,.audio-how-item strong) { color:var(--ink); }
.vc-workspace main :is(.video-intro-action>p,.audio-panel-explain,.video-file-limit,.audio-privacy-line,.audio-upload-label>span,.video-upload-label>span,.video-how-item p,.audio-how-item p) { color:var(--muted); }
.vc-workspace main :is(.button,.word-counter-button,.unicode-copy,.pdf-file-row button,.audio-intent-button,.video-target-button) { border:1px solid #4c6788; background:#223650; color:#e5f3ff; box-shadow:none; }
.vc-workspace main :is(.button:not(.button-secondary):not(.button-link),.word-counter-button:not(.secondary),.audio-upload-label strong,.video-upload-label strong) { background:var(--brand); color:#0c2035; border-color:var(--brand); }
.vc-workspace main :is(button,.button):hover:not(:disabled) { background:#2b4665; color:#fff; }
.vc-workspace main :is(button,.button):disabled { opacity:.5; cursor:not-allowed; }
.vc-workspace main input[type=file] { color:var(--muted); }
.vc-workspace main input[type=file]::file-selector-button { min-height:44px; border:1px solid #4c6788; border-radius:8px; padding:8px 12px; background:#223650; color:var(--ink); font:inherit; cursor:pointer; }
.vc-workspace main :is(.image-tool-card,.pdf-editor) { max-width:none; }
.vc-workspace main .result-card.primary { background:#183342; border-color:#36596c; }
.vc-workspace main .result-card.primary strong { color:var(--good); }
.vc-workspace main .result-card.primary.negative { background:#3b2230; border-color:#785061; }
.vc-workspace main .result-card.primary.negative strong { color:var(--bad); }
.vc-workspace main .form-error { color:var(--bad); }
.vc-workspace main .calculation-notice,.vc-workspace main .unemployment-partial-note { background:#302b20; color:#f5dea0; border-color:#79643b; }
.vc-workspace main .pdf-page-card.is-selected { background:#203c58; border-color:var(--brand); }
.vc-workspace main .audio-decision { background:#183342; border-color:#36596c; }
/* Keep media pixels, PDF paper, crop geometry and timeline controls unaltered. */
.vc-workspace main .vc-category-art { display:none; }
.vc-workspace main .tool-preview { display:none; }
.vc-workspace .tool-heading-favorites { display:block; }
.vc-workspace .site-footer { width:calc(100% - var(--sidebar-width)); margin-left:var(--sidebar-width); padding:24px clamp(24px,4vw,68px); background:var(--bg); border-color:var(--line); color:var(--muted); }
.vc-workspace .footer-inner { max-width:1280px; padding:0; align-items:center; gap:16px; }
.vc-workspace .footer-signoff { margin:0; font-size:11px; }
.vc-workspace .footer-links { display:flex; flex-wrap:wrap; gap:18px; font-size:12px; }
.vc-workspace .footer-links a { color:var(--muted); }
.vc-workspace .workspace-welcome { margin:0 0 48px; padding:56px 0 48px; border-bottom:1px solid var(--line); }
.vc-workspace .workspace-welcome h1 { max-width:850px; margin:28px 0 24px; font-size:clamp(2.4rem,5vw,4.7rem); font-weight:700; line-height:1.12; }
.vc-workspace .workspace-welcome .eyebrow { font-size:11px; letter-spacing:.18em; font-weight:650; }
.vc-workspace .workspace-instruction { margin:32px 0 40px; color:#c2d2e5; max-width:48ch; }
.vc-workspace .workspace-inventory { color:var(--brand); font:500 12px ui-monospace,monospace; }
.vc-workspace .workspace-inventory span { margin:0 18px; color:#526783; }
.vc-workspace .workspace-about { max-width:760px; margin:0; }
.vc-workspace .workspace-about h2 { font-size:17px; }
.vc-workspace .workspace-about p { font-size:14px; line-height:1.9; }
.vc-workspace :focus-visible { outline:3px solid #8bd5ff; outline-offset:3px; }
.vc-workspace .skip-link:focus { position:fixed; left:12px; top:12px; z-index:1100; background:#1b2b43; color:#fff; }
/* Consent markup/logic and default choices are untouched; scoped presentation only. */
.vc-workspace .consent-dialog { --ink:#e8eef7; --card:#172338; --brand:#7cc9f5; --brand-dark:#acdfff; color:var(--ink); }
.vc-workspace .consent-dialog p { color:#b7c7dc; }
.vc-workspace .consent-dialog .button { color:#0c2035; background:#7cc9f5; }
.vc-workspace .consent-dialog .button-secondary,.vc-workspace .consent-dialog .button-link { color:#e8eef7; background:#223650; }
.vc-workspace .consent-reopen { color:#d5e5f7; background:#1b2b43; border-color:#526783; }

/* Legacy component palettes explicitly adapted to the shared dark surfaces. */
.vc-workspace main .calculator-layout { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.vc-workspace main .result-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr)); }
.vc-workspace main .word-counter-limit { grid-template-columns:repeat(3,minmax(0,1fr)); }
.vc-workspace main :is(.word-stat,.code-converter,.code-panel select,.code-swap,.unicode-hero-signature,.unicode-favorite,.audio-how>div,.resize-mode-tabs button,.resize-preset) { background:var(--card); color:var(--ink); border-color:var(--line); box-shadow:none; }
.vc-workspace main :is(.word-stat strong,.word-stat.primary strong,.unicode-hero h1 span,.unicode-step,.unicode-editor-meta,.unicode-eyebrow,.audio-how strong) { color:var(--ink); }
.vc-workspace main :is(.audio-how span,.video-how-num) { color:var(--brand); }
.vc-workspace main .audio-how p { color:var(--muted); }
.vc-workspace main :is(.image-tool-hero .lead,.image-tool-hero>.muted,.audio-hero>.muted,.video-intro-action>p:not(.video-file-limit)) { color:var(--muted); }
.vc-workspace main :is(.code-action,.resize-mode-tabs button[aria-pressed=true],.audio-intent-button[aria-pressed=true]) { background:#284967; color:#e8f6ff; border-color:#6aa6ce; }
.vc-workspace main .code-panel select { border-color:#526783; }
.vc-workspace main .code-actions { border-color:var(--line); }
.vc-workspace main :is(.audio-upload-label strong>span,.video-upload-label strong>span) { color:inherit; }
.vc-workspace main .unemployment-timeline { color:#0c2035; }
.vc-workspace main [aria-invalid=true] { color:var(--ink); background:#3b2230; border-color:var(--bad); }

@media(min-width:821px) and (max-width:1180px) {
  .vc-workspace { --sidebar-width:236px; }
  .vc-workspace main .calculator-layout { grid-template-columns:minmax(0,1fr); }
  .vc-workspace .results { position:static; }
  .vc-workspace .unicode-style-card { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:820px) {
  .vc-workspace .site-header { position:sticky; top:0; width:100%; height:auto; max-height:100dvh; overflow:auto; border-right:0; border-bottom:1px solid var(--line); }
  .vc-workspace .header-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; }
  .vc-workspace .brand { padding:0; font-size:23px; }
  .vc-workspace .sidebar-caption { display:none; }
  .vc-workspace .site-nav { flex-basis:100%; width:100%; max-height:65dvh; overflow-y:auto; padding:8px 0; }
  .vc-workspace main { width:100%; margin:0; padding:28px 18px 48px; }
  .vc-workspace .site-footer { width:100%; margin:0; padding:24px 18px 76px; }
  .vc-workspace .workspace-welcome { margin-bottom:28px; padding:24px 0 32px; }
  .vc-workspace .workspace-welcome h1 { font-size:clamp(2rem,8vw,3.7rem); }
  .vc-workspace .calculator-layout { grid-template-columns:minmax(0,1fr); }
  .vc-workspace .results { position:static; }
  .vc-workspace main .word-counter-limit { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .vc-workspace *, .vc-workspace *::before, .vc-workspace *::after { scroll-behavior:auto; transition:none; animation:none; } }

.vc-workspace main #timeline-later { background:#aac6e8; color:#0c2035; }

/* Loaded media workspaces: the same surfaces as their empty states. */
.vc-workspace main .video-simple-editor,
.vc-workspace main .audio-tool-card>[data-tool-result] { background:var(--card); color:var(--ink); border-color:var(--line); box-shadow:none; }
.vc-workspace main .video-editor-heading p { color:var(--muted); }
.vc-workspace main .video-editor-kicker { color:var(--brand)!important; }
.vc-workspace main .video-editor-section-label { color:var(--ink); }
.vc-workspace main .video-editor-section-label span,
.vc-workspace main .video-export-format { background:#203c58; color:#bce7ff; }
.vc-workspace .video-transport-bar .video-live-time { color:var(--muted); }
.vc-workspace .video-transport-bar .video-live-time strong { color:var(--ink); }
.vc-workspace main .video-skip-icon { color:var(--muted); }

/* Phase 2: secondary signature, compact welcome and a small information bar. */
.vc-workspace .brand { display:inline-flex; flex-direction:column; align-items:flex-start; gap:4px; padding:0 12px 22px; line-height:1.2; }
.vc-workspace .brand .brand-title { color:#f1f5fc; font-size:25px; font-weight:750; letter-spacing:-.045em; }
.vc-workspace .brand .brand-signature { color:#7cc9f5; font-size:11px; font-weight:400; letter-spacing:.025em; }
.vc-workspace .brand .brand-signature span { color:#7cc9f5; font-weight:600; }
.vc-workspace .workspace-topbar { position:sticky; top:0; z-index:40; display:flex; align-items:center; justify-content:space-between; gap:12px; width:calc(100% - var(--sidebar-width)); min-height:64px; margin-left:var(--sidebar-width); padding:8px clamp(24px,4vw,68px); border-bottom:1px solid var(--line); background:#101a2b; }
.vc-workspace .workspace-topbar nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.vc-workspace .workspace-topbar a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border-radius:7px; color:var(--muted); font-size:13px; font-weight:550; text-decoration:none; }
.vc-workspace .workspace-topbar a:hover,.vc-workspace .workspace-topbar a[aria-current=page] { color:#bce7ff; background:#1b2b43; }
.vc-workspace .workspace-welcome { margin-bottom:24px; padding:12px 0 28px; }
.vc-workspace .workspace-welcome h1 { max-width:800px; margin:14px 0 16px; font-size:clamp(2rem,3.6vw,3.3rem); }
.vc-workspace .workspace-welcome .lead { margin-bottom:0; }
.vc-workspace .workspace-instruction { margin:18px 0 24px; max-width:65ch; }
.vc-workspace .workspace-inventory { margin-bottom:0; }
@media(max-width:820px) {
 .vc-workspace .brand { gap:3px; padding:0; }
 .vc-workspace .brand .brand-title { font-size:22px; }
 .vc-workspace .brand .brand-signature { font-size:10px; }
 .vc-workspace .workspace-topbar { position:static; width:100%; min-height:54px; margin-left:0; padding:4px 12px; justify-content:flex-start; }
 .vc-workspace .workspace-topbar nav { gap:4px; }
 .vc-workspace .workspace-topbar a { padding:8px 10px; }
 .vc-workspace .workspace-welcome { padding:0 0 24px; }
 .vc-workspace .workspace-welcome h1 { font-size:clamp(1.9rem,8vw,2.8rem); }
}

/* Approved individual symbols, with no decorative icon backgrounds. */
.vc-workspace .sidebar-icon { display:block; flex:0 0 18px; width:18px; height:18px; }
.vc-workspace .site-nav details { border:0; background:transparent; margin:8px 0; }
.vc-workspace .site-nav summary { align-items:center; justify-content:flex-start; gap:12px; background:#222e43; color:#edf2fa; }
.vc-workspace .site-nav summary>span { flex:1; min-width:0; }
.vc-workspace .site-nav summary::after { content:''; flex:0 0 7px; width:7px; height:7px; border-right:1.5px solid #a6b5ca; border-bottom:1.5px solid #a6b5ca; transform:rotate(45deg); }
.vc-workspace .site-nav details[open]>summary::after { transform:rotate(225deg); }
.vc-workspace .site-nav ul { border:0; padding:5px 0; margin:0; }
.vc-workspace .site-nav li a { display:flex; align-items:center; gap:12px; padding:10px 12px; line-height:1.5; color:#c8d3e3; }
.vc-workspace .site-nav li a>span { min-width:0; }
/* Shared neon signature: decorative SVG stays inside the existing sidebar width. */
.vc-workspace .brand { position:relative; isolation:isolate; max-width:100%; padding-inline:8px; text-decoration:none; }
.vc-workspace .brand .brand-title { position:relative; z-index:1; font-family:Bahnschrift,"Trebuchet MS",ui-sans-serif,sans-serif; font-size:34px; font-weight:750; letter-spacing:-.045em; color:transparent; background:linear-gradient(100deg,#35e3ff 0%,#29b5ff 29%,#8e80ff 65%,#ed6df4 100%); background-clip:text; -webkit-background-clip:text; filter:drop-shadow(0 0 5px #27bfff60); }
.vc-workspace .brand .brand-signature { position:relative; z-index:1; color:#7bdcff; font-size:11px; letter-spacing:.01em; }
.vc-workspace .brand .brand-signature span { color:inherit; }
.vc-workspace .brand-orbit { position:absolute; z-index:0; pointer-events:none; left:0; top:-19px; width:100%; height:100px; max-width:100%; filter:drop-shadow(0 0 4px #6b70ff80); }
.vc-workspace .workspace-topbar { justify-content:flex-end; }
@media(min-width:821px) and (max-width:1180px) { .vc-workspace .brand .brand-title { font-size:26px; } }
@media(max-width:820px) { .vc-workspace .brand { padding-inline:0; } .vc-workspace .brand .brand-title { font-size:22px; } .vc-workspace .brand .brand-signature { font-size:10px; } .vc-workspace .brand-orbit { top:-11px; height:68px; } .vc-workspace .workspace-topbar { justify-content:flex-start; } }


/* Shared help disclosures: same native details pattern as the image studio. */
.vc-workspace main > .tool-help-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start;
  gap:12px; width:100%; max-width:1280px; margin:30px auto 0;
}
.vc-workspace main > .tool-help-grid > .tool-help-item {
  min-width:0; margin:0; padding:0; border:1px solid #225e86; border-radius:12px;
  background:linear-gradient(135deg,#101f34,#0d192b); color:var(--ink);
  box-shadow:inset 0 1px 0 #71b4ff0a,0 8px 22px #0002;
}
.vc-workspace .tool-help-item > summary {
  display:flex; align-items:center; gap:10px; min-height:52px; padding:11px 16px;
  color:var(--ink); font-size:13px; font-weight:650; cursor:pointer; list-style:none;
  border-radius:12px; transition:background 160ms,box-shadow 160ms,transform 100ms;
}
.vc-workspace .tool-help-item > summary::-webkit-details-marker { display:none; }
.vc-workspace .tool-help-item > summary > svg { flex:0 0 22px; color:#79d4ff; }
.vc-workspace .tool-help-faq > summary > svg { color:#b798ff; }
.vc-workspace .tool-help-item > summary:hover { background:#28436644; box-shadow:inset 0 0 20px #45bcff18; }
.vc-workspace .tool-help-faq > summary:hover { background:#392b6040; box-shadow:inset 0 0 18px #a36cff18; }
.vc-workspace .tool-help-item > summary:active { transform:translateY(1px); }
.vc-workspace .tool-help-item[open] > summary { color:#b8eaff; background:#24344e; }
.vc-workspace .tool-help-chevron { margin-left:auto; color:var(--muted); transition:transform 160ms; }
.vc-workspace .tool-help-item[open] .tool-help-chevron { transform:rotate(180deg); }
.vc-workspace .tool-help-content { padding:0 16px 16px; color:var(--muted); font-size:13px; line-height:1.7; }
.vc-workspace .tool-help-content > :first-child { margin-top:0; }
.vc-workspace .tool-help-content > :last-child { margin-bottom:0; }
.vc-workspace .tool-help-content h2 { margin:18px 0 8px; font-size:16px; }
.vc-workspace .tool-help-content h3 { margin:16px 0 7px; font-size:14px; }
.vc-workspace .tool-help-content p,.vc-workspace .tool-help-content li { color:var(--muted); }
.vc-workspace .tool-help-content a { color:#83d6ff; }
.vc-workspace main .tool-help-question {
  margin:7px 0 0; padding:0; border:1px solid #263c59; border-radius:9px;
  background:#121e31; color:var(--ink); box-shadow:none;
}
.vc-workspace .tool-help-question > summary {
  padding:10px 12px; color:#dbeaff; font-size:12px; font-weight:600;
  cursor:pointer; list-style:none;
}
.vc-workspace .tool-help-question > summary::-webkit-details-marker { display:none; }
.vc-workspace .tool-help-question > summary::after { content:'+'; float:right; margin-left:8px; color:#8fdcff; }
.vc-workspace .tool-help-question[open] > summary::after { content:'−'; }
.vc-workspace .tool-help-question > p,.vc-workspace .tool-help-question > ul {
  margin:0; padding:0 12px 12px; color:var(--muted); font-size:12px; line-height:1.65;
}
@media(max-width:820px) {
  .vc-workspace main > .tool-help-grid { grid-template-columns:minmax(0,1fr); margin-top:24px; }
}
@media(prefers-reduced-motion:reduce) {
  .vc-workspace .tool-help-item > summary,.vc-workspace .tool-help-chevron { transition:none; }
}