.egt-root {
  --egt-ink: #17171b;
  --egt-muted: #6b6972;
  --egt-line: rgba(23, 23, 27, 0.1);
  --egt-surface: #fff;
  --egt-canvas: #f4f1ed;
  --egt-hero-title-size: clamp(48px, 7vw, 88px);
  --egt-section-title-size: clamp(32px, 4.4vw, 52px);
  --egt-guide-title-size: clamp(32px, 4vw, 48px);
  position: relative;
  isolation: isolate;
  width: 100%;
  color: var(--egt-ink);
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.egt-root,
.egt-root *,
.egt-root *::before,
.egt-root *::after {
  box-sizing: border-box;
}

:where(.egt-root) button,
:where(.egt-root) input,
:where(.egt-root) select {
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}

:where(.egt-root) button,
:where(.egt-root) select {
  color: inherit;
}

.egt-root button,
.egt-root a,
.egt-root input,
.egt-root select {
  outline: none;
}

.egt-root :focus-visible {
  outline: 3px solid var(--egt-focus, #6f5cff);
  outline-offset: 3px;
}

.egt-shell {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.egt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 560px) {
  .egt-root {
    --egt-hero-title-size: clamp(35px, 10.8vw, 48px);
    --egt-section-title-size: 30px;
    --egt-guide-title-size: 31px;
  }

  .egt-shell {
    width: min(100% - 24px, 1180px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .egt-root *,
  .egt-root *::before,
  .egt-root *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.mesh-root{overflow:visible;--mesh-border:#e4e4e7;--mesh-ink:#18181b;--mesh-muted:#71717a}.mesh-root *,.mesh-root *:before,.mesh-root *:after{box-sizing:border-box}.mesh-root button,.mesh-root input,.mesh-root select{font-family:inherit}.mesh-root button{cursor:pointer}.mesh-root button:disabled{cursor:not-allowed;opacity:.45}.mesh-root :focus-visible{outline:2px solid #715bde;outline-offset:3px}
.mesh-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;width:34px;height:34px;border:1px solid #e4e4e7;border-radius:9px;background:#fff;color:#52525b;padding:0}.mesh-icon[aria-pressed=true]{background:#18181b;color:#fff;border-color:#18181b}.mesh-root svg,.mesh-dialog svg{display:inline-block;flex-shrink:0;vertical-align:middle}
.mesh-primary,.mesh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid #e4e4e7;border-radius:9px;background:#fff;color:#18181b;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap}.mesh-primary{background:#18181b;color:#fff;border-color:#18181b}.mesh-primary:hover{background:#303034}.mesh-primary svg,.mesh-button svg{position:static;margin:0}.mesh-button small{font-size:10px;color:#8a6620}
.mesh-input{display:block;width:100%;min-height:42px;padding:8px 12px;border:1px solid #d4d4d8;border-radius:9px;background:#fff;color:#18181b;font-size:14px;line-height:1.4;box-shadow:0 1px 2px #18181b05}.mesh-input[aria-invalid=true]{border-color:#be123c}.mesh-help{margin:12px 0 0;color:#71717a;font-size:12px;line-height:1.5}.mesh-error{padding:12px;border:1px solid #e7c991;border-radius:10px;background:#fff9ed;color:#744813;font-size:13px;line-height:1.5;margin-bottom:12px}.mesh-error button{display:block;border:0;background:none;text-decoration:underline;margin-top:7px;font:inherit}
.mesh-overlay{position:fixed;inset:0;background:#18181b70;backdrop-filter:blur(4px);z-index:2147483600}.mesh-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2147483601;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:#fff;color:#18181b;border:1px solid #e4e4e7;border-radius:20px;padding:28px;box-shadow:0 24px 80px #0003;font-family:inherit}.mesh-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.mesh-dialog h2{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:0}.mesh-dialog>header p{font-size:14px;color:#71717a;margin:9px 0 0;line-height:1.5}.mesh-dialog h3{font-size:30px;line-height:1.1;letter-spacing:-.04em}.mesh-dialog label{font-size:13px;font-weight:500}.mesh-dialog label>.mesh-input{margin-top:8px}.mesh-dialog p{font-size:14px;line-height:1.6;color:#71717a}
.mesh-check{display:flex;align-items:center;gap:9px;min-height:32px}.mesh-check input{width:16px;height:16px;accent-color:#18181b}.mesh-upgrade{padding:30px 16px;text-align:center}.mesh-upgrade h3{margin:20px 0 14px}.mesh-upgrade p{max-width:490px;margin:0 auto 24px}.mesh-upgrade .mesh-primary{border-radius:999px;padding:14px 22px;font-size:15px;max-width:100%;white-space:normal}.mesh-upgrade .mesh-primary>svg:first-child{color:#f6ad32}.mesh-upgrade>small{display:block;margin-top:15px;color:#71717a;font-size:12px}.mesh-badge{display:inline-block;background:#f5f5f5;border:1px solid #e4e4e7;border-radius:99px;font-size:10px;letter-spacing:.12em;padding:6px 10px}.mesh-tooltip{padding:7px 10px;border-radius:6px;background:#18181b;color:#fff;fill:#18181b;font-size:11px;z-index:2147483603;max-width:220px}.mesh-toast{position:fixed;z-index:2147483605;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;background:#18181b;color:#fff;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 6px 24px #0002;font-size:13px;line-height:1.4}
@media(max-width:760px){.mesh-dialog{padding:20px}}

.egt-tool-page {
  width: 100%;
  min-height: 0;
  margin-top: 0;
  padding-top: calc(104px + env(safe-area-inset-top, 0px)) !important;
}

.egt-tool-page .egt-tool-shell {
  width: min(1440px, calc(100% - 48px)) !important;
  margin-inline: auto;
  padding-top: 0 !important;
}

.egt-tool-header {
  display: block;
  margin: 0;
  padding: 8px 0 18px;
}

.egt-tool-header h1 {
  max-width: 1020px;
  margin: 0;
  color: var(--egt-ink, #17171b);
  font-size: clamp(34px, 3.2vw, 40px);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 1;
}

.egt-tool-header__accent {
  display: block;
  width: min(336px, 34%);
  height: 6px;
  margin-top: 12px;
  border-radius: 999px;
  background: var(--egt-tool-accent);
}

.egt-tool-header p {
  max-width: 820px;
  margin: 8px 0 0;
  color: var(--egt-muted, #6b6972);
  font-size: 17px;
  line-height: 1.55;
}

.egt-tool-page.cpg-root,
.egt-tool-page.ip2-root {
  margin-top: 0;
  padding-top: calc(104px + env(safe-area-inset-top, 0px));
}

.egt-tool-page.ecm-root:not(.ecm-dialog) {
  padding-top: calc(104px + env(safe-area-inset-top, 0px));
}

.egt-tool-page .egt-tool-header {
  display: block !important;
  grid-template-columns: none !important;
  align-items: initial !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 8px 0 18px !important;
}

.egt-tool-page .egt-tool-header h1 {
  display: block !important;
  max-width: 1020px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(34px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.055em !important;
  line-height: 1 !important;
}

.egt-tool-page .egt-tool-header h1::after {
  display: none !important;
  content: none !important;
}

.egt-tool-page .egt-tool-header p {
  display: block !important;
  max-width: 820px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: var(--egt-muted, #6b6972);
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

.egt-tool-page.egm2-root {
  width: min(1440px, calc(100% - 48px));
  padding-top: calc(104px + env(safe-area-inset-top, 0px));
}

.hxp-header-row {
  position: relative;
}

.hxp-header-row .egt-tool-header {
  padding-right: 64px;
}

.hxp-header-row .hxp-header-library {
  position: absolute;
  top: 8px;
  right: 0;
}

.egt-tool-page.inv-root {
  padding-top: calc(104px + env(safe-area-inset-top, 0px)) !important;
}

.egt-tool-page .egt-tool-shell.inv-shell {
  padding-top: 0 !important;
}

@media (max-width: 620px) {
  .egt-tool-page,
  .egt-tool-page.cpg-root,
  .egt-tool-page.ip2-root,
  .egt-tool-page.egm2-root {
    padding-top: calc(88px + env(safe-area-inset-top, 0px));
  }

  .egt-tool-page {
    padding-top: calc(88px + env(safe-area-inset-top, 0px)) !important;
  }

  .egt-tool-page.inv-root {
    padding-top: calc(88px + env(safe-area-inset-top, 0px)) !important;
  }

  .egt-tool-page .egt-tool-shell,
  .egt-tool-page.egm2-root {
    width: min(100% - 24px, 1440px);
  }

  .egt-tool-header {
    padding: 8px 0 16px;
  }

  .egt-tool-header h1 {
    font-size: 34px;
  }

  .egt-tool-header__accent {
    width: min(220px, 58%);
    height: 5px;
    margin-top: 10px;
  }

  .egt-tool-header p {
    margin-top: 8px;
    font-size: 15px;
  }
}

.egw-root{background:#fff;line-height:1.6;--egt-ink:#18181b;--egt-muted:#71717a}.egw-shell{width:min(1180px,calc(100% - 48px));margin:auto;padding:104px 0 64px}.egw-root .egt-tool-header h1{font-size:clamp(34px,3.2vw,40px);margin:0}.egw-root h2{font-size:22px;letter-spacing:-.035em;line-height:1.2;margin:6px 0 20px}.egw-kicker{color:#71717a;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600;margin:0}.egw-studio{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #e4e4e7;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #18181b04}.egw-panel{padding:28px;min-width:0}.egw-result{border-left:1px solid #e4e4e7;background:#fafafa}.egw-picker{border:1px solid #ececef;border-radius:14px;background:#fafafa;padding:20px}.egw-wheel{width:min(100%,270px);aspect-ratio:1;border-radius:50%;margin:0 auto 20px;touch-action:none;cursor:crosshair;box-shadow:0 0 0 6px #fff,0 0 0 7px #e4e4e7;position:relative}.egw-wheel svg{display:block;width:100%;height:100%;overflow:visible}.egw-wheel line{stroke:#18181b;stroke-width:.5;opacity:.45}.egw-wheel circle{stroke:#fff;stroke-width:1;filter:drop-shadow(0 1px 1px #0008)}.egw-current{display:flex;align-items:center;gap:10px}.egw-current>span:first-child{width:32px;height:32px;border-radius:8px;border:1px solid #0001}.egw-current div{display:grid;line-height:1.5}.egw-current small{font-size:9px;letter-spacing:.1em;color:#71717a}.egw-current strong{font:600 13px ui-monospace,monospace}.egw-model{margin-left:auto;font-size:9px;color:#71717a;border:1px solid #e4e4e7;border-radius:6px;padding:4px 6px}.egw-controls{margin-top:20px}.egw-inputs{display:flex;gap:10px;align-items:end}.egw-inputs label:first-child{flex:1;min-width:0}.egw-inputs label{font-size:11px;color:#71717a}.egw-inputs input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #d4d4d8;border-radius:9px;padding:8px 12px;background:#fff;color:#18181b;font:500 16px ui-monospace,monospace}.egw-inputs input[aria-invalid=true]{border-color:#be123c}.egw-inputs input[type=color]{width:42px;padding:4px;cursor:pointer}.egw-inputs button{height:42px}.egw-range{display:block;margin-top:14px;font-size:11px;color:#71717a}.egw-range span{display:flex;justify-content:space-between;align-items:center}.egw-range b{font:500 11px ui-monospace,monospace;background:#f4f4f5;padding:2px 6px;border-radius:5px;color:#3f3f46}.egw-range input{display:block;width:100%;height:24px;margin:4px 0 0;accent-color:#18181b;cursor:pointer}.egw-palette-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}.egw-palette-heading span{color:#71717a;font-size:11px}.egw-strip{display:flex;height:150px;border-radius:14px;overflow:hidden;border:1px solid #0001}.egw-strip>div{flex:1;display:flex;align-items:end;padding:14px;font-size:11px}.egw-result>p{font-size:13px;color:#71717a;margin:14px 0 18px}.egw-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.egw-values>div{display:flex;align-items:center;gap:8px;border:1px solid #e4e4e7;border-radius:12px;padding:12px;background:#fff;min-width:0}.egw-card-swatch{width:6px;align-self:stretch;border-radius:4px;flex-shrink:0}.egw-values>div>div{display:grid;gap:3px;min-width:0;flex:1}.egw-values strong{font:600 14px ui-monospace,monospace}.egw-values small{font-size:10px;color:#71717a;white-space:nowrap}.egw-values .mesh-icon{width:30px;height:40px;flex:0 0 30px}.egw-actions{display:flex;gap:8px;margin-top:20px}.egw-actions .mesh-primary{flex:1}.egw-result .egw-status{min-height:20px;margin:8px 0 0;font-size:11px}.egw-section{margin-top:56px}.egw-section>h2{font-size:30px}.egw-section>p{max-width:800px;color:#71717a;font-size:14px}.egw-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.egw-guide article{background:white;border:1px solid #e4e4e7;border-radius:14px;padding:20px}.egw-guide h3{font-size:16px;margin:16px 0 8px;letter-spacing:-.02em}.egw-guide p{font-size:13px;color:#71717a}.egw-mini{display:flex;height:48px;border-radius:8px;overflow:hidden}.egw-mini span{flex:1}.egw-guide button{min-height:40px;border:1px solid #e4e4e7;border-radius:9px;padding:8px 12px;background:#fff;font-size:12px;font-weight:550;color:#18181b;cursor:pointer}.egw-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px}.egw-notes p,.egw-root ol,.egw-root details p{font-size:14px;color:#71717a}.egw-root details{border-top:1px solid #e4e4e7;padding:16px 0}.egw-root summary{cursor:pointer;font-size:14px;font-weight:550}.egw-links{display:flex;gap:20px;flex-wrap:wrap}.egw-links a{color:#18181b;font-size:13px;font-weight:550}.egw-root button{transition:background .16s,border-color .16s}.egw-root .mesh-button:hover,.egw-root .mesh-icon:hover,.egw-guide button:hover{background:#f4f4f5;border-color:#a1a1aa}@media(max-width:1000px) and (min-width:761px){.egw-panel{padding:20px}.egw-values{grid-template-columns:1fr}.egw-inputs{gap:6px}.egw-inputs .mesh-button{padding:8px;font-size:11px}}@media(max-width:760px){.egw-shell{width:calc(100% - 24px);padding:72px 0 48px}.egw-studio{grid-template-columns:1fr}.egw-panel{padding:20px}.egw-panel:first-child{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:0 20px}.egw-panel:first-child>h2,.egw-panel:first-child>.egw-kicker{grid-column:1/-1}.egw-picker{padding:16px 10px}.egw-wheel{max-width:220px}.egw-controls{margin:0;align-self:center}.egw-inputs{flex-wrap:wrap}.egw-inputs label:first-child{flex:1 1 calc(100% - 54px)}.egw-inputs button{width:100%}.egw-model{display:none}.egw-result{border-left:0;border-top:1px solid #e4e4e7}.egw-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.egw-panel{padding:16px}.egw-panel:first-child{gap:0 12px;grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}.egw-root h2{font-size:19px;margin-bottom:16px}.egw-picker{padding:12px 8px;align-self:center}.egw-wheel{margin-bottom:14px;box-shadow:0 0 0 3px #fff,0 0 0 4px #e4e4e7}.egw-current{gap:6px}.egw-current>span:first-child{width:20px;height:24px;border-radius:5px}.egw-current strong{font-size:11px}.egw-current small{font-size:8px}.egw-inputs{gap:6px}.egw-inputs input{height:40px;padding:7px;font-size:16px}.egw-inputs input[type=color]{width:34px}.egw-inputs label:first-child{flex:1 1 calc(100% - 40px)}.egw-inputs .mesh-button{min-height:40px;height:40px;font-size:11px}.egw-range{margin-top:8px;font-size:10px}.egw-range input{height:22px}.egw-range b{font-size:10px}.egw-strip{height:100px}.egw-values>div{padding:10px 8px;gap:6px}.egw-values strong{font-size:12px}.egw-values small{font-size:8px}.egw-values .mesh-icon{width:28px;flex-basis:28px}.egw-guide,.egw-notes{grid-template-columns:1fr}.egw-section{margin-top:40px}.egw-section>h2{font-size:26px}.egw-root .egt-tool-header p{font-size:14px}.egw-root .egt-tool-header h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.egw-root button{transition:none}}
.egw-range input{appearance:none;-webkit-appearance:none;height:8px;margin:12px 0 10px;border-radius:99px;border:1px solid #18181b18}.egw-range input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:3px solid white;border-radius:50%;background:#18181b;box-shadow:0 0 0 1px #18181b40,0 2px 5px #18181b20}.egw-range input::-moz-range-thumb{width:12px;height:12px;border:3px solid white;border-radius:50%;background:#18181b;box-shadow:0 0 0 1px #18181b40}.egw-range input::-moz-range-track{background:transparent}.egw-values .mesh-icon{width:40px;flex-basis:40px}@media(max-width:460px){.egw-values>div{flex-wrap:wrap}.egw-values .mesh-icon{width:100%;flex-basis:100%;height:40px}.egw-range input{margin:11px 0}}
.egw-harmony-select{margin-bottom:24px}.egw-harmony-select>label{display:block;font-size:11px;color:#71717a;margin-bottom:7px}.egw-inputs .egw-edit-trigger{width:42px;flex:0 0 42px;height:42px}.egw-field-error{font-size:12px;color:#be123c;margin:8px 0}.egw-editor-dialog,.egw-export-dialog,.egw-login-dialog{width:min(520px,calc(100vw - 32px))}.egw-editor-preview{height:100px;border:1px solid #0001;border-radius:12px;margin-bottom:20px;display:grid;place-items:center;font:600 24px ui-monospace,monospace}.egw-format-tabs{display:flex;padding:4px;border:1px solid #e4e4e7;border-radius:10px;background:#f4f4f5;margin-bottom:18px}.egw-format-tabs button{flex:1;min-height:40px;border:0;border-radius:7px;background:transparent;color:#71717a;font-size:13px}.egw-format-tabs button[aria-pressed=true]{background:#18181b;color:white}.egw-channel-fields{display:flex;gap:12px}.egw-channel-fields label{flex:1;min-width:0;font-size:11px;color:#71717a}.egw-channel-fields input{width:100%;height:44px;display:block;margin-top:7px;padding:10px;border:1px solid #d4d4d8;border-radius:9px;font:500 16px ui-monospace,monospace}.egw-channel-fields input[aria-invalid=true]{border-color:#be123c}.egw-editor-dialog>.mesh-primary{width:100%;margin-top:24px}.egw-export-grid{display:grid;gap:10px}.egw-export-grid .mesh-button{justify-content:flex-start;text-align:left;padding:16px;white-space:normal;gap:14px}.egw-export-grid span{flex:1}.egw-export-grid b,.egw-export-grid small,.egw-export-grid em{display:block}.egw-export-grid small{color:#71717a;font-size:11px;margin:4px 0}.egw-export-grid em{font-size:10px;color:#71717a;font-style:normal}.egw-login-actions{display:flex;flex-wrap:wrap;gap:10px}.egw-studio{scroll-margin-top:24px}@media(max-width:760px){.egw-inputs .egw-edit-trigger{width:40px;flex-basis:40px}.egw-inputs label:first-child{flex:1 1 calc(100% - 50px)}.egw-inputs>.mesh-button{width:100%}.egw-inputs>.egw-edit-trigger{width:40px}.egw-harmony-select{margin-bottom:18px}}@media(max-width:460px){.egw-inputs .egw-edit-trigger{width:34px;flex-basis:34px;height:40px}.egw-inputs label:first-child{flex:1 1 calc(100% - 40px)}}
.egw-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.egw-links a{display:block;text-decoration:none;border:1px solid #e4e4e7;border-radius:14px;padding:20px;background:white}.egw-links a:hover{border-color:#a1a1aa;background:#fafafa}.egw-links b{font-size:13px}.egw-links span{display:block;color:#71717a;font-size:12px;font-weight:400;margin-top:8px}@media(max-width:760px){.egw-links{grid-template-columns:1fr}}
.egw-guide article{position:relative}.egw-guide h3{padding-right:40px;min-height:24px}.egw-guide .egw-harmony-action{position:absolute;right:16px;top:80px;width:40px;height:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}
.egw-harmony-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;border:1px solid #d4d4d8;border-radius:10px;padding:10px 14px;background:white;text-align:left}.egw-harmony-trigger strong{flex:1;font-size:13px}.egw-harmony-dots{display:flex;gap:3px;flex-shrink:0}.egw-harmony-dots i{width:12px;height:24px;border-radius:4px;border:1px solid #0001}.egw-harmony-menu{display:grid;gap:7px}.egw-harmony-menu button{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px;border:1px solid #e4e4e7;border-radius:10px;background:#fff;text-align:left}.egw-harmony-menu button[aria-pressed=true]{background:#f4f4f5;border-color:#71717a}.egw-harmony-menu button>span:nth-child(2){flex:1}.egw-harmony-menu b{font-size:13px}.egw-harmony-menu small{display:block;font-size:11px;color:#71717a}

