.lens-simulator{--ls-panel:var(--surface,#fff);--ls-ink:var(--ink,#1d1c1a);--ls-muted:var(--muted,#6b6963);--ls-line:var(--line,#dedbd2);--ls-bench:#111419;--ls-bench-line:#2b3138;--ls-ray:#f0a32b;--ls-glass:#60a8eb38;--ls-glass-edge:#5ea3e0;--ls-accent:var(--accent,#2f6db3);--ls-accent-bg:var(--accent-soft,#e3eefa);color:var(--ls-ink)}.lens-simulator *{box-sizing:border-box}.lens-simulator__header{margin-bottom:16px}.lens-simulator__header h2{margin:0 0 4px;font-size:1.18rem}.lens-simulator__header p{color:var(--ls-muted);margin:0;font-size:.88rem}.lens-simulator__toolbar{flex-wrap:wrap;align-items:end;gap:13px;margin-bottom:13px;display:flex}.lens-simulator__control{flex:1;grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;gap:8px;min-width:210px;display:grid}.lens-simulator__control--preset{min-width:270px}.lens-simulator__control label{color:var(--ls-muted);white-space:nowrap;font-size:.78rem}.lens-simulator__control output{text-align:right;white-space:nowrap;min-width:54px;font-size:.78rem;font-weight:700}.lens-simulator button,.lens-simulator select{color:var(--ls-ink);background:var(--ls-panel);border:1px solid var(--ls-line);border-radius:8px}.lens-simulator button{cursor:pointer;min-height:34px;padding:5px 11px;font-size:.78rem}.lens-simulator button:hover{background:var(--ls-accent-bg);border-color:var(--ls-accent)}.lens-simulator button:active{transform:scale(.98)}.lens-simulator button.is-active{background:var(--ls-accent-bg);border-color:var(--ls-accent);color:var(--ls-accent)}.lens-simulator button:focus-visible,.lens-simulator select:focus-visible,.lens-simulator input:focus-visible{outline:3px solid color-mix(in srgb, var(--ls-accent) 25%, transparent);outline-offset:1px}.lens-simulator select{width:100%;min-height:35px;padding:5px 8px;font-size:.78rem}.lens-simulator input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.lens-simulator input[type=range]::-webkit-slider-runnable-track{background:var(--ls-line);border-radius:2px;height:4px}.lens-simulator input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ls-accent);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px}.lens-simulator input[type=range]::-moz-range-track{background:var(--ls-line);border-radius:2px;height:4px}.lens-simulator input[type=range]::-moz-range-thumb{background:var(--ls-accent);border:0;border-radius:50%;width:16px;height:16px}.lens-simulator__canvas-wrap{border-radius:12px;overflow-x:auto}.lens-simulator canvas{aspect-ratio:94/50;background:var(--ls-bench);border:1px solid var(--ls-line);border-radius:12px;width:100%;min-width:640px;height:auto;display:block}.lens-simulator__panels{grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:12px;margin-top:15px;display:grid}.lens-simulator__card,.lens-simulator__chart-card{background:var(--ls-panel);border:1px solid var(--ls-line);border-radius:12px;padding:13px 14px}.lens-simulator__card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.lens-simulator__card-head strong{font-size:.82rem}.lens-simulator__button-row{gap:5px;display:flex}.lens-simulator__button-row button{min-height:29px;padding:3px 8px;font-size:.72rem}.lens-simulator__card select{margin-bottom:8px}.lens-simulator__grid{grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:6px 9px;font-size:.73rem;display:grid}.lens-simulator__label{color:var(--ls-muted);white-space:nowrap}.lens-simulator__value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:55px;font-weight:700}.lens-simulator__chart-card{margin-top:18px;padding:15px 16px}.lens-simulator__chart-card h3{margin:0 0 4px;font-size:.98rem}.lens-simulator__chart-note{color:var(--ls-muted);margin:0 0 11px;font-size:.78rem}.lens-simulator__bar-row{grid-template-columns:145px minmax(80px,1fr) 48px;align-items:center;gap:9px;padding:3px 0;font-size:.77rem;display:grid}.lens-simulator__material{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lens-simulator__bar-track{background:var(--page,#f3f5f7);border-radius:999px;height:13px;overflow:hidden}.lens-simulator__bar-fill{background:var(--ls-glass-edge);border-radius:inherit;height:100%}.lens-simulator__bar-row.is-highlighted .lens-simulator__bar-fill{background:var(--ls-ray)}.lens-simulator__bar-row.is-highlighted .lens-simulator__material{font-weight:700}.lens-simulator__index{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.lens-simulator__footer{color:var(--ls-muted);margin:17px 0 0;font-size:.75rem}@media (width<=680px){.lens-simulator__toolbar{flex-direction:column;align-items:stretch}.lens-simulator__control,.lens-simulator__control--preset{width:100%;min-width:0}.lens-simulator__toolbar>button{width:100%}.lens-simulator__bar-row{grid-template-columns:118px 1fr 44px}}@media print{.tool-host-toolbar,.site-header,.site-footer,.tool-sidebar,.breadcrumbs{display:none!important}.tool-page-grid{display:block!important}.tool-main{box-shadow:none!important;border:0!important;padding:0!important}.lens-simulator canvas{min-width:0}}