.image-compare-page{margin:0;background:#f5f7f8;color:#20303b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}.image-compare-page *{box-sizing:border-box}.image-compare-page [hidden]{display:none!important}.ic-main{max-width:1040px;padding:40px 24px 60px;margin:auto}.ic-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.ic-eyebrow{font-size:12px;letter-spacing:.16em;color:#237269;font-weight:800;margin:0 0 12px}.ic-hero h1{font-size:40px;letter-spacing:-.04em;margin:0 0 10px}.ic-hero p:last-child{font-size:18px;color:#61747b;margin:0}.ic-intro{max-width:780px;font-size:15px;color:#536773;margin:22px 0}.ic-links{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:14px;margin:16px 0 28px}.ic-main a{color:#206b62;text-underline-offset:4px}.ic-panel{padding:28px;border:1px solid #dfe6e8;border-radius:22px;background:white;margin:22px 0}.ic-heading{display:flex;gap:12px;align-items:center;margin-bottom:22px}.ic-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f4f0;color:#236d63;font-size:13px;font-weight:800}.ic-heading h2{font-size:20px;margin:0}.ic-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ic-inputs>div{min-width:0}.ic-drop{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#f7fbfa;min-height:165px;padding:20px;border:2px dashed #adcac1;border-radius:14px;text-align:center;color:#39675d;cursor:pointer}.ic-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ic-drop:focus-within,.ic-drop.dragover{outline:3px solid #4e9987;outline-offset:3px;background:#edf8f1}.ic-drop>span:last-child{font-size:12px;color:#617870}.ic-letter{font-size:22px;font-weight:800;line-height:1.3}.ic-file-info{font-size:12px;overflow-wrap:anywhere;margin-top:10px;color:#5e737b}.ic-thumb{display:block;max-width:100%;height:110px;margin:14px auto 0;object-fit:contain;border-radius:8px}.ic-hint{font-size:13px;color:#60737c;margin:12px 0}.ic-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.ic-main button,.ic-main input{font:inherit}.ic-main button{cursor:pointer;min-height:44px;padding:10px 18px;font-size:14px;font-weight:750;border-radius:10px;line-height:1.5}.ic-main button:disabled{opacity:.45;cursor:not-allowed}.ic-primary{background:#206c63;color:white;border:1px solid #206c63}.ic-secondary{background:#f4f8f7;border:1px solid #d2dfdc;color:#315b53}.ic-text{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#206c63}.ic-main :focus-visible{outline:3px solid #d99835;outline-offset:3px}.ic-label{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:14px;font-weight:700}.ic-label output{font-size:13px;color:#42776b}.ic-main input[type=range]{display:block;width:100%;min-height:36px;accent-color:#237669;cursor:pointer}.ic-note{background:#eef5f3;border-left:3px solid #75a295;padding:14px 16px;font-size:14px;white-space:pre-line}.ic-status{font-size:14px;margin:20px 4px;overflow-wrap:anywhere}.ic-status.error{color:#a63a29}.ic-main progress{width:100%;accent-color:#206c63}.ic-metric{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px;background:#f1f7f4;border-radius:16px}.ic-metric>div>span{font-size:13px;color:#456e64}.ic-metric strong{display:block;font-size:54px;line-height:1.3;color:#206c63;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.ic-metric strong span{font-size:24px;margin-left:6px}.ic-metric>p{font-size:13px;color:#48685e;white-space:pre-line}.ic-tabs{display:flex;gap:8px;margin-top:22px}.ic-tabs button{background:white;color:#4e6d67;border:1px solid #cfddd8;flex:1}.ic-tabs button[aria-pressed=true]{background:#e5f2ec;border-color:#4b8875;color:#1b5e4e}.ic-display-settings{display:flex;gap:26px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:13px}.ic-display-settings>label:first-child{flex:1;min-width:140px}.ic-display-settings output{margin-left:12px;color:#6f7e84}.ic-check{display:flex;gap:8px;align-items:center}.ic-check input{width:18px;height:18px;accent-color:#206c63}.ic-canvas-wrap{background:#e7eeeb;padding:12px;border-radius:12px;overflow:auto;max-height:650px;min-width:0;max-width:100%}.ic-canvas-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;background:white;box-shadow:0 1px 6px #20303b16}.ic-canvas-wrap.is-actual canvas{max-width:none}.ic-guide{padding:28px 4px;border-top:1px solid #d5e1dc;margin-top:34px;scroll-margin-top:100px}.ic-guide h2{font-size:25px;margin:0 0 18px}.ic-guide h3{font-size:17px;margin:24px 0 10px}.ic-guide p,.ic-guide li{font-size:14px;color:#536773}.ic-guide li{margin:10px 0}.ic-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.ic-example-grid figure{margin:0;background:white;border:1px solid #d7e4dc;border-radius:12px;overflow:hidden}.ic-example-grid img{width:100%;height:auto;display:block}.ic-example-grid figcaption{padding:12px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.ic-formula{padding:18px;background:#e9f4ee;border-radius:12px;font-size:15px;text-align:center}.ic-formula strong{color:#206c63}
@media(max-width:650px){.ic-main{padding:25px 16px 45px}.ic-hero h1{font-size:32px}.ic-hero img{width:70px;height:70px}.ic-hero p:last-child{font-size:16px}.ic-panel{padding:20px 16px;border-radius:18px}.ic-inputs{gap:12px}.ic-drop{min-height:150px;padding:15px 8px}.ic-drop strong{font-size:14px}.ic-thumb{height:80px}.ic-metric{padding:18px;display:block}.ic-metric strong{font-size:48px}.ic-metric>p{margin-bottom:0}.ic-example-grid{grid-template-columns:1fr;gap:16px}.ic-tabs button{padding:10px 8px}.ic-canvas-wrap{padding:8px}.ic-guide h2{font-size:23px}}