/* LEGI STUDIO v22.0.19 — Onyx Atelier, minimal visual layer.
   Applied AFTER v17 and STEP styles. No API, chart/canvas pixel, or business logic changes. */
:root,html,html[data-theme="dark"],html[data-theme="light"],html[data-ls17-resolved-theme="light"] {
  color-scheme:dark!important;
  --bg:#060809;--bg-soft:#0b0e0f;--surface:#141819;--surface-soft:#161b1c;
  --surface-solid:#101415;--surface-raised:#1c2223;
  --text:#edf1f1;--muted:#9ba6a8;--border:rgba(229,239,239,.115);
  --border-strong:rgba(229,239,239,.19);
  --primary:#82f0ed;--accent:#82f0ed;--cyan:#82f0ed;
  --cyan-dark:#9af5ef;--cyan-soft:rgba(130,240,237,.085);
  --success:#4de0a1;--danger:#ff7084;--warning:#ffc77a;
  --ls17-bg:#060809;--ls17-bg-2:#0b0e0f;
  --ls17-panel:#131819;--ls17-panel-2:#191e1f;--ls17-panel-3:#1d2324;
  --ls17-cyan:#82f0ed;--ls17-cyan-2:#76e9e2;--ls17-blue:#82f0ed;
  --ls17-text:#edf1f1;--ls17-white:#f7f8f8;--ls17-muted:#9ba6a8;
  --ls17-line:rgba(229,239,239,.115);--ls17-line-soft:rgba(229,239,239,.075);
  --onyx-base:#060809;--onyx-panel:#171b1c;--onyx-glass:#161a1b;
  --onyx-stroke:rgba(229,239,239,.115);--onyx-shadow:0 8px 22px rgba(0,0,0,.16);
  --onyx-cyan:#82f0ed;--onyx-green:#4de0a1;--onyx-red:#ff7084;--onyx-amber:#ffc77a;
}
html,html:root:root:root:root:root:root body {background:#060809!important;background-image:none!important;color:#edf1f1!important;}
html body,html:root:root:root:root:root:root body * {scroll-behavior:auto!important;}
/* Motion and decoration removed, functionality (open drawer / selected tabs) retained. */
html *, html *::before, html *::after {
  animation:none!important;transition:none!important;text-shadow:none!important;
  scroll-behavior:auto!important;
}
html :is(.ls161-page-atmosphere,.ls16-page-atmosphere,.legi-atmosphere,.floating-particle,
  .ls161-atmosphere-grid,.ls161-atmosphere-orb,.ls16-bg-orb,.ls17-bg-orb,.legi-orb,
  .legi-grid-plane,.bg-floating-orb,.decorative-orb,.glow-blob,.animated-particles,
  .ls17-hero-visual,.ls17-feature-row,.ls16-three-stage,.ls16-three-scene,
  .ls16-product-visual,.ls17-stage-grid,.ls17-orbit) {display:none!important;pointer-events:none!important;}
html :is(.step5-hero,.ls17-hero,.hero,.hero-card,.home-hero)::before,
html :is(.step5-hero,.ls17-hero,.hero,.hero-card,.home-hero)::after,
html .sidebar::before,html .sidebar::after{content:none!important;display:none!important;}
html :is(.sidebar,.founder-sidebar,.dashboard-topbar,.topbar,.site-header,.public-topbar,.header){
  background:#0b0e0f!important;background-image:none!important;
  border-color:rgba(228,241,241,.12)!important;box-shadow:none!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
html :is(.sidebar,.founder-sidebar){border-right:1px solid rgba(228,241,241,.12)!important;}
html .sidebar{max-height:100dvh;overflow:hidden!important;}
html .sidebar .brand{border-color:rgba(228,241,241,.10)!important;}
html .sidebar-nav{min-height:0!important;scrollbar-width:thin;scrollbar-color:#293134 transparent;}
html :is(.sidebar-nav .nav-item,.sidebar-nav .nav-item:hover,.founder-nav a,.founder-nav a:hover){
  transform:none!important;filter:none!important;box-shadow:none!important;background-image:none!important;
  border-radius:11px!important;
}
html :is(.sidebar-nav .nav-item,.founder-nav a){background:transparent!important;
  color:#aeb8ba!important;border:1px solid transparent!important;font-weight:530!important;}
html :is(.sidebar-nav .nav-item:hover,.founder-nav a:hover){background:rgba(255,255,255,.04)!important;
  color:#eef3f3!important;border-color:transparent!important;}
html :is(.sidebar-nav .nav-item.active,.sidebar-nav .nav-item[aria-current="page"],.founder-nav a.active,.founder-nav a[aria-current="page"]){
  background:rgba(130,240,237,.065)!important;border-color:rgba(130,240,237,.22)!important;
  color:#aefff9!important;box-shadow:inset 2px 0 0 #82f0ed!important;}
html :is(.sidebar-label,.nav-label){color:#869496!important;font-size:10px!important;
  letter-spacing:.115em!important;font-weight:650!important;}
html :is(.sidebar-bottom,.sidebar-footer,.sidebar-header){background:transparent!important;border-color:var(--border)!important;}
html .account-button{background:#171c1d!important;border:1px solid var(--border)!important;box-shadow:none!important;}
html :is(.avatar-letter,.profile-avatar-large){background:#203033!important;background-image:none!important;color:#82f0ed!important;}
html :is(.card,.step5-card,.stat-card,.service-card,.workspace-card,.license-card,.feature-card,
 .welcome-card,.pricing-card,.leaderboard-card,.withdraw-card,.deposit-card,.panel,.glass-card,
 .glass-panel,.auth-info,.auth-card,.auth-form-panel,.step5-stat,.ls17-section-card,.ls17-hero,
 .ls16-card,.ls17-card,.api-endpoint,.eco-card,.eco-product,.founder-card,.bank-card,.role-card,
 .user-card,.profile-panel,.studio-panel,.editor-panel,.studio-toolbar,.editor-sidebar,.builder-panel,
 .payment-panel,.payment-detail-card,.transaction-card,.transaction-row,.api-management-card,
 .legi-bot-type,.legi-bot-group,.legi-bot-outbox,.legi-offer-card,.legi-offer-form,
 .legi-activity-card,.step17-feature,.step5-chart-grid,.step5-chart,.modal-content){
  background:#15191a!important;background-image:none!important;color:#ebefef!important;
  border:1px solid rgba(233,244,244,.105)!important;border-radius:16px!important;
  box-shadow:0 7px 20px rgba(0,0,0,.16)!important;min-width:0;
}
html :is(.card,.step5-card,.stat-card,.service-card,.welcome-card,.panel,.glass-card,
 .step5-stat,.legi-bot-type,.legi-bot-group,.legi-offer-card):hover{
  background:#15191a!important;background-image:none!important;
  border-color:rgba(233,244,244,.105)!important;box-shadow:0 7px 20px rgba(0,0,0,.16)!important;
  transform:none!important;filter:none!important;
}
html :is(.step5-hero,.ls17-hero,.hero,.hero-card,.welcome-card,.service-intro,.api-intro){
  background:#141819!important;background-image:none!important;min-height:0!important;
  box-shadow:none!important;}
html :is(.step5-hero,.ls17-hero){display:block!important;padding:22px!important;overflow:hidden;}
html :is(.step5-hero,.ls17-hero) :is(h1,h2){font-size:clamp(1.35rem,3.8vw,2.1rem)!important;line-height:1.2!important;}
html :is(h1,h2,h3,h4,.brand-name,.page-heading strong){color:#eef3f3!important;text-shadow:none!important;}
html :is(.muted,.hint,.text-muted,.topbar-subtitle,.page-heading span){color:#9ba8ac!important;}
html :is(.eyebrow,.section-kicker,.section-eyebrow){color:#82f0ed!important;}
html :is(.btn,.button,.btn-secondary,.btn-outline,.icon-btn,.menu-button){
  background:#1b2021!important;background-image:none!important;color:#edf1f1!important;
  border:1px solid rgba(230,242,242,.13)!important;border-radius:10px!important;
  box-shadow:none!important;filter:none!important;transform:none!important;}
html :is(.btn-primary,.btn.btn-primary,.button-primary,[data-variant="primary"]){
  background:#82f0ed!important;background-image:none!important;border-color:#82f0ed!important;
  color:#071c1d!important;font-weight:670!important;box-shadow:none!important;}
html :is(.btn-danger,.btn.btn-danger,[data-variant="danger"]){
  background:rgba(255,112,132,.075)!important;border-color:rgba(255,112,132,.29)!important;
  color:#ff9aa7!important;}
html :is(.btn-success,.btn.btn-success,[data-variant="success"]){
  background:rgba(77,224,161,.08)!important;border-color:rgba(77,224,161,.28)!important;
  color:#75e5b7!important;}
html :is(.btn-warning,[data-variant="warning"]){
  background:rgba(255,199,122,.08)!important;border-color:rgba(255,199,122,.28)!important;
  color:#ffd095!important;}
html :is(input,select,textarea,.input,.select,.form-control,.form-input,.search-input,[role="combobox"]){
  background:#0d1213!important;background-image:none!important;border:1px solid rgba(230,241,241,.16)!important;
  color:#eef3f3!important;box-shadow:none!important;border-radius:9px!important;
  max-width:100%;min-width:0;}
html :is(option,optgroup){color:#eef3f3!important;background:#111718!important;}
html :is(.modal,.dialog,.popover,.dropdown-menu,.flatpickr-calendar,.toast,.notification){
  background:#171c1d!important;color:#eef3f3!important;border-color:var(--border)!important;box-shadow:none!important;}
html :is(.founder-nav,.step5-toolbar,.admin-toolbar,.toolbar,.section-head,.page-toolbar){
  background:transparent!important;background-image:none!important;border-color:var(--border)!important;box-shadow:none!important;}
html :is(.founder-nav a)::before{display:none!important;content:none!important;}
html :is(.service-card .feature-icon,.feature-icon,.stat-icon,.service-icon){
  background:#1c282a!important;background-image:none!important;box-shadow:none!important;
  border:1px solid rgba(130,240,237,.16)!important;color:#82f0ed!important;
  filter:none!important;transform:none!important;}
html :is(.api-method.get,.method-get,.credit,.amount-positive,.transaction-positive,
 .balance-increase,.success,.status-success,[data-status="done"],[data-status="paid"]){color:#4de0a1!important;}
html :is(.error,.failed,.amount-negative,.transaction-negative,.balance-decrease,
 .status-error,[data-status="failed"],[data-status="error"]){color:#ff8395!important;}
html :is(.pending,.warning,.status-pending,[data-status="pending"],[data-status="awaiting_confirmation"]){color:#ffc77a!important;}
html [data-role="founder"],html .role-founder{color:#b8aafa!important;}
html [data-role="admin"],html .role-admin{color:#91bffd!important;}
html [data-role="support"],html .role-support{color:#82f0ed!important;}
html [data-role="staff"],html .role-staff{color:#c1ced0!important;}
html :is(.tableWrap,.table-wrap,.admin-table-wrap,.api-table-wrap,.table-responsive,
 .step5-table-wrap,.api-code-block,.code-block,pre,.json-output){
  background:#101516!important;border-color:var(--border)!important;box-shadow:none!important;
  max-width:100%;}
html :is(.dashboard-shell,.dashboard-main,.dashboard-content,.step5-page,.step3-page,
 .step5-stats,.stats-grid,.service-grid,.service-card,.step5-grid,.step5-toolbar,.row,.page-heading){
  min-width:0;}
html :is(img,svg,canvas,video){max-width:100%;}
/* Do not override intrinsic canvas sizing; live charts and design renderers own dimensions. */
/* Keep focus visible; hover does not animate or lift. */
html :is(a,button,input,select,textarea,summary,[role="button"]):focus-visible{
  outline:2px solid #82f0ed!important;outline-offset:2px!important;}
/* Dashboard cards are concise, not product-advertisement tiles. */
html body[data-legi-page="dashboard"] .service-card{min-height:0!important;padding:18px!important;gap:11px!important;}
html body[data-legi-page="dashboard"] .service-card h3{margin:0!important;font-size:1.04rem!important;}
html body[data-legi-page="dashboard"] .service-card p{margin:0 0 6px!important;line-height:1.55!important;}
html body[data-legi-page="dashboard"] .service-card .feature-icon{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  font-size:11px!important;line-height:1!important;letter-spacing:0!important;}
html body[data-legi-page="dashboard"] .service-card .btn{margin-top:auto!important;}
/* mobile foundations shared by every dashboard page */
@media(max-width:980px){
 html .dashboard-shell{grid-template-columns:minmax(0,1fr)!important;}
 html .sidebar{position:fixed!important;top:0!important;left:0!important;z-index:120!important;
  width:min(82vw,284px)!important;max-width:284px!important;height:100dvh!important;
  transform:translateX(-110%)!important;visibility:hidden!important;padding:14px!important;}
 html .sidebar.open{transform:translateX(0)!important;visibility:visible!important;}
 html .sidebar-backdrop.show{display:block!important;z-index:110!important;background:rgba(0,0,0,.78)!important;}
 html .menu-button{display:inline-grid!important;}
}
@media(max-width:720px){
 html .dashboard-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;align-items:center!important;padding:11px 12px!important;
  min-height:66px!important;height:auto!important;}
 html .topbar-left{display:flex!important;min-width:0!important;gap:9px!important;}
 html .topbar-left .menu-button{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;}
 html .page-heading{min-width:0!important;max-width:100%!important;padding-left:10px!important;}
 html .page-heading strong{font-size:clamp(.8rem,3.2vw,1rem)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
 html .page-heading span{display:none!important;}
 html .topbar-right{display:flex!important;min-width:0!important;gap:5px!important;}
 html .balance-button{min-width:0!important;max-width:142px!important;min-height:38px!important;
  padding:9px 10px!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;font-size:0!important;}
 html .balance-button [data-user-balance]{font-size:12px!important;letter-spacing:-.2px!important;
  font-weight:650!important;white-space:nowrap!important;}
 /* Onyx is a dark-only theme. Hide the now redundant light/dark toggle. */
 html [data-theme-toggle]{display:none!important;}
 html .dashboard-content{width:100%!important;padding:16px 12px 30px!important;min-width:0!important;}
 html .step5-stats,html .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 html .service-grid,html .step5-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
 html .step5-stat,html .stat-card{padding:14px!important;min-width:0!important;}
 html .step5-chart-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
 html :is(.step5-toolbar,.section-head,.service-section-head){gap:10px!important;flex-wrap:wrap!important;}
 html :is(.step5-toolbar,.section-head,.service-section-head)>*{min-width:0!important;}
 html :is(.admin-table-wrap,.table-wrap,.tableWrap,.api-table-wrap,.table-responsive){overflow-x:auto!important;max-width:100%!important;}
}
@media(max-width:375px){
 html .balance-button{max-width:115px!important;padding:8px!important;}
 html .balance-button [data-user-balance]{font-size:11px!important;}
 html .page-heading{padding-left:7px!important;}
 html .dashboard-topbar{padding-inline:9px!important;gap:6px!important;}
}
/* v22.0.19: neutral, compact Onyx. No artwork/canvas pixels changed. */
:root,html[data-theme],html[data-ls17-resolved-theme]{
 --bg:#050707!important;--bg-soft:#090c0c!important;--surface:rgba(20,24,24,.86)!important;
 --surface-solid:#111515!important;--surface-soft:#151919!important;--surface-raised:#191d1d!important;
 --text:#edf0f0!important;--muted:#99a3a3!important;--border:rgba(235,245,245,.11)!important;
 --border-strong:rgba(130,240,237,.26)!important;--cyan:#82f0ed!important;--cyan-dark:#82f0ed!important;
 --cyan-soft:rgba(130,240,237,.065)!important;--primary:#82f0ed!important;--accent:#82f0ed!important;
 --shadow:none!important;--shadow-soft:none!important;--radius:14px!important;--radius-lg:16px!important;
}
html body{background:#050707!important;font-weight:400;}
html:root:root:root:root:root:root body :is(.card,.panel,.step5-card,.step5-stat,.stat-card,.feature-card,.role-card,.service-card,.plan-card,.pricing-card,.step71-plan-card,.api-summary-card,.ff-summary-card,.bank-account,.eco-product,.api-endpoint,.legi-bot-type,.legi-bot-group,.legi-offer-card,.api-user-card,.api-key-card){background:var(--surface)!important;background-image:none!important;box-shadow:none!important;border:1px solid var(--border)!important;border-radius:14px!important;}
html:root:root:root:root:root:root body :is(.hd,.ls17-card-head,.step5-card-header,.card-header,.card-head,.panel-head,.api-card-header){background:#111515!important;background-image:none!important;border-color:var(--border)!important;box-shadow:none!important;min-height:0!important;padding:14px 16px!important;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
html:root:root:root:root:root:root body :is(.hd,.ls17-card-head,.card-header) :is(h2,h3){margin:0!important;font-size:1.08rem!important;}
html:root:root:root:root:root:root body :is(.bd,.ls17-card-body,.card-body){padding:16px!important;min-width:0;}
html:root:root:root:root:root:root body :is(.card-pad,.workspace-card,.step5-card,.role-card,.feature-card,.service-card,.stat-card,.api-summary-card,.step71-plan-card){padding:18px!important;}
html:root:root:root:root:root:root body :is(.service-note,.withdraw-quote,.otp-note,.service-info,.api-note,.notice,.info-box,.upload-box,.uploadRow,.uploadPreview,.pricing-breakdown,.pricing-unit,.layoutMetaCol,.bank-account,.withdraw-details,.withdraw-mode,.ls17-quick-amounts button,.obf-plan,.obf-plan-card,.s20-plan-card,.s20-key-card){background:#111515!important;background-image:none!important;box-shadow:none!important;border-color:var(--border)!important;color:var(--text)!important;}
/* Only introductory blocks lose fixed heights. Editors, tables and previews retain theirs. */
html:root:root:root:root:root:root body :is(.service-intro,.api-intro,.step5-hero,.eco-hero,.obf-hero,.api-docs-hero,.withdraw-hero,.welcome-card,.dashboard-content>.section-head){height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:20px!important;margin:0 0 16px!important;align-items:start!important;justify-content:start!important;background:#111515!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important;}
html:root:root:root:root:root:root body :is(.service-intro,.api-intro,.step5-hero,.eco-hero,.obf-hero,.withdraw-hero,.welcome-card) :is(h1,h2){font-size:clamp(1.35rem,3vw,1.9rem)!important;line-height:1.3!important;margin:5px 0 8px!important;}
html:root:root:root:root:root:root body :is(.api-intro,.service-intro,.eco-hero,.obf-hero)>div{min-height:0!important;height:auto!important;padding:0!important;}
html:root:root:root:root:root:root body :is(.api-intro,.service-intro,.step5-hero,.eco-hero,.obf-hero) p{margin:0!important;color:var(--muted)!important;}
html:root:root:root:root:root:root body :is(.gradient-text,.obf-hero h1 span){background:none!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important;}
html:root:root:root:root:root:root body :is(.ls17-hero-visual,.ls17-feature-row,.ls16-model,.ls16-model-float,.ls16-three-stage,.ls16-product-visual,.ls17-scene,.ls161-page-atmosphere,.legi-atmosphere,.legi-pointer-orb,.legi-transition-layer,.ls16-nav-progress,.obf-hero-visual,.obf-visual,.obf-orbit,.obf-art){display:none!important;}
html:root:root:root:root:root:root body :is(.role-card,.feature-card,.service-card,.welcome-card,.card,.api-intro,.service-intro)::before,
html:root:root:root:root:root:root body :is(.role-card,.feature-card,.service-card,.welcome-card,.card,.api-intro,.service-intro)::after{content:none!important;box-shadow:none!important;}
html:root:root:root:root:root:root body :is(.btn,.icon-btn,button,.uploadBtn){text-shadow:none!important;box-shadow:none!important;filter:none!important;transform:none!important;}
html:root:root:root:root:root:root body :is(.btn.primary,.btn-primary){background:#82f0ed!important;background-image:none!important;border-color:#82f0ed!important;color:#082020!important;}
html:root:root:root:root:root:root body :is(.btn.danger,.btn-danger){background:rgba(255,112,132,.065)!important;color:#ff8999!important;border-color:rgba(255,112,132,.24)!important;}
html:root:root:root:root:root:root body :is(.badge,.tag,.pill,.chip,.role-badge){background:rgba(255,255,255,.025)!important;background-image:none!important;border-color:var(--border)!important;box-shadow:none!important;}
html:root:root:root:root:root:root body :is(.badge.ok,.status-success,.amount-positive,.money-in,.price-discount,.price-discount strong){color:#4de0a1!important;}
html:root:root:root:root:root:root body :is(.badge.warn,.status-warn,.status-pending){color:#ffc77a!important;}
html:root:root:root:root:root:root body :is(.badge.err,.status-error,.amount-negative,.money-out){color:#ff7084!important;}
html:root:root:root:root:root:root body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.input,.select){background:#090d0d!important;background-image:none!important;border-color:rgba(235,245,245,.15)!important;color:#edf0f0!important;box-shadow:none!important;}
html:root:root:root:root:root:root body :is(.input,.select,select,input[type=text],input[type=password],input[type=number],input[type=email]){min-height:44px;border-radius:10px!important;}
html:root:root:root:root:root:root body :is(.btn,.uploadBtn){min-height:42px;padding:10px 16px!important;font-size:.87rem;font-weight:600!important;}
html:root:root:root:root:root:root body .btn:disabled{opacity:.55;cursor:not-allowed;}
html:root:root:root:root:root:root body :is(.feature-icon,.service-icon,.stat-icon){display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-height:40px!important;margin:0 0 12px!important;border:1px solid rgba(130,240,237,.2)!important;border-radius:11px!important;background:rgba(130,240,237,.055)!important;color:#82f0ed!important;font-size:12px!important;font-weight:650!important;line-height:1!important;opacity:1!important;visibility:visible!important;transform:none!important;}
html:root:root:root:root:root:root body :is(.feature-icon,.service-icon,.stat-icon) svg{width:22px!important;height:22px!important;opacity:1!important;visibility:visible!important;stroke:currentColor!important;fill:none!important;}
html:root:root:root:root:root:root body :is(.feature-card,.service-card,.role-card,.step71-plan-card){height:auto!important;min-height:0!important;gap:8px!important;}
html:root:root:root:root:root:root body :is(.feature-card,.service-card) h3{margin:0 0 8px!important;font-size:1.02rem!important;line-height:1.4!important;}
html:root:root:root:root:root:root body :is(.feature-card,.service-card) p{margin:0!important;font-size:.87rem!important;line-height:1.65!important;color:var(--muted)!important;}
html:root:root:root:root:root:root body .role-card .role-price{font-size:1.6rem!important;margin:4px 0!important;}
html:root:root:root:root:root:root body .role-card .role-name{font-size:1rem!important;letter-spacing:0!important;}
html:root:root:root:root:root:root body .role-benefits{margin:8px 0 14px!important;font-size:.86rem;}
html:root:root:root:root:root:root body .role-grid{align-items:start!important;gap:14px!important;}
html:root:root:root:root:root:root body .role-card .btn{margin-top:4px!important;}
html:root:root:root:root:root:root body :is(.sidebar,.dashboard-topbar,.site-header,.public-topbar){background:rgba(8,11,11,.96)!important;background-image:none!important;border-color:var(--border)!important;border-radius:0!important;box-shadow:none!important;}
html:root:root:root:root:root:root body .sidebar{padding:20px 14px!important;}
html:root:root:root:root:root:root body .sidebar-nav{gap:3px!important;}
html:root:root:root:root:root:root body .sidebar-nav .nav-item{min-height:40px!important;padding:9px 12px!important;font-size:.82rem!important;font-weight:500!important;border-radius:10px!important;}
html:root:root:root:root:root:root body .nav-icon{width:20px!important;flex:0 0 20px!important;}
html:root:root:root:root:root:root body .nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;}
html:root:root:root:root:root:root body .balance-button{background:#111515!important;color:#82f0ed!important;border-color:var(--border)!important;box-shadow:none!important;border-radius:10px!important;}
html:root:root:root:root:root:root body [data-theme-toggle]{display:none!important;}
html:root:root:root:root:root:root body .founder-nav{display:flex!important;flex-wrap:wrap;gap:6px;padding:8px!important;margin-bottom:16px!important;background:#0d1111!important;border:1px solid var(--border)!important;border-radius:12px;}
html:root:root:root:root:root:root body .founder-nav>a{min-height:36px!important;font-size:.8rem!important;padding:8px 11px!important;white-space:nowrap;}
html:root:root:root:root:root:root body .support-fab{width:44px!important;height:44px!important;right:14px!important;bottom:14px!important;background:#111515!important;background-image:none!important;border:1px solid rgba(130,240,237,.32)!important;color:#82f0ed!important;font-size:18px!important;box-shadow:none!important;}
html:root:root:root:root:root:root body .support-fab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;}
html:root:root:root:root:root:root body .support-mini{bottom:68px!important;max-width:calc(100vw - 24px)!important;background:#111515!important;}
html:root:root:root:root:root:root body .withdraw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;background:transparent!important;}
html:root:root:root:root:root:root body :is(.ls17-withdraw-workspace,.withdraw-grid){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px;align-items:start;}
html:root:root:root:root:root:root body :is(.ls17-withdraw-main,.ls17-withdraw-side){display:grid;gap:16px;min-width:0;}
html:root:root:root:root:root:root body .ls17-quick-amounts{display:flex;gap:8px;flex-wrap:wrap;}
html:root:root:root:root:root:root body .ls17-quick-amounts button{padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:.8rem;}
html:root:root:root:root:root:root body .withdraw-form{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html:root:root:root:root:root:root body :is(.layoutPreviewRow,.layout-preview-row){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px!important;background:#090d0d!important;border:1px solid var(--border)!important;border-radius:12px!important;}
html:root:root:root:root:root:root body .layoutPreviewCol{flex:1 1 auto!important;width:100%!important;max-width:100%!important;}
html:root:root:root:root:root:root body #layoutPreview{width:100%!important;max-height:340px!important;object-fit:contain!important;border-radius:9px!important;border-color:var(--border)!important;box-shadow:none!important;}
html:root:root:root:root:root:root body .layoutMetaCol{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:10px!important;border:0!important;border-radius:9px!important;min-width:0!important;}
html:root:root:root:root:root:root body :is(#layoutTier,#pricePreview){font-size:.85rem!important;line-height:1.5!important;min-height:0!important;padding:0!important;}
html:root:root:root:root:root:root body #pricePreview{color:#82f0ed!important;}
html:root:root:root:root:root:root body :is(.tableWrap,.table-wrap,.admin-table-wrap,pre){overflow:auto!important;max-width:100%!important;background:#0c1010!important;border-color:var(--border)!important;}
html:root:root:root:root:root:root body :is(th,td){border-color:var(--border)!important;}
html:root:root:root:root:root:root body th{background:#151919!important;color:var(--muted)!important;}
html:root:root:root:root:root:root body .announcement-marquee-track{transform:none!important;flex-wrap:wrap!important;}
html:root:root:root:root:root:root body .announcement-marquee-track>.announcement-segment-group~.announcement-segment-group{display:none!important;}
html:root:root:root:root:root:root body .announcement-marquee-viewport{overflow:visible!important;white-space:normal!important;}
html:root:root:root:root:root:root body [hidden],html:root:root:root:root:root:root body .hidden{display:none!important;}
@media(max-width:1100px){html:root:root:root:root:root:root body :is(.ls17-withdraw-workspace,.withdraw-grid){grid-template-columns:minmax(0,1fr)!important;}}
@media(max-width:760px){
 html:root:root:root:root:root:root body .dashboard-content{padding:16px 12px 74px!important;}
 html:root:root:root:root:root:root body :is(.service-intro,.api-intro,.step5-hero,.eco-hero,.obf-hero,.withdraw-hero,.welcome-card,.dashboard-content>.section-head){padding:18px!important;}
 html:root:root:root:root:root:root body :is(.role-grid,.feature-grid,.service-grid,.mainGrid,.grid.two,.grid.three,.workspace-grid,.form-grid-2,.form-grid-3,.step71-plan-grid,.api-summary-grid,.api-docs-grid,.s20-doc-layout){grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
 html:root:root:root:root:root:root body .withdraw-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html:root:root:root:root:root:root body .founder-nav{flex-wrap:nowrap!important;overflow-x:auto!important;}
 html:root:root:root:root:root:root body :is(.feature-card,.service-card,.role-card){padding:18px!important;}
 html:root:root:root:root:root:root body .hero{padding:30px 0!important;}
 html:root:root:root:root:root:root body .hero-grid{grid-template-columns:minmax(0,1fr)!important;}
 html:root:root:root:root:root:root body :is(.hero-panel,.policy-aside){min-height:0!important;}
 html:root:root:root:root:root:root body .service-category{padding:0!important;background:transparent!important;border:0!important;}
 html:root:root:root:root:root:root body :is(.s20-doc-nav,.api-docs-nav){position:static!important;max-width:100%!important;overflow-x:auto!important;}
 html:root:root:root:root:root:root body :is(.s20-doc-content,.api-docs-content){min-width:0!important;}
 html:root:root:root:root:root:root body .layoutMetaCol{flex-wrap:wrap!important;}
}
/* Remaining families: obfuscator, licenses, founder designer, access states. */
html:root:root:root:root:root:root body :is(.obf-card,.obf-plan-card,.obf-capability,.obf-history-row,.obf-stats article,.obf-premium-options .setting-toggle,.obf-editor-shell,.obf-editor-bar,.obf-card-head,.obf-policy-note,.s20-card,.s20-project,.s20-modal,.s20-test-key,.s20-input,.s20-codeblock,.s20-codeblock pre,.ls19a-plan,.studio-plan-card,.studio-suggestion-card,.studio-suggestion-dialog,.studio-reference-preview,.access-state-card,.api-help-code,.legi-bot-console,.legi-bot-toast,.legi-bot-login-inner,.legi-bot-log,.legi-bot-price,.legi-activity-card,.legi-offer-form,.legi-offer-create,.legi-offer-log){background:#111515!important;background-image:none!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:none!important;}
html:root:root:root:root:root:root body :is(.s20-hero,.ls19a-hero,.step71-hero,.legi-bot-hero,.admin-api-hero){background:#111515!important;background-image:none!important;box-shadow:none!important;border:1px solid var(--border)!important;border-radius:14px!important;height:auto!important;min-height:0!important;padding:20px!important;grid-template-columns:minmax(0,1fr)!important;}
html:root:root:root:root:root:root body :is(.s20-hero-copy,.ls19a-hero-copy){padding:0!important;min-height:0!important;}
html:root:root:root:root:root:root body :is(.s20-hero,.step71-hero,.ls19a-hero,.admin-api-hero,.legi-bot-hero) h1{font-size:clamp(1.35rem,3vw,1.9rem)!important;line-height:1.3!important;}
html:root:root:root:root:root:root body :is(.s20-hero h1 span,.access-state-brand){background:none!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;}
html:root:root:root:root:root:root body :is(.obf-hero-stage,.s20-hero-stage,.step21-engine-visual,.ls19a-hero-stage,.access-orbit,.access-core-ring,.access-symbol){display:none!important;}
html:root:root:root:root:root:root body :is(.s20-hero,.obf-hero,.obf-plan-card,.s20-card,.eco-hero,.eco-product,.access-state-card,.studio-plan-card,.studio-smart-assistant,.legi-bot-hero)::before,
html:root:root:root:root:root:root body :is(.s20-hero,.obf-hero,.obf-plan-card,.s20-card,.eco-hero,.eco-product,.access-state-card,.studio-plan-card,.studio-smart-assistant,.legi-bot-hero)::after{content:none!important;}
html:root:root:root:root:root:root body :is(.s20-hero-chips span,.s20-chip,.obf-hero-chips span,.obf-status,.default-pill,.ls19a-pill,.ls19a-type){background:rgba(130,240,237,.055)!important;border-color:rgba(130,240,237,.2)!important;box-shadow:none!important;color:#a4dfdc!important;}
html:root:root:root:root:root:root body .s20-btn{background:#191d1d!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none!important;border-radius:10px!important;}
html:root:root:root:root:root:root body .s20-btn.primary{background:#82f0ed!important;color:#082020!important;border-color:#82f0ed!important;}
html:root:root:root:root:root:root body .s20-btn.good{background:rgba(77,224,161,.07)!important;color:#4de0a1!important;border-color:rgba(77,224,161,.22)!important;}
html:root:root:root:root:root:root body :is(.access-visual,.access-core){transform:none!important;box-shadow:none!important;}
html:root:root:root:root:root:root body .access-visual{width:64px!important;height:64px!important;margin:0 auto 18px!important;}
html:root:root:root:root:root:root body .access-core{width:64px!important;height:64px!important;background:#111515!important;border-color:var(--border)!important;border-radius:14px!important;}
html:root:root:root:root:root:root body .access-core img{width:42px!important;height:42px!important;filter:none!important;}
html:root:root:root:root:root:root body .api-page .grid{gap:14px;min-width:0;}
html:root:root:root:root:root:root body .api-page .hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
html:root:root:root:root:root:root body .api-page .hd h3{margin:0;}
html:root:root:root:root:root:root body .api-page .form{display:grid;gap:14px;}
html:root:root:root:root:root:root body .api-page .field{min-width:0;}
html:root:root:root:root:root:root body .api-page .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
html:root:root:root:root:root:root body .obf-workspace{align-items:start!important;}
html:root:root:root:root:root:root body :is(.obf-plan-card,.s20-card,.ls19a-plan){height:auto!important;min-height:0!important;padding:18px!important;}
html:root:root:root:root:root:root body .obf-card-head{padding:14px 16px!important;border-bottom:1px solid var(--border)!important;}
html:root:root:root:root:root:root body :is(.service-price-breakdown,.service-price-breakdown b,.service-price-breakdown strong){background:transparent!important;color:#82f0ed!important;}
html:root:root:root:root:root:root body .service-price-breakdown{font-size:.85rem!important;}
html:root:root:root:root:root:root body .api-docs-hero::after{content:none!important;}
html:root:root:root:root:root:root body :is(.profile-avatar-xl,.viewer-avatar){background:rgba(130,240,237,.06)!important;background-image:none!important;color:#82f0ed!important;box-shadow:none!important;}
html:root:root:root:root:root:root body .layout-preview{background:#090d0d!important;background-image:none!important;}
html:root:root:root:root:root:root body :is(.founder-nav,.s20-doc-nav,.api-docs-nav){min-width:0!important;max-width:100%!important;}
@media(max-width:760px){html:root:root:root:root:root:root body :is(.s20-grid,.s20-doc-layout,.obf-workspace,.obf-plan-strip,.ls19a-plan-grid){grid-template-columns:minmax(0,1fr)!important;}html:root:root:root:root:root:root body .s20-hero{padding:18px!important;}}
/* Stop legacy decorative motion without changing functional drawer/editor transforms. */
html:root:root:root:root:root:root *,
html:root:root:root:root:root:root *::before,
html:root:root:root:root:root:root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;text-shadow:none!important;}
html:root:root:root:root:root:root [data-ls16-tilt],
html:root:root:root:root:root:root [data-ls17-depth]{transform:none!important;}
html:root:root:root:root:root:root body :is(a,button,.card,.feature-card,.service-card,.role-card,.s20-card,.s20-btn,.obf-capability,.obf-plan-card,.eco-product,.step71-plan-card,[data-ls16-surface]):hover{transform:none!important;filter:none!important;box-shadow:none!important;}
html:root:root:root:root:root:root body .role-name{color:color-mix(in srgb,var(--role-color,#a9b4b4) 78%,#d6dddd)!important;}

/* Each destination owns its label width inside the scrollable menu. */
html:root:root:root:root:root:root body .founder-nav {
  position:static!important; display:flex!important; flex-wrap:wrap!important;
  align-items:center!important; max-width:100%!important; min-width:0!important;
}
html:root:root:root:root:root:root body .founder-nav > a {
  flex:0 0 auto!important; width:auto!important; min-width:max-content!important;
  position:static!important; white-space:nowrap!important; line-height:1.35!important;
}
@media(max-width:760px){
 html:root:root:root:root:root:root body .founder-nav {
   flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important;
 }
}
html:root:root:root:root:root:root body :is(.ls161-hero-stage,.ls161-auth-stage){display:none!important}
html:root:root:root:root:root:root body .feature-icon svg {display:block!important;position:static!important;transform:none!important}
html:root:root:root:root:root:root body:is([data-legi-page="founder"],[data-legi-page="staff"]) .step5-chart-grid {
 display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;
 padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:12px!important;align-items:start!important;
}
html:root:root:root:root:root:root body :is(.onyx-distribution,#barChart.step5-chart){
 box-sizing:border-box;width:100%!important;min-width:0;background:#111515!important;border:1px solid var(--border)!important;border-radius:12px!important;
}
html:root:root:root:root:root:root body .onyx-distribution #pieChart {
 display:block!important;width:100%!important;height:174px!important;min-height:0!important;background:transparent!important;border:0!important;
}
html:root:root:root:root:root:root body .onyx-distribution ul{margin:0;padding:0 14px 12px;list-style:none;}
html:root:root:root:root:root:root body .onyx-distribution li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 0;font-size:.82rem;color:var(--muted);}
.onyx-distribution li::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--series-color);}
.onyx-distribution li span{overflow-wrap:anywhere;}
html:root:root:root:root:root:root body .support-fab{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root body .support-fab>svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;position:static!important;transform:none!important;}
@media(max-width:760px){html:root:root:root:root:root:root body:is([data-legi-page="founder"],[data-legi-page="staff"]) .step5-chart-grid{grid-template-columns:minmax(0,1fr)!important;}}
.onyx-bars{min-width:0;padding:23px;border:1px solid rgba(255,255,255,.087);border-radius:24px;background:rgba(255,255,255,.029)}
.ob-header,.ob-footer{display:flex;justify-content:space-between;align-items:start;gap:12px}
.ob-header{margin-bottom:17px;font-size:14px}.onyx-bars small{display:block;font-size:10.5px;color:#969595;margin-top:4px}
.ob-period{font-size:10px;color:#82f0ed;border:1px solid rgba(130,240,237,.23);padding:5px 8px;border-radius:9px}
.ob-scroll{overflow-x:auto}.ob-plot{box-sizing:border-box;height:195px;padding:18px 3px 6px;display:flex;align-items:flex-end;justify-content:space-between;gap:9px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 48px)}
.ob-bar{box-sizing:border-box;flex:1;min-width:0;max-width:28px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(166,191,203,.6),rgba(105,127,145,.13));border:1px solid rgba(191,222,232,.11)}
.ob-bar:nth-child(3n + 2),.ob-bar:nth-child(6){background:linear-gradient(180deg,#82f0ed,rgba(130,240,237,.17));border-color:rgba(130,240,237,.37);box-shadow:0 -4px 22px rgba(130,240,237,.12)}
.ob-labels{display:flex;justify-content:space-between;color:#808187;font-size:9px;margin-top:10px}.ob-footer{margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.087);align-items:flex-end}.ob-footer strong{font-size:22px;color:#82f0ed}.ob-footer span{font-size:10px;color:#82f0ed}.ob-empty{margin:auto}
@media(max-width:540px){.onyx-bars{padding:17px}}
