.epd-root,.epd-root *{box-sizing:border-box}.epd-root{--ink:#102b1d;--line:#dce5de;color:var(--ink);font-family:Inter,Arial,sans-serif;width:100%}.epd-root button,.epd-root a{font:inherit}.epd-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.epd-header h2{margin:0;color:#101713;font-size:clamp(34px,4.4vw,64px);line-height:.95;letter-spacing:-.055em}.epd-header>div{display:flex;gap:8px}.epd-header a,.epd-header button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:750;text-decoration:none}.epd-header a{background:#f4f7f2}.epd-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #14271d0a}.epd-swatches{display:grid;grid-template-columns:repeat(var(--count,5),minmax(0,1fr));grid-auto-flow:column}.epd-swatches article{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:390px}.epd-swatches article>span{position:absolute;inset:auto 0 0;padding:17px 8px;background:#0002;text-align:center;font-size:13px;font-weight:650}.epd-hex{display:flex;align-items:center;gap:10px;padding:11px 14px;border:0;border-radius:9px;background:#10201935;color:inherit;font-size:13px;font-weight:750;box-shadow:inset 0 0 0 1px #ffffff18;transition:transform .18s ease,background .18s ease}.epd-hex:hover{transform:translateY(-2px);background:#10201955}.epd-hex span{font-size:11px;opacity:.72}.epd-edit{position:absolute;top:13px;right:13px;display:flex;gap:6px}.epd-edit label,.epd-edit button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff55;border-radius:9px;background:#10201942;color:inherit}.epd-edit input{width:20px;height:20px;padding:0;border:0;background:none}.epd-edit button{font-size:18px}.epd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#fff}.epd-toolbar>div{display:flex;gap:7px}.epd-toolbar button{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#f5f7f4;color:var(--ink);font-size:11px;font-weight:700}.epd-toolbar button[aria-pressed=true]{background:var(--ink);color:white}.epd-toolbar small{margin-left:5px;padding:2px 4px;border-radius:4px;background:#e8f1da;color:#647a4d;font-size:7px}.epd-summary{margin:22px 0 0;color:#2f3933;font-size:clamp(16px,2vw,22px);line-height:1.45}.epd-used{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.epd-used>span{display:block;margin-bottom:10px;color:#708078;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.epd-used>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.epd-used a{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.epd-used i{width:40px;height:40px;flex:0 0 40px;border-radius:10px;border:1px solid #0001}.epd-used a>span{display:grid;gap:3px;min-width:0}.epd-used b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.epd-used small{color:#708078;font:9px ui-monospace,monospace}.epd-used em{margin-left:auto;font-style:normal}.epd-toast{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:99px;background:var(--ink);color:white;font-size:12px;box-shadow:0 7px 25px #0003}.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{height:320px;flex:0 0 68vw;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{padding:0 10px;font-size:10px}.epd-swatches article{height:280px;flex-basis:78vw}.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;padding:22px 8px;font-size:12px}.epd-swatches article>span a{color:inherit;text-decoration:none}.epd-swatches article>span a:hover{text-decoration:underline}.epd-hex{background:#ffffff18;backdrop-filter:blur(8px);border:1px solid #ffffff30;border-radius:12px;padding:12px 14px}.epd-toolbar{padding:16px;flex-wrap:wrap}.epd-toolbar button{border-radius:10px;background:#f6f8f5;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{font-size:17px;color:#657369;max-width:850px}.epd-overlay{position:fixed;inset:0;background:#10201980;backdrop-filter:blur(5px);z-index:10000}.epd-export{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:#fff;border:1px solid #e1e8df;border-radius:24px;padding:30px;color:#153522;font-family:Inter,Arial,sans-serif;box-shadow:0 30px 100px #0003}.epd-export *{box-sizing:border-box}.epd-export>small{font-size:9px;letter-spacing:.13em;color:#788776;font-weight:700}.epd-export h2{font-size:32px;letter-spacing:-.045em;margin:8px 0}.epd-export p{font-size:13px;color:#6b786d;line-height:1.5}.epd-export button{cursor:pointer;font-family:inherit}.epd-close{position:absolute;right:18px;top:18px;border:0;border-radius:50%;width:30px;height:30px;background:#f0f4ed;font-size:20px}.epd-export-strip{display:flex;height:90px;overflow:hidden;border-radius:12px;margin:24px 0}.epd-export-strip i{flex:1}.epd-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.epd-format-grid button{display:flex;justify-content:space-between;align-items:center;padding:15px 12px;border:1px solid #e0e7dc;background:#fff;border-radius:11px;color:#153522}.epd-format-grid button[aria-pressed=true]{background:#edf5e4;border-color:#7d9868}.epd-format-grid small{font-size:8px;color:#708360}.epd-export-preview{margin:16px 0;padding:14px;background:#f7f9f5;border-radius:10px}.epd-export-preview pre{max-height:170px;overflow:auto;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.epd-export-download,.epd-export-gate a{display:block;width:100%;text-align:center;border:0;padding:14px;border-radius:11px;background:#153522;color:#f0ffdf;font-size:13px;font-weight:700;text-decoration:none}.epd-export-gate{padding:22px 0 0}.epd-root button:focus-visible,.epd-root a:focus-visible,.epd-export button:focus-visible,.epd-export a: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{display:inline-flex;align-items:center;justify-content:center;gap:7px}.epd-swatches article>span a{display:inline-flex;align-items:center;gap:6px}.epd-swatches article>span .epd-icon{width:12px;height:12px;opacity:.6}.epd-hex>.epd-icon{width:14px;height:14px;opacity:.55}.epd-edit-panel{position:absolute;left:10px;right:10px;top:14px;display:flex;align-items:center;gap:7px;padding:7px;border-radius:12px;background:#fffffff2;color:#183425;box-shadow:0 5px 20px #0001}.epd-edit-panel label{position:relative;display:block;width:26px;height:26px;flex:0 0 26px;border:1px solid #0001;border-radius:7px;overflow:hidden}.epd-edit-panel input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.epd-edit-panel .epd-hex-input{width:100%;min-width:0;border:0;background:transparent;font:11px ui-monospace,monospace;color:#183425;padding:3px 0;outline-offset:2px}.epd-edit-panel button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:0;background:#f0f4ed;color:#63765f;border-radius:7px;padding:0}.epd-edit-panel button[aria-pressed=true]{background:#173a27;color:white}.epd-edit-panel button .epd-icon{width:14px;height:14px}

.epd-lock-control{position:absolute;top:16px;right:12px;display:flex;align-items:center;gap:5px;border:1px solid #ffffff40;border-radius:9px;background:#ffffff25;color:inherit;padding:9px;cursor:pointer}.epd-lock-control small{font-size:8px;font-weight:700}.epd-lock-control[aria-pressed=true]{background:#163723;color:white}.epd-picker-dialog .egd-color-plane{height:210px;position:relative;touch-action:none;border-radius:14px;margin:20px 0;overflow:hidden;cursor:crosshair}.epd-picker-dialog .egd-color-plane i{position:absolute;width:16px;height:16px;border:2px solid white;box-shadow:0 1px 5px #0008;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.epd-picker-dialog label{display:block;font-size:12px;color:#58705b}.epd-picker-dialog input[type=range]{display:block;width:100%;margin:12px 0 18px;accent-color:#193e28}.epd-picker-dialog .egd-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:20px}.epd-picker-dialog .egd-picker-channels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.epd-picker-dialog .epd-hex-input{width:100%;padding:12px;border:1px solid #d8e2d5;border-radius:10px;margin:8px 0 18px;font:14px monospace}@media(max-width:700px){.epd-swatches{display:flex;flex-direction:column;overflow:visible}.epd-swatches article{width:100%;height:88px;min-height:88px;flex:0 0 88px;justify-content:flex-start;padding:0 16px}.epd-swatches article>span{position:static;margin-left:auto;padding:0 0 0 8px;max-width:45%;text-align:right;font-size:11px}.epd-swatches article:has(.epd-lock-control)>span{padding-right:58px}.epd-lock-control{top:50%;transform:translateY(-50%);right:10px;padding:8px 5px}.epd-hex{font-size:12px;padding:10px;gap:6px}.epd-picker-dialog{top:auto;bottom:12px;transform:translateX(-50%);max-height:calc(100dvh - 24px)}.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;
}