/* Shared UVs navy and gold. Native form controls support keyboard and touch. */
.ic-hero{padding:28px 0 38px}.ic-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#647087;margin-bottom:36px}.ic-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:#82683f}.ic-hero h1{font-size:clamp(38px,5.7vw,70px);line-height:1.07;letter-spacing:-.05em;max-width:850px;margin:17px 0 23px}.ic-hero h1 em{font:italic 1.06em Georgia,serif;color:#96713b}.ic-intro{max-width:690px;font-size:16px;line-height:1.8;color:#637085}.ic-hero-meta{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;font-weight:700;letter-spacing:.02em;margin-top:26px}.ic-hero-meta span{border-left:2px solid #c9a263;padding-left:12px}.ic-app{border:1px solid #dfe2e7;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 65px #2d375109}.ic-app [hidden]{display:none!important}.ic-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-bottom:1px solid #e4e6eb}.ic-top h2{margin:4px 0 0;font-size:23px;letter-spacing:-.03em}.ic-actions{display:flex;gap:8px;flex-wrap:wrap}.ic-app button,.ic-app select,.ic-app input{font:inherit}.ic-app button,.ic-upload{min-height:42px;border:1px solid #d9dfe8;border-radius:9px;background:#fff;color:#2d3751;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer}.ic-app button:hover:not(:disabled),.ic-upload:hover{background:#f8f3e9;border-color:#c9a263}.ic-app button:disabled{opacity:.45;cursor:not-allowed}.ic-app :focus-visible{outline:3px solid #c9a263;outline-offset:3px}.ic-sources{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:26px 30px}.ic-source{border:1px dashed #c7b58f;border-radius:14px;padding:22px;background:#fbfaf7;display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;min-width:0}.ic-source.ic-dragging{border-style:solid;background:#eee4d1}.ic-source-label{font:italic 27px Georgia,serif}.ic-source .ic-file-name{grid-column:1/-1;font-size:13px;font-weight:700;overflow-wrap:anywhere;margin:2px 0}.ic-source p{margin:0;grid-column:1/-1;font-size:11px;color:#737c8b}.ic-source canvas{grid-column:1/-1;display:block;max-width:100%;max-height:140px;width:auto;height:auto;border-radius:7px;justify-self:center}.ic-upload{display:inline-flex;align-items:center;position:relative;overflow:hidden;background:#2d3751;color:#fff}.ic-upload:hover{background:#3b4865;color:#fff}.ic-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.ic-upload:focus-within{outline:3px solid #c9a263;outline-offset:3px}.ic-source .ic-remove{padding:0;border:0;background:transparent;justify-self:start;font-size:11px;min-height:34px;color:#7b6440}.ic-settings{border:0;border-block:1px solid #e4e6eb;margin:0;padding:26px 30px;background:#fdfcf9;min-width:0}.ic-settings legend,.ic-export legend{font-size:12px;font-weight:800;color:#687184;padding:0 9px}.ic-settings legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ic-settings-grid{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr .8fr;gap:16px}.ic-app label,.ic-app .ic-label{font-size:12px;font-weight:700;display:block;margin-bottom:8px}.ic-app select,.ic-app input[type=number]{width:100%;min-height:42px;border:1px solid #d8dee7;border-radius:8px;padding:10px;background:#fff;color:#2d3751;font-size:12px}.ic-app input[type=color]{width:100%;height:42px;padding:4px;border:1px solid #d8dee7;border-radius:8px;background:white}.ic-hint{font-size:11px;line-height:1.7;color:#6b7686;margin:12px 0 0}.ic-check{display:flex!important;gap:9px;align-items:center;margin-top:17px;margin-bottom:0!important;font-weight:500!important}.ic-check input{accent-color:#2d3751;min-width:16px;height:16px}.ic-area{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:650px;margin-top:17px}.ic-run{padding:22px 30px}.ic-app .ic-primary{background:#2d3751;color:#fff;border-color:#2d3751;min-height:46px;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ic-app .ic-primary:hover:not(:disabled){background:#3b4865;color:white}.ic-status{margin:15px 0 0;padding:12px 15px;min-height:43px;background:#f2f4f7;border-radius:9px;font-size:12px;color:#536078}.ic-status[data-error=true]{background:#fff0e8;color:#8c3f26}.ic-progress{font-size:11px;margin-top:15px}.ic-progress progress{width:100%;accent-color:#c9a263}.ic-results{border-top:1px solid #e3e5e9;padding:30px}.ic-results-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.ic-results-heading h3{font:italic 30px Georgia,serif;margin:0}.ic-results-heading span{font-size:11px;color:#798190}.ic-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe3e9;border:1px solid #dfe3e9;border-radius:12px;overflow:hidden}.ic-metric{padding:19px;background:#fbfbfc;min-width:0}.ic-metric small{font-size:11px;color:#748092}.ic-metric strong{display:block;font-size:clamp(22px,2.5vw,32px);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}.ic-metric span{font-size:10px;color:#7a8491}.ic-view-controls{border:0;margin:25px 0 15px;padding:0;display:grid;grid-template-columns:1fr 1.5fr;gap:20px;align-items:end;min-width:0}.ic-view-controls legend,.ic-inspect legend{font-size:12px;font-weight:800;margin-bottom:13px}.ic-app input[type=range]{width:100%;accent-color:#2d3751;min-height:30px;cursor:pointer}.ic-view-controls output{float:right;font-weight:500;color:#8b6f3f}.ic-views{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;isolation:isolate;overflow:hidden}.ic-views figure{margin:0;min-width:0}.ic-views figcaption{font-size:11px;font-weight:800;letter-spacing:.05em;margin-bottom:9px}.ic-views canvas{display:block;max-width:100%;width:100%;height:auto;cursor:crosshair;background-color:#fff;background-image:linear-gradient(45deg,#e7e9ec 25%,transparent 25%),linear-gradient(-45deg,#e7e9ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e9ec 75%),linear-gradient(-45deg,transparent 75%,#e7e9ec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ic-views[data-view=heatmap]{display:block}.ic-views[data-view=swipe],.ic-views[data-view=overlay]{display:block}.ic-views[data-view=swipe] #ic-figure-b,.ic-views[data-view=overlay] #ic-figure-b{position:absolute;inset:0}.ic-views[data-view=swipe] figcaption,.ic-views[data-view=overlay] figcaption{display:none}.ic-divider{position:absolute;top:0;bottom:0;width:2px;background:#c9a263;pointer-events:none;z-index:2;box-shadow:0 0 0 1px #2d375133}.ic-legend{display:flex;gap:18px;flex-wrap:wrap;margin:13px 0;font-size:11px;color:#687285}.ic-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.ic-inspect{border:1px solid #e2e5e9;border-radius:12px;margin:24px 0;padding:17px 20px;min-width:0}.ic-inspect-row{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;max-width:570px}.ic-inspect-row button{margin-bottom:0}.ic-pixel-info{font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;margin:14px 0 0;color:#647087}.ic-export{border:1px solid #e2e5e9;border-radius:12px;padding:18px 20px;min-width:0;margin:0}.ic-export-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;max-width:650px}.ic-download-box{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#f5f1e9;border:1px solid #ded1b8;padding:18px;border-radius:11px;margin-top:20px;font-size:12px}.ic-download-box p{margin:0}.ic-guide{padding:52px 0 60px}.ic-guide h2{font:31px Georgia,serif}.ic-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:35px}.ic-guide-grid span{font-size:11px;letter-spacing:.1em;font-weight:800;color:#896b3e}.ic-guide-grid h3{font-size:18px;margin:14px 0 10px}.ic-guide p{font-size:14px;line-height:1.8;color:#647085}.ic-related{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid #e1e4e9;padding:22px 0;margin:30px 0;font-size:13px}.ic-related a{color:#82633a}.ic-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.ic-faq details{border-bottom:1px solid #e1e4e9;padding:14px 0}.ic-faq summary{font-size:14px;font-weight:700;cursor:pointer}.ic-faq p{font-size:13px}
@media(max-width:1050px){.ic-settings-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.ic-top,.ic-run,.ic-results{padding:22px 18px}.ic-sources{padding:20px 18px;gap:12px}.ic-source{padding:15px;grid-template-columns:1fr;gap:8px}.ic-source-label{font-size:23px}.ic-upload{justify-content:center}.ic-source p{line-height:1.6}.ic-settings{padding:23px 18px}.ic-settings-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.ic-area{grid-template-columns:1fr 1fr}.ic-metrics{grid-template-columns:1fr 1fr}.ic-metric{padding:15px}.ic-view-controls{grid-template-columns:1fr}.ic-results-heading span{display:none}.ic-inspect{padding:14px}.ic-inspect-row{grid-template-columns:1fr 1fr}.ic-inspect-row button{grid-column:1/-1}.ic-export-row{grid-template-columns:1fr}.ic-download-box{align-items:stretch;flex-direction:column}.ic-guide-grid,.ic-faq{grid-template-columns:1fr}.ic-guide-grid{gap:22px}.ic-hero-meta{gap:13px}.ic-app{border-radius:16px}.ic-views{gap:10px}}@media(max-width:370px){.ic-sources{grid-template-columns:1fr}.ic-settings-grid{grid-template-columns:1fr}}

.ic-views[data-view=overlay] #ic-canvas-b{background:none}

.ic-app .ic-reveal-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;background:#fff;border:2px solid #c9a263;color:#2d3751;font-size:20px;cursor:ew-resize;pointer-events:auto;touch-action:none}.ic-app .ic-reveal-handle:focus-visible{outline:3px solid #2d3751;outline-offset:3px}