.brdf-explorer{--sample-grid:#9eacb570;--sample-in:#ae4a00;--sample-out:#225cce}.brdf-explorer [hidden]{display:none!important}.explorer-mode,.explorer-check{font-size:18px;margin:16px 0;display:flex;align-items:center;gap:12px}.explorer-check input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.explorer-mode select,.explorer-controls select{font:inherit;max-width:100%;padding:7px;background:var(--paper);color:var(--ink)}.explorer-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}.explorer-controls label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;font-size:16px;gap:4px 8px;min-width:0}.explorer-controls input{grid-column:1/-1;min-width:0;width:100%;height:32px;accent-color:var(--accent)}.explorer-controls select{grid-column:1/-1}.explorer-controls output{font-weight:600;font-variant-numeric:tabular-nums}.explorer-controls label[data-role=fixed]{border-bottom:3px solid var(--brdf-note);padding-bottom:6px}.explorer-controls label[data-role=point]{border-bottom:3px solid var(--brdf-out);padding-bottom:6px}.explorer-controls label[data-role=fixed]:after{content:'fixuje řez';font-size:13px;color:var(--muted);grid-column:1/-1}.explorer-controls label[data-role=point]:after{content:'vybírá bod v řezu';font-size:13px;color:var(--muted);grid-column:1/-1}.explorer-note,.slice-description{font-size:16px;line-height:1.5}.slice-description{border-left:3px solid var(--accent);padding:12px 16px;background:var(--panel)}.explorer-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.explorer-panels figure{min-width:0}.explorer-panels svg{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.explorer-panels svg:active{cursor:grabbing}.explorer-panels svg text{font:16px 'Segoe UI',Arial,sans-serif;fill:var(--ink)}.explorer-panels .sample-grid{fill:none;stroke:var(--sample-grid);stroke-width:1}.explorer-panels .sample-point{fill:var(--muted);opacity:.45}.explorer-panels .sample-in{stroke:var(--sample-in);fill:var(--sample-in);stroke-width:2.5}.explorer-panels .sample-out{stroke:var(--sample-out);fill:var(--sample-out);stroke-width:2.5}.explorer-panels .sample-arrow{fill:none}.explorer-directions{display:flex;gap:24px;font-size:17px}.explorer-directions span:first-child{color:var(--sample-in)}.explorer-directions span:last-child{color:var(--sample-out)}.explorer-map h4{font-size:20px;margin:0 0 12px}.explorer-map p{font-size:16px;margin:12px 0}.explorer-map canvas{display:block;width:100%;height:auto;aspect-ratio:1;max-width:none;image-rendering:pixelated;cursor:crosshair;border:1px solid var(--line)}.explorer-map figcaption{font-size:15px}.explorer-camera{font-size:16px;margin:12px 0}.explorer-camera summary{cursor:pointer;min-height:44px;padding:10px 0}.explorer-camera .explorer-controls{grid-template-columns:1fr 1fr}.explorer-panels svg:focus-visible,.explorer-map canvas:focus-visible,.brdf-object-lab canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.brdf-object-lab canvas{display:block;width:min(100%,1100px);height:auto;max-width:100%;image-rendering:auto;cursor:crosshair;border:1px solid var(--line)}.object-result{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border-left:3px solid var(--accent);padding:14px 18px;font:17px/1.6 'Segoe UI',Arial,sans-serif;margin:20px 0;font-variant-numeric:tabular-nums}
html[data-theme=dark] .brdf-explorer{--sample-grid:#a1b1bc70;--sample-in:#ffc088;--sample-out:#a6c3ff}
@media(max-width:800px){.explorer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.explorer-panels{grid-template-columns:1fr;gap:24px}.explorer-mode{display:block}.explorer-mode select{display:block;margin-top:8px}.explorer-check{align-items:start;font-size:16px}.explorer-note,.slice-description{font-size:15px}.explorer-controls label{font-size:14px}.object-result{font-size:15px}.explorer-map canvas{max-width:480px}.explorer-camera .explorer-controls{grid-template-columns:1fr 1fr}}
@media print{.explorer-mode,.explorer-controls,.explorer-camera,.explorer-check,[data-explorer-reset],[data-object-reset]{display:none!important}.explorer-panels{grid-template-columns:1fr 1fr}.explorer-map canvas{max-height:80mm;width:auto}.brdf-object-lab canvas{max-height:100mm;width:auto}.object-result,.explorer-note,.slice-description{font-size:12px}}