.ic-page{max-width:860px;margin:0 auto}.ic-hero{max-width:760px;margin:0 auto 32px;text-align:center}.ic-hero h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:14px 0}.ic-hero p{font-size:16px;line-height:1.7;color:var(--dim);margin:0 auto;max-width:640px}.ic-wrap{display:grid;grid-gap:16px;gap:16px}.ic-panel{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.ic-opts{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:20px;gap:20px}.ic-opt{display:block}.ic-opt>span{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px}.ic-opt output{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ic-opt input[type=range]{width:100%;accent-color:var(--accent)}.ic-opt select{width:100%;box-sizing:border-box;background:var(--bg,var(--panel));color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px}.ic-drop:focus-visible,.ic-opt select:focus{outline:2px solid var(--accent);outline-offset:2px}.ic-drop{display:grid;grid-gap:4px;gap:4px;justify-items:center;text-align:center;padding:46px 20px;border:2px dashed var(--line);border-radius:16px;background:var(--panel);cursor:pointer;transition:border-color .15s,background .15s}.ic-drop strong{font-size:17px}.ic-drop span{font-size:13px;color:var(--dim)}.ic-drop.is-over,.ic-drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.ic-error{font-size:13px;color:#e55b57;margin:0}.ic-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700;font-size:14px}.ic-sum-btns{display:flex;gap:8px}.ic-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:10px;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}.ic-btn:hover{filter:brightness(1.08)}.ic-ghost{background:transparent;color:var(--text);border-color:var(--line)}.ic-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.ic-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.ic-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--bg)}.ic-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-meta{font-size:13px;color:var(--dim);margin-top:2px}.ic-good{color:var(--mint)}.ic-warn{color:#b45309}.ic-how{margin-top:48px}.ic-how h2{font-size:22px;letter-spacing:-.5px;margin:0 0 16px}.ic-how ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.ic-how li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;grid-gap:12px;gap:12px}.ic-how li:before{content:counter(s);grid-column:1;grid-row:1/span 2;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}.ic-how li strong{grid-column:2;grid-row:1;display:block;font-size:15px}.ic-how li span{grid-column:2;grid-row:2;display:block;font-size:14px;margin-top:2px}.ic-how li span,.ic-note{color:var(--dim);line-height:1.6}.ic-note{margin-top:20px;font-size:13px}@media(max-width:640px){.ic-opts{grid-template-columns:1fr}.ic-item{grid-template-columns:48px minmax(0,1fr)}.ic-item img{width:48px;height:48px}.ic-item .ic-btn{grid-column:1/-1}}.ic-kicker{font-size:11.5px;letter-spacing:1.4px;font-weight:700;color:var(--mint);margin-bottom:12px}