.epd-root,.epd-root *{box-sizing:border-box}.epd-root{--ink:#102b1d;--line:#dce5de;color:var(--ink);font-family:system-ui,Arial,sans-serif;width:100%}.epd-root a,.epd-root button{font:inherit}.epd-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.epd-header h2{color:#101713;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.055em;line-height:.95;margin:0}.epd-header>div{display:flex;gap:8px}.epd-header a,.epd-header button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);display:flex;font-size:12px;font-weight:750;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none}.epd-header a{background:#f4f7f2}.epd-card{border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #14271d0a;overflow:hidden}.epd-swatches{display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--count,5),minmax(0,1fr))}.epd-swatches article{align-items:center;display:flex;height:390px;justify-content:center;min-width:0;position:relative}.epd-swatches article>span{background:#0002;font-size:13px;font-weight:650;inset:auto 0 0;padding:17px 8px;position:absolute;text-align:center}.epd-hex{align-items:center;background:#10201935;border:0;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff18;color:inherit;display:flex;font-size:13px;font-weight:750;gap:10px;padding:11px 14px;transition:transform .18s ease,background .18s ease}.epd-hex:hover{background:#10201955;transform:translateY(-2px)}.epd-hex span{font-size:11px;opacity:.72}.epd-edit{display:flex;gap:6px;position:absolute;right:13px;top:13px}.epd-edit button,.epd-edit label{background:#10201942;border:1px solid #ffffff55;border-radius:9px;color:inherit;display:grid;height:34px;place-items:center;width:34px}.epd-edit input{background:none;border:0;height:20px;padding:0;width:20px}.epd-edit button{font-size:18px}.epd-toolbar{align-items:center;background:#fff;display:flex;gap:12px;justify-content:space-between;padding:13px}.epd-toolbar>div{display:flex;gap:7px}.epd-toolbar button{background:#f5f7f4;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:11px;font-weight:700;min-height:38px;padding:0 13px}.epd-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff}.epd-toolbar small{background:#e8f1da;border-radius:4px;color:#647a4d;font-size:7px;margin-left:5px;padding:2px 4px}.epd-summary{color:#2f3933;font-size:clamp(16px,2vw,22px);line-height:1.45;margin:22px 0 0}.epd-used{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.epd-used>span{color:#708078;display:block;font-size:11px;font-weight:750;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.epd-used>div{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.epd-used a{align-items:center;border:1px solid var(--line);border-radius:12px;color:var(--ink);display:flex;gap:10px;padding:9px;text-decoration:none}.epd-used i{border:1px solid #0001;border-radius:10px;flex:0 0 40px;height:40px;width:40px}.epd-used a>span{display:grid;gap:3px;min-width:0}.epd-used b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epd-used small{color:#708078;font:9px ui-monospace,monospace}.epd-used em{font-style:normal;margin-left:auto}.epd-toast{background:var(--ink);border-radius:99px;bottom:24px;box-shadow:0 7px 25px #0003;color:#fff;font-size:12px;left:50%;padding:10px 16px;position:fixed;transform:translateX(-50%);z-index:10000}.epd-root:has(.epd-swatches article:nth-child(2):last-child) .epd-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.epd-root:has(.epd-swatches article:nth-child(3):last-child) .epd-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.epd-root:has(.epd-swatches article:nth-child(4):last-child) .epd-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.epd-root:has(.epd-swatches article:nth-child(5):last-child) .epd-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.epd-root:has(.epd-swatches article:nth-child(6):last-child) .epd-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:700px){.epd-header{align-items:flex-start;flex-direction:column}.epd-header>div{width:100%}.epd-header a,.epd-header button{flex:1}.epd-swatches{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.epd-swatches article{flex:0 0 68vw;height:320px;scroll-snap-align:start}.epd-toolbar{align-items:stretch;flex-direction:column}.epd-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr)}.epd-toolbar button{padding:0 8px}.epd-summary{font-size:16px}.epd-used>div{grid-template-columns:1fr 1fr}}@media(max-width:430px){.epd-header h2{font-size:36px}.epd-header a,.epd-header button{font-size:10px;padding:0 10px}.epd-swatches article{flex-basis:78vw;height:280px}.epd-toolbar>div{grid-template-columns:1fr 1fr}.epd-toolbar>div button:last-child{grid-column:1/-1}.epd-used>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.epd-hex{transition:none}}.epd-card{border-radius:24px;box-shadow:0 16px 50px #1635210a}.epd-swatches article{height:350px}.epd-swatches article>span{background:transparent;font-size:12px;padding:22px 8px}.epd-swatches article>span a{color:inherit;text-decoration:none}.epd-swatches article>span a:hover{text-decoration:underline}.epd-hex{backdrop-filter:blur(8px);background:#ffffff18;border:1px solid #ffffff30;border-radius:12px;padding:12px 14px}.epd-toolbar{flex-wrap:wrap;padding:16px}.epd-toolbar button{background:#f6f8f5;border-radius:10px;transition:background .2s,transform .2s}.epd-toolbar button:hover{background:#eaf0e7;transform:translateY(-1px)}.epd-toolbar .epd-export-trigger{background:#153522;color:#f0ffdf;padding-inline:24px}.epd-header h2{font-size:clamp(34px,4vw,54px)}.epd-summary{color:#657369;font-size:17px;max-width:850px}.epd-overlay{backdrop-filter:blur(5px);background:#10201980;inset:0;position:fixed;z-index:10000}.epd-export{background:#fff;border:1px solid #e1e8df;border-radius:24px;box-shadow:0 30px 100px #0003;color:#153522;font-family:system-ui,Arial,sans-serif;left:50%;max-height:calc(100dvh - 28px);overflow:auto;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 28px));z-index:10001}.epd-export,.epd-export *{box-sizing:border-box}.epd-export>small{color:#788776;font-size:9px;font-weight:700;letter-spacing:.13em}.epd-export h2{font-size:32px;letter-spacing:-.045em;margin:8px 0}.epd-export p{color:#6b786d;font-size:13px;line-height:1.5}.epd-export button{cursor:pointer;font-family:inherit}.epd-close{background:#f0f4ed;border:0;border-radius:50%;font-size:20px;height:30px;position:absolute;right:18px;top:18px;width:30px}.epd-export-strip{border-radius:12px;display:flex;height:90px;margin:24px 0;overflow:hidden}.epd-export-strip i{flex:1}.epd-format-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.epd-format-grid button{align-items:center;background:#fff;border:1px solid #e0e7dc;border-radius:11px;color:#153522;display:flex;justify-content:space-between;padding:15px 12px}.epd-format-grid button[aria-pressed=true]{background:#edf5e4;border-color:#7d9868}.epd-format-grid small{color:#708360;font-size:8px}.epd-export-preview{background:#f7f9f5;border-radius:10px;margin:16px 0;padding:14px}.epd-export-preview pre{font-size:11px;max-height:170px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.epd-export-download,.epd-export-gate a{background:#153522;border:0;border-radius:11px;color:#f0ffdf;display:block;font-size:13px;font-weight:700;padding:14px;text-align:center;text-decoration:none;width:100%}.epd-export-gate{padding:22px 0 0}.epd-export a:focus-visible,.epd-export button:focus-visible,.epd-root a:focus-visible,.epd-root button:focus-visible{outline:3px solid #84a7ed;outline-offset:3px}@media(max-width:700px){.epd-swatches article{height:280px}.epd-toolbar>div{display:flex;flex-wrap:wrap}.epd-toolbar>div button{flex:1;white-space:nowrap}.epd-toolbar>div:last-child{width:100%}.epd-export{padding:24px 18px}.epd-format-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.epd-toolbar button{transition:none}}.epd-icon{flex:0 0 auto;vertical-align:middle}.epd-toolbar button{align-items:center;display:inline-flex;gap:7px;justify-content:center}.epd-swatches article>span a{align-items:center;display:inline-flex;gap:6px}.epd-swatches article>span .epd-icon{height:12px;opacity:.6;width:12px}.epd-hex>.epd-icon{height:14px;opacity:.55;width:14px}.epd-edit-panel{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 5px 20px #0001;color:#183425;display:flex;gap:7px;left:10px;padding:7px;position:absolute;right:10px;top:14px}.epd-edit-panel label{border:1px solid #0001;border-radius:7px;display:block;flex:0 0 26px;height:26px;overflow:hidden;position:relative;width:26px}.epd-edit-panel input[type=color]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.epd-edit-panel .epd-hex-input{background:transparent;border:0;color:#183425;font:11px ui-monospace,monospace;min-width:0;outline-offset:2px;padding:3px 0;width:100%}.epd-edit-panel button{background:#f0f4ed;border:0;border-radius:7px;color:#63765f;display:grid;flex:0 0 28px;height:28px;padding:0;place-items:center;width:28px}.epd-edit-panel button[aria-pressed=true]{background:#173a27;color:#fff}.epd-edit-panel button .epd-icon{height:14px;width:14px}.epd-lock-control{align-items:center;background:#ffffff25;border:1px solid #ffffff40;border-radius:9px;color:inherit;cursor:pointer;display:flex;gap:5px;padding:9px;position:absolute;right:12px;top:16px}.epd-lock-control small{font-size:8px;font-weight:700}.epd-lock-control[aria-pressed=true]{background:#163723;color:#fff}.epd-picker-dialog .egd-color-plane{border-radius:14px;cursor:crosshair;height:210px;margin:20px 0;overflow:hidden;position:relative;touch-action:none}.epd-picker-dialog .egd-color-plane i{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #0008;height:16px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16px}.epd-picker-dialog label{color:#58705b;display:block;font-size:12px}.epd-picker-dialog input[type=range]{accent-color:#193e28;display:block;margin:12px 0 18px;width:100%}.epd-picker-dialog .egd-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:20px}.epd-picker-dialog .egd-picker-channels{display:grid;gap:18px;grid-template-columns:1fr 1fr}.epd-picker-dialog .epd-hex-input{border:1px solid #d8e2d5;border-radius:10px;font:14px monospace;margin:8px 0 18px;padding:12px;width:100%}@media(max-width:700px){.epd-swatches{display:flex;flex-direction:column;overflow:visible}.epd-swatches article{flex:0 0 88px;height:88px;justify-content:flex-start;min-height:88px;padding:0 16px;width:100%}.epd-swatches article>span{font-size:11px;margin-left:auto;max-width:45%;padding:0 0 0 8px;position:static;text-align:right}.epd-swatches article:has(.epd-lock-control)>span{padding-right:58px}.epd-lock-control{padding:8px 5px;right:10px;top:50%;transform:translateY(-50%)}.epd-hex{font-size:12px;gap:6px;padding:10px}.epd-picker-dialog{bottom:12px;max-height:calc(100dvh - 24px);top:auto;transform:translateX(-50%)}.epd-toolbar>div:first-child{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.epd-toolbar>div:first-child button:last-child{grid-column:auto}.epd-toolbar button{min-height:44px}}.epd-summary{margin-left:0;margin-right:auto;text-align:left}.epd-header h1{color:#101713;font-size:clamp(34px,4vw,54px);letter-spacing:-.055em;line-height:.95;margin:0}@media (max-width:430px){.epd-header h1{font-size:36px}}