:root{
  --ms-bg:#ffffff;--ms-card:#ffffff;--ms-surface:#f3f7fb;--ms-text:#0f172a;--ms-muted:#475569;--ms-line:rgba(15,23,42,.18);
  --ms-primary:#0f766e;--ms-blue:#2563eb;--ms-purple:#7c3aed;--ms-warn:#b45309;--ms-danger:#b91c1c;--ms-ok:#047857;
  --ms-shadow:0 24px 86px rgba(2,6,23,.30);--ms-font:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
#vel-module-studio-launcher,#vel-module-studio,#vel-module-studio *{box-sizing:border-box}
#vel-module-studio-launcher,#vel-module-studio{font-family:var(--ms-font)}
#vel-module-studio-launcher{
  position:fixed;left:18px;bottom:24px;z-index:2147482998;border:2px solid rgba(255,255,255,.92);
  background:linear-gradient(135deg,var(--ms-purple),var(--ms-blue));color:#fff;border-radius:999px;
  width:112px;height:56px;font-weight:1000;box-shadow:0 18px 38px rgba(37,99,235,.35);cursor:pointer;
  letter-spacing:.03em
}
#vel-module-studio-launcher small{display:block;font-size:9px;opacity:.95}
#vel-module-studio{
  display:none;position:fixed;left:18px;top:42px;width:min(920px,calc(100vw - 36px));height:min(900px,calc(100vh - 64px));
  min-width:520px;min-height:580px;background:var(--ms-bg);color:var(--ms-text);border:1px solid var(--ms-line);
  border-radius:24px;box-shadow:var(--ms-shadow);z-index:2147482999;overflow:hidden;resize:both
}
#vel-module-studio.open{display:flex;flex-direction:column}
.ms-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 12px 16px;border-bottom:1px solid var(--ms-line);background:linear-gradient(180deg,var(--ms-bg),var(--ms-surface))}
.ms-title{display:grid;gap:2px}.ms-title strong{font-size:15px}.ms-title span{font-size:12px;color:var(--ms-muted)}
.ms-actions{display:flex;gap:6px}.ms-icon{width:38px;height:38px;border:1px solid var(--ms-line);border-radius:12px;background:var(--ms-card);color:var(--ms-text);font-weight:900;cursor:pointer}
.ms-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px;border-bottom:1px solid var(--ms-line);background:var(--ms-card)}
.ms-tab{flex:0 0 auto;border:1px solid var(--ms-line);border-radius:999px;padding:8px 10px;background:var(--ms-card);color:var(--ms-text);font-size:12px;font-weight:900;cursor:pointer}
.ms-tab.active,.ms-tab:hover{color:var(--ms-primary);border-color:var(--ms-primary);background:color-mix(in srgb,var(--ms-primary) 12%,var(--ms-card))}
.ms-main{flex:1;min-height:0;overflow:auto;padding:14px;background:var(--ms-surface)}
.ms-card{border:1px solid var(--ms-line);background:var(--ms-card);border-radius:18px;padding:13px;margin-bottom:12px;font-size:13.5px;line-height:1.5}
.ms-card h3{margin:0 0 8px;font-size:15px}.ms-card h4{margin:10px 0 6px;font-size:13px}.ms-card p{margin:7px 0}.ms-card ul,.ms-card ol{margin:8px 0;padding-left:20px}
.ms-grid{display:grid;gap:9px}.ms-grid.two{grid-template-columns:1fr 1fr}.ms-grid.three{grid-template-columns:1fr 1fr 1fr}
.ms-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ms-input,.ms-textarea,.ms-select{width:100%;border:1px solid var(--ms-line);border-radius:14px;padding:10px 11px;font:inherit;font-size:13.5px;color:var(--ms-text);background:var(--ms-card);outline:none}
.ms-textarea{min-height:145px;resize:vertical}
.ms-input:focus,.ms-textarea:focus,.ms-select:focus{border-color:var(--ms-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ms-primary) 15%,transparent)}
.ms-btn{border:0;border-radius:14px;padding:10px 12px;background:var(--ms-primary);color:#fff;font-weight:950;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.ms-btn.secondary{background:color-mix(in srgb,var(--ms-muted) 18%,var(--ms-card));color:var(--ms-text);border:1px solid var(--ms-line)}
.ms-btn.blue{background:var(--ms-blue)}.ms-btn.purple{background:var(--ms-purple)}.ms-btn.warn{background:var(--ms-warn)}
.ms-muted{color:var(--ms-muted);font-size:12px}.ms-badge{display:inline-block;border-radius:999px;padding:3px 7px;background:color-mix(in srgb,var(--ms-primary) 14%,var(--ms-card));color:var(--ms-primary);font-size:11px;font-weight:900;border:1px solid color-mix(in srgb,var(--ms-primary) 35%,transparent)}
.ms-badge.warn{background:color-mix(in srgb,var(--ms-warn) 14%,var(--ms-card));color:var(--ms-warn);border-color:color-mix(in srgb,var(--ms-warn) 35%,transparent)}
.ms-code{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:14px;overflow:auto;max-height:380px}
.ms-list-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-top:1px solid var(--ms-line);padding-top:9px;margin-top:9px}
.ms-progress{height:10px;border:1px solid var(--ms-line);border-radius:999px;overflow:hidden;background:var(--ms-card)}.ms-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--ms-primary),var(--ms-blue));transition:width .15s}
@media(max-width:780px){#vel-module-studio{left:8px;right:8px;top:46px;width:auto;height:calc(100vh - 60px);min-width:0}.ms-grid.two,.ms-grid.three{grid-template-columns:1fr}#vel-module-studio-launcher{left:14px;bottom:18px}}


/* V9 movable/resizable always-visible studio fixes */
#vel-module-studio-launcher{z-index:2147482998!important;position:fixed!important;left:18px!important;bottom:24px!important}
#vel-module-studio{z-index:2147482999!important;resize:both!important;min-width:520px;min-height:580px}
#vel-module-studio.ms-maximized{left:8px!important;top:8px!important;width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;border-radius:18px!important}
#vel-module-studio.ms-minimized{height:56px!important;min-height:56px!important;overflow:hidden!important}
#vel-module-studio .ms-header{cursor:move;user-select:none}
#vel-module-studio .ms-actions{cursor:default}


/* V10 studio polish */
#vel-module-studio-launcher{display:none!important}
#vel-module-studio{z-index:2147482999!important}
#vel-module-studio.ms-maximized{left:8px!important;top:8px!important;width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;border-radius:18px!important}
#vel-module-studio.ms-minimized{height:56px!important;min-height:56px!important;overflow:hidden!important}
#vel-module-studio .ms-header{cursor:move;user-select:none}

