/* CODSHIPX_VISUAL_STUDIO_R1_PHASE2_CSS */
.cxvs-root{--cxvs-bg:#080d17;--cxvs-panel:#0d1421;--cxvs-border:rgba(148,163,184,.16);--cxvs-text:#e8eef8;--cxvs-muted:#8b9ab0;--cxvs-green:#8cc63f;color:var(--cxvs-text);width:100%;min-width:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cxvs-root *{box-sizing:border-box}.cxvs-shell{position:relative;width:100%;min-width:0;height:calc(100vh - 18px);min-height:720px;display:grid;grid-template-columns:252px minmax(0,1fr) 306px;grid-template-rows:58px 104px minmax(0,1fr);grid-template-areas:"top top top" "ribbon ribbon ribbon" "left center right";overflow:hidden;border:1px solid var(--cxvs-border);border-radius:18px;background:var(--cxvs-bg);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.cxvs-topbar{grid-area:top;min-width:0;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(360px,1fr);align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid var(--cxvs-border);background:linear-gradient(180deg,#101827 0%,#0b121e 100%);z-index:5}
.cxvs-brand,.cxvs-actions,.cxvs-device-switch{display:flex;align-items:center}.cxvs-brand{gap:9px;min-width:0}.cxvs-back{width:32px;height:32px;border-radius:9px;border:1px solid var(--cxvs-border);background:#0a101b;color:#dce7f7;font-size:17px;cursor:pointer}
.cxvs-brand-mark,.cxvs-auth-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#98cc40,#4f8f20);color:#08110a;font-weight:900;letter-spacing:-.03em}.cxvs-brand-mark{width:34px;height:34px;border-radius:10px;font-size:12px}.cxvs-brand>div:last-child{min-width:0}
.cxvs-brand strong{display:block;font-size:14px;line-height:1.1;color:#f5f8fc}.cxvs-brand small{display:block;margin-top:3px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cxvs-muted);font-size:10px}
.cxvs-device-switch{justify-self:center;gap:3px;padding:3px;border:1px solid var(--cxvs-border);border-radius:10px;background:#080d16}.cxvs-device-btn{display:flex;align-items:center;gap:5px;height:30px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#8fa0b6;font-size:10px;font-weight:700;cursor:pointer}.cxvs-device-btn.is-active{background:#1a273a;color:#fff;box-shadow:inset 0 0 0 1px rgba(152,204,64,.22)}
.cxvs-actions{justify-self:end;gap:5px;min-width:0}.cxvs-tool-btn,.cxvs-lock-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 9px;border:1px solid var(--cxvs-border);border-radius:8px;background:#101827;color:#c9d5e5;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}
.cxvs-tool-btn:hover:not(:disabled),.cxvs-lock-btn:hover:not(:disabled){border-color:rgba(152,204,64,.4);background:#162235}.cxvs-tool-btn:disabled,.cxvs-lock-btn:disabled{opacity:.38;cursor:not-allowed}.cxvs-preview-btn{border-color:rgba(59,130,246,.25)}.cxvs-save-btn:not(:disabled){background:linear-gradient(135deg,#78b832,#5d941f);border-color:#82be39;color:#fff}.cxvs-lock-btn{border-color:rgba(245,158,11,.22);color:#f7c96f}.cxvs-icon{display:inline-flex;align-items:center;justify-content:center;min-width:13px;font-size:13px;line-height:1}
.cxvs-left,.cxvs-right{min-height:0;background:var(--cxvs-panel);overflow:hidden}.cxvs-left{grid-area:left;border-right:1px solid var(--cxvs-border);display:flex;flex-direction:column}.cxvs-right{grid-area:right;border-left:1px solid var(--cxvs-border);display:flex;flex-direction:column}
.cxvs-panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px;border-bottom:1px solid var(--cxvs-border)}.cxvs-panel-tabs button{height:30px;border:0;border-radius:7px;background:transparent;color:#718197;font-size:10px;font-weight:800;cursor:pointer}.cxvs-panel-tabs button.is-active{background:#182235;color:#eaf1fa}
.cxvs-left-title{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 7px;color:#8393a8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.13em}.cxvs-left-title button{border:0;background:transparent;color:#7f91aa;cursor:pointer;font-size:14px}.cxvs-page-list{padding:3px 7px 10px;overflow:auto;min-height:0}
.cxvs-page-row{width:100%;display:grid;grid-template-columns:27px minmax(0,1fr) 14px;align-items:center;gap:7px;min-height:48px;margin-bottom:3px;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c9d4e3;text-align:left;cursor:pointer}.cxvs-page-row:hover{background:#111c2b}.cxvs-page-row.is-active{background:linear-gradient(90deg,rgba(140,198,63,.15),rgba(140,198,63,.04));border-color:rgba(140,198,63,.28)}
.cxvs-page-glyph{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;background:#172235;color:#9db0c8;font-size:12px}.cxvs-page-row.is-active .cxvs-page-glyph{background:rgba(140,198,63,.18);color:#a9dd66}.cxvs-page-copy{min-width:0}.cxvs-page-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#e2eaf5}.cxvs-page-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;color:#65758c}.cxvs-lock-dot{color:#f0b44d;font-size:7px}
.cxvs-layers-empty{padding:34px 20px;text-align:center;color:#7c8ca2}.cxvs-layers-icon{font-size:30px;color:#53647b}.cxvs-layers-empty strong{display:block;margin-top:9px;color:#c8d4e4;font-size:12px}.cxvs-layers-empty p{margin:7px 0 10px;font-size:10px;line-height:1.55}.cxvs-layers-empty span{font-size:8.5px;color:#5f7088}
.cxvs-left-footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px 11px;border-top:1px solid var(--cxvs-border);background:#09101a}.cxvs-left-footer strong{display:block;font-size:9.5px;color:#b8cf91}.cxvs-left-footer small{display:block;margin-top:2px;font-size:8px;color:#607086}.cxvs-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.cxvs-status-dot.is-safe{background:#8cc63f;box-shadow:0 0 0 3px rgba(140,198,63,.11)}
.cxvs-center{grid-area:center;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr) 29px;background:#070b12}.cxvs-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid var(--cxvs-border);background:#0a111c}.cxvs-page-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;font-size:9px;color:#607087}.cxvs-page-breadcrumb strong{color:#cbd7e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxvs-reference-badges{display:flex;gap:5px}.cxvs-ref-badge,.cxvs-readonly-badge,.cxvs-phase-pill,.cxvs-coming{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:7.5px;font-weight:900;letter-spacing:.08em}.cxvs-ref-badge{height:18px;padding:0 7px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);color:#76a9ff}.cxvs-readonly-badge{height:18px;padding:0 7px;background:rgba(140,198,63,.1);border:1px solid rgba(140,198,63,.18);color:#9ed65b}
.cxvs-stage{position:relative;min-width:0;min-height:0;overflow:auto;padding:26px;background:radial-gradient(circle at 50% 20%,rgba(49,75,111,.18),transparent 38%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),#080d15;background-size:auto,22px 22px,22px 22px;background-position:center,0 0,11px 11px}
.cxvs-device-frame{margin:0 auto;height:100%;min-height:540px;max-height:100%;border:1px solid #28364a;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.48);transition:width .18s ease}.cxvs-device-frame.is-desktop{width:min(100%,1440px)}.cxvs-device-frame.is-tablet{width:min(820px,100%)}.cxvs-device-frame.is-mobile{width:min(390px,100%)}
.cxvs-frame-cap{height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;background:#121a26;border-bottom:1px solid #263348}.cxvs-frame-dot{width:6px;height:6px;border-radius:50%;background:#46556a}.cxvs-address{margin-left:5px;min-width:0;flex:1;height:17px;display:flex;align-items:center;padding:0 8px;border-radius:5px;background:#0c121c;color:#65758b;font-size:7.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cxvs-iframe{display:block;width:100%;height:calc(100% - 28px);min-height:510px;border:0;background:#fff}
.cxvs-stage-loading,.cxvs-stage-empty{height:100%;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6e7f96;text-align:center}.cxvs-stage-empty>div{font-size:42px;color:#35455b}.cxvs-stage-empty strong{margin-top:10px;font-size:14px;color:#aebdd1}.cxvs-stage-empty p{max-width:360px;margin:7px 0;font-size:10px;line-height:1.6}.cxvs-spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(140,198,63,.16);border-top-color:#8cc63f;animation:cxvs-spin .8s linear infinite}@keyframes cxvs-spin{to{transform:rotate(360deg)}}
.cxvs-statusbar{display:flex;align-items:center;gap:16px;padding:0 11px;border-top:1px solid var(--cxvs-border);background:#090f18;color:#607087;font-size:8px}.cxvs-statusbar>div{display:flex;align-items:center;gap:5px}.cxvs-statusbar strong{color:#9babc0;font-weight:800}.cxvs-dirty{color:#f5b84f}.cxvs-saved{color:#8cc63f}
.cxvs-right-head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid var(--cxvs-border)}.cxvs-right-head strong{display:block;font-size:11px;color:#edf3fb}.cxvs-right-head small{display:block;margin-top:2px;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6a7a91;font-size:8px}.cxvs-phase-pill{height:18px;padding:0 7px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.19);color:#a88af7}.cxvs-right-tabs{padding:6px 8px}
.cxvs-props-scroll{flex:1;min-height:0;overflow:auto;padding:8px}.cxvs-prop-group{margin-bottom:7px;border:1px solid var(--cxvs-border);border-radius:9px;background:#0b121d;overflow:hidden}.cxvs-prop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(148,163,184,.09)}.cxvs-prop-head strong{display:block;font-size:9.5px;color:#ced8e6}.cxvs-prop-head small{display:block;margin-top:2px;font-size:7.8px;color:#63738a}.cxvs-coming{height:17px;padding:0 6px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.12);color:#65758b}
.cxvs-skeleton-controls{padding:8px;display:grid;gap:5px}.cxvs-skeleton-controls>div{min-height:27px;display:flex;align-items:center;padding:0 8px;border:1px dashed rgba(148,163,184,.14);border-radius:6px;background:#0d1623;color:#5c6d84;font-size:8.5px}.cxvs-color-preview{display:flex;align-items:center;gap:6px;padding:9px}.cxvs-color-preview>span{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.13)}.cxvs-color-preview small{margin-left:3px;color:#607087;font-size:7.5px}.cxvs-chip-wrap{display:flex;flex-wrap:wrap;gap:5px;padding:9px}.cxvs-protect-chip{padding:4px 6px;border-radius:6px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.15);color:#d8aa56;font-size:7.5px;text-transform:capitalize}.cxvs-muted{margin:0;padding:10px;color:#63738a;font-size:8.5px;line-height:1.55}
.cxvs-meta-list{margin:0;padding:4px 9px 8px}.cxvs-meta-list>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:5px 0;border-bottom:1px solid rgba(148,163,184,.07)}.cxvs-meta-list>div:last-child{border-bottom:0}.cxvs-meta-list dt{color:#617188;font-size:8px}.cxvs-meta-list dd{margin:0;color:#aebdd0;font-size:8px;font-weight:750}.cxvs-safe-text{color:#92cc4c!important}.cxvs-empty-panel{padding:25px 14px;color:#65768d;font-size:9px;text-align:center}.cxvs-inspector-foot{padding:8px 10px;border-top:1px solid var(--cxvs-border);background:#09101a}.cxvs-inspector-foot>div{display:flex;justify-content:space-between;gap:8px;margin:3px 0;font-size:7.5px}.cxvs-inspector-foot span{color:#56677d}.cxvs-inspector-foot strong{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8192a9}
.cxvs-lock-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,13,.82);backdrop-filter:blur(10px)}.cxvs-auth-card{width:min(420px,100%);padding:26px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:linear-gradient(180deg,#121b2a,#0b121d);box-shadow:0 30px 90px rgba(0,0,0,.5)}.cxvs-auth-logo{width:45px;height:45px;border-radius:13px;font-size:15px}.cxvs-eyebrow{margin:16px 0 5px;color:#8cc63f;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.cxvs-auth-card h2{margin:0;color:#f2f6fc;font-size:20px;line-height:1.15}.cxvs-auth-copy{margin:8px 0 17px;color:#8191a7;font-size:10.5px;line-height:1.6}.cxvs-field-label{display:block;margin-bottom:6px;color:#aebcd0;font-size:9px;font-weight:800}.cxvs-auth-input{width:100%;height:42px;padding:0 12px;border:1px solid #26364c;border-radius:9px;outline:none;background:#080e17;color:#e8eef7;font-size:11px}.cxvs-auth-input:focus{border-color:#79b636;box-shadow:0 0 0 3px rgba(140,198,63,.09)}.cxvs-auth-error{margin-top:9px;padding:8px 10px;border-radius:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#ef9a9a;font-size:9px}.cxvs-auth-submit{width:100%;height:41px;margin-top:11px;border:0;border-radius:9px;background:linear-gradient(135deg,#8cc63f,#659b28);color:#0a1208;font-size:10px;font-weight:900;cursor:pointer}.cxvs-auth-submit:disabled{opacity:.55;cursor:not-allowed}.cxvs-security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:#5f7086;font-size:7.8px}.cxvs-loading-card{text-align:center}.cxvs-loading-card .cxvs-spinner{margin:0 auto 12px}.cxvs-loading-card p{margin-bottom:0}.cxvs-toast{position:absolute;right:16px;bottom:39px;z-index:40;max-width:340px;padding:10px 12px;border:1px solid rgba(140,198,63,.24);border-radius:9px;background:#111b28;color:#dce8f6;font-size:9.5px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.35)}
@media(max-width:1280px){.cxvs-shell{grid-template-columns:220px minmax(0,1fr) 270px}.cxvs-topbar{grid-template-columns:minmax(190px,1fr) auto minmax(300px,1fr)}.cxvs-tool-btn span:not(.cxvs-icon),.cxvs-lock-btn span:not(.cxvs-icon){display:none}.cxvs-tool-btn,.cxvs-lock-btn{width:32px;padding:0}}
@media(max-width:980px){.cxvs-shell{height:auto;min-height:820px;grid-template-columns:190px minmax(0,1fr);grid-template-areas:"top top" "left center"}.cxvs-right{display:none}.cxvs-topbar{grid-template-columns:1fr auto}.cxvs-device-switch{display:none}.cxvs-actions{justify-self:end}}


/* CODSHIPX_VISUAL_STUDIO_R1_PHASE2_UI_FIX_R1 */
.cxvs-scale-holder{
  position:relative;
  margin:0 auto;
  flex:0 0 auto;
}
.cxvs-scale-holder .cxvs-device-frame{
  margin:0;
  max-width:none;
  max-height:none;
  transition:none;
}
.cxvs-scale-holder .cxvs-iframe{
  width:100%;
  height:calc(100% - 28px);
  min-height:0;
}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE2_INTERACTION_FIX_R3 */
.cxvs-full-preview{
  position:fixed;
  inset:0;
  z-index:99990;
  display:grid;
  grid-template-rows:56px minmax(0,1fr);
  background:#060a11;
}
.cxvs-full-preview-bar{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto minmax(220px,1fr);
  align-items:center;
  gap:16px;
  padding:8px 14px;
  border-bottom:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#101827,#0b121e);
}
.cxvs-full-preview-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.cxvs-full-preview-brand strong{
  display:block;
  color:#f4f8fd;
  font-size:12px;
}
.cxvs-full-preview-brand small{
  display:block;
  margin-top:2px;
  color:#72839a;
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cxvs-full-preview-status{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.cxvs-full-preview-status span{
  height:20px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(140,198,63,.2);
  background:rgba(140,198,63,.08);
  color:#9bd759;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.cxvs-end-preview{
  justify-self:end;
  min-width:110px;
  height:34px;
  padding:0 14px;
  border:1px solid rgba(239,68,68,.38);
  border-radius:9px;
  background:linear-gradient(135deg,#d93d3d,#a92424);
  color:#fff;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(239,68,68,.16);
}
.cxvs-end-preview:hover{
  filter:brightness(1.08);
}
.cxvs-full-preview-body{
  min-width:0;
  min-height:0;
  background:#fff;
}
.cxvs-full-preview-frame{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE3A_CSS */
.cxvs-layer-panel{
  display:flex;
  flex:1;
  min-height:0;
  flex-direction:column;
}
.cxvs-layer-search-wrap{
  padding:8px 8px 5px;
}
.cxvs-layer-search{
  width:100%;
  height:31px;
  padding:0 9px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:8px;
  outline:none;
  background:#08101a;
  color:#dbe6f4;
  font-size:9px;
}
.cxvs-layer-search:focus{
  border-color:rgba(140,198,63,.45);
  box-shadow:0 0 0 2px rgba(140,198,63,.08);
}
.cxvs-layer-list{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:3px 7px 8px;
}
.cxvs-layer-row{
  width:100%;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-height:42px;
  margin-bottom:3px;
  padding:6px 7px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#b8c7da;
  text-align:left;
  cursor:pointer;
}
.cxvs-layer-row:hover{
  background:#111b29;
}
.cxvs-layer-row.is-active{
  border-color:rgba(140,198,63,.28);
  background:linear-gradient(90deg,rgba(140,198,63,.16),rgba(140,198,63,.04));
}
.cxvs-layer-kind{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#172235;
  color:#8fa3bc;
  font-size:9px;
  font-weight:900;
}
.cxvs-layer-kind.is-text{color:#7db5ff}
.cxvs-layer-kind.is-image{color:#b495ff}
.cxvs-layer-kind.is-button{color:#9ed65b}
.cxvs-layer-kind.is-link{color:#6fd9ce}
.cxvs-layer-copy{
  min-width:0;
}
.cxvs-layer-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d8e3f1;
  font-size:9px;
}
.cxvs-layer-copy small{
  display:block;
  margin-top:2px;
  color:#607187;
  font-size:7.5px;
}
.cxvs-layer-count{
  padding:7px 9px;
  border-top:1px solid rgba(148,163,184,.1);
  color:#607187;
  font-size:7.5px;
  text-align:center;
}
.cxvs-select-help{
  padding:34px 18px;
  text-align:center;
  color:#718198;
}
.cxvs-select-help-icon{
  width:42px;
  height:42px;
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(140,198,63,.18);
  background:rgba(140,198,63,.08);
  color:#9bd55b;
  font-size:20px;
}
.cxvs-select-help strong{
  display:block;
  color:#d9e4f1;
  font-size:11px;
}
.cxvs-select-help p{
  margin:6px 0 8px;
  font-size:8.5px;
  line-height:1.55;
}
.cxvs-select-help small{
  color:#52647b;
  font-size:7.5px;
}
.cxvs-prop-toggle{
  width:100%;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.cxvs-prop-arrow{
  display:flex;
  width:19px;
  height:19px;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#111d2c;
  color:#7e91aa;
  font-size:12px;
}
.cxvs-real-controls{
  display:grid;
  gap:7px;
  padding:9px;
}
.cxvs-field-row{
  display:grid;
  gap:5px;
}
.cxvs-field-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}
.cxvs-field-copy strong{
  color:#8799af;
  font-size:7.8px;
  font-weight:800;
}
.cxvs-field-copy small{
  color:#506176;
  font-size:6.8px;
}
.cxvs-input{
  width:100%;
  min-width:0;
  height:31px;
  padding:0 8px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:7px;
  outline:none;
  background:#08111b;
  color:#d8e4f2;
  font-size:8.5px;
}
.cxvs-input:focus{
  border-color:rgba(140,198,63,.45);
  box-shadow:0 0 0 2px rgba(140,198,63,.07);
}
.cxvs-input:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.cxvs-textarea{
  min-height:66px;
  height:auto;
  padding:8px;
  resize:vertical;
  line-height:1.45;
}
.cxvs-color-control{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:6px;
}
.cxvs-color-control input[type="color"]{
  width:34px;
  height:31px;
  padding:2px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:7px;
  background:#08111b;
}
.cxvs-color-text{
  min-width:0;
}
.cxvs-static-value{
  min-height:29px;
  display:flex;
  align-items:center;
  padding:0 8px;
  border:1px solid rgba(148,163,184,.1);
  border-radius:7px;
  background:#0a121d;
  color:#9aabc0;
  font-size:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxvs-device-property-note{
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border:1px solid rgba(59,130,246,.16);
  border-radius:7px;
  background:rgba(59,130,246,.06);
}
.cxvs-device-property-note b{
  color:#7cb2ff;
  font-size:7.5px;
}
.cxvs-device-property-note span{
  color:#6d7f96;
  font-size:7px;
}
.cxvs-action-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.cxvs-mini-action{
  min-height:31px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:7px;
  background:#101a28;
  color:#b9c8da;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
.cxvs-mini-action:hover{
  border-color:rgba(140,198,63,.28);
}
.cxvs-reset-action{
  grid-column:1/-1;
  border-color:rgba(245,158,11,.2);
  color:#e1b467;
}
.cxvs-prop-group.is-open{
  border-color:rgba(140,198,63,.17);
}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE3B_CSS */
.cxvs-ribbon{grid-area:ribbon;min-width:0;display:grid;grid-template-rows:30px minmax(0,1fr);border-bottom:1px solid var(--cxvs-border);background:linear-gradient(180deg,#0e1725,#0a121d);z-index:4}
.cxvs-ribbon-tabs{min-width:0;display:flex;align-items:end;gap:2px;padding:0 10px;border-bottom:1px solid rgba(148,163,184,.11);background:#0b1420}
.cxvs-ribbon-tabs>button{height:29px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8394aa;font-size:9px;font-weight:800;cursor:pointer}
.cxvs-ribbon-tabs>button:hover{color:#d5e0ee;background:rgba(255,255,255,.025)}
.cxvs-ribbon-tabs>button.is-active{color:#e9f3fb;border-bottom-color:#8cc63f}
.cxvs-ribbon-save-state{margin-left:auto;height:29px;display:grid;grid-template-columns:8px auto;grid-template-rows:14px 10px;align-content:center;column-gap:6px;padding:0 4px 0 10px}
.cxvs-autosave-dot{grid-row:1/3;align-self:center;width:7px;height:7px;border-radius:50%;background:#55657a}
.cxvs-autosave-dot.is-on{background:#8cc63f;box-shadow:0 0 0 4px rgba(140,198,63,.08)}
.cxvs-ribbon-save-state strong{align-self:end;color:#9cadc2;font-size:7.5px}.cxvs-ribbon-save-state small{color:#52647a;font-size:6.5px}
.cxvs-ribbon-body{min-width:0;display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;padding:5px 7px 4px}
.cxvs-ribbon-group{position:relative;flex:0 0 auto;min-width:74px;display:grid;grid-template-rows:minmax(0,1fr) 13px;padding:0 7px;border-right:1px solid rgba(148,163,184,.11)}
.cxvs-ribbon-controls{min-height:0;display:flex;align-items:center;gap:4px}.cxvs-ribbon-group-title{align-self:end;text-align:center;color:#53657b;font-size:6.5px;letter-spacing:.04em}
.cxvs-ribbon-btn{min-width:38px;height:51px;display:grid;grid-template-rows:25px 16px;place-items:center;padding:3px 5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aebdd0;cursor:pointer}
.cxvs-ribbon-btn:hover:not(:disabled){border-color:rgba(140,198,63,.2);background:#142033;color:#eef5fc}.cxvs-ribbon-btn.is-active{border-color:rgba(140,198,63,.28);background:rgba(140,198,63,.11);color:#b9e875}.cxvs-ribbon-btn:disabled{opacity:.34;cursor:not-allowed}
.cxvs-ribbon-icon{display:flex;min-width:23px;height:23px;align-items:center;justify-content:center;color:inherit;font-size:14px;font-weight:900}.cxvs-ribbon-label{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:6.7px;font-weight:800}
.cxvs-ribbon-select{width:112px;height:28px;padding:0 7px;border:1px solid rgba(148,163,184,.14);border-radius:6px;outline:none;background:#08111c;color:#cbd7e6;font-size:7.5px}.cxvs-ribbon-size{width:46px;height:28px;padding:0 6px;border:1px solid rgba(148,163,184,.14);border-radius:6px;outline:none;background:#08111c;color:#cbd7e6;font-size:7.5px}
.cxvs-ribbon-group.is-font-group .cxvs-ribbon-controls{min-width:320px}.cxvs-ribbon-group.is-input-group .cxvs-ribbon-controls{min-width:176px}
.cxvs-ribbon-input-wrap{width:82px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:3px}.cxvs-ribbon-input-wrap span{color:#60738a;font-size:6.5px}.cxvs-ribbon-input-wrap input{width:100%;height:27px;padding:0 5px;border:1px solid rgba(148,163,184,.14);border-radius:5px;outline:none;background:#08111c;color:#cbd7e6;font-size:7px}
.cxvs-ribbon-color{width:42px;height:51px;display:grid;place-items:center;grid-template-rows:14px 29px;color:#687b92;font-size:6.5px}.cxvs-ribbon-color input{width:31px;height:27px;padding:2px;border:1px solid rgba(148,163,184,.14);border-radius:6px;background:#08111c}
.cxvs-zoom-readout{min-width:42px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.13);border-radius:6px;background:#08111c;color:#cbd7e6;font-size:8px;font-weight:800}
.cxvs-stage.show-grid{background-color:#070b12;background-image:linear-gradient(rgba(148,163,184,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.075) 1px,transparent 1px),radial-gradient(circle at 50% 20%,rgba(49,75,111,.18),transparent 38%);background-size:20px 20px,20px 20px,auto}
.cxvs-ruler-top{position:sticky;top:0;left:0;z-index:12;width:100%;height:16px;margin:-26px -26px 10px;border-bottom:1px solid rgba(148,163,184,.14);background:repeating-linear-gradient(90deg,#0d1724 0,#0d1724 9px,#324156 10px,#0d1724 11px);opacity:.85;pointer-events:none}
.cxvs-ruler-left{position:sticky;left:0;top:0;z-index:11;width:16px;height:100%;min-height:500px;margin-left:-26px;margin-right:10px;float:left;border-right:1px solid rgba(148,163,184,.14);background:repeating-linear-gradient(180deg,#0d1724 0,#0d1724 9px,#324156 10px,#0d1724 11px);opacity:.85;pointer-events:none}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE3C_CSS */
.cxvs-layer-row.is-primary{box-shadow:inset 3px 0 0 #8cc63f}
.cxvs-color-studio-backdrop{position:fixed;inset:0;z-index:100120;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,12,.76);backdrop-filter:blur(8px)}
.cxvs-color-studio{width:min(460px,calc(100vw - 32px));max-height:min(690px,calc(100vh - 32px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(180deg,#111a28,#09111c);box-shadow:0 28px 90px rgba(0,0,0,.48)}
.cxvs-color-studio-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}
.cxvs-color-studio-head strong{display:block;color:#eef6ff;font-size:13px}.cxvs-color-studio-head small{display:block;margin-top:2px;color:#71839a;font-size:8px}
.cxvs-color-studio-head>button{width:30px;height:30px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#111d2c;color:#9cafc5;cursor:pointer}
.cxvs-color-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px 12px 0}
.cxvs-color-mode-tabs button{height:31px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0a1421;color:#7689a0;font-size:8px;font-weight:800;cursor:pointer}
.cxvs-color-mode-tabs button.is-active{border-color:rgba(140,198,63,.35);background:rgba(140,198,63,.1);color:#b8e777}
.cxvs-color-studio-body{display:grid;gap:10px;overflow:auto;padding:14px}
.cxvs-color-preview{height:92px;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.cxvs-color-studio-body label{display:grid;gap:5px}.cxvs-color-studio-body label>span{color:#7f91a8;font-size:8px;font-weight:800}
.cxvs-color-studio-body input:not([type="range"]){width:100%;height:34px;padding:0 9px;border:1px solid rgba(148,163,184,.15);border-radius:8px;outline:none;background:#07101b;color:#dbe7f5;font-size:9px}
.cxvs-color-studio-body input[type="color"]{padding:3px}.cxvs-color-studio-body input[type="range"]{width:100%}
.cxvs-color-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cxvs-color-studio-foot{display:flex;justify-content:flex-end;gap:7px;padding:10px 13px 13px;border-top:1px solid rgba(148,163,184,.1)}
.cxvs-color-studio-foot button{min-width:96px;height:34px;border-radius:8px;font-size:8px;font-weight:900;cursor:pointer}
.cxvs-color-cancel{border:1px solid rgba(148,163,184,.15);background:#101a28;color:#9caec3}
.cxvs-color-apply{border:1px solid rgba(140,198,63,.34);background:linear-gradient(135deg,#8cc63f,#6ea52d);color:#071108}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE4A_WORD_DIRECT_EDIT_CSS */
.cxvs-inline-toolbar{position:fixed;z-index:100110;left:50%;top:112px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100vw - 420px);padding:7px 9px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(8,17,29,.97);box-shadow:0 16px 44px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.cxvs-inline-hint{padding:0 7px;color:#8ea2ba;font-size:8px;font-weight:800;white-space:nowrap}
.cxvs-inline-toolbar button,.cxvs-inline-toolbar select{height:29px;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:#111d2c;color:#dce8f6;font-size:9px;font-weight:800;cursor:pointer}
.cxvs-inline-toolbar button{min-width:30px;padding:0 8px}.cxvs-inline-toolbar button:hover,.cxvs-inline-toolbar select:hover{border-color:rgba(140,198,63,.4);background:#172538}
.cxvs-inline-toolbar button.is-done{border-color:rgba(140,198,63,.4);background:rgba(140,198,63,.16);color:#c8ef90}
.cxvs-inline-toolbar select{min-width:64px;padding:0 6px;outline:none}
.cxvs-inline-color{position:relative;width:30px;height:29px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:#111d2c;color:#e6eef8;font-size:9px;font-weight:900;overflow:hidden;cursor:pointer}
.cxvs-inline-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:1100px){.cxvs-inline-toolbar{left:260px;right:12px;transform:none;max-width:none;overflow-x:auto}.cxvs-inline-hint{display:none}}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE4B_MEDIA_STUDIO */
.cxvs-media-backdrop{position:fixed;inset:0;z-index:100130;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,12,.78);backdrop-filter:blur(9px)}
.cxvs-media-studio{width:min(980px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(180deg,#111a28,#08111c);box-shadow:0 30px 100px rgba(0,0,0,.52)}
.cxvs-media-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}
.cxvs-media-head strong{display:block;color:#eef6ff;font-size:14px}.cxvs-media-head small{display:block;margin-top:2px;color:#71839a;font-size:8px}.cxvs-media-head>button{width:32px;height:32px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#111d2c;color:#9cafc5;cursor:pointer}
.cxvs-media-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.1)}
.cxvs-media-search{height:34px;padding:0 10px;border:1px solid rgba(148,163,184,.15);border-radius:8px;outline:none;background:#07101b;color:#dbe7f5;font-size:9px}.cxvs-media-filter{display:flex;gap:4px}.cxvs-media-filter button,.cxvs-media-upload-btn{height:34px;padding:0 11px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#101a28;color:#8fa2b9;font-size:8px;font-weight:900;cursor:pointer}.cxvs-media-filter button.is-active{border-color:rgba(140,198,63,.38);background:rgba(140,198,63,.1);color:#b8e777}.cxvs-media-upload-btn{border-color:rgba(140,198,63,.32);background:linear-gradient(135deg,#8cc63f,#6fa92d);color:#071108}
.cxvs-media-dropzone{margin:10px 12px 0;padding:12px;border:1px dashed rgba(140,198,63,.34);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(140,198,63,.045);cursor:pointer}.cxvs-media-dropzone.is-over{background:rgba(140,198,63,.12);border-color:#8cc63f}.cxvs-media-dropzone strong{font-size:9px;color:#b6cae0}.cxvs-media-dropzone span{font-size:8px;color:#657990}
.cxvs-media-body{min-height:0;overflow:auto;padding:12px}.cxvs-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cxvs-media-card{min-width:0;overflow:hidden;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:#0c1623}.cxvs-media-thumb{height:118px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#172231 0 25%,#101a27 0 50%) 50%/18px 18px}.cxvs-media-thumb img{width:100%;height:100%;object-fit:contain;pointer-events:none}.cxvs-media-card-info{display:grid;gap:2px;padding:8px 9px 5px}.cxvs-media-card-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e6f4;font-size:8px}.cxvs-media-card-info small{color:#60758c;font-size:7px}.cxvs-media-card-actions{display:grid;grid-template-columns:1fr auto;gap:5px;padding:5px 8px 8px}.cxvs-media-card-actions button{height:29px;border-radius:7px;font-size:7px;font-weight:900;cursor:pointer}.cxvs-media-card-actions .is-use{border:1px solid rgba(140,198,63,.3);background:rgba(140,198,63,.1);color:#b8e777}.cxvs-media-card-actions .is-archive{border:1px solid rgba(248,113,113,.18);background:rgba(248,113,113,.07);color:#e99a9a}.cxvs-media-empty{display:flex;align-items:center;justify-content:center;min-height:220px;color:#6f8298;font-size:9px}
.cxvs-media-prop-actions{display:flex;flex-wrap:wrap;gap:5px}.cxvs-mini-action{min-height:27px;padding:0 8px;border:1px solid rgba(148,163,184,.15);border-radius:7px;background:#0d1724;color:#8da0b7;font-size:7px;font-weight:800;cursor:pointer}.cxvs-mini-action.is-active{border-color:rgba(140,198,63,.35);background:rgba(140,198,63,.09);color:#b9e97c}.cxvs-mini-action:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:760px){.cxvs-media-backdrop{padding:10px}.cxvs-media-studio{width:calc(100vw - 12px);height:calc(100vh - 12px)}.cxvs-media-toolbar{grid-template-columns:1fr}.cxvs-media-filter{overflow:auto}.cxvs-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* CODSHIPX_VISUAL_STUDIO_R1_PHASE4C_VERSION_CSS */
.cxvs-versions-btn{border-color:rgba(96,165,250,.25)!important;background:rgba(59,130,246,.08)!important}
.cxvs-publish-ribbon-state{min-width:140px;display:grid;gap:3px;padding:6px 8px;border:1px solid rgba(148,163,184,.13);border-radius:7px;background:#08121f}
.cxvs-publish-ribbon-state strong{color:#dce8f6;font-size:8px;text-transform:uppercase}.cxvs-publish-ribbon-state small{color:#70839a;font-size:7px}
.cxvs-version-backdrop{position:fixed;inset:0;z-index:100140;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(1,7,15,.8);backdrop-filter:blur(9px)}
.cxvs-version-studio{width:min(880px,calc(100vw - 30px));height:min(760px,calc(100vh - 30px));display:grid;grid-template-rows:auto auto auto auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(180deg,#101a28,#07101b);box-shadow:0 28px 100px rgba(0,0,0,.52)}
.cxvs-version-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}
.cxvs-version-head strong{display:block;color:#edf5ff;font-size:13px}.cxvs-version-head small{display:block;margin-top:2px;color:#74879e;font-size:8px}.cxvs-version-head>button{width:31px;height:31px;border:1px solid rgba(148,163,184,.15);border-radius:8px;background:#111d2b;color:#9eb0c4;cursor:pointer}
.cxvs-version-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px 13px}
.cxvs-version-summary>div{display:grid;gap:3px;padding:8px 9px;border:1px solid rgba(148,163,184,.11);border-radius:8px;background:#09131f}.cxvs-version-summary span{color:#65788f;font-size:7px}.cxvs-version-summary strong{color:#dce8f5;font-size:8px;text-transform:uppercase}.cxvs-version-summary strong.is-safe{color:#a7dc67}
.cxvs-version-create{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px;padding:0 13px 10px}.cxvs-version-create label,.cxvs-publish-workflow-box label{display:grid;gap:4px}.cxvs-version-create label span,.cxvs-publish-workflow-box label span{color:#778aa1;font-size:7px;font-weight:800}.cxvs-version-create input,.cxvs-publish-workflow-box textarea{width:100%;border:1px solid rgba(148,163,184,.14);border-radius:8px;outline:none;background:#06101b;color:#e2edf8;font-size:9px}.cxvs-version-create input{height:34px;padding:0 9px}.cxvs-version-create button{height:34px;align-self:end;border:1px solid rgba(140,198,63,.35);border-radius:8px;background:rgba(140,198,63,.12);color:#b9e87a;font-size:8px;font-weight:900;cursor:pointer}
.cxvs-publish-workflow-box{margin:0 13px 10px;padding:11px;border:1px solid rgba(96,165,250,.16);border-radius:10px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(140,198,63,.05));display:grid;gap:8px}.cxvs-publish-flow-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cxvs-publish-flow-title strong{color:#dfeafb;font-size:9px}.cxvs-publish-flow-title small{color:#698098;font-size:7px}.cxvs-publish-workflow-box textarea{min-height:52px;padding:8px;resize:vertical}.cxvs-publish-flow-actions{display:flex;gap:7px}.cxvs-publish-flow-actions button{height:32px;padding:0 13px;border-radius:8px;font-size:8px;font-weight:900;cursor:pointer}.cxvs-publish-flow-actions .is-ready{border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.09);color:#f6cf67}.cxvs-publish-flow-actions .is-publish{border:1px solid rgba(140,198,63,.35);background:linear-gradient(135deg,#8cc63f,#6ca42b);color:#061106}.cxvs-publish-flow-actions button:disabled{opacity:.42;cursor:not-allowed}.cxvs-publish-workflow-box p{margin:0;color:#71859d;font-size:7px;line-height:1.45}
.cxvs-version-list-head{display:flex;align-items:center;justify-content:space-between;padding:0 13px 8px}.cxvs-version-list-head strong{display:block;color:#dce7f5;font-size:9px}.cxvs-version-list-head small{display:block;color:#657990;font-size:7px}.cxvs-version-list-head button{height:28px;padding:0 10px;border:1px solid rgba(148,163,184,.14);border-radius:7px;background:#101b29;color:#8799ae;font-size:7px;cursor:pointer}
.cxvs-version-list{min-height:0;overflow:auto;padding:0 13px 13px;display:grid;align-content:start;gap:6px}.cxvs-version-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(148,163,184,.1);border-radius:9px;background:#08131f}.cxvs-version-row.is-published{border-color:rgba(140,198,63,.24);background:rgba(140,198,63,.05)}.cxvs-version-number{display:grid;place-items:center;height:34px;border-radius:8px;background:#111e2d;color:#a9bdd3;font-size:9px;font-weight:900}.cxvs-version-info{min-width:0;display:grid;gap:2px}.cxvs-version-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfeafa;font-size:9px}.cxvs-version-info small{color:#6e8197;font-size:7px}.cxvs-version-info code{color:#52677f;font-size:6px}.cxvs-version-live-badge{padding:4px 6px;border:1px solid rgba(140,198,63,.26);border-radius:999px;background:rgba(140,198,63,.08);color:#a8d96b;font-size:6px;font-weight:900}.cxvs-version-row>button{height:29px;padding:0 9px;border:1px solid rgba(96,165,250,.18);border-radius:7px;background:rgba(59,130,246,.07);color:#91b7ec;font-size:7px;font-weight:800;cursor:pointer}.cxvs-version-row>button:disabled{opacity:.4;cursor:not-allowed}.cxvs-version-empty{padding:30px 14px;text-align:center;border:1px dashed rgba(148,163,184,.14);border-radius:10px;color:#687c94;font-size:8px}
@media(max-width:760px){.cxvs-version-summary{grid-template-columns:repeat(2,1fr)}.cxvs-version-create{grid-template-columns:1fr}.cxvs-version-row{grid-template-columns:42px minmax(0,1fr);}.cxvs-version-live-badge,.cxvs-version-row>button{grid-column:2;justify-self:start}.cxvs-publish-flow-title{display:grid}}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE5R1_STATIC_MANIFEST_CSS */
.cxvs-live-open-btn{border-color:rgba(140,198,63,.28)!important;background:rgba(140,198,63,.08)!important}
.cxvs-version-summary strong.is-live{color:#b7e879}
.cxvs-version-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end}
.cxvs-version-actions button{height:29px;padding:0 8px;border:1px solid rgba(96,165,250,.18);border-radius:7px;background:rgba(59,130,246,.07);color:#91b7ec;font-size:7px;font-weight:800;cursor:pointer}
.cxvs-version-actions button.is-live{border-color:rgba(140,198,63,.25);background:rgba(140,198,63,.08);color:#b6df7a}
.cxvs-version-actions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){.cxvs-version-actions{grid-column:2;justify-self:start}}


/* CODSHIPX_VISUAL_STUDIO_R1_PHASE6_FINAL_UX
   Editor-only UX chrome. Never changes the website's saved colors unless the user
   explicitly uses a color control. */
.cxvs-center{position:relative}
.cxvs-status-dot.is-live{background:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.11)}
.cxvs-left-footer .cxvs-status-dot.is-live+div strong{color:#8edcff}

.cxvs-canvas-quickbar{
  position:absolute;
  z-index:90;
  left:50%;
  bottom:39px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:3px;
  max-width:calc(100% - 26px);
  padding:5px 6px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:12px;
  background:rgba(8,16,27,.96);
  box-shadow:0 14px 40px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
  overflow-x:auto;
  scrollbar-width:none;
}
.cxvs-canvas-quickbar::-webkit-scrollbar{display:none}
.cxvs-qb-btn{
  flex:0 0 auto;
  min-width:48px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#93a6bd;
  font-size:7.5px;
  font-weight:800;
  cursor:pointer;
}
.cxvs-qb-btn b{font-size:12px;line-height:1;color:#d9e5f3}
.cxvs-qb-btn:hover:not(:disabled){border-color:rgba(56,189,248,.24);background:rgba(56,189,248,.08);color:#d8efff}
.cxvs-qb-btn.is-active{border-color:rgba(56,189,248,.34);background:rgba(56,189,248,.12);color:#9ee3ff}
.cxvs-qb-btn.is-active b{color:#38bdf8}
.cxvs-qb-btn.is-danger:hover:not(:disabled){border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.08);color:#fecaca}
.cxvs-qb-btn.is-save:not(:disabled){border-color:rgba(140,198,63,.25);background:rgba(140,198,63,.08);color:#c7ee91}
.cxvs-qb-btn:disabled{opacity:.3;cursor:not-allowed}
.cxvs-qb-sep{width:1px;height:22px;margin:0 2px;background:rgba(148,163,184,.17);flex:0 0 auto}

.cxvs-inline-toolbar{
  border-color:rgba(56,189,248,.28);
  box-shadow:0 16px 44px rgba(0,0,0,.32),0 0 0 1px rgba(56,189,248,.05);
}
.cxvs-inline-toolbar button:hover,.cxvs-inline-toolbar select:hover{
  border-color:rgba(56,189,248,.42);
  background:#172538;
}
.cxvs-inline-toolbar button.is-done{
  border-color:rgba(56,189,248,.38);
  background:rgba(56,189,248,.13);
  color:#aee7ff;
}

/* Neutral editor focus. Brand colors are reserved for actual design controls. */
.cxvs-input:focus,.cxvs-layer-search:focus{
  border-color:rgba(56,189,248,.48);
  box-shadow:0 0 0 2px rgba(56,189,248,.08);
}

@media(max-width:1180px){
  .cxvs-qb-btn{min-width:39px;padding:0 6px}
  .cxvs-qb-btn span{display:none}
  .cxvs-canvas-quickbar{bottom:38px}
}


/* CODSHIPX_VISUAL_STUDIO_R1_PHASE6_R4_NO_DEVELOPER_PRO */
.cxvs-float-grip{cursor:grab!important;user-select:none!important;touch-action:none!important;background:linear-gradient(180deg,#15283b,#0e1d2d)!important;border-color:rgba(56,189,248,.35)!important;color:#8bd8ff!important}
.cxvs-float-grip:active{cursor:grabbing!important}
.cxvs-inline-toolbar[data-cxvs-floating="inline"]{will-change:left,top;max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.cxvs-inline-toolbar[data-cxvs-floating="inline"]::-webkit-scrollbar{height:5px}.cxvs-inline-toolbar[data-cxvs-floating="inline"]::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25);border-radius:99px}
.cxvs-inline-toolbar .cxvs-float-dock{min-width:27px!important;padding:0 6px!important;color:#8bd8ff}
.cxvs-inline-toolbar select{max-width:92px}
.cxvs-canvas-quickbar[data-cxvs-floating="quick"]{will-change:left,top;z-index:100105;max-width:calc(100vw - 24px)}
.cxvs-canvas-quickbar[data-cxvs-floating="quick"] .cxvs-float-grip{border-right:1px solid rgba(148,163,184,.15)!important}
.cxvs-range-row{display:grid;grid-template-columns:minmax(90px,1fr) 42px;align-items:center;gap:8px;width:100%}.cxvs-range-row input[type="range"]{width:100%;accent-color:#8cc63f}.cxvs-range-row strong{font-size:10px;color:#dce8f6;text-align:right}
.cxvs-media-prop-actions{flex-wrap:wrap}.cxvs-media-prop-actions .cxvs-mini-action{white-space:nowrap}
@media(max-width:900px){.cxvs-inline-toolbar[data-cxvs-floating="inline"]{left:8px!important;right:8px!important;top:84px!important;transform:none!important;max-width:none}.cxvs-canvas-quickbar[data-cxvs-floating="quick"]{left:8px!important;right:8px!important;transform:none!important;max-width:none}}


/* CODSHIPX_VISUAL_STUDIO_R1_PHASE6_R5_WORD_STATE_COLOR_PRESERVE */
.cxvs-inline-toolbar button.is-active{
  background:linear-gradient(180deg,rgba(132,204,22,.30),rgba(101,163,13,.22)) !important;
  border-color:rgba(163,230,53,.82) !important;
  color:#d9f99d !important;
  box-shadow:0 0 0 1px rgba(163,230,53,.20) inset,0 0 18px rgba(101,163,13,.12) !important;
}
.cxvs-inline-toolbar .cxvs-inline-state{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:8px;
  background:rgba(15,23,42,.78);
  color:#cbd5e1;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.cxvs-inline-toolbar .cxvs-inline-color span{
  min-width:20px;
  min-height:20px;
  border-radius:5px;
  display:inline-grid;
  place-items:center;
}

/* CODSHIPX_VISUAL_STUDIO_R1_PHASE6_R8_WORKSPACE_POLISH */
.cxvs-toast{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:88px !important;
  bottom:auto !important;
  z-index:100500 !important;
  transform:translateX(-50%) !important;
  max-width:min(520px,calc(100vw - 40px)) !important;
  padding:11px 16px !important;
  border:1px solid rgba(140,198,63,.48) !important;
  border-radius:10px !important;
  background:rgba(9,20,30,.98) !important;
  color:#e9f8d5 !important;
  font-size:11px !important;
  font-weight:850 !important;
  text-align:center !important;
  box-shadow:0 18px 55px rgba(0,0,0,.5),0 0 0 1px rgba(140,198,63,.08) !important;
  pointer-events:none !important;
}
.cxvs-publish-top-btn{
  border-color:rgba(245,158,11,.38) !important;
  background:rgba(245,158,11,.10) !important;
  color:#fde7b0 !important;
}
.cxvs-publish-top-btn:hover:not(:disabled){
  border-color:rgba(245,158,11,.65) !important;
  background:rgba(245,158,11,.18) !important;
}
.cxvs-save-btn{
  border-color:rgba(140,198,63,.38) !important;
  background:rgba(140,198,63,.10) !important;
  color:#dff6be !important;
}


/* =========================================================
   CODSHIPX_VISUAL_STUDIO_R1_R10_R1_TOPBAR_COLLISION_FIX
   ========================================================= */
.cxvs-topbar{
  grid-template-columns:minmax(170px,1fr) max-content minmax(0,1.8fr);
  gap:8px;
}
.cxvs-brand{min-width:0;overflow:hidden}
.cxvs-device-switch{position:relative;z-index:2;flex:0 0 auto}
.cxvs-actions{
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  padding-bottom:1px;
}
.cxvs-actions::-webkit-scrollbar{display:none}
.cxvs-actions>.cxvs-tool-btn,
.cxvs-actions>.cxvs-lock-btn{flex:0 0 auto}
@media(max-width:1280px){
  .cxvs-topbar{grid-template-columns:minmax(150px,1fr) minmax(0,1fr)}
  .cxvs-device-switch{display:none}
}


/* =========================================================
   CODSHIPX_VISUAL_STUDIO_R13_TOOLBAR_COLOR_STABILITY
   Keep every Word/Figma control visible and keep native color
   chooser interactions from collapsing the editor toolbar.
   ========================================================= */
.cxvs-inline-toolbar[data-cxvs-floating="inline"]{
  width:fit-content !important;
  max-width:min(1120px,calc(100vw - 32px)) !important;
  max-height:min(164px,calc(100vh - 110px)) !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-content:flex-start !important;
  row-gap:6px !important;
  column-gap:5px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:8px 9px !important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.cxvs-inline-toolbar[data-cxvs-floating="inline"]::-webkit-scrollbar{
  width:5px;
  height:5px;
}
.cxvs-inline-toolbar[data-cxvs-floating="inline"]::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.28);
  border-radius:99px;
}
.cxvs-inline-toolbar .cxvs-inline-hint{
  flex:1 0 100%;
  max-width:100%;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cxvs-inline-toolbar select{
  max-width:132px !important;
}
.cxvs-inline-toolbar button,
.cxvs-inline-toolbar select,
.cxvs-inline-toolbar .cxvs-inline-color,
.cxvs-inline-toolbar .cxvs-inline-state{
  flex:0 0 auto;
}
.cxvs-inline-toolbar .cxvs-inline-color{
  overflow:visible !important;
  isolation:isolate;
}
.cxvs-inline-toolbar .cxvs-inline-color input[type="color"]{
  z-index:3;
  pointer-events:auto;
}
.cxvs-canvas-quickbar[data-cxvs-floating="quick"]{
  position:fixed !important;
  z-index:100105 !important;
  width:fit-content !important;
  max-width:calc(100vw - 32px) !important;
  max-height:116px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  row-gap:4px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
}
@media(max-width:1280px){
  .cxvs-inline-toolbar[data-cxvs-floating="inline"]{
    max-width:calc(100vw - 24px) !important;
    max-height:190px !important;
  }
  .cxvs-inline-toolbar .cxvs-inline-hint{display:none !important}
  .cxvs-inline-toolbar select{max-width:112px !important}
}
@media(max-width:900px){
  .cxvs-inline-toolbar[data-cxvs-floating="inline"]{
    left:8px !important;
    right:8px !important;
    width:auto !important;
    top:84px !important;
    transform:none !important;
    max-width:none !important;
  }
  .cxvs-canvas-quickbar[data-cxvs-floating="quick"]{
    left:8px !important;
    right:8px !important;
    width:auto !important;
    transform:none !important;
    max-width:none !important;
  }
}


/* CODSHIPX_VISUAL_STUDIO_R19_R1_FLEX_HISTORY_RESET */

.cxvs-reset-live-btn{

  border-color:
    rgba(
      244,
      114,
      182,
      .34
    ) !important;

  background:
    rgba(
      190,
      24,
      93,
      .10
    ) !important;

  color:
    #ffd1e2 !important;
}


.cxvs-reset-live-btn:hover:not(:disabled){

  border-color:
    rgba(
      244,
      114,
      182,
      .62
    ) !important;

  background:
    rgba(
      190,
      24,
      93,
      .18
    ) !important;
}