.tool-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}#panel-quality{font-size:13px;line-height:1.5}#panel-quality h2{font-size:32px;line-height:1.08;font-weight:400;margin:10px 0 12px}#panel-quality>p{margin:10px 0}.quality-presets{display:grid;gap:8px;margin:18px 0 12px}.quality-presets button{display:grid;grid-template-columns:22px 1fr;gap:2px 8px;text-align:left;min-height:70px;padding:10px;background:transparent}.quality-presets button>span{grid-row:span 2;font-size:10px;color:var(--muted);padding-top:3px}.quality-presets strong{font-size:14px;font-weight:400}.quality-presets small{font-size:11px;line-height:1.4;color:var(--muted)}.quality-presets button[aria-pressed=true]{border-color:var(--coral);background:var(--deep)}.quality-presets button[aria-pressed=true] strong{color:var(--soft)}#quality-status{font-size:12px;color:var(--soft);min-height:36px}.quality-summary{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.quality-summary>strong{font-size:38px;line-height:1;color:var(--paper);font-weight:400}.quality-summary>span{max-width:22ch;font-size:12px}.quality-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quality-points button{position:relative;min-height:55px;display:grid;gap:3px;text-align:left;padding:8px;border-left:4px solid var(--steel,#778da9)}.quality-points strong{font-weight:400;font-size:13px}.quality-points small{font-size:10px;white-space:nowrap}.quality-points [data-state=old]{border-left-color:var(--soft)}.quality-points [data-state=mix]{border-left-color:#778da9}.quality-points [data-state=new]{border-left-color:#80d4b1}.quality-points [data-state=dry]{border-left-color:#515b68}.quality-points [aria-pressed=true]{background:var(--deep)}#quality-selection{font-size:11px;min-height:32px;color:var(--muted)}.quality-key{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-block:1px solid var(--line);padding:10px 0;font-size:11px}.quality-key i{display:inline-block;width:10px;height:10px;margin-right:6px}.quality-old{background:#e6a08b}.quality-mix{background:#778da9}.quality-new{background:#80d4b1}.quality-dry{background:#515b68}.quality-scope{font-size:11px;color:var(--muted)}.quality-scope strong{display:block;font-weight:400;color:var(--paper)}.quality-method{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.quality-method p{font-size:12px}.quality-method a{color:var(--soft);text-decoration:underline}.quality-table-wrap{overflow:auto;margin:16px 0}.quality-table-wrap table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.quality-table-wrap caption{text-align:left;color:var(--muted);margin-bottom:8px}.quality-table-wrap th,.quality-table-wrap td{padding:8px 4px;border-bottom:1px solid var(--line)}#quality-chart{display:block;width:100%;margin-top:16px}.quality-caption{font-size:11px;color:var(--muted)}.quality-exports{display:grid;gap:8px;margin:16px 0}.quality-exports button{min-height:44px;font-size:12px}#quality-warnings{color:var(--soft);overflow-wrap:anywhere}
.quality-dock{padding:12px 16px;border-top:1px solid var(--line);background:var(--ink);position:relative;z-index:5;flex-shrink:0}.quality-dock[hidden],.quality-map-key[hidden]{display:none!important}.quality-transport{display:flex;align-items:center;gap:8px}.quality-transport button{min-height:44px;padding:8px 16px;font-size:13px}.quality-transport #quality-play{background:var(--coral);color:var(--ink);border-color:var(--coral);min-width:105px}.quality-transport output{font-size:24px;margin-left:auto}.quality-transport>span{font-size:11px;color:var(--muted)}.quality-clock{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:10px 0 4px}.quality-clock strong{font-size:18px;font-weight:400}.quality-clock>span{font-size:12px;color:var(--muted)}.quality-dock>label{display:flex;align-items:center;gap:12px;font-size:11px}.quality-dock input[type=range]{flex:1;min-width:0;min-height:32px;accent-color:var(--coral)}#quality-dock-note{font-size:12px;margin:2px 0;color:var(--muted)}.quality-map-key{position:absolute;top:92px;left:12px;max-width:calc(100% - 24px);padding:8px 10px;background:var(--ink);border:1px solid var(--line);font-size:10px;z-index:3;pointer-events:none}.quality-map-key>span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}body[data-simulation=quality] .simulation-dock,body[data-simulation=quality] #water-legend{display:none!important}#panel-quality :focus-visible,.quality-dock :focus-visible{outline:2px solid var(--soft);outline-offset:3px}
@media(max-width:760px){.quality-dock{padding:8px}.quality-transport{gap:6px}.quality-transport button{padding:8px 11px;font-size:12px}.quality-transport #quality-play{min-width:90px}.quality-transport output{font-size:22px}.quality-transport>span{font-size:10px}.quality-clock{display:block;margin:8px 0 2px}.quality-clock strong{display:block;font-size:16px}.quality-clock>span{display:block;font-size:10px}.quality-dock>label{font-size:10px;gap:6px}#quality-dock-note{font-size:11px;line-height:1.4}.quality-map-key{top:34px;left:8px;font-size:9px;max-width:calc(100% - 16px)}.quality-map-key>span{font-size:9px}.tool-tabs button{font-size:11px}#panel-quality h2{font-size:28px}}