:root  {
  --white: #ffffff;
  --ink: #101828;
  --muted: #69778f;
  --subtle: #9ba5b5;
  --orange: #ff6500;
  --orange-hover: #e85b00;
  --orange-soft: #fff3eb;
  --border: #e6e9ef;
  --surface: #fafafa;
  --surface-navigation: #f5f4f0;
  --surface-photography: #f8f7f4;
  --border-navigation: #e5e2da;
  --viewer-toolbar-bg: #1c2129;
  --viewer-toolbar-border: #343b45;
  --viewer-toolbar-hover: #2b323c;
  --viewer-muted: #c7cdd6;
  --home-secondary-task-height: 180px;
  --panel-heading-bg: #252b33;
  --panel-heading-muted: #d0d6df;
  --panel-heading-border: #49515c;
  --icon-stroke: 1.7;
  --error: #a42d26;
  --dark: #12151b;
  --dark-border: #303640;
  --dark-muted: #c7cdd6;
  --overlay: rgba(16,24,40,.48);
  --font: "Inter", sans-serif;
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-nav: 10px;
  --radius-card: 12px;
  --radius-round: 999px;
  --sidebar: 292px;
  --page-max: 1360px;
  --home-max: 1304px;
  --page-inset: 42px;
  --home-inset: 70px;
  --home-top: 83px;
  --task-height: 338px;
  --task-photo: 202px;
  --thumb: 62px;
  --row-height: 80px;
  --table-head: 58px;
  --control-height: 48px;
  --nav-height: 50px;
  --inspector: 360px;
  --capture-inspector: 430px;
  --capture-stage-min: 620px;
  --capture-product-max: 680px;
  --capture-control: 64px;
  --capture-action: 88px;
  --viewer-canvas-max: 960px;
  --viewer-thumb: 64px;
  --viewer-action-width: 96px;
  --editor-inspector: 410px;
  --editor-canvas-max: 720px;
  --editor-tool: 52px;
  --preview: 560px;
  --modal: 640px;
  --z-nav: 20;
  --z-modal: 100;
  --z-toast: 110;
  --transition: 160ms ease;
  --shadow: 0 12px 48px rgba(16,24,40,.12);
  --shadow-soft: 0 8px 28px rgba(16,24,40,.08);
  --tracking-logo: 6px;
  --tracking-heading: -.7px;
  --tracking-hero: -1.8px;
  --hero-size: 58px;
  --hero-line: 66px;
  --section-size: 40px;
  --section-line: 47px;
  --greeting-size: 50px;
  --greeting-line: 58px;
  --title-size: 32px;
  --title-line: 40px;
  --task-size: 24px;
  --task-line: 32px;
  --subtitle-size: 21px;
  --section-small: 20px;
  --body-size: 16px;
  --body-line: 24px;
  --label-size: 15px;
  --studio-launcher-title-size: 18px;
  --caption-size: 13px;
  --tiny-size: 12px;
  --logo-size: 30px;
  --logo-line: 34px;
  --mobile-hero: 36px;
  --mobile-hero-line: 43px;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 600;
  --s2: 2px;
  --s4: 4px;
  --s6: 6px;
  --s8: 8px;
  --s10: 10px;
  --s12: 12px;
  --s14: 14px;
  --s16: 16px;
  --s18: 18px;
  --s20: 20px;
  --s22: 22px;
  --s24: 24px;
  --s26: 26px;
  --s28: 28px;
  --s30: 30px;
  --s32: 32px;
  --s36: 36px;
  --s40: 40px;
  --s42: 42px;
  --s44: 44px;
  --s48: 48px;
  --s50: 50px;
  --s52: 52px;
  --s56: 56px;
  --s58: 58px;
  --s64: 64px;
  --s70: 70px;
  --s72: 72px;
  --s80: 80px;
  --s83: 83px;
  --s86: 86px;
  --s96: 96px;
  --s100: 100px;
  --s108: 108px;
  --s114: 114px;
  --s118: 118px;
  --s128: 128px;
  --s142: 142px;
  --s160: 160px;
  --s190: 190px;
  --s196: 196px;
  --s202: 202px;
  --s212: 212px;
  --s230: 230px;
  --s250: 250px;
  --s292: 292px;
  --s310: 310px;
  --s338: 338px;
  --s380: 380px;
  --s480: 480px;
  --s560: 560px;
}
:root  {
  --public-value-1: rgba(0,0,0,0.00);
  --public-value-2: rgba(0,0,0,1.00);
  --public-value-3: 11px;
  --public-value-4: rgba(105,119,143,1.00);
  --public-value-5: -1px;
  --public-value-6: rgba(16,24,40,1.00);
  --public-value-7: 550px;
  --public-value-8: rgba(255,101,0,1.00);
  --public-value-9: 158px;
  --public-value-10: rgba(255,255,255,1.00);
  --public-value-11: rgba(227,231,238,1.00);
  --public-value-12: rgba(250,250,250,1.00);
  --public-value-13: 31px;
  --public-value-14: 38px;
  --public-value-15: rgba(230,233,239,1.00);
  --public-value-16: -0.4px;
  --public-value-17: 23px;
}