.lens{max-width:1400px;margin:0 auto;display:grid;gap:clamp(18px,2.4vw,30px);padding:clamp(18px,3vw,44px);border-radius:var(--radius);background:var(--card)}.lens__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.lens__label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.lens__label::before{content:"";width:7px;height:13px;background:var(--secondary);transform:skewX(-28.48deg)}.lens__mode,.lens__tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:26px;background:var(--paper)}.lens__tabs{justify-self:start;width:fit-content;max-width:100%}.lens__mode button,.lens__tab{height:42px;padding:0 16px;border:0;border-radius:999px;background:transparent;cursor:pointer;color:var(--ink-2);font:700 14px/1 var(--font);transition:background .3s,color .3s}.lens__mode button:hover,.lens__tab:hover{color:var(--ink);background:rgba(var(--dark-rgb),.06)}.lens__mode button[aria-pressed="true"],.lens__tab[aria-selected="true"]{background:var(--dark);color:var(--paper)}.lens__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,3.4vw,56px);align-items:start}.lens__stage{display:grid;gap:12px;position:sticky;top:110px}.lens__browser{overflow:hidden;border-radius:18px;background:var(--paper);box-shadow:0 24px 60px -36px rgba(var(--dark-rgb),.45)}.lens__url{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.lens__url i{width:9px;height:9px;border-radius:50%;background:var(--surface-2)}.lens__url span{margin-left:8px;padding:3px 12px;border-radius:999px;background:var(--surface);font-family:ui-monospace,Menlo,Consolas,monospace}.lens__note{min-height:1.5em;font-size:14px;font-weight:700;color:var(--accent)}.lens__fine{font-size:13px;line-height:1.5;color:var(--muted)}.lens__views{display:grid;gap:18px;min-width:0}.lens__view{display:grid;gap:14px;min-width:0}.lens__view + .lens__view{padding-top:24px;border-top:1px solid var(--line)}.lens.is-enhanced .lens__view + .lens__view{padding-top:0;border-top:0}.lens__view [data-variant]{display:grid;gap:14px}.lens__vtitle{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.lens.is-enhanced .lens__vtitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lens__lead{font-size:clamp(20px,1.7vw,24px);font-weight:800;letter-spacing:-.02em;line-height:1.25}.lens__view>p:not([class]){color:var(--ink-2);max-width:56ch}.lens__lines{display:grid;gap:8px;margin:0;padding:0;list-style:none}.lens__line{display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 12px;align-items:start;padding:12px 14px;border-radius:14px;background:var(--paper)}.lens__line.is-bad{background:var(--bad-bg)}.lens__mark{grid-row:span 3;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:13px;font-weight:800;line-height:1}.lens__mark--ok{background:var(--ok-bg);color:var(--ok)}.lens__mark--bad{background:var(--bad-bg);color:var(--bad)}.lens__role{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.lens__text{font-size:16px;font-weight:600;overflow-wrap:anywhere}.lens__why{font-size:13px;font-weight:600;color:var(--bad)}.lens__verdict{display:flex;gap:10px;align-items:baseline;padding:12px 14px;border-radius:14px;font-size:15px;font-weight:700}.lens__verdict .lens__mark{flex:none}.lens__verdict--ok{background:var(--ok-bg);color:var(--ok)}.lens__verdict--bad{background:var(--bad-bg);color:var(--bad)}.lens__q{justify-self:end;max-width:92%;padding:11px 15px;border-radius:16px 16px 4px 16px;background:var(--dark);color:var(--paper);font-size:15px;font-weight:600}.lens__a{padding:14px 16px;border-radius:16px 16px 16px 4px;background:var(--paper);font-size:15px}.lens__a small{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.lens__src{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:4px 11px;border-radius:999px;background:rgba(var(--primary-rgb),.12);color:var(--accent);font-size:13px;font-weight:700}.lens__src::before{content:"";width:6px;height:11px;background:var(--secondary);transform:skewX(-28.48deg)}.lens__facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0;font-size:14px}.lens__facts dt{font-weight:700;color:var(--muted)}.lens__facts dd{margin:0}.lens__code{margin:0;overflow-x:auto;padding:14px 16px;border-radius:14px;background:var(--dark);color:var(--surface);font:12.5px/1.6 ui-monospace,Menlo,Consolas,monospace}.lens__code b{font-weight:400;color:var(--secondary)}.lens__ghost{justify-self:start;height:42px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:700 14px/1 var(--font);cursor:pointer;transition:border-color .3s,background .3s}.lens__ghost:hover{border-color:var(--accent);background:rgba(var(--primary-rgb),.08)}@media (max-width:900px){.lens__grid{grid-template-columns:minmax(0,1fr)}.lens__stage{position:static}}@media (max-width:600px){.lens__mode,.lens__tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:24px}.lens__mode button,.lens__tab{padding:0 8px;font-size:13px}}