.icon-object{stroke:var(--icon-object-ink,var(--ink))}
.icon-action{stroke:var(--icon-action-ink,var(--accent))}
.icon-action-solid{fill:var(--icon-action-ink,var(--accent));stroke:none}
.icon-surface{fill:var(--icon-action-ink,var(--accent));stroke:none}
.icon-surface.icon-action{stroke:var(--icon-action-ink,var(--accent))}
.icon-review-section{margin:30px 0 42px;padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.review-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.review-heading h3{font-size:21px;letter-spacing:-.5px;font-weight:550;margin-top:9px}
.review-heading p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.8}
.review-status{font-size:9px;letter-spacing:1px;padding:8px 10px;border:1px solid var(--line);color:var(--muted);border-radius:4px;white-space:nowrap}
.icon-comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.icon-comparison{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}
.comparison-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}
.comparison-heading h3{font-size:12px;font-weight:600}
.comparison-heading>span{font-size:8px;letter-spacing:1px;color:var(--muted)}
.comparison-scale,.comparison-row{display:grid;grid-template-columns:26px repeat(3,1fr);align-items:center;gap:5px}
.comparison-scale{font-size:8px;color:var(--muted);text-align:center;margin-bottom:7px}
.comparison-row{min-height:51px;color:var(--accent-ink);padding:6px 0}
.comparison-row>div{display:grid;place-items:center}
.comparison-row>span{font-size:9px;color:var(--muted)}
.legacy-row{border-bottom:1px solid var(--line)}
.revised-row>span{color:var(--accent-ink);font-weight:700}
.icon-comparison>p{font-size:9px;line-height:1.75;color:var(--muted);min-height:33px;border-top:1px solid var(--line);margin-top:7px;padding-top:10px}
.toolbar-review{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:24px;padding-top:23px}
.toolbar-review-copy{max-width:320px}
.toolbar-review-copy h3{font-size:17px;font-weight:500;letter-spacing:-.3px}
.toolbar-review-copy p{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0}
.mono-toggle{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}
.size-review-row{display:flex;align-items:center;gap:16px;margin:8px 0}
.size-review-row>span{width:34px;font-size:9px;color:var(--muted)}
.real-size-toolbar{display:flex;align-items:center;gap:3px;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--accent-ink)}
.real-size-toolbar button{display:grid;place-items:center;padding:6px;border-radius:3px}
.real-size-toolbar button:hover{background:var(--accent-soft)}
.icon-version-controls{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:6px;width:max-content;margin-top:14px}
.icon-version-controls button{padding:8px 12px;font-size:10px;border-radius:3px;color:var(--muted)}
.icon-version-controls button.active{background:var(--ink);color:var(--bg)}
#icons-view.monochrome{--icon-object-ink:var(--ink);--icon-action-ink:var(--ink)}
#icons-view.monochrome .comparison-row,#icons-view.monochrome .real-size-toolbar,#icons-view.monochrome .icon-tile{color:var(--ink)}
.icon-library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.icon-library-heading h3{font-size:18px;font-weight:500;letter-spacing:-.4px}
.icon-library-heading p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:8px}
@media(max-width:1000px){.icon-comparisons{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-review{gap:20px}.icon-review-section{padding:22px}}
@media(max-width:700px){.toolbar-review{flex-direction:column;align-items:flex-start}.review-heading{flex-wrap:wrap}.icon-library-heading{align-items:flex-start;flex-direction:column;gap:10px}.icon-review-section{padding:17px}.comparison-heading h3{font-size:11px}.icon-comparison{padding:13px}.review-status{font-size:8px}.review-heading h3{font-size:19px}}
@media(max-width:450px){.icon-comparisons{grid-template-columns:1fr}.icon-comparison{padding:17px}.real-size-toolbar{gap:0}.real-size-toolbar button{padding:5px}.size-review-row{gap:8px}.icon-review-section{padding:14px}.review-heading h3{font-size:18px}}