.pattern-lens-page main{position:relative;overflow:hidden;background:#55575b;background-image:url("/assets/images/studio-texture-graphite.jpg");background-size:cover;background-attachment:fixed}
.lens-shell{position:relative;width:min(1180px,calc(100% - 3rem));margin:clamp(2rem,5vw,4.5rem) auto;padding:clamp(2.25rem,5vw,5rem);border:1px solid #111;background:#ffca08;background-image:radial-gradient(rgba(64,43,0,.22) .6px,transparent .72px);background-size:5px 5px;box-shadow:1rem 1rem 0 rgba(0,20,112,.48);transform:rotate(-.45deg)}
.lens-shell>*{position:relative;z-index:1;transform:rotate(.45deg)}
.lens-shell::before{content:"";position:absolute;inset:.8rem;border:1px solid rgba(17,17,17,.38);pointer-events:none}
.lens-hero{max-width:900px;margin-bottom:clamp(2rem,4vw,3.5rem)}
.lens-hero .eyebrow{display:inline-block;margin-bottom:1.25rem;padding-bottom:.35rem;border-bottom:1px solid #111;color:#111}
.lens-hero h1,.lens-archive h1{max-width:10ch;font-size:clamp(3.2rem,8vw,7.4rem);font-weight:850;line-height:.8;letter-spacing:-.085em;margin:.3rem 0 1.25rem;text-transform:uppercase}
.lens-lead{max-width:52ch;font-family:var(--mono);font-size:clamp(.92rem,1.45vw,1.12rem);font-weight:600;line-height:1.5;color:#272000}
.lens-workbench{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:stretch;border:1px solid #111;box-shadow:.45rem .45rem 0 rgba(0,20,112,.48)}
.lens-input,.lens-output{padding:clamp(1rem,3vw,1.6rem);background:#fffdf3}
.lens-input{border-right:1px solid #111}
.lens-input label{display:grid;gap:.6rem;font-weight:700;color:#292821}
.lens-input textarea{width:100%;resize:vertical;min-height:150px;border:1px solid #111;border-radius:0;padding:1rem 1.05rem;font:inherit;font-weight:500;line-height:1.55;background:#fff;box-sizing:border-box;box-shadow:inset .2rem .2rem 0 rgba(7,54,201,.08)}
.lens-input textarea:focus{outline:3px solid rgba(255,196,0,.45);border-color:#111}
.lens-language{display:flex;gap:.4rem;margin-bottom:1rem}
.lens-language button,.lens-samples button{font:inherit;border:1px solid #111;border-radius:0;background:#fff;padding:.55rem .8rem;cursor:pointer}
.lens-language button[aria-pressed="true"]{background:#111;color:#ffc400;border-color:#111}
.lens-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.lens-primary,.lens-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:0;padding:.75rem 1.05rem;font:inherit;font-weight:800;cursor:pointer}
.lens-primary{border:1px solid #111;background:#ffc400;color:#111;box-shadow:.18rem .18rem 0 #3f4246}
.lens-primary:hover{background:#3f4246;color:#fff}.lens-secondary{border:1px solid #111;background:#fff;color:#111}
.lens-output{min-height:320px;background:#f3f7ff}
.lens-ready{max-width:31ch;margin:2.2rem 0;color:#35435b;font-family:var(--mono);font-size:.86rem;line-height:1.55}
.lens-annotated-sentence{font-size:clamp(1.3rem,3vw,2rem);line-height:1.65;margin:.7rem 0 1.25rem;padding:1rem;border-left:4px solid #ffc400;background:#fff}
.lens-hit{display:inline-block;position:relative;background:#ffe886;border-radius:0;padding:.05em .2em;margin:.05em .02em;font-weight:750}
.lens-hit small{display:block;font-size:.45em;letter-spacing:.09em;line-height:1.15;text-transform:uppercase;color:#6e5700}
.lens-results{display:grid;gap:0}.lens-card{border-top:1px solid #bfc9d8;padding:1rem 0 .25rem}.lens-card[data-evidence-type="literal+reasoning"]{border-top:3px solid #ffc400}
.lens-card h3{font-size:1.12rem;margin:.5rem 0}.lens-card-meta,.lens-card-foot{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;color:#526174;font-size:.82rem}
.lens-card-meta code{background:#edf2f8;border-radius:0;padding:.15rem .35rem}.lens-card-meta span{border:1px solid #526174;border-radius:0;padding:.12rem .42rem}
.lens-example{font-weight:700;margin:.45rem 0 .2rem}.lens-translation{color:#526174;margin:.2rem 0 .65rem}.lens-card-foot{justify-content:space-between}.lens-card-foot a,.lens-explain-grid a{font-weight:800;color:#111}
.lens-evidence{margin:.45rem 0 .7rem;padding:.55rem .65rem;border-left:3px solid #ffc400;background:#fff;color:#56534d;font-size:.86rem;line-height:1.45}
.lens-empty{padding:1rem;border-left:3px solid #3f4246;background:#eeede8;color:#3f4246}
.lens-samples{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0 3rem}.lens-samples button{max-width:340px;text-align:left;background:#fffdf7}
.lens-samples button:hover{background:#3f4246;color:#fff}.lens-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:2rem;border-top:1px solid #111;border-left:1px solid #111;box-shadow:.35rem .35rem 0 rgba(34,36,38,.36)}.lens-explain-grid article{padding:1.35rem;border-right:1px solid #111;border-bottom:1px solid #111;background:#fffdf3}.lens-explain-grid h2{font-size:1.45rem;margin:.35rem 0 .65rem}.lens-explain-grid p{line-height:1.6;color:#56534d}
.lens-archive{max-width:900px}.lens-archive .lens-actions{margin-top:1.5rem}
@media(max-width:820px){.lens-workbench,.lens-explain-grid{grid-template-columns:1fr}.lens-shell{width:min(100% - 1.2rem,1120px);padding:1.25rem;margin:1rem auto;box-shadow:.45rem .45rem 0 rgba(0,20,112,.48);transform:none}.lens-shell>*{transform:none}.lens-hero h1,.lens-archive h1{font-size:clamp(2.9rem,13vw,5.1rem)}.lens-output{min-height:0}.lens-input{border-right:0;border-bottom:1px solid #111}}
@media(prefers-reduced-motion:no-preference){.lens-card{animation:lens-in .25s ease both}@keyframes lens-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}