:root{ --bg:var(--m-ui-color-canvas); --panel:var(--m-ui-color-surface); --panel2:var(--m-ui-color-surface-raised); --line:var(--m-ui-color-border); --txt:rgba(255,255,255,.87); --muted:rgba(255,255,255,.58);
  --accent:var(--m-ui-color-accent); --low:rgba(255,255,255,.46); --link:var(--m-ui-color-link);     --primary:var(--m-ui-color-action); --primary-hi:var(--m-ui-color-action-hover); --wash:var(--m-ui-color-selection);
  --code:var(--m-ui-color-control-well); --bad:var(--m-ui-color-danger); --bad-rest:var(--m-ui-color-danger-rest);
  --bad-fill:var(--m-ui-color-danger-fill); --bad-press:rgba(239,83,80,.16);     --elev:var(--m-ui-elevation-raised);
  --elev-float:0 8px 28px rgba(0,0,0,.42);    
  --cover-scrim:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 30%);    
  --qr-dark:#0c0b10; --qr-light:#fff; --thumb-bg0:#f4f1f5; --thumb-bg1:#e9e5eb; --thumb-bg2:#d6d0db;
  






  --r-surface:var(--m-ui-radius-surface,8px); --r-segment:8px; --r-control:var(--m-ui-radius-control,4px);
  --r-field:var(--m-ui-radius-control,4px); --r-chip:4px; --r-keycap:4px; --r-pill:999px;
  --r-nested:3px;    
  --r-fine:2px; --r-thumb:8px;    
  --touch-target:44px;    
  --ctl-icon:32px; --ctl-icon-touch:var(--touch-target); --ctl-icon-mark:17px; --ctl-btn-h:var(--m-ui-control-min-height,32px);
  --ctl-view:34px;    
  --tile-foot-h:44px; --tile-action-h:36px; --header-h:54px;
  

  --accent-rgb:169,133,221; --primary-rgb:116,80,182; --panel-rgb:27,27,27; --bg-rgb:21,21,21;
  --progress:var(--primary-hi);    
  --accent-hi:var(--link); --accent-pale:#cdb9ef;    
  --lit:linear-gradient(180deg,#7d59bf,#6d49ae); --lit-edge:inset 0 1px 0 rgba(255,255,255,.18);    
  --glass:rgba(27,27,27,.94);    
  --radius-pill:var(--r-pill); --mono:var(--m-ui-type-mono); }



:root{ --tile-rail-h:7px; --tile-rail-break:2px;    
  --tile-foot-done-ink:var(--muted); --tile-foot-resume-bg:var(--panel2); --tile-foot-resume-ink:var(--accent-hi); --tile-foot-resume-weight:500;
  --entry-act-bg:transparent; --entry-act-ink:var(--accent-hi); --entry-act-r:0px; --entry-act-size:12.5px;
  


  --bom-cell-rule:1px solid var(--line); --bom-row-rule:0 none; --bom-stack-rule:1px solid var(--line);
  --bom-row-size:13px; --bom-qty-size:13px; --bom-touch-size:14px; --bom-touch-qty-size:14px; --bom-qty-stack-size:11px; --bom-qty-stack-ink:var(--low);
  --deliv-head-touch-size:14px;    
  --deliv-count-weight:500;    
  --bom-desc-size:12.5px; --bom-desc-lh:1.55; --bom-link-size:13px; --bom-meta-size:11px;    
   
  --dlg-r:var(--r-surface); --dlg-shadow:0 8px 8px rgba(0,0,0,.34); --dlg-btn-h:var(--ctl-btn-h);
  --dlg-head-rule:1px solid var(--line); --dlg-head-bg:#1e1e1e; --dlg-foot-rule:1px solid var(--line); --dlg-foot-bg:#181818;
  --dlg-title-size:15px; --dlg-title-lh:1.25; --dlg-title-weight:650;
  --dlg-msg-size:13px; --dlg-msg-lh:1.5; --dlg-msg-ink:var(--muted);
  --dlg-close-bg:transparent; --dlg-close-ink:var(--muted);
  --dlg-btn-font:600 12px/1.2 Roboto,system-ui,sans-serif; --dlg-btn-bg:transparent; --dlg-btn-edge:var(--line); --dlg-btn-bg-hover:rgba(255,255,255,.05);
  --qrlink-r:var(--r-control); --qrlink-size:11px; --qrcard-r:var(--r-surface);
  --bom-open-bg:transparent; --bom-chev-size:11px; --bom-count-size:11px; --bom-count-weight:500;
  --bom-chev-glyph:'\25B8'; --bom-chev-w:auto; --bom-chev-h:auto; --bom-chev-fill:transparent; --bom-chev-mask:none; }
body.builderdeploy{
   
  --tile-rail-h:6px; --tile-rail-break:0px;
   
  --tile-foot-done-ink:rgba(255,255,255,.72); --tile-foot-resume-bg:rgba(var(--accent-rgb),.2); --tile-foot-resume-ink:var(--accent-pale); --tile-foot-resume-weight:600;
   
  --entry-act-bg:rgba(var(--accent-rgb),.14); --entry-act-ink:var(--accent-pale); --entry-act-r:var(--r-pill); --entry-act-size:13px;
  


  --bom-cell-rule:0 none; --bom-row-rule:1px solid var(--line); --bom-stack-rule:0 none;
  --bom-row-lh:18px; --bom-head-lh:18px; --bom-row-pad-y:9px; --bom-qty-stack-size:var(--bom-qty-size); --bom-qty-stack-ink:var(--accent);
  --deliv-head-touch-size:13px;    
   
  --bom-desc-size:1em; --bom-desc-lh:var(--bom-row-lh); --bom-link-size:1em; --bom-meta-size:12px;
  



  --dlg-inset:8px; --dlg-btn-h:var(--ctl-icon); --dlg-r:calc(var(--dlg-inset) + var(--dlg-btn-h) / 2 + 1px);
  --dlg-shadow:0 16px 40px -12px rgba(0,0,0,.6);
  --dlg-head-rule:0 none; --dlg-head-bg:transparent; --dlg-foot-rule:0 none; --dlg-foot-bg:transparent;
  --dlg-title-size:17px; --dlg-title-lh:1.3; --dlg-title-weight:700;
  --dlg-msg-size:14px; --dlg-msg-lh:1.55; --dlg-msg-ink:rgba(255,255,255,.66);
  --dlg-close-bg:rgba(255,255,255,.04); --dlg-close-ink:rgba(255,255,255,.72);
  --dlg-btn-font:600 13px/1 Roboto,system-ui,sans-serif; --dlg-btn-bg:rgba(255,255,255,.06); --dlg-btn-edge:rgba(255,255,255,.1); --dlg-btn-bg-hover:rgba(255,255,255,.1);
  --qrlink-r:10px; --qrlink-size:12px; --qrcard-r:10px;
  --bom-open-bg:rgba(var(--accent-rgb),.06); --bom-open-weight:600; --bom-chev-size:10px; --bom-count-size:12px; --bom-count-weight:400;
   
  --bom-chev-glyph:''; --bom-chev-w:16px; --bom-chev-h:16px; --bom-chev-fill:var(--accent);
  --bom-chev-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat; }
 
.dev-touch body.builderdeploy{ --bom-row-lh:20px; --bom-row-pad-y:11px; }



:root{ --tray-pad:0px; --tray-gap:0px; --tray-edge:rgba(255,255,255,.14); --tray-bg:var(--code);
  --tray-on:var(--primary); --tray-on-ink:#fff; --tray-item-r:0px;
  --tray-item-size:12.5px; --tray-item-lh:1.1; --tray-item-pad-y:11px; --tray-step-w:44px; --tray-ink:var(--muted); --field-label-ink:var(--muted);
  --cluster-btn-bg:var(--panel2); --cluster-btn-edge:var(--line); --cluster-btn-ink:var(--muted);
  --cluster-on-bg:var(--wash); --cluster-on-edge:var(--accent); --cluster-on-ink:var(--link); --cluster-on-shadow:none;
  --cfgdone-pad:15px; --cfgdone-r:0px; --cfgdone-edge:1px solid var(--primary-hi); --cfgdone-inset:0px; --cfgdone-size:15px; --cfgdone-fill:var(--primary); --cfgdone-h:auto;
  --cfgdone-shadow:none; }


:root{ --kbd-h:21px; --kbd-min-w:21px; --kbd-pad:0 6px; --kbd-gap:9px; --kbd-font:12px/1 var(--mono); --kbd-bg:var(--code);
  --kbd-edge:rgba(255,255,255,.16); --kbd-edge-bottom:3px; --kbd-ink:var(--txt); --kbd-shadow:0 1px 0 rgba(0,0,0,.4);
  --kbd-on-bg:rgba(0,0,0,.3); --kbd-on-edge:rgba(255,255,255,.3); --kbd-on-ink:#fff; }


:root{ --island-head-edge:1px solid var(--line); --island-foot-edge:1px solid var(--line);
  --seg-pad:15px; --seg-r:0px; --seg-size:15px; --seg-bg:var(--panel2); --seg-ink:var(--txt); --seg-divider:1px solid var(--line); --seg-spent-ink:var(--low);
   
  --tgl-ink:var(--muted); --tgl-on-bg:var(--wash); --tgl-on-ink:var(--link); --tgl-on-edge:rgba(var(--accent-rgb),.4); }




body.builderdeploy{
  --r-surface:16px;    
  --r-segment:999px;   
  --r-control:999px;   
  --r-field:999px;     
  --r-chip:999px;      
  --r-keycap:999px;    
  --touch-target:36px;    
  --ctl-icon:36px; --ctl-icon-touch:36px; --ctl-view:36px;
  --ctl-btn-h:42px;    
  --tile-action-h:36px;
  --mono:var(--m-ui-type-family);
   
  --tray-pad:3px; --tray-gap:2px; --tray-edge:rgba(255,255,255,.1); --tray-bg:rgba(var(--panel-rgb),.72);
  --tray-on:rgba(var(--accent-rgb),.2); --tray-on-ink:var(--accent-pale); --tray-item-r:999px;
  

  --tray-item-size:13px; --tray-item-lh:16px; --tray-item-pad-y:calc((var(--ctl-icon) - var(--tray-item-lh)) / 2); --tray-step-w:var(--ctl-icon);
  --tray-ink:rgba(255,255,255,.62); --field-label-ink:rgba(255,255,255,.62);
   
  --cluster-btn-bg:transparent; --cluster-btn-edge:transparent; --cluster-btn-ink:rgba(255,255,255,.72);
  --cluster-on-bg:rgba(var(--accent-rgb),.2); --cluster-on-edge:transparent; --cluster-on-ink:var(--accent);
   
  --cfgdone-pad:0 15px; --cfgdone-r:999px; --cfgdone-edge:0; --cfgdone-inset:14px var(--island-pad) var(--island-floor);
  --cfgdone-size:14px; --cfgdone-fill:var(--lit); --cfgdone-h:var(--ctl-btn-h); --cfgdone-shadow:var(--lit-edge);
  

  --field-label-lh:normal; --field-detail-closed:9px;
  

  --kbd-h:18px; --kbd-min-w:0px; --kbd-pad:0 6px; --kbd-gap:0px; --kbd-font:500 10px/1 var(--mono); --kbd-bg:transparent;
  --kbd-edge:rgba(255,255,255,.16); --kbd-edge-bottom:1px; --kbd-ink:rgba(255,255,255,.55); --kbd-shadow:none;
  --kbd-on-bg:transparent; --kbd-on-edge:rgba(255,255,255,.35); --kbd-on-ink:#fff;
   
  --island-foot-edge:0 solid transparent;
  --seg-pad:0 12px; --seg-r:var(--tray-item-r); --seg-size:14px; --seg-bg:transparent; --seg-ink:rgba(255,255,255,.72); --seg-divider:0 solid transparent;
  --seg-spent-ink:rgba(255,255,255,.3);
   
  --note-ink:rgba(255,255,255,.66);
   
  --pvtrack-row-gap:0px;
   
  --pvnext-cover-w:137px;
  


  --island-scrim-solid:1; --island-scrim-edge:.6; --island-scrim-fade:40px;
   
  --island-bar-top:10px; --island-bar-floor:22px;
  

  --island-floor:16px;
  

  --cfg-list-top:18px;
  

  --intro-title-size:28px; --intro-text-size:15px; --intro-gap:14px; --intro-para-gap:14px; --intro-measure:48ch;
  --intro-kicker-track:.11em; }