.image-color-picker-page{--icp-ink:#172033;--icp-muted:#64748b;--icp-line:#dce4ef;--icp-surface:#fff;--icp-soft:#f5f8fc;--icp-brand:#6366f1;--icp-brand-dark:#4f46e5;--icp-green:#16a34a;--icp-shadow:0 18px 50px rgba(30,41,59,.09);color:var(--icp-ink)}.image-color-picker-page [hidden]{display:none!important}.image-color-picker-page button,.image-color-picker-page input{font:inherit}.image-color-picker-page button{cursor:pointer}.icp-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.icp-btn,.icp-icon-btn{align-items:center;background:var(--icp-surface);border:1px solid var(--icp-line);border-radius:9px;color:var(--icp-ink);display:inline-flex;font-size:12px;font-weight:750;gap:7px;justify-content:center;line-height:1;min-height:38px;padding:8px 12px;transition:border-color .18s,background .18s,color .18s,transform .18s}.icp-btn:hover:not(:disabled),.icp-icon-btn:hover:not(:disabled){background:#f5f6ff;border-color:#a5b4fc;color:var(--icp-brand-dark)}.icp-btn:active:not(:disabled),.icp-icon-btn:active:not(:disabled){transform:translateY(1px)}.icp-btn:disabled,.icp-icon-btn:disabled{cursor:not-allowed;opacity:.44}.icp-btn--primary{background:var(--icp-brand);border-color:var(--icp-brand);box-shadow:0 4px 12px rgba(79,70,229,.22);color:#fff}.icp-btn--primary:hover:not(:disabled){background:var(--icp-brand-dark);border-color:var(--icp-brand-dark);color:#fff}.icp-icon-btn{padding:0;width:38px}.icp-btn svg,.icp-icon-btn svg{fill:none;flex:0 0 auto;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:16px}.icp-hero{margin:0 0 26px;text-align:left;width:100%}.icp-hero h1{color:var(--icp-ink);font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;line-height:1.1;margin:0 0 14px;max-width:900px}body .image-color-picker-page .icp-hero .tool-intro{margin-bottom:0;max-width:none;text-align:left;width:100%}body .image-color-picker-page .icp-hero .tool-intro p{margin:0;max-width:none;text-align:left;width:100%}.icp-app{background:var(--icp-surface);border:1px solid var(--icp-line);border-radius:18px;box-shadow:0 14px 38px rgba(30,41,59,.08);overflow:hidden}.icp-toolbar{background:var(--icp-surface);border-bottom:1px solid var(--icp-line);justify-content:flex-end;min-height:52px;padding:7px 12px}.icp-tool-title,.icp-toolbar{align-items:center;display:flex}.icp-tool-title{color:var(--icp-ink);font-weight:800;gap:10px;min-width:0}.icp-tool-title>span{background:linear-gradient(135deg,#818cf8,#4f46e5);border-radius:9px;color:#fff;display:grid;flex:0 0 auto;height:31px;place-items:center;width:31px}.icp-tool-title svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:18px}.icp-toolbar-actions{align-items:center;display:flex;gap:8px}.icp-button{align-items:center;background:var(--icp-surface);border:1px solid var(--icp-line);border-radius:9px;color:var(--icp-ink);display:inline-flex;font-size:13px;font-weight:750;gap:7px;justify-content:center;line-height:1;min-height:38px;padding:8px 12px;transition:border-color .18s,background .18s,color .18s,transform .18s}.icp-button:hover:not(:disabled){background:#f5f6ff;border-color:#a5b4fc;color:var(--icp-brand-dark)}.icp-button:active:not(:disabled){transform:translateY(1px)}.icp-button:disabled{cursor:not-allowed;opacity:.44}.icp-button--primary{background:var(--icp-brand);border-color:var(--icp-brand);box-shadow:0 4px 12px rgba(79,70,229,.22);color:#fff}.icp-button--primary:hover:not(:disabled){background:var(--icp-brand-dark);border-color:var(--icp-brand-dark);color:#fff}.icp-button--icon{padding:0;width:38px}.icp-button svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:16px}.icp-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0}.icp-canvas-panel,.icp-stage{background:var(--icp-soft);border-right:1px solid var(--icp-line);display:flex;flex-direction:column;min-width:0}.icp-upload{align-items:center;border:2px solid transparent;display:flex;justify-content:center;min-height:430px;padding:24px;text-align:center;transition:border-color .18s,background .18s}.icp-upload.is-dragging{background:rgba(99,102,241,.07);border-color:var(--icp-brand)}.icp-upload.is-dragging .icp-upload__card{background:#f5f6ff;border-color:var(--icp-brand)}.icp-upload__card{background:hsla(0,0%,100%,.7);border:1px dashed #b9c7dc;border-radius:16px;box-shadow:0 8px 24px rgba(30,41,59,.035);padding:28px 24px 23px;width:min(100%,430px)}.icp-upload__icon{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:16px;box-shadow:0 8px 20px rgba(99,102,241,.12);color:var(--icp-brand-dark);display:grid;height:58px;margin:0 auto 13px;place-items:center;width:58px}.icp-upload__icon svg{fill:none;height:29px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:29px}.icp-upload h2,.icp-upload h3{color:var(--icp-ink);font-size:20px;letter-spacing:-.02em;margin:0 0 5px}.icp-upload p{color:var(--icp-muted);font-size:13px;line-height:1.55;margin:0 auto 15px}.icp-upload .icp-btn{min-height:40px;min-width:132px}.icp-upload small{color:var(--icp-muted);display:block;font-size:10px;line-height:1.4;margin-top:14px}.icp-upload__formats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:17px}.icp-upload__formats span{background:#fff;border:1px solid var(--icp-line);border-radius:5px;color:#64748b;font-size:11px;font-weight:750;letter-spacing:.03em;padding:4px 8px}.icp-canvas-wrap{align-items:flex-start;background:var(--icp-soft);display:flex;justify-content:flex-start;min-height:0;overflow:hidden;position:relative}.icp-canvas-wrap.is-zoomed{overflow:auto}#icpDisplayCanvas{cursor:crosshair;display:block;margin-inline:auto;max-width:none;touch-action:none}.icp-cursor{border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.78),0 1px 4px rgba(15,23,42,.4);height:20px;margin:-10px 0 0 -10px;pointer-events:none;width:20px;z-index:2}.icp-cursor,.icp-cursor:after{border-radius:50%;position:absolute}.icp-cursor:after{background:rgba(15,23,42,.72);content:"";inset:5px}.icp-zoom{background:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 9px 24px rgba(15,23,42,.28);overflow:hidden;pointer-events:none;position:absolute;width:130px;z-index:4}.icp-cursor,.icp-zoom{visibility:hidden}.icp-cursor.is-visible,.icp-zoom.is-visible{visibility:visible}.icp-zoom canvas{display:block;height:126px;image-rendering:pixelated;width:126px}.icp-zoom span{background:#111827;color:#e2e8f0;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700;padding:5px 7px;text-align:center}.icp-canvas-footer,.icp-stage-footer{align-items:center;background:#fff;border-top:1px solid var(--icp-line);color:var(--icp-muted);display:flex;font-size:11px;gap:10px;justify-content:space-between;min-height:44px;padding:8px 13px}.icp-image-meta{align-items:center;display:flex;gap:7px;min-width:0}.icp-image-meta strong{color:var(--icp-ink);font-weight:700;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-image-meta span{flex:0 0 auto}.icp-canvas-footer>span:first-child{color:var(--icp-ink);font-weight:700;max-width:210px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-canvas-footer>span:nth-child(2){flex:0 0 auto}.icp-canvas-footer p{align-items:center;display:inline-flex;gap:5px;line-height:1.35;margin:0;min-width:0}.icp-canvas-footer p svg{fill:none;flex:0 0 auto;height:15px;stroke:var(--icp-green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:15px}.icp-inspector{background:var(--icp-surface);min-width:0;padding:14px}.icp-inspector-heading{font-size:11px;letter-spacing:.08em;margin:0 0 13px}.icp-inspector-heading,.icp-inspector-title{color:var(--icp-muted);font-weight:800;text-transform:uppercase}.icp-inspector-title{align-items:baseline;display:flex;font-size:10px;gap:8px;justify-content:space-between;letter-spacing:.07em;margin:0 0 9px}.icp-inspector-title small{color:var(--icp-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:650;letter-spacing:0;text-transform:none;white-space:nowrap}.icp-picked-row{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px}.icp-swatch{align-items:center;background:#fff;border:1px solid var(--icp-line);border-radius:10px;color:inherit;display:grid;gap:10px;margin:0 0 10px;padding:7px;text-align:left;width:100%}.icp-picked-row .icp-swatch{margin:0;min-width:0}.icp-save-color{min-width:92px;padding-inline:10px;white-space:nowrap}.icp-swatch:hover{border-color:#a5b4fc}.icp-swatch__color{background-color:#6366f1;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 0),linear-gradient(-45deg,#e2e8f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e2e8f0 0),linear-gradient(-45deg,transparent 75%,#e2e8f0 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);display:block;height:53px}.icp-swatch__color:after{background:inherit;border-radius:inherit;content:"";display:block;height:100%;width:100%}.icp-swatch__copy{min-width:0}.icp-swatch__copy small{color:var(--icp-muted);display:block;font-size:11px;margin-bottom:3px}.icp-swatch__copy strong{color:var(--icp-ink);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-swatch{grid-template-columns:46px minmax(0,1fr);min-height:58px;position:relative}.icp-swatch__checker{background-color:#e2e8f0;background-image:linear-gradient(45deg,hsla(0,0%,100%,.75) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.75) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.75) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.75) 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:7px;height:44px;left:7px;position:absolute;top:7px;width:46px}#icpSwatchColor{background:#6366f1;border:1px solid rgba(15,23,42,.1);border-radius:7px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);display:block;height:44px;position:relative;width:46px;z-index:1}#icpSwatchHex{color:var(--icp-ink);display:block;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#icpSwatchHex,.icp-coordinates{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.icp-coordinates{color:var(--icp-muted);font-size:11px;margin:-6px 0 12px}.icp-formats{display:grid;gap:8px}.icp-format{align-items:center;background:#fff;border:1px solid var(--icp-line);border-radius:8px;display:grid;grid-template-columns:32px minmax(0,1fr) 31px;overflow:hidden}.icp-format label{color:#64748b;font-size:10px;font-weight:850;letter-spacing:.05em;padding-left:9px}.icp-format input{background:transparent;border:0;color:var(--icp-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;min-width:0;outline:0;padding:9px 4px;width:100%}.icp-format:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.11)}.icp-copy{background:#f8fafc;border:0;border-left:1px solid var(--icp-line);color:#64748b;display:grid;height:30px;padding:0;place-items:center;width:30px}.icp-copy:hover{background:#eef2ff;color:var(--icp-brand-dark)}.icp-copy svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:14px}.icp-values{display:grid;gap:6px}.icp-values label{align-items:center;background:#fff;border:1px solid var(--icp-line);border-radius:8px;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;min-height:36px;overflow:hidden}.icp-values label:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.11)}.icp-values label>span{color:#64748b;font-size:9px;font-weight:850;letter-spacing:.04em;padding-left:9px}.icp-values input{background:transparent;border:0;color:var(--icp-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;min-width:0;outline:0;padding:8px 5px;width:100%}.icp-values label button{background:#f8fafc;border:0;border-left:1px solid var(--icp-line);color:#64748b;display:grid;height:30px;padding:0;place-items:center;width:30px}.icp-values label button:hover{background:#eef2ff;color:var(--icp-brand-dark)}.icp-values label button svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:14px}.icp-inspector-actions{display:grid;grid-template-columns:1fr;margin-top:10px}.icp-inspector-actions .icp-button{width:100%}.icp-inspector-actions .icp-btn{min-width:0;padding-inline:8px;white-space:nowrap;width:100%}.icp-tip{align-items:flex-start;color:var(--icp-muted);display:flex;font-size:10px;gap:6px;line-height:1.4;margin:10px 1px 0}.icp-tip svg{fill:none;flex:0 0 auto;height:15px;stroke:#64748b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:15px}.icp-bottom{background:#fff;border-top:1px solid var(--icp-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.icp-subpanel{min-width:0;padding:18px}.icp-subpanel+.icp-subpanel{border-left:1px solid var(--icp-line)}.icp-subpanel__heading{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:13px}.icp-subpanel h2{color:var(--icp-ink);font-size:15px;letter-spacing:-.01em;margin:0}.icp-subpanel p{color:var(--icp-muted);font-size:12px;line-height:1.45;margin:3px 0 0}.icp-mini-button{align-items:center;background:#fff;border:1px solid var(--icp-line);border-radius:7px;color:#475569;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:750;gap:5px;min-height:30px;padding:6px 8px}.icp-mini-button:hover:not(:disabled){background:#f5f6ff;border-color:#a5b4fc;color:var(--icp-brand-dark)}.icp-mini-button:disabled{cursor:not-allowed;opacity:.42}.icp-mini-button svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:13px}.icp-palette{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.icp-palette-color{background:transparent;border:0;color:#475569;min-width:0;padding:0}.icp-palette-color i{aspect-ratio:1;border:1px solid rgba(15,23,42,.1);border-radius:7px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16);display:block;transition:transform .15s,box-shadow .15s}.icp-palette-color:hover i{box-shadow:0 5px 9px rgba(15,23,42,.16);transform:translateY(-2px)}.icp-palette-color span{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-history{display:grid;gap:7px;max-height:168px;overflow:auto;padding-right:2px}.icp-history>p{color:#94a3b8;font-size:12px;margin:14px 0;text-align:center}.icp-saved-color{align-items:center;border:1px solid var(--icp-line);border-radius:8px;display:grid;gap:7px;grid-template-columns:33px minmax(0,1fr) 27px 27px;min-height:40px;padding:4px}.icp-saved-color__swatch{border:1px solid rgba(15,23,42,.12);border-radius:6px;height:30px;padding:0;width:30px}.icp-saved-color div{min-width:0}.icp-saved-color span,.icp-saved-color strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-saved-color strong{color:var(--icp-ink);font-size:11px}.icp-saved-color span,.icp-saved-color strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.icp-saved-color span{color:var(--icp-muted);font-size:9px;margin-top:1px}.icp-saved-color__copy,.icp-saved-color__remove{background:transparent;border:0;border-radius:5px;color:#64748b;display:grid;height:26px;padding:0;place-items:center;width:26px}.icp-saved-color__copy:hover{background:#eef2ff;color:var(--icp-brand-dark)}.icp-saved-color__remove:hover{background:#fff1f2;color:#dc2626}.icp-saved-color__copy svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:13px}.icp-saved-color__remove{font-size:19px;line-height:1}.icp-history-section,.icp-palette-section{background:var(--icp-surface);border-top:1px solid var(--icp-line);padding:14px 16px}.icp-history-section>header,.icp-palette-section>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:13px}.icp-history-section header>div,.icp-palette-section header>div{min-width:0}.icp-history-section header>div>span,.icp-palette-section header>div>span{color:var(--icp-brand-dark);display:block;font-size:10px;font-weight:800;letter-spacing:.07em;margin-bottom:2px;text-transform:uppercase}.icp-history-section h3,.icp-palette-section h3{color:var(--icp-ink);font-size:16px;letter-spacing:-.015em;margin:0}.icp-palette-section header p{color:var(--icp-muted);font-size:12px;line-height:1.45;margin:3px 0 0;max-width:570px}.icp-text-btn{align-items:center;background:var(--icp-surface);border:1px solid var(--icp-line);border-radius:7px;color:#475569;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:750;gap:5px;justify-content:center;min-height:31px;padding:6px 8px;white-space:nowrap}.icp-text-btn:hover:not(:disabled){background:#f5f6ff;border-color:#a5b4fc;color:var(--icp-brand-dark)}.icp-text-btn:disabled{cursor:not-allowed;opacity:.42}.icp-text-btn svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:13px}.icp-palette-section .icp-palette{grid-template-columns:repeat(12,minmax(0,1fr))}.icp-history-section .icp-history{max-width:780px}.icp-explainer,.icp-support{align-items:center;background:var(--icp-surface);border:1px solid var(--icp-line);border-radius:16px;box-shadow:0 7px 20px rgba(30,41,59,.035);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);margin-top:23px;padding:23px}.icp-explainer>div>span{color:var(--icp-brand-dark);font-size:10px;font-weight:800;letter-spacing:.075em}.icp-explainer h2,.icp-support h2{color:var(--icp-ink);font-size:21px;letter-spacing:-.025em;line-height:1.22;margin:6px 0 8px}.icp-explainer p,.icp-support p{color:var(--icp-muted);font-size:14px;line-height:1.68;margin:0}.icp-explainer ol{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.icp-explainer li{background:linear-gradient(145deg,#f8faff,#edf1ff);border:1px solid #dbe4ff;border-radius:10px;color:#4f46e5;font-size:11px;font-weight:800;padding:15px 8px 9px;position:relative;text-align:center}.icp-explainer li:before{background:var(--icp-brand);border-radius:50%;color:#fff;content:counter(list-item);display:grid;font-size:12px;height:27px;margin:0 auto 7px;place-items:center;width:27px}.icp-support{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);margin-top:15px}.icp-support-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.icp-support-grid article{background:var(--icp-soft);border:1px solid var(--icp-line);border-radius:9px;min-width:0;padding:11px 9px}.icp-support-grid span,.icp-support-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icp-support-grid strong{color:var(--icp-ink);font-size:11px}.icp-support-grid span{color:var(--icp-muted);font-size:10px;margin-top:4px}.icp-privacy{align-items:center;color:#64748b;display:flex;font-size:12px;gap:9px;line-height:1.45;margin:18px 2px 0}.icp-privacy svg{fill:none;flex:0 0 auto;height:17px;stroke:var(--icp-green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:17px}.icp-toast{background:#111827;border-radius:9px;bottom:22px;box-shadow:0 12px 28px rgba(15,23,42,.27);color:#fff;font-size:13px;font-weight:650;left:50%;max-width:min(92vw,480px);opacity:0;padding:10px 14px;pointer-events:none;position:fixed;transform:translate(-50%,14px);transition:opacity .2s,transform .2s;z-index:1000}.icp-toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width:880px){.icp-workspace{grid-template-columns:1fr}.icp-canvas-panel,.icp-stage{border-bottom:1px solid var(--icp-line);border-right:0}.icp-upload{min-height:360px}.icp-canvas-wrap{min-height:0}.icp-inspector{display:block}.icp-palette-section .icp-palette{grid-template-columns:repeat(10,minmax(0,1fr))}.icp-explainer,.icp-support{grid-template-columns:1fr}}@media (max-width:620px){.icp-hero{margin-bottom:18px;text-align:left}.icp-hero h1{font-size:29px}.icp-hero p{font-size:14px}.icp-toolbar{align-items:center;min-height:52px;padding:8px 9px}.icp-tool-title{font-size:13px}.icp-toolbar-actions{gap:5px}.icp-toolbar-actions .icp-btn,.icp-toolbar-actions .icp-button,.icp-toolbar-actions .icp-icon-btn{min-height:35px;padding:0;width:35px}.icp-toolbar-actions .icp-btn span,.icp-toolbar-actions .icp-button span{display:none}.icp-workspace{min-height:0}.icp-upload{min-height:320px;padding:14px}.icp-upload__card{padding:22px 16px 18px}.icp-upload__icon{height:52px;margin-bottom:11px;width:52px}.icp-upload h2,.icp-upload h3{font-size:19px}.icp-canvas-wrap{min-height:0}.icp-canvas-footer,.icp-stage-footer{align-items:flex-start;flex-direction:column;gap:2px}.icp-image-meta strong{max-width:210px}.icp-inspector{display:block;padding:15px 12px}.icp-swatch{max-width:none}.icp-coordinates{margin-bottom:10px}.icp-bottom,.icp-inspector-actions{grid-template-columns:1fr}.icp-subpanel{padding:15px 12px}.icp-subpanel+.icp-subpanel{border-left:0;border-top:1px solid var(--icp-line)}.icp-palette{grid-template-columns:repeat(8,minmax(0,1fr))}.icp-palette-color span{display:none}.icp-history-section,.icp-palette-section{padding:15px 12px}.icp-palette-section .icp-palette{grid-template-columns:repeat(8,minmax(0,1fr))}.icp-history-section>header,.icp-palette-section>header{gap:8px}.icp-text-btn{font-size:10px}.icp-explainer,.icp-support{gap:16px;margin-top:16px;padding:17px 14px}.icp-explainer h2,.icp-support h2{font-size:19px}.icp-explainer p,.icp-support p{font-size:13px}.icp-explainer ol{gap:5px}.icp-explainer li{font-size:9px;padding:10px 3px 7px}.icp-explainer li:before{font-size:10px;height:23px;margin-bottom:5px;width:23px}.icp-zoom{display:none!important}}@media (prefers-color-scheme:dark){.dark-mode .image-color-picker-page,body.dark-mode .image-color-picker-page{--icp-ink:#e5e7eb;--icp-muted:#9ca9bc;--icp-line:#29354a;--icp-surface:#151e2d;--icp-soft:#101827;--icp-shadow:0 18px 50px rgba(0,0,0,.25)}}.dark-mode .image-color-picker-page,body.dark-mode .image-color-picker-page{--icp-ink:#e5e7eb;--icp-muted:#9ca9bc;--icp-line:#29354a;--icp-surface:#151e2d;--icp-soft:#101827;--icp-shadow:0 18px 50px rgba(0,0,0,.25)}.dark-mode .icp-toolbar,body.dark-mode .icp-toolbar{background:linear-gradient(120deg,#151e2d,#182236)}.dark-mode .icp-button,.dark-mode .icp-mini-button,body.dark-mode .icp-button,body.dark-mode .icp-mini-button{background:#182235;color:#dbe4f0}.dark-mode .icp-button:hover:not(:disabled),.dark-mode .icp-mini-button:hover:not(:disabled),body.dark-mode .icp-button:hover:not(:disabled),body.dark-mode .icp-mini-button:hover:not(:disabled){background:#202d45}.dark-mode .icp-button--primary,body.dark-mode .icp-button--primary{background:var(--icp-brand);color:#fff}.dark-mode .icp-canvas-footer,.dark-mode .icp-copy,.dark-mode .icp-format,.dark-mode .icp-saved-color,.dark-mode .icp-stage-footer,.dark-mode .icp-support-grid article,.dark-mode .icp-swatch,.dark-mode .icp-text-btn,.dark-mode .icp-upload__formats span,.dark-mode .icp-values label,.dark-mode .icp-values label button,body.dark-mode .icp-canvas-footer,body.dark-mode .icp-copy,body.dark-mode .icp-format,body.dark-mode .icp-saved-color,body.dark-mode .icp-stage-footer,body.dark-mode .icp-support-grid article,body.dark-mode .icp-swatch,body.dark-mode .icp-text-btn,body.dark-mode .icp-upload__formats span,body.dark-mode .icp-values label,body.dark-mode .icp-values label button{background:#182235}.dark-mode .icp-upload__card,body.dark-mode .icp-upload__card{background:rgba(24,34,53,.82);border-color:#3b4961}.dark-mode .icp-upload.is-dragging .icp-upload__card,body.dark-mode .icp-upload.is-dragging .icp-upload__card{background:#202a43;border-color:#818cf8}.dark-mode .icp-copy:hover,body.dark-mode .icp-copy:hover{background:#242d54}.dark-mode .icp-canvas-wrap,body.dark-mode .icp-canvas-wrap{background:var(--icp-soft)}html[data-theme=dark] .image-color-picker-page{--icp-ink:#e5e7eb;--icp-muted:#aab6c9;--icp-line:#33415a;--icp-surface:#151e2d;--icp-soft:#101827;--icp-shadow:0 18px 50px rgba(0,0,0,.25)}html[data-theme=dark] .icp-toolbar{background:linear-gradient(120deg,#151e2d,#182236)}html[data-theme=dark] .icp-upload__card{background:#1b2739;border-color:#3b4961}html[data-theme=dark] .icp-upload.is-dragging .icp-upload__card{background:#202a43;border-color:#818cf8}html[data-theme=dark] .icp-canvas-footer,html[data-theme=dark] .icp-saved-color,html[data-theme=dark] .icp-swatch,html[data-theme=dark] .icp-text-btn,html[data-theme=dark] .icp-values label,html[data-theme=dark] .icp-values label button{background:#202c40}html[data-theme=dark] .icp-canvas-wrap{background:var(--icp-soft)}