.ic-wrap{--ic-ink:#193e34;--ic-muted:#53665f;--ic-line:#d9e0dc;--ic-green:#23664f;--ic-wash:#edf4ef;box-sizing:border-box;max-width:1180px;margin:auto;padding:52px 28px 64px;color:var(--ic-ink);font-family:'DM Sans',sans-serif}.ic-wrap *{box-sizing:border-box}.ic-header{text-align:left;margin-bottom:30px}.ic-back{font-size:13px;font-weight:700;color:#235a45}.ic-header h1{text-align:left;font-size:clamp(32px,4.2vw,50px);line-height:1.13;letter-spacing:-.035em;margin:18px 0}.ic-header p{max-width:800px;line-height:1.65;margin:12px 0}.ic-header .ic-lead{font-size:22px;font-weight:600;letter-spacing:-.025em}.ic-local{display:inline-block;font-size:12px;font-weight:700;margin-top:8px;color:#235a45}.ic-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ic-card{min-width:0;border:1px solid var(--ic-line);background:white;border-radius:18px;padding:24px}.ic-wrap :is(h2,h3){text-align:left;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px}.ic-wrap h2{font-size:24px}.ic-wrap h3{font-size:17px}.ic-card h2{min-height:32px}.ic-source-label,.ic-wrap label{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}.ic-wrap :is(select,input[type=number],textarea){display:block;width:100%;min-width:0;max-width:100%;border:1px solid #9eaea6;border-radius:9px;background:white;color:var(--ic-ink);padding:11px 12px;font:inherit;font-size:14px;line-height:1.55;min-height:46px}.ic-wrap textarea{font-family:'JetBrains Mono',monospace;resize:vertical;overflow-wrap:anywhere}.ic-wrap button{min-height:44px;border:1px solid #376958;border-radius:9px;padding:10px 14px;background:white;color:#235a45;font:inherit;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer}.ic-wrap .ic-primary{background:var(--ic-green);border-color:var(--ic-green);color:white}.ic-wrap button:hover:not(:disabled){background:var(--ic-wash)}.ic-wrap button.ic-primary:hover:not(:disabled){background:#18513c}.ic-wrap :disabled{opacity:.55;cursor:default}.ic-wrap :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #c27f25;outline-offset:3px}.ic-card>[id^=ic-choose]{width:100%}.ic-filename{font:12px/1.6 'JetBrains Mono',monospace;min-height:39px;margin:14px 0 0;overflow-wrap:anywhere}.ic-help{color:var(--ic-muted);font-size:12px;line-height:1.65;margin:8px 0 14px;overflow-wrap:anywhere}.ic-thumbnail{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--ic-line);border-radius:10px;margin:18px 0 14px;background:repeating-conic-gradient(#eef1ee 0% 25%,#fff 0% 50%) 50%/16px 16px}.ic-thumbnail p{font-size:12px;color:var(--ic-muted);background:#fff;padding:8px 12px;border-radius:6px}.ic-thumbnail canvas{width:100%;height:180px;object-fit:contain}.ic-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.ic-settings{padding:28px 0;border-block:1px solid var(--ic-line);margin:28px 0}.ic-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ic-controls label{margin-top:6px}.ic-status{padding:12px 14px;background:var(--ic-wash);border-left:3px solid var(--ic-green);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ic-error{color:#8d302a;border-left:3px solid #a1453c;background:#fff3f0;padding:12px 14px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ic-results{margin-top:34px}.ic-result-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ic-result-heading h2{margin:0}.ic-mask-key{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;color:var(--ic-muted)}.ic-mask-key i{display:inline-block;width:10px;height:10px;background:#ff00ff}.ic-summary{font-size:16px;line-height:1.7;max-width:900px}.ic-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ic-line);border-radius:12px;overflow:hidden;margin:22px 0}.ic-stats>div{padding:16px;border-right:1px solid var(--ic-line);min-width:0}.ic-stats>div:last-child{border:0}.ic-stats dt{font-size:11px;line-height:1.6;color:var(--ic-muted)}.ic-stats dd{font:600 16px/1.65 'JetBrains Mono',monospace;margin:6px 0 0;overflow-wrap:anywhere}.ic-view-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:24px;margin:22px 0}.ic-wrap input[type=range]{width:100%;height:44px;margin:4px 0;accent-color:var(--ic-green)}.ic-wrap output{font-size:12px;color:var(--ic-muted)}.ic-side-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ic-side-view figure{margin:0;min-width:0}.ic-side-view figcaption{font-size:12px;font-weight:700;margin-bottom:10px}.ic-side-view canvas,.ic-stage{border:1px solid var(--ic-line);border-radius:10px;background:repeating-conic-gradient(#eef1ee 0% 25%,#fff 0% 50%) 50%/16px 16px}.ic-side-view canvas{display:block;width:100%;height:340px;object-fit:contain}.ic-stage{padding:12px;position:relative;overflow:hidden;min-width:0;width:100%;height:430px}.ic-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.ic-stage .ic-over{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);clip-path:inset(0 50% 0 0)}.ic-exports{margin-top:22px}.ic-guide{margin-top:42px;line-height:1.7}.ic-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.ic-guide p{font-size:14px;color:var(--ic-muted)}.ic-guide details{margin:16px 0}.ic-guide summary{font-size:14px;font-weight:700;cursor:pointer;line-height:1.6}.ic-related{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:26px}.ic-related a{font-size:13px;font-weight:700;color:#235a45;text-decoration:underline}.ic-wrap dialog{width:min(780px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--ic-line);border-radius:18px;padding:24px;color:var(--ic-ink);box-shadow:0 24px 80px #163d342e}.ic-wrap dialog::backdrop{background:#0c2119a3}.ic-wrap dialog button{margin-top:16px}.ic-wrap [hidden]{display:none!important}@media(max-width:850px){.ic-controls,.ic-guide-grid{grid-template-columns:minmax(0,1fr);gap:10px}.ic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-stats>div{border-bottom:1px solid var(--ic-line)}.ic-stats>div:nth-child(even){border-right:0}.ic-stats>div:nth-child(n+3){border-bottom:0}}@media(max-width:600px){.ic-wrap{padding:32px 18px 48px}.ic-header h1{font-size:34px}.ic-header .ic-lead{font-size:20px}.ic-sources,.ic-side-view,.ic-view-controls{grid-template-columns:minmax(0,1fr)}.ic-card{padding:20px 16px;border-radius:16px}.ic-wrap :is(select,textarea,input[type=number]){font-size:16px}.ic-actions button{flex:1 1 auto}.ic-side-view canvas{height:260px}.ic-stage{height:300px}.ic-related{display:grid}.ic-wrap dialog{padding:20px 16px}}

#ic-mask-view canvas{image-rendering:pixelated}