.egt-root{--egt-ink:#17171b;--egt-muted:#6b6972;--egt-line:rgba(23,23,27,.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);color:var(--egt-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate;position:relative;width:100%}.egt-root,.egt-root *,.egt-root :after,.egt-root :before{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 a,.egt-root button,.egt-root input,.egt-root select{outline:none}.egt-root :focus-visible{outline:3px solid var(--egt-focus,#6f5cff);outline-offset:3px}.egt-shell{margin-inline:auto;width:min(1180px,calc(100% - 40px))}.egt-sr-only{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@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 :after,.egt-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.egt-tool-page{margin-top:0;min-height:0;padding-top:calc(104px + env(safe-area-inset-top, 0px))!important;width:100%}.egt-tool-page .egt-tool-shell{margin-inline:auto;padding-top:0!important;width:min(1440px,calc(100% - 48px))!important}.egt-tool-header{display:block;margin:0;padding:8px 0 18px}.egt-tool-header h1{color:var(--egt-ink,#17171b);font-size:clamp(34px,3.2vw,40px);font-weight:800;letter-spacing:-.055em;line-height:1;margin:0;max-width:1020px}.egt-tool-header__accent{background:var(--egt-tool-accent);border-radius:999px;display:block;height:6px;margin-top:12px;width:min(336px,34%)}.egt-tool-header p{color:var(--egt-muted,#6b6972);font-size:17px;line-height:1.55;margin:8px 0 0;max-width:820px}.egt-tool-page.cpg-root,.egt-tool-page.ip2-root{margin-top:0}.egt-tool-page.cpg-root,.egt-tool-page.ecm-root:not(.ecm-dialog),.egt-tool-page.ip2-root{padding-top:calc(104px + env(safe-area-inset-top, 0px))}.egt-tool-page .egt-tool-header{align-items:normal!important;display:block!important;gap:0!important;grid-template-columns:none!important;margin:0!important;padding:8px 0 18px!important}.egt-tool-page .egt-tool-header h1{display:block!important;font-size:clamp(34px,3.2vw,40px)!important;font-weight:800!important;height:auto!important;letter-spacing:-.055em!important;line-height:1!important;margin:0!important;max-width:1020px!important;min-height:0!important;padding:0!important}.egt-tool-page .egt-tool-header h1:after{content:none!important;display:none!important}.egt-tool-page .egt-tool-header p{color:var(--egt-muted,#6b6972);display:block!important;font-size:17px!important;font-weight:400!important;letter-spacing:normal!important;line-height:1.55!important;margin:8px 0 0!important;max-width:820px!important;padding:0!important;text-align:left!important}.egt-tool-page.egm2-root{padding-top:calc(104px + env(safe-area-inset-top, 0px));width:min(1440px,calc(100% - 48px))}.hxp-header-row{position:relative}.hxp-header-row .egt-tool-header{padding-right:64px}.hxp-header-row .hxp-header-library{position:absolute;right:0;top:8px}.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.egm2-root,.egt-tool-page.ip2-root{padding-top:calc(88px + env(safe-area-inset-top, 0px))}.egt-tool-page,.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{height:5px;margin-top:10px;width:min(220px,58%)}.egt-tool-header p{font-size:15px;margin-top:8px}}.etc-root{background:#f4f2ed;color:#17171b;padding-bottom:54px}.etc-root .etc-shell{max-width:1240px}.etc-root button{cursor:pointer;font:inherit}.etc-root button:disabled{cursor:wait;opacity:.45}.etc-root a:focus-visible,.etc-root button:focus-visible,.etc-root input:focus-visible,.etc-root pre:focus-visible{outline:3px solid var(--etc-accent,#8b5cf6);outline-offset:3px}.etc-studio{background:#fff;border:1px solid #17171b12;border-radius:28px;box-shadow:0 22px 64px #26241f0a;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden}.etc-controls{background:#fbfaf7;border-right:1px solid #17171b0d;display:flex;flex-direction:column;padding:28px 24px}.etc-root h2{font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.18;margin:12px 0 22px}.etc-kicker{align-items:center;color:#797780;display:flex;font-size:9px;font-weight:700;justify-content:space-between;letter-spacing:1.6px}.etc-version{border:1px solid #17171b16;border-radius:5px;font-size:9px;letter-spacing:0;padding:4px 6px}.etc-segment{background:#eeece7;border-radius:11px;display:flex;gap:3px;padding:4px}.etc-segment button{background:none;border:0;border-radius:8px;flex:1;font-size:11px;font-weight:650;padding:9px 3px;white-space:nowrap}.etc-segment button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #0000000a}.etc-search{align-items:center;background:#fff;border:1px solid #17171b15;border-radius:10px;color:#817f87;display:flex;gap:8px;margin:18px 0 12px;padding:10px 11px}.etc-search input{background:none;border:0;font-size:11px;min-width:0;outline:0;width:100%}.etc-families{align-content:start;display:grid;gap:5px;grid-template-columns:1fr 1fr}.etc-families button{align-items:center;background:none;border:1px solid transparent;border-radius:8px;display:flex;font-size:11px;gap:7px;min-height:35px;padding:8px;text-align:left}.etc-families button[aria-pressed=true]{background:#fff;border-color:#17171b1c;box-shadow:0 3px 10px #00000004}.etc-families button:hover{background:#fff}.etc-families i{border-radius:5px;flex-shrink:0;height:14px;width:14px}.etc-families svg{margin-left:auto}.etc-families p{font-size:12px;grid-column:1/-1;overflow-wrap:anywhere}.etc-tip{align-items:flex-start;color:#76737c;display:flex;gap:9px;margin-top:auto;padding-top:24px}.etc-tip svg{color:var(--etc-accent);flex-shrink:0}.etc-tip p{font-size:11px;line-height:1.65;margin:0}.etc-workspace{min-width:0;padding:28px}.etc-topline{align-items:center;display:flex;gap:12px;justify-content:space-between}.etc-topline h2{font-size:28px;margin:9px 0 22px;text-transform:capitalize}.etc-topline h2 span{color:#aaa5af;font-weight:450}.etc-save{align-items:center;background:#fff;border:1px solid #17171b16;border-radius:9px;display:flex;font-size:11px!important;gap:6px;padding:9px 11px}.etc-save span{color:#827e88;font-size:7px;font-weight:700}.etc-preview-toolbar{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.etc-preview-toolbar>div{display:flex;gap:4px}.etc-preview-toolbar button{background:transparent;border:0;border-radius:8px;color:#797580;font-size:11px;padding:8px 10px}.etc-preview-toolbar button[aria-pressed=true]{background:#f0eef3;color:#17171b}.etc-preview-toolbar>button{border:1px solid #17171b15;display:flex;padding:7px}.etc-preview{background:#f7f8fa;border:1px solid #17171b0c;border-radius:18px;min-height:332px;overflow:hidden;padding:24px;position:relative;--mock-surface:#fff;--mock-ink:#23222a;--mock-muted:#8a8794;color:var(--mock-ink)}.etc-dark{background:#1d1c23;--mock-surface:#282731;--mock-ink:#f5f4fa;--mock-muted:#a7a3b4}.etc-dashboard{background:var(--mock-surface);border:1px solid #17171b0b;border-radius:12px;box-shadow:0 8px 24px #17171b06;display:flex;min-height:280px;overflow:hidden}.etc-mock-sidebar{border-right:1px solid #88888815;color:var(--mock-muted);display:flex;flex-direction:column;flex-shrink:0;font-size:9px;gap:10px;padding:19px 13px;width:105px}.etc-mock-sidebar>b{color:var(--mock-ink);font-size:15px;letter-spacing:-.6px;margin-bottom:16px}.etc-mock-sidebar>span{border-radius:5px;padding:7px}.etc-mock-sidebar .etc-mock-active{background:var(--etc-soft);color:var(--etc-deep);font-weight:650}.etc-mock-avatar{background:var(--etc-soft);border-radius:50%;color:var(--etc-deep);display:grid;height:25px;margin-top:auto;place-items:center;width:25px}.etc-mock-main{flex:1;min-width:0;padding:20px}.etc-mock-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.etc-mock-main small,.etc-store small{color:var(--mock-muted);font-size:7px;letter-spacing:.8px}.etc-mock-main h3{font-size:16px;letter-spacing:-.6px;line-height:1.2;margin:6px 0 15px}.etc-mock-button{background:var(--etc-accent);border-radius:6px;color:var(--etc-accent-ink);display:inline-block;font-size:8px;font-weight:650;padding:10px 12px;white-space:nowrap}.etc-stats{display:grid;gap:10px;grid-template-columns:1fr 1fr}.etc-stats>div{border:1px solid #88888820;border-radius:8px;padding:12px}.etc-stats>div>span{color:var(--mock-muted);font-size:8px}.etc-stats strong{display:block;font-size:24px;letter-spacing:-1px;margin:6px 0}.etc-stats strong span{color:var(--mock-muted);font-size:12px;font-weight:400}.etc-stats small{color:var(--mock-muted);letter-spacing:0}.etc-progress{background:var(--etc-soft);border-radius:4px;height:5px;margin-top:12px;overflow:hidden}.etc-progress i{background:var(--etc-accent);display:block;height:100%;width:75%}.etc-chart{border:1px solid #88888820;border-radius:8px;margin-top:12px;padding:12px 13px 8px}.etc-chart>div:first-child{display:flex;font-size:8px;gap:10px;justify-content:space-between}.etc-chart>div:first-child>span{color:var(--mock-muted);font-size:7px}.etc-bars{align-items:flex-end;display:flex;gap:14px;height:82px;padding-top:12px}.etc-bars>div{align-items:center;display:flex;flex:1;flex-direction:column;gap:5px;height:100%;justify-content:flex-end}.etc-bars i{border-radius:3px 3px 0 0;max-width:28px;min-height:5px;width:100%}.etc-preview-caption{bottom:8px;color:var(--mock-muted);font-size:6px;letter-spacing:1.4px;position:absolute;right:22px}.etc-scale-heading{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:space-between;margin:22px 0 12px;text-transform:capitalize}.etc-scale-heading b span{color:#9a95a0;font-size:10px;font-weight:400;padding-left:6px}.etc-scale-heading>div{display:flex;gap:3px}.etc-scale-heading button{background:none;border:0;border-radius:5px;color:#857e8d;font-size:9px;padding:6px 9px}.etc-scale-heading button[aria-pressed=true]{background:#f0eef3;color:#29232f}.etc-scale{display:grid;gap:5px;grid-template-columns:repeat(11,minmax(0,1fr))}.etc-swatch{border:0;border-radius:8px;display:flex;height:72px;justify-content:center;padding-top:12px;position:relative;transition:transform .16s;width:100%}.etc-swatch:hover{transform:translateY(-3px)}.etc-swatch span{bottom:9px;font-size:9px;font-weight:650;position:absolute}.etc-shade.is-selected .etc-swatch{outline:2px solid var(--etc-accent);outline-offset:2px}.etc-value{background:none;border:0;color:#77717e;font:8px ui-monospace,SFMono-Regular,monospace!important;padding:9px 0 3px;width:100%}.etc-selected{align-items:center;background:#faf9fb;border:1px solid #17171b0b;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding:11px}.etc-selected>div{align-items:center;display:flex;gap:9px;min-width:0}.etc-selected i{border-radius:7px;flex-shrink:0;height:32px;width:32px}.etc-selected b{font-size:10px}.etc-selected>div span{color:#81798b;display:block;font:9px ui-monospace,monospace;margin-top:3px;overflow-wrap:anywhere}.etc-selected>button{background:none;border:0;display:flex;flex-shrink:0;padding:5px}.etc-contrast{font-size:10px;white-space:nowrap}.etc-contrast b{background:#e9f1e7;border-radius:4px;color:#476543;margin-left:4px;padding:3px 5px}.etc-contrast small{color:#847c8c;display:block;font-size:8px;margin-top:5px}.etc-export{display:grid;gap:40px;grid-template-columns:.8fr 1.2fr;margin-top:38px;padding:30px 0}.etc-export-intro{padding:15px 0}.etc-export-intro h2{font-size:34px;letter-spacing:-1.5px;line-height:1.12;margin:14px 0}.etc-export-intro p{color:#79727f;font-size:13px;line-height:1.65;max-width:285px}.etc-plan-note{align-items:center;color:#837c89;display:flex;font-size:10px;gap:9px;line-height:1.7;margin-top:22px}.etc-code-panel{background:#fff;border:1px solid #17171b0e;border-radius:18px;min-width:0;overflow:hidden}.etc-code-toolbar{border-bottom:1px solid #17171b0b;display:flex;gap:8px;justify-content:space-between;padding:12px 16px}.etc-code-toolbar>div{align-items:center;display:flex;gap:6px}.etc-code-toolbar button{align-items:center;background:transparent;border:0;border-radius:6px;color:#8a828f;display:flex;font-size:10px;gap:5px;padding:7px 8px}.etc-code-toolbar button[aria-pressed=true]{background:#f1edf7;color:#43334e}.etc-code-toolbar button span{background:#e7dcf7;border-radius:3px;color:#6c408c;font-size:6px;font-weight:800;letter-spacing:.7px;padding:3px}.etc-code-panel pre{background:#fdfcfe;color:#6d438c;height:248px;line-height:1.75;font:11px/1.85 ui-monospace,SFMono-Regular,monospace;margin:0;overflow:auto;padding:18px 24px;tab-size:2}.etc-code-footer{align-items:center;border-top:1px solid #17171b0b;display:flex;gap:10px;justify-content:space-between;padding:12px 18px}.etc-code-footer>span{color:#928799;font-size:9px}.etc-code-footer button{align-items:center;background:#242029;border:0;border-radius:7px;color:#fff;display:flex;font-size:10px;gap:8px;padding:9px 12px}.etc-source{color:#8d8692;font-size:10px;line-height:1.7;margin:0}.etc-source a{color:inherit;text-underline-offset:3px}.etc-custom{padding-top:24px}.etc-custom>label{display:block;font-size:11px;font-weight:650;margin-bottom:9px}.etc-color-input{align-items:center;background:#fff;border:1px solid #17171b1a;border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:7px}.etc-color-input input[type=color]{background:none;border:0;cursor:pointer;flex-shrink:0;height:32px;padding:0;width:32px}.etc-color-input input:not([type=color]){background:none;border:0;font:13px ui-monospace,monospace;min-width:0;width:100%}.etc-color-input button{background:none;border:0;display:flex;padding:5px}.etc-name{background:#fff;border:1px solid #17171b1a;border-radius:10px;font-size:12px!important;padding:12px;width:100%}.etc-custom-art{background:var(--etc-soft);border-radius:16px;height:200px;margin-top:22px;overflow:hidden;position:relative}.etc-custom-art>div{background:var(--etc-accent);border-radius:50%;bottom:-10px;height:140px;position:absolute;right:-45px;width:140px}.etc-custom-art>div:nth-child(2){background:var(--etc-mid);bottom:-72px;right:22px}.etc-custom-art>div:nth-child(3){background:var(--etc-deep);bottom:58px;right:-73px}.etc-custom-art>span{color:var(--etc-deep);font-size:23px;font-weight:700;left:18px;letter-spacing:-1px;line-height:1.1;position:absolute;top:20px}.etc-custom>p{color:#79717f;font-size:11px;line-height:1.65}.etc-custom .etc-error{color:#ba3535;margin-top:-12px}.etc-store{align-items:center;display:grid;gap:28px;grid-template-columns:1fr 1fr;min-height:280px}.etc-product-art{align-items:center;background:var(--etc-soft);border-radius:12px;color:var(--etc-deep);display:flex;height:270px;justify-content:center;overflow:hidden;position:relative}.etc-product-art>span{font-size:7px;left:15px;letter-spacing:1.5px;position:absolute;top:15px}.etc-bottle{align-items:center;background:var(--etc-accent);border-radius:15px 15px 12px 12px;box-shadow:18px 19px 25px #17171b20;color:var(--etc-accent-ink);display:flex;flex-direction:column;height:144px;justify-content:center;position:relative;transform:rotate(-12deg);width:90px;z-index:1}.etc-bottle:before{background:var(--etc-deep);border-radius:6px 6px 0 0;content:"";height:24px;left:27px;position:absolute;top:-22px;width:36px}.etc-bottle>b{font-size:22px;letter-spacing:-1px}.etc-bottle>small{color:inherit;font-size:5px;margin-top:6px}.etc-product-art>i{border:1px solid var(--etc-mid);border-radius:50%;bottom:10px;height:150px;position:absolute;right:-50px;width:150px}.etc-store h3{font-size:32px;letter-spacing:-1.5px;line-height:1.05;margin:16px 0}.etc-store p{color:var(--mock-muted);font-size:11px;line-height:1.7}.etc-store strong{display:block;font-size:18px;margin:18px 0}.etc-store strong span{color:var(--mock-muted);font-size:8px;font-weight:400;margin-left:12px}.etc-store .etc-mock-button{font-size:10px;padding:12px 18px}.etc-brand{background:var(--etc-accent);border-radius:12px;color:var(--etc-accent-ink);min-height:280px;overflow:hidden;padding:24px 30px;position:relative}.etc-brand small{font-size:7px;letter-spacing:1.6px;position:relative;z-index:1}.etc-brand h3{font-size:54px;letter-spacing:-3px;line-height:.98;margin:22px 0;position:relative;z-index:1}.etc-brand em{font-family:Georgia,serif;font-weight:400}.etc-brand>div{align-items:flex-end;display:flex;justify-content:space-between;position:relative;z-index:1}.etc-brand b{font-size:22px;letter-spacing:-1px}.etc-brand span{font-size:8px;line-height:1.6}.etc-brand>i{border:1px solid;border-radius:50%;height:240px;opacity:.18;position:absolute;right:-80px;top:-50px;width:240px}.etc-brand>i:last-child{height:160px;right:-30px;top:90px;width:160px}.etc-toast{background:#232029;border-radius:12px;bottom:22px;box-shadow:0 6px 25px #0002;color:#fff;font-size:12px;left:50%;max-width:90vw;padding:12px 20px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:120}.etc-toast:empty{display:none}.etc-overlay{backdrop-filter:blur(5px);background:#17171b66;inset:0;position:fixed;z-index:130}.etc-dialog{background:#fff;border-radius:24px;box-shadow:0 28px 80px #17171b26;left:50%;padding:34px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 32px));z-index:131}.etc-dialog h2{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:20px 0 12px}.etc-dialog p{color:#7c7384;font-size:13px;line-height:1.7}.etc-dialog>a{align-items:center;background:#242029;border-radius:9px;color:#fff;display:flex;font-size:13px;gap:10px;justify-content:center;margin:22px 0 12px;padding:13px;text-decoration:none}.etc-dialog>button:not(.etc-close){background:none;border:0;cursor:pointer;font-size:12px;padding:9px;width:100%}.etc-dialog .etc-close{background:#f4f2f6;border:0;border-radius:50%;cursor:pointer;display:flex;padding:7px;position:absolute;right:15px;top:15px}.etc-dialog a:focus-visible,.etc-dialog button:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}@media(max-width:1050px){.etc-studio{grid-template-columns:235px minmax(0,1fr)}.etc-controls,.etc-workspace{padding:24px 18px}.etc-preview{padding:18px}.etc-save span{display:none}.etc-mock-sidebar{padding:15px 8px;width:86px}.etc-mock-main{padding:14px}.etc-mock-main h3{font-size:13px}.etc-mock-button{padding:8px}.etc-value{font-size:7px!important}.etc-scale{gap:4px}}@media(max-width:900px){.etc-studio{grid-template-columns:1fr}.etc-controls{border-bottom:1px solid #17171b0d;border-right:0;padding:22px}.etc-controls h2{font-size:22px;margin:10px 0 15px}.etc-controls h2 br{display:none}.etc-search,.etc-segment{max-width:310px}.etc-search{margin:14px 0 10px}.etc-families{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:6px;scroll-snap-type:x proximity}.etc-families button{flex-shrink:0;padding:9px 11px;scroll-snap-align:start}.etc-tip{align-items:center;padding-top:10px}.etc-custom{display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;padding-top:15px}.etc-custom>label{margin:0}.etc-custom>label:first-child{grid-column:1;grid-row:1}.etc-color-input{grid-column:1;grid-row:2;margin:0}.etc-custom>label:nth-of-type(2){grid-column:2;grid-row:1}.etc-name{grid-column:2;grid-row:2;min-width:0}.etc-custom-art{display:none}.etc-custom>p{grid-column:1/-1;margin:0}.etc-export{gap:25px}.etc-preview,.etc-workspace{padding:24px}.etc-dashboard{min-height:300px}.etc-mock-main{padding:22px}.etc-mock-sidebar{padding:22px 13px;width:112px}.etc-mock-main h3{font-size:19px}.etc-mock-button{padding:11px 14px}.etc-bars{height:90px}.etc-value{font-size:8px!important}}@media(max-width:560px){.etc-root .etc-shell{width:calc(100% - 24px)!important}.etc-studio{border-radius:20px}.etc-controls{padding:18px}.etc-controls h2{font-size:20px}.etc-workspace{padding:18px 14px}.etc-topline h2{font-size:25px;margin-bottom:15px}.etc-kicker{font-size:8px;letter-spacing:1.2px}.etc-preview-toolbar button{font-size:9px;padding:8px}.etc-preview-toolbar>div{gap:0}.etc-preview{border-radius:12px;min-height:286px;padding:12px}.etc-dashboard{min-height:260px}.etc-mock-sidebar{font-size:7px;gap:7px;padding:14px 6px;width:65px}.etc-mock-sidebar>b{font-size:11px}.etc-mock-sidebar>span{padding:6px 3px}.etc-mock-main{padding:12px 9px}.etc-mock-top{display:block;position:relative}.etc-mock-top>.etc-mock-button{display:none}.etc-mock-main h3{font-size:13px;margin-bottom:13px;max-width:160px}.etc-stats{gap:6px}.etc-stats>div{padding:9px 7px}.etc-stats strong{font-size:21px}.etc-stats small{font-size:6px}.etc-chart{margin-top:9px;padding:9px 8px}.etc-chart>div:first-child{font-size:7px}.etc-chart>div:first-child>span{font-size:6px}.etc-bars{gap:8px;height:83px}.etc-scale{gap:10px 5px;grid-template-columns:repeat(6,minmax(0,1fr))}.etc-swatch{height:58px}.etc-value{font-size:8px!important;min-height:27px;padding:7px 0}.etc-selected{flex-wrap:wrap;gap:9px;padding:10px}.etc-selected>div{flex:1}.etc-selected>div span{font-size:8px}.etc-selected>button{order:2}.etc-contrast{align-items:center;border-top:1px solid #17171b0b;display:flex;gap:5px;order:3;padding-top:5px;width:100%}.etc-contrast small{margin:0 0 0 auto}.etc-export{gap:18px;grid-template-columns:1fr;margin-top:20px;padding-top:15px}.etc-export-intro{padding:0}.etc-export-intro h2{font-size:28px;margin:10px 0}.etc-export-intro h2 br{display:none}.etc-export-intro p{font-size:12px;max-width:100%}.etc-plan-note{margin-top:10px}.etc-plan-note br{display:none}.etc-code-toolbar{padding:10px 8px}.etc-code-toolbar button{font-size:9px;padding:7px 6px}.etc-code-toolbar>div{gap:3px}.etc-code-panel pre{font-size:10px;padding:14px}.etc-source{font-size:9px}.etc-store{gap:14px;min-height:260px}.etc-product-art{height:240px}.etc-bottle{height:118px;width:66px}.etc-bottle:before{left:19px;width:28px}.etc-bottle>b{font-size:18px}.etc-store h3{font-size:25px;letter-spacing:-1px}.etc-store p{font-size:9px}.etc-store small{font-size:6px}.etc-store strong{font-size:15px}.etc-store strong span{display:block;margin:5px 0 0}.etc-store .etc-mock-button{font-size:9px;padding:10px 12px}.etc-brand{min-height:260px;padding:23px 18px}.etc-brand h3{font-size:45px}.etc-brand b{font-size:19px}.etc-save{font-size:10px!important;padding:8px}.etc-custom{gap:8px}.etc-color-input{gap:5px;padding:5px}.etc-color-input input[type=color]{width:26px}.etc-color-input input:not([type=color]){font-size:10px}.etc-name{font-size:11px!important;padding:9px}.etc-controls .etc-error{margin:0}.etc-dialog{padding:28px}}@media(prefers-reduced-motion:reduce){.etc-root *{scroll-behavior:auto!important;transition:none!important}}.etc-root .etc-controls>.etc-kicker{margin-bottom:20px}.etc-root .etc-families{gap:7px;max-height:490px;overflow-y:auto;padding:3px 4px 5px 2px;scrollbar-color:#d7d2dd transparent;scrollbar-width:thin}.etc-root .etc-families button{align-items:stretch;background:#fff;border:1px solid #17171b09;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-height:59px;padding:10px;transition:border-color .16s,box-shadow .16s}.etc-root .etc-families button[aria-pressed=true]{border-color:var(--etc-accent);box-shadow:0 0 0 1px var(--etc-accent)}.etc-family-label{align-items:center;display:flex;font-size:10px;font-weight:600;justify-content:space-between;text-transform:capitalize}.etc-family-ramp{border-radius:4px;display:flex;height:13px;overflow:hidden;width:100%}.etc-root .etc-family-ramp i{border-radius:0;flex:1;height:100%;width:auto}.etc-root .etc-preview-toolbar>div{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.etc-root .etc-preview-toolbar>div button{flex-shrink:0;scroll-snap-align:start;white-space:nowrap}.etc-root .etc-preview-toolbar>button{flex-shrink:0}.etc-example-heading{margin:2px 0 20px;text-align:center}.etc-app-copy>small,.etc-example-heading small,.etc-form-copy>small{color:var(--mock-muted);font-size:7px;letter-spacing:1.4px}.etc-example-heading h3{font-size:26px;letter-spacing:-1px;margin:8px 0}.etc-price-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.etc-price-grid>div{background:var(--mock-surface);border:1px solid #8882;border-radius:12px;padding:16px 13px}.etc-price-grid .etc-price-featured{border-color:var(--etc-accent);box-shadow:0 0 0 1px var(--etc-accent)}.etc-price-grid>div>span:first-child{color:var(--mock-muted);font-size:6px;letter-spacing:1px}.etc-price-featured>span:first-child{color:var(--etc-accent)!important}.etc-price-grid h4{font-size:14px;margin:11px 0}.etc-price-grid strong{font-size:30px;letter-spacing:-1px}.etc-price-grid strong small{color:var(--mock-muted);font-size:8px;font-weight:400;letter-spacing:0}.etc-price-grid p{color:var(--mock-muted);font-size:8px;line-height:1.5}.etc-price-grid ul{font-size:8px;line-height:2.4;list-style:none;margin:16px 0;padding:0}.etc-price-action,.etc-price-grid .etc-mock-button{display:block;font-size:8px;padding:10px 4px;text-align:center}.etc-price-action{border:1px solid #8883;border-radius:6px}.etc-mobile-example{align-items:center;display:flex;gap:45px;justify-content:center;min-height:310px}.etc-app-copy{max-width:205px}.etc-app-copy h3,.etc-form-copy h3{font-size:37px;letter-spacing:-1.8px;line-height:1.04;margin:14px 0}.etc-app-copy p,.etc-form-copy p{color:var(--mock-muted);font-size:11px;line-height:1.7}.etc-app-chips{display:flex;gap:6px;margin-top:20px}.etc-app-chips span{background:var(--etc-soft);border-radius:20px;color:var(--etc-deep);font-size:8px;padding:6px 10px}.etc-phone{background:var(--mock-surface);border:5px solid #28242e;border-radius:26px;box-shadow:0 12px 35px #17171b15;flex-shrink:0;padding:12px;width:180px}.etc-phone-status{display:flex;font-size:7px;font-weight:600;justify-content:space-between;margin:2px 2px 20px}.etc-phone>small{color:var(--mock-muted);font-size:6px;letter-spacing:1px}.etc-phone h4{font-size:19px;letter-spacing:-.8px;margin:7px 0 14px}.etc-app-session{background:var(--etc-accent);border-radius:13px;color:var(--etc-accent-ink);padding:15px 12px}.etc-app-session>span:first-child{font-size:6px;letter-spacing:1px}.etc-app-session>b{display:block;font-size:25px;letter-spacing:-1px;line-height:1.1;margin:12px 0 17px}.etc-app-play{align-items:center;display:flex;font-size:10px;gap:7px}.etc-app-play>span{font-size:6px}.etc-app-goal{padding:15px 1px}.etc-app-goal>span{color:var(--mock-muted);font-size:7px}.etc-app-goal>b{float:right;font-size:8px}.etc-app-goal .etc-progress{margin-top:8px}.etc-app-nav{border-top:1px solid #8882;display:flex;font-size:6px;justify-content:space-between;padding:12px 0 3px}.etc-app-nav b{color:var(--etc-accent)}.etc-app-nav>span{color:var(--mock-muted)}.etc-form-example{align-items:center;display:grid;gap:30px;grid-template-columns:1fr 1fr;min-height:300px}.etc-form-card{background:var(--mock-surface);border:1px solid #8882;border-radius:14px;box-shadow:0 6px 20px #17171b06;padding:22px}.etc-form-card>b{font-size:14px;letter-spacing:-.4px}.etc-form-card p{color:var(--mock-muted);font-size:8px;line-height:1.7;margin:7px 0 14px}.etc-form-card>span:not(.etc-mock-button){display:block;font-size:7px;margin:12px 0 5px}.etc-form-card>div{align-items:center;border:1px solid #8883;border-radius:6px;display:flex;font-size:8px;justify-content:space-between;padding:9px}.etc-form-card .etc-form-focus{border-color:var(--etc-accent);box-shadow:0 0 0 2px var(--etc-soft)}.etc-form-focus svg{color:var(--etc-accent)}.etc-form-card .etc-mock-button{display:block;font-size:9px;text-align:center}.etc-form-card>small{color:var(--mock-muted);display:block;font-size:7px;margin-top:11px;text-align:center}.etc-form-motif{display:flex;margin-top:25px}.etc-form-motif i{background:var(--etc-accent);border-radius:50%;height:48px;margin-left:-8px;width:48px}.etc-form-motif i:nth-child(2){background:var(--etc-mid)}.etc-form-motif i:nth-child(3){background:var(--etc-deep)}@media(max-width:900px){.etc-root .etc-families{display:grid;gap:7px;grid-auto-columns:100px;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,auto);max-height:none;overflow-x:auto;overflow-y:hidden;padding:3px 2px 8px}.etc-root .etc-families button{min-height:54px;scroll-snap-align:start}.etc-root .etc-controls>.etc-kicker{margin-bottom:14px}.etc-mobile-example{gap:35px}}@media(max-width:560px){.etc-root .etc-families{grid-auto-columns:90px}.etc-root .etc-preview-toolbar>div{max-width:calc(100% - 38px)}.etc-price-grid{gap:6px}.etc-price-grid>div{padding:12px 7px}.etc-price-grid h4{font-size:12px}.etc-price-grid strong{font-size:24px}.etc-price-grid p,.etc-price-grid ul{font-size:7px}.etc-price-grid>div>span:first-child{font-size:5px;letter-spacing:.4px}.etc-price-action,.etc-price-grid .etc-mock-button{font-size:6px}.etc-example-heading h3{font-size:23px}.etc-mobile-example{gap:15px;min-height:300px}.etc-app-copy{max-width:110px}.etc-app-copy h3{font-size:27px;letter-spacing:-1.2px}.etc-app-copy p{font-size:9px}.etc-app-copy>small{font-size:6px}.etc-app-chips{flex-wrap:wrap;gap:4px}.etc-app-chips span{font-size:7px;padding:5px 7px}.etc-phone{border-radius:22px;border-width:4px;padding:10px;width:150px}.etc-app-session{padding:12px 9px}.etc-app-session>b{font-size:22px}.etc-form-example{gap:12px;grid-template-columns:.8fr 1.2fr}.etc-form-copy h3{font-size:25px;letter-spacing:-1px}.etc-form-copy p{font-size:8px}.etc-form-copy>small{font-size:6px}.etc-form-card{padding:15px 10px}.etc-form-card>b{font-size:11px}.etc-form-card .etc-mock-button{font-size:7px;padding:10px 5px}.etc-form-motif i{height:35px;width:35px}.etc-form-card>small{font-size:6px}}@media(max-width:360px){.etc-mobile-example{gap:10px}.etc-app-copy{max-width:85px}.etc-app-copy h3{font-size:23px}.etc-phone{width:136px}.etc-form-copy h3{font-size:21px}.etc-price-grid ul{font-size:6px}.etc-price-grid strong{font-size:21px}}.etc-controls,.etc-families{min-width:0}@media(max-width:900px){.etc-studio{grid-template-columns:minmax(0,1fr)}}.etc-release{display:flex;gap:6px;margin-bottom:12px}.etc-release button{background:transparent;border:1px solid #17171b12;border-radius:7px;flex:1;font-size:10px;padding:8px}.etc-release button[aria-pressed=true]{background:#242029;border-color:#242029;color:#fff}.etc-top-actions{align-items:center;display:flex;gap:7px}.etc-share{background:#fff;border:1px solid #17171b16;border-radius:9px;display:flex;padding:9px}.etc-root summary{cursor:pointer;font-size:11px;font-weight:650;list-style-position:inside}.etc-root summary:focus-visible{outline:3px solid var(--etc-accent);outline-offset:3px}.etc-hex-match,.etc-scale-settings{background:#fff;border:1px solid #17171b10;border-radius:12px;margin:18px 0 0;padding:12px}.etc-scale-settings{grid-column:1/-1}.etc-scale-settings summary span{color:#867c90;float:right;font-size:8px;font-weight:500}.etc-scale-settings label{display:block;font-size:10px;margin-top:15px}.etc-scale-settings output{color:#877d90;float:right;font:10px ui-monospace,monospace}.etc-scale-settings select{background:#faf9fb;border:1px solid #17171b14;border-radius:7px;display:block;font-size:11px;margin-top:7px;padding:8px;width:100%}.etc-scale-settings input[type=range]{accent-color:var(--etc-accent);display:block;margin:9px 0 0;width:100%}.etc-scale-settings>button{background:#f2eff5;border:0;border-radius:7px;display:block;font-size:10px;margin-top:14px;padding:8px;width:100%}.etc-custom .etc-custom-art{display:none}.etc-hex-match>label{color:#81778a;display:block;font-size:10px;margin:14px 0 7px}.etc-hex-match>input{background:#fbfafc;border:1px solid #17171b1c;border-radius:8px;font:12px ui-monospace,monospace;min-width:0;padding:10px;width:100%}.etc-hex-match>div{align-items:center;border-bottom:1px solid #17171b09;display:flex;gap:5px;padding:9px 0}.etc-hex-match>div>button:first-child{align-items:center;background:none;border:0;display:flex;flex:1;gap:7px;min-width:0;padding:0;text-align:left}.etc-hex-match i{border-radius:7px;flex-shrink:0;height:25px;width:25px}.etc-hex-match b{display:block;font-size:10px}.etc-hex-match small{color:#82788c;font-size:8px;line-height:1.7}.etc-hex-match>div small{display:block}.etc-hex-match>div>button:last-child{background:none;border:0;display:flex;padding:5px}.etc-hex-match>small{display:block;margin-top:9px}.etc-hex-match p{color:#ad3434;font-size:10px}.etc-root .etc-families{max-height:390px}.etc-lock-shade{background:transparent;border:0;color:#8d8496;display:flex;justify-content:center;padding:6px;width:100%}.etc-lock-shade[aria-pressed=true]{color:var(--etc-accent)}.etc-root .etc-preview{--mock-muted:var(--etc-text)}.etc-preview .etc-app-nav,.etc-preview .etc-chart,.etc-preview .etc-form-card,.etc-preview .etc-form-card>div,.etc-preview .etc-mock-sidebar,.etc-preview .etc-phone,.etc-preview .etc-price-grid>div,.etc-preview .etc-stats>div{border-color:var(--etc-border)}.etc-preview .etc-chart,.etc-preview .etc-stats>div{background:var(--etc-surface)}.etc-preview .etc-mock-sidebar>span:not(.etc-mock-active),.etc-preview .etc-stats>div>span,.etc-preview p,.etc-preview small{opacity:.72}.etc-root .etc-preview .etc-app-session small,.etc-root .etc-preview .etc-app-session>span{opacity:1}.etc-tools{background:#fff;border:1px solid #17171b0e;border-radius:22px;margin-top:28px;overflow:hidden}.etc-tools-tabs{background:#fbfaf7;border-bottom:1px solid #17171b0d;display:flex;gap:6px;overflow-x:auto;padding:12px 18px}.etc-tools-tabs>button{background:transparent;border:0;border-radius:8px;color:#817889;flex-shrink:0;font-size:12px;padding:10px 14px}.etc-tools-tabs>button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #17171b08;color:#242029}.etc-tools-body{padding:28px}.etc-panel-lead{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.etc-panel-lead h3{font-size:24px;letter-spacing:-.9px;line-height:1.15;margin:0 0 8px}.etc-panel-lead p{color:#847a8d;font-size:12px;line-height:1.6;margin:0;max-width:500px}.etc-panel-lead>button,.etc-theme-toolbar>button{align-items:center;background:#faf9fc;border:1px solid #17171b12;border-radius:9px;display:flex;font-size:10px;gap:7px;padding:10px 12px;white-space:nowrap}.etc-export-scope span,.etc-panel-lead>button>span,.etc-theme-toolbar>button>span{background:#eee4f7;border-radius:4px;color:#724d96;font-size:7px;font-weight:750;padding:3px 4px}.etc-theme-toolbar{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px}.etc-theme-toolbar .etc-segment{width:190px}.etc-theme-toolbar .etc-segment button{align-items:center;display:flex;gap:6px;justify-content:center}.etc-role-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px}.etc-role-grid>label{background:#fdfcfe;border:1px solid #17171b12;border-radius:12px;padding:12px}.etc-role-grid>label>span{display:block;font-size:10px;font-weight:650;margin-bottom:9px;text-transform:capitalize}.etc-role-grid>label>div{align-items:center;display:flex;gap:8px}.etc-role-grid input[type=color]{background:none;border:0;cursor:pointer;height:28px;min-width:28px;padding:0;width:28px}.etc-role-grid code{color:#857b90;font:10px ui-monospace,monospace}.etc-theme-samples{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.etc-theme-samples.is-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.etc-theme-sample{border:1px solid;border-radius:15px;padding:22px}.etc-theme-sample>small{font-size:8px;letter-spacing:1.4px}.etc-theme-sample article{align-items:center;border:1px solid;border-radius:11px;display:grid;gap:8px 20px;grid-template-columns:1fr auto;margin-top:14px;padding:20px}.etc-theme-sample article>b{font-size:17px;letter-spacing:-.4px}.etc-theme-sample article>p{font-size:11px;grid-column:1;margin:0;opacity:.65}.etc-theme-sample article>span{border-radius:7px;font-size:10px;grid-column:2;grid-row:1/3;padding:12px 15px}.etc-panel-footnote,.etc-theme-sample>p{font-size:10px;line-height:1.7;margin:16px 0 0}.etc-panel-footnote{color:#8b8194}.etc-button-states{display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));padding:15px 0}.etc-button-states>div>span{color:#8b8194;display:block;font-size:10px;margin-bottom:12px}.etc-button-states button{border:0;border-radius:9px;font-size:11px;padding:13px 7px;width:100%}.etc-button-states button:disabled{cursor:not-allowed;opacity:.4}.etc-button-states .is-focus{outline:2px solid var(--state-ring);outline-offset:4px}.etc-button-states code{color:#847a8e;display:block;font-size:10px;margin:13px 0 5px}.etc-button-states small{color:#92879d;font-size:9px}.etc-state-code{background:#fbf9fd;border:1px solid #17171b0b;border-radius:12px;margin-top:20px;padding:14px}.etc-state-code>span{color:#8d8099;font-size:9px}.etc-state-code pre{color:#765391;font:11px/1.8 ui-monospace,monospace;margin:12px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.etc-role-contrast{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:25px}.etc-role-contrast>div{background:#fcfbfd;border:1px solid #17171b0e;border-radius:12px;padding:15px}.etc-role-contrast span{color:#84788e;display:block;font-size:9px;line-height:1.5}.etc-role-contrast b{display:block;font-size:23px;letter-spacing:-.8px;margin:8px 0}.etc-role-contrast small{color:#8f8198;font-size:9px}.etc-matrix-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.etc-matrix-toolbar>span{color:#94869c;font-size:9px;letter-spacing:1.2px}.etc-matrix-toolbar>div{display:flex;flex-wrap:wrap;gap:4px}.etc-matrix-toolbar button{background:none;border:0;border-radius:6px;color:#8b7d95;font-size:10px;padding:8px 10px}.etc-matrix-toolbar button[aria-pressed=true]{background:#f0eaf7;color:#55376f}.etc-matrix-scroll{border:1px solid #17171b10;border-radius:12px;overflow:auto;overscroll-behavior-inline:contain}.etc-matrix{border-collapse:separate;border-spacing:3px;font-size:9px;min-width:580px;width:100%}.etc-matrix caption{color:#8c7e95;font-size:9px;padding:12px;text-align:left}.etc-matrix th{color:#897a93;font-weight:600;padding:8px}.etc-matrix td{border-radius:4px;height:34px;min-width:38px;text-align:center}.etc-matrix td>span{border-radius:4px;font-size:8px;padding:3px 4px}.etc-matrix .is-filtered{opacity:.12}.etc-export-scope{background:#fbfafc;border-bottom:1px solid #17171b09;display:flex;gap:7px;padding:12px 16px}.etc-export-scope button{align-items:center;background:none;border:0;border-radius:6px;color:#8a7d95;display:flex;font-size:10px;gap:6px;padding:7px 10px}.etc-export-scope button[aria-pressed=true]{background:#f0eaf5;color:#4d345f}.etc-root .etc-code-toolbar,.etc-root .etc-code-toolbar>div:first-child{flex-wrap:wrap}.etc-root .etc-code-toolbar>div:last-child{margin-left:auto}@media(max-width:900px){.etc-root .etc-families{max-height:none}.etc-hex-match{max-width:360px}.etc-custom .etc-hex-match{max-width:none}.etc-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.etc-panel-lead{align-items:flex-start}.etc-panel-lead h3{font-size:22px}.etc-theme-samples.is-comparison article{display:block}.etc-theme-samples.is-comparison article>span{display:inline-block;margin-top:15px}.etc-theme-samples.is-comparison article>p{margin-top:8px}.etc-button-states{gap:12px}.etc-release{max-width:310px}}@media(max-width:560px){.etc-root .etc-families{max-height:none}.etc-hex-match{margin-top:12px;max-width:none;padding:11px}.etc-hex-match>div{max-width:100%}.etc-root .etc-topline{gap:8px}.etc-top-actions{gap:5px}.etc-share{padding:8px}.etc-root .etc-save svg,.etc-root .etc-share svg{height:14px;width:14px}.etc-tools{border-radius:17px;margin-top:22px}.etc-tools-tabs{gap:2px;padding:9px}.etc-tools-tabs button{font-size:10px;padding:9px 10px}.etc-tools-body{padding:18px 14px}.etc-panel-lead{display:block;margin-bottom:18px}.etc-panel-lead h3{font-size:21px}.etc-panel-lead p{font-size:11px}.etc-panel-lead>button{margin-top:12px;padding:8px 10px}.etc-theme-toolbar{align-items:flex-start;gap:8px}.etc-theme-toolbar .etc-segment{flex-shrink:0;width:142px}.etc-theme-toolbar>button{font-size:8px;padding:10px 8px;white-space:normal}.etc-role-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.etc-role-grid>label{padding:10px}.etc-role-grid code{font-size:9px}.etc-theme-sample{padding:14px}.etc-theme-sample article{display:block;padding:15px}.etc-theme-sample article>b{font-size:15px}.etc-theme-sample article>p{font-size:10px;margin:8px 0 12px}.etc-theme-sample article>span{display:inline-block}.etc-theme-samples.is-comparison{grid-template-columns:1fr}.etc-button-states{gap:18px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.etc-button-states button{font-size:10px}.etc-role-contrast{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.etc-role-contrast>div{padding:12px}.etc-role-contrast b{font-size:21px}.etc-matrix-toolbar{display:block}.etc-matrix-toolbar>div{margin-top:9px}.etc-matrix-toolbar button{font-size:9px;padding:7px 8px}.etc-matrix{min-width:520px}.etc-export-scope{padding:10px 9px}.etc-export-scope button{font-size:9px;padding:7px}.etc-custom .etc-scale-settings{margin-top:7px}.etc-preview .etc-mock-top h3{font-size:13px}}