.hxp-modal,.hxp-root{--hxp-ink:#18181b;--hxp-muted:#71717a;--hxp-line:#e4e4e7;color:var(--hxp-ink);font-family:system-ui,Arial,sans-serif;font-size:15px;line-height:1.5;text-align:left}.hxp-root{background:#fff;padding:104px 0 64px}.hxp-modal *,.hxp-root *{box-sizing:border-box}.hxp-shell{margin:auto;max-width:1320px;width:calc(100% - 80px)}.hxp-modal button,.hxp-modal input,.hxp-modal select,.hxp-root button,.hxp-root input,.hxp-root select{color:inherit;font:inherit}.hxp-modal button,.hxp-root button{background:#fff;border:1px solid var(--hxp-line);border-radius:8px;cursor:pointer;font-weight:600;line-height:1.3;min-height:38px;padding:8px 14px;transition:background .15s,border-color .15s}.hxp-modal button:hover,.hxp-root button:hover{border-color:#a1a1aa}.hxp-modal button:disabled,.hxp-root button:disabled{cursor:not-allowed;opacity:.45}.hxp-modal :focus-visible,.hxp-root :focus-visible{outline:2px solid #71717a;outline-offset:3px}.hxp-modal input:not([type=range]),.hxp-modal select,.hxp-root input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),.hxp-root select{background:#fff;border:1px solid var(--hxp-line);border-radius:8px;height:42px;min-width:0;padding:8px 12px;width:100%}.hxp-root input[type=checkbox]{accent-color:var(--sample-primary,#18181b);height:18px;width:18px}.hxp-modal label,.hxp-root label{display:grid;font-size:13px;font-weight:600;gap:7px}.hxp-modal h2,.hxp-modal h3,.hxp-root h1,.hxp-root h2,.hxp-root h3{color:inherit;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin:0}.hxp-root h2{font-size:22px}.hxp-modal h3,.hxp-root h3{font-size:19px}.hxp-modal p,.hxp-root p{color:var(--hxp-muted);font-size:15px;line-height:1.65;margin:8px 0 0}.hxp-modal small,.hxp-root small{color:var(--hxp-muted);font-size:12px}.hxp-hero{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.hxp-hero h1{font-size:42px;letter-spacing:-1.8px}.hxp-hero h1 span{color:#715bdf}.hxp-hero p{font-size:16px}.hxp-root button.hxp-icon{align-items:center;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;width:40px}.hxp-workspace{border:1px solid var(--hxp-line);border-radius:16px;box-shadow:0 6px 24px #18181b04;overflow:hidden}.hxp-workspace-heading{align-items:center;border-bottom:1px solid var(--hxp-line);display:flex;justify-content:space-between;padding:18px 24px}.hxp-workspace-heading h2{font-size:16px;letter-spacing:-.2px}.hxp-live{align-items:center;color:var(--hxp-muted);display:flex;font-size:12px;gap:8px}.hxp-live i{background:#2cc58d;border-radius:50%;height:7px;width:7px}.hxp-editor{display:grid;gap:28px;grid-template-columns:1fr 1.2fr;padding:24px}.hxp-pick,.hxp-result-column{min-width:0}.hxp-sv{background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent);border-radius:10px;cursor:crosshair;height:214px;overflow:hidden;position:relative;touch-action:none}.hxp-sv>i{border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #18181b66,0 2px 6px #0005;height:18px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:18px}.hxp-sliders{display:grid;gap:12px 18px;grid-template-columns:1fr 1fr;margin:14px 0 18px}.hxp-sliders label:first-child{grid-column:1/-1}.hxp-sliders label>span{align-items:center;color:#71717a;display:flex;font-size:12px;font-weight:500;justify-content:space-between}.hxp-sliders label b{font-size:11px;font-weight:500}.hxp-modal input[type=range],.hxp-root input[type=range]{accent-color:#18181b;cursor:pointer;height:6px;margin:5px 0;width:100%}.hxp-root input.hxp-hue{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;height:8px}.hxp-hue::-webkit-slider-thumb{appearance:none;background:#18181b;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #a1a1aa;height:17px;width:17px}.hxp-input-actions{align-items:flex-end;display:flex;gap:10px}.hxp-native{flex-shrink:0;width:42px}.hxp-native input{background:#fff;border:1px solid #e4e4e7;border-radius:8px;cursor:pointer;height:42px;padding:3px;width:42px}.hxp-native input::-webkit-color-swatch-wrapper{padding:0}.hxp-native input::-webkit-color-swatch{border:0;border-radius:5px}.hxp-hex-label{flex:1;min-width:0}.hxp-hex-label span{color:#71717a;font-size:11px;letter-spacing:.6px;text-transform:uppercase}.hxp-hex-label input{font-family:monospace!important;font-size:16px!important}.hxp-result{border-radius:10px;flex-direction:column;height:262px;padding:24px}.hxp-result,.hxp-result>div:first-child{display:flex;justify-content:space-between}.hxp-result>div:first-child{align-items:center}.hxp-result>div:first-child>span{font-size:12px;opacity:.8}.hxp-result .hxp-icon{background:transparent;border-color:currentColor;color:inherit}.hxp-result h2{font-size:24px;letter-spacing:-.7px}.hxp-result strong{display:block;font-size:38px;font-weight:650;letter-spacing:-1.3px;margin-top:8px}.hxp-formats{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}.hxp-root .hxp-formats button{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0;padding:10px 12px;text-align:left}.hxp-formats button>span{display:grid;gap:5px;min-width:0}.hxp-formats small{font-size:10px;letter-spacing:.7px}.hxp-formats b{font-size:12px;font-weight:600;overflow-wrap:anywhere}.hxp-formats svg{flex-shrink:0;height:15px;width:15px}.hxp-recent{align-items:center;display:flex;gap:8px;margin-top:14px}.hxp-recent span{color:#71717a;font-size:11px;margin-right:5px}.hxp-root .hxp-recent button{border-radius:5px;box-shadow:inset 0 0 0 1px #18181b0d;height:22px;min-height:22px;padding:0;width:22px}.hxp-tones{border-top:1px solid var(--hxp-line);padding:18px 24px 24px}.hxp-tones header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.hxp-tones h2{font-size:17px}.hxp-tool-icons{display:flex;gap:6px}.hxp-tool-icons .hxp-icon{border-color:transparent}.hxp-tone-strip{border-radius:8px;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));overflow:hidden}.hxp-root .hxp-tone-strip button{align-items:flex-start;border:0;border-radius:0;display:flex;flex-direction:column;font-size:12px;gap:6px;height:84px;justify-content:flex-end;min-width:0;padding:10px;text-align:left}.hxp-tone-strip b{align-items:center;display:flex;gap:6px}.hxp-tone-strip b i{background:currentColor;border-radius:50%;box-shadow:0 0 0 2px #ffffff50;height:6px;width:6px}.hxp-tone-strip span{font-size:10px;font-weight:400}.hxp-palette{border:1px solid var(--hxp-line);border-radius:14px;margin-top:32px;padding:24px}.hxp-palette header,.hxp-resources header{align-items:center;display:flex;gap:20px;justify-content:space-between}.hxp-palette header h2{font-size:20px}.hxp-palette header p{font-size:14px}.hxp-palette header>button{flex-shrink:0}.hxp-root button small{font-size:10px;font-weight:500;margin-left:6px}.hxp-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:22px 0 16px}.hxp-root .hxp-tabs button{background:transparent;border:1px solid transparent;color:#71717a;font-size:13px;font-weight:500;min-height:34px;padding:7px 12px}.hxp-root .hxp-tabs button[aria-pressed=true]{background:#f4f4f5;border-color:#e4e4e7;color:#18181b;font-weight:600}.hxp-palette-strip{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.hxp-palette-strip>div{align-items:flex-start;border-radius:8px;display:flex;flex-direction:column;min-height:104px;overflow:hidden}.hxp-root .hxp-palette-strip button{background:transparent;border:0;color:inherit;font-size:12px}.hxp-root .hxp-palette-strip .hxp-lock{align-self:flex-end;min-height:32px;padding:6px 12px}.hxp-palette-strip>div>button:last-child{margin-top:auto;text-align:left;width:100%}.hxp-palette-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.hxp-palette-actions button{font-size:12px}.hxp-palette-actions button:first-child{margin-right:auto}.hxp-examples{margin-top:56px}.hxp-examples header p{font-size:16px}.hxp-example-grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.hxp-example{background:#fff;border:1px solid #e4e4e7;border-radius:12px;min-width:0;overflow:hidden}.hxp-example [data-slot=card-header]{border-bottom:1px solid #f4f4f5;padding:18px 20px}.hxp-example [data-slot=card-header]>small{font-size:10px;letter-spacing:1px;text-transform:uppercase}.hxp-example [data-slot=card-title]{font-size:17px;font-weight:650;letter-spacing:-.4px;margin-top:6px}.hxp-example [data-slot=card-description]{color:#71717a;font-size:12px;margin-top:4px}.hxp-example [data-slot=card-content]{font-size:14px;min-height:230px;padding:24px}.hxp-example [data-slot=card-content]>*+*{margin-top:14px}.hxp-example button,.hxp-example p{font-size:13px}.hxp-example :focus-visible{outline-color:var(--sample-primary)}.hxp-example form>*+*{margin-top:12px}.hxp-example input{font-size:14px!important}.hxp-modal .hxp-primary,.hxp-root .hxp-primary{align-items:center;background:#18181b;border:1px solid #18181b;border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;line-height:1.3;min-height:40px;padding:10px 16px;text-decoration:none}.hxp-example button.hxp-primary{background:var(--sample-primary);border-color:var(--sample-primary);color:var(--sample-ink)}.hxp-demo-stack{display:grid;gap:8px}.hxp-demo-row,.hxp-demo-stack button{align-items:center;display:flex;justify-content:space-between}.hxp-demo-row{gap:12px;padding:10px 0}.hxp-demo-hint{font-size:12px!important}.hxp-demo-alert{background:var(--sample-soft);border:1px solid var(--sample-primary);border-radius:9px;color:var(--sample-dark);padding:16px}.hxp-demo-alert p{color:inherit}.hxp-badges{display:flex;flex-wrap:wrap;gap:8px}.hxp-root .hxp-badges button{background:var(--sample-soft);border-color:transparent;border-radius:999px;color:var(--sample-dark);font-size:12px;min-height:30px;padding:6px 10px}.hxp-example button[aria-pressed=true]{background:var(--sample-primary);color:var(--sample-ink)}.hxp-example hr{border:0;border-top:1px solid #e4e4e7}.hxp-example kbd{color:#71717a;font-size:12px}.hxp-bars{align-items:flex-end;display:flex;gap:8px;height:125px}.hxp-bars i{background:var(--sample-primary);border-radius:4px 4px 0 0;flex:1}.hxp-tag{background:var(--sample-soft);border-radius:5px;color:var(--sample-dark);font-size:10px;padding:4px 8px}.hxp-calendar{display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.hxp-root .hxp-calendar button{border:0;font-size:12px;min-height:28px;padding:4px}.hxp-product{background:var(--sample-primary);border-radius:8px;color:var(--sample-ink);display:grid;font-size:24px;height:90px;place-items:center}.hxp-avatar{background:var(--sample-primary);border-radius:50%;color:var(--sample-ink);display:grid;font-size:20px;height:56px;place-items:center;width:56px}.hxp-upload{background:var(--sample-soft);border:1px dashed var(--sample-primary);border-radius:8px;display:grid;justify-items:center;padding:20px}.hxp-upload input{font-size:11px!important;max-width:100%}.hxp-mini-dashboard{border:1px solid #e4e4e7;border-radius:10px;padding:18px}.hxp-mini-dashboard.is-dark{background:#18181b;color:#fff}.hxp-mini-dashboard.is-dark p{color:#d4d4d8}.hxp-mini-dashboard>h3{margin-top:14px}.hxp-mini-dashboard .hxp-demo-row button{color:#18181b;font-size:11px;padding:4px 8px}.hxp-example summary{cursor:pointer;font-weight:600;padding:8px 0}.hxp-pagination{align-items:center;display:flex;font-size:13px;gap:18px;justify-content:center;margin-top:24px}.hxp-root .egt-preview-pro{align-self:stretch;border-radius:12px;min-height:320px;padding:28px;width:100%}.hxp-root .egt-preview-pro strong{font-size:25px}.hxp-root .egt-preview-pro b{font-size:14px;padding:14px 16px;white-space:nowrap}.hxp-root .egt-preview-pro p{font-size:14px}.hxp-resources{border-top:1px solid #e4e4e7;margin-top:64px;padding-top:32px}.hxp-resources header{align-items:flex-start}.hxp-resources>div{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:24px}.hxp-resources a{border:1px solid #e4e4e7;border-radius:12px;color:#18181b;display:block;overflow:hidden;text-decoration:none}.hxp-resources h3{font-size:18px;margin:18px 20px 0}.hxp-resources a>p{font-size:14px;margin:8px 20px 20px}.hxp-resource-art{align-items:center;background:#f4f4f5;display:flex;gap:12px;height:135px;justify-content:center}.hxp-resource-art i{background:var(--art-color);border-radius:10px;height:60px;width:60px}.hxp-resource-art.art-0{background:radial-gradient(at 15% 20%,var(--art-color),transparent 65%),radial-gradient(at 90% 80%,#94f9d3,transparent 70%),#f3cfef}.hxp-resource-art.art-0 i{display:none}.hxp-resource-art.art-1 i{border-radius:50%}.hxp-resource-art.art-1 i:nth-child(2){filter:invert(1)}.hxp-resource-art.art-1 i:nth-child(3){display:none}.hxp-resource-art.art-2 i:nth-child(2){background:#eed79e}.hxp-resource-art.art-2 i:nth-child(3){background:#a1cfd7}.hxp-guide{border-top:1px solid #e4e4e7;display:grid;gap:48px;grid-template-columns:1.2fr 1fr;margin-top:40px;padding-top:36px}.hxp-guide h2{font-size:24px}.hxp-guide ol{color:#71717a;font-size:14px;line-height:1.7;margin:0;padding-left:20px}.hxp-guide li+li{margin-top:18px}.hxp-guide li b{color:#18181b}.hxp-overlay{backdrop-filter:blur(5px);background:#18181b80;inset:0;position:fixed;z-index:9998}.hxp-modal{background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 24px 80px #0003;box-sizing:border-box;left:50%;max-height:88dvh;overflow:auto;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(94vw,620px);z-index:9999}.hxp-modal.hxp-tools-modal{width:min(94vw,1000px)}.hxp-modal>h2{font-size:23px;padding-right:32px}.hxp-modal>h2 span{color:#71717a;font-size:18px;font-weight:400}.hxp-modal>p{margin:10px 0 24px}.hxp-modal .hxp-close{border:0;font-size:23px;min-height:34px;padding:0;position:absolute;right:14px;top:14px;width:34px}.hxp-modal.hxp-sheet{border-radius:16px 0 0 16px;height:100dvh;left:auto;max-height:100dvh;right:0;top:0;transform:none;width:min(94vw,420px)}.hxp-saved{display:grid;gap:8px;margin-bottom:22px}.hxp-saved button{align-items:center;display:flex;gap:12px;text-align:left}.hxp-saved button>i{border-radius:7px;flex-shrink:0;height:42px;width:42px}.hxp-saved small{display:block}.hxp-modal a:not(.hxp-primary){color:#18181b;text-underline-offset:3px}.hxp-upgrade{align-items:center;background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-top:22px;padding:36px 24px;text-align:center}.hxp-upgrade>span{color:#a66a00;font-size:11px;font-weight:700;letter-spacing:1px}.hxp-upgrade h3{font-size:25px}.hxp-upgrade p{margin:0;max-width:460px}.hxp-upgrade .hxp-primary{margin:4px 0}.hxp-upgrade>small{font-size:12px}.hxp-contrast-summary{display:grid;gap:16px;grid-template-columns:1fr 1fr}.hxp-contrast-summary>div{border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:22px}.hxp-contrast-summary b{font-size:36px}.hxp-contrast-summary small{color:inherit}.hxp-modal>h3{margin:26px 0 18px}.hxp-base-info{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.hxp-base-info button{display:grid;font-size:12px;gap:8px;text-align:left}.hxp-base-info small{font-size:10px}.hxp-table-scroll{margin-top:16px;max-height:55dvh;overflow:auto}.hxp-modal table,.hxp-root table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.hxp-modal td,.hxp-modal th,.hxp-root td,.hxp-root th{border-bottom:1px solid #e4e4e7;padding:10px}.hxp-modal td button{border:0;font-family:monospace;font-size:12px;text-align:left;white-space:nowrap}.hxp-modal th>i{border-radius:3px;display:inline-block;height:14px;margin-right:8px;width:14px}.hxp-matrix td,.hxp-matrix th{font-size:11px;padding:10px 8px;text-align:center;white-space:nowrap}.hxp-matrix caption{color:#71717a;font-size:12px;padding:8px;text-align:left}.hxp-export{display:grid;gap:24px;grid-template-columns:210px 1fr}.hxp-export>div{min-width:0}.hxp-export aside small{display:block;margin-top:20px}.hxp-modal pre{background:#18181b;border-radius:10px;color:#f4f4f5;font:12px/1.7 monospace;margin:0 0 16px;max-height:400px;overflow:auto;padding:22px;text-align:left;white-space:pre}.hxp-modal-actions{display:flex;flex-wrap:wrap;gap:10px}.hxp-modal-controls{align-items:center;display:flex;gap:24px;margin:20px 0}.hxp-modal-controls>label{flex:1}.hxp-loading{background:#fafafa;border-radius:10px;padding:50px 24px;text-align:center}.hxp-error{color:#b91c1c!important;font-size:13px!important;margin:12px 0}.hxp-export-swatches{border-radius:8px;display:flex;margin:20px 0;overflow:hidden}.hxp-export-swatches>*{flex:1;height:72px;min-width:0}.hxp-modal .hxp-export-swatches button{border:0;border-radius:0;font-size:10px;padding:8px 2px}.hxp-theme-preview{border:1px solid;border-radius:12px;margin-bottom:20px;padding:28px}.hxp-theme-preview h3{font-size:28px;margin:12px 0}.hxp-theme-preview p{color:inherit}.hxp-theme-preview .hxp-demo-row{justify-content:flex-start}.hxp-theme-preview .hxp-demo-row>span{border-radius:6px;padding:8px 14px}.hxp-modal details{margin-bottom:18px}.hxp-modal summary{cursor:pointer;font-weight:600;padding:12px 0}.hxp-advanced-palette{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:20px}.hxp-advanced-palette button{font-size:12px;min-height:90px}.hxp-toast{background:#18181b;border-radius:10px;bottom:24px;box-shadow:0 8px 32px #0003;color:#fff;font-size:13px;left:50%;max-width:90vw;padding:12px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:10001}@media(max-width:1100px){.hxp-shell{width:calc(100% - 48px)}.hxp-editor{gap:20px}.hxp-tone-strip span{font-size:9px}.hxp-root .hxp-tone-strip button{padding:8px}.hxp-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hxp-formats b{font-size:11px}}@media(max-width:760px){.hxp-root{padding-top:88px}.hxp-shell{width:calc(100% - 32px)}.hxp-hero h1{font-size:34px}.hxp-hero p{font-size:14px}.hxp-editor{gap:20px;grid-template-columns:1fr;padding:18px}.hxp-sv{height:180px}.hxp-result{height:220px}.hxp-recent{flex-wrap:wrap}.hxp-tones{padding:16px 18px}.hxp-tone-strip{display:flex;overflow:auto}.hxp-root .hxp-tone-strip button{flex:1;height:78px;min-width:74px}.hxp-tone-strip span{font-size:10px}.hxp-tones header{flex-wrap:wrap}.hxp-tones h2{font-size:16px}.hxp-tool-icons{gap:2px}.hxp-root .hxp-tool-icons .hxp-icon{height:34px;min-height:34px;width:34px}.hxp-palette{padding:18px}.hxp-palette header{align-items:flex-start;flex-direction:column;gap:12px}.hxp-palette-strip{gap:6px;grid-template-columns:repeat(5,minmax(80px,1fr));overflow:auto}.hxp-palette-actions{flex-wrap:wrap}.hxp-palette-actions button{font-size:11px}.hxp-palette-actions button:first-child{margin-right:0}.hxp-tabs{gap:2px}.hxp-root .hxp-tabs button{font-size:12px;padding:7px 9px}.hxp-example-grid{grid-template-columns:1fr}.hxp-resources header{display:block}.hxp-guide,.hxp-resources>div{grid-template-columns:1fr}.hxp-guide{gap:24px}.hxp-modal{max-height:90dvh;padding:24px}.hxp-modal.hxp-tools-modal{border-radius:16px 16px 0 0;bottom:0;left:0;top:auto;transform:none;width:100%}.hxp-modal>h2{font-size:20px}.hxp-modal>h2 span{display:block;font-size:15px;margin-top:6px}.hxp-export{gap:18px;grid-template-columns:1fr}.hxp-export aside small{margin-top:10px}.hxp-upgrade{padding:24px 16px}.hxp-base-info{grid-template-columns:1fr}.hxp-modal-controls{flex-wrap:wrap}.hxp-modal-controls>label{min-width:120px}.hxp-contrast-summary>div{padding:16px}}@media(prefers-reduced-motion:reduce){.hxp-modal *,.hxp-root *{transition:none!important}}.hxp-resources h3{align-items:center;display:flex;gap:12px;justify-content:space-between}.hxp-resources h3>span{min-width:0}.hxp-resources .hxp-resource-arrow{color:#71717a;display:block;flex:0 0 18px;height:18px;position:static;width:18px}.hxp-account-preview{border-radius:12px;font-weight:700;margin:18px 0;padding:22px}.hxp-account-link{background:none;border:0;color:#60466e;cursor:pointer;display:block;margin:14px 0}.hxp-root .hxp-save-visible{align-items:center;background:transparent;border:1px solid;border-radius:8px;color:inherit;display:flex;font-weight:650;gap:7px;padding:8px 12px}@media(max-width:640px){.hxp-root .hxp-modal:not(.hxp-tools-modal):not(.hxp-sheet){max-height:calc(100dvh - 160px);top:calc(50% + 30px)}.hxp-root .hxp-modal.hxp-tools-modal{max-height:calc(100dvh - 90px);top:auto}}