.amsler-page{max-width:960px;margin:0 auto;padding:0 24px 60px}.amsler-hero{background:var(--navy);color:#fff;padding:40px 40px 32px;margin-bottom:0;border-radius:0}.amsler-hero h1{font-family:var(--font-heading);font-size:clamp(1.6rem,1rem+2vw,2.2rem);color:#fff;margin-bottom:8px}.amsler-hero p{color:#ffffffb3;font-size:.95rem;max-width:680px}.amsler-breadcrumb{font-size:.8rem;color:#ffffff80;margin-bottom:12px}.amsler-breadcrumb a{color:#ffffffb3;text-decoration:underline}.amsler-breadcrumb a:hover{color:#fff}.amsler-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding-top:32px}@media(max-width:768px){.amsler-layout{grid-template-columns:1fr}.amsler-canvas-wrap{padding:10px}.amsler-canvas-wrap canvas{max-width:100%;height:auto}.eye-tab{padding:8px 6px;min-width:0}.amsler-hero{padding:24px 20px}.amsler-page{padding:0 12px 40px}}.amsler-canvas-wrap{background:#000;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;cursor:crosshair;user-select:none}.amsler-canvas-wrap canvas{display:block;border-radius:4px;touch-action:none}.amsler-eye-label{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff80;letter-spacing:.08em;text-transform:uppercase}.amsler-controls{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.amsler-btn{padding:9px 18px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;border:1.5px solid var(--navy);background:#fff;color:var(--navy);transition:background .2s,color .2s}.amsler-btn:hover,.amsler-btn.active{background:var(--navy);color:#fff}.amsler-btn--danger{border-color:#c0392b;color:#c0392b}.amsler-btn--danger:hover{background:#c0392b;color:#fff}.amsler-btn--primary{background:var(--navy);color:#fff}.amsler-panel{display:flex;flex-direction:column;gap:20px}.amsler-step{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);border-left:4px solid var(--gold)}.amsler-step h3{font-family:var(--font-heading);font-size:1.05rem;color:var(--navy);margin-bottom:8px}.amsler-step p,.amsler-step li{font-size:.88rem;color:var(--text-light);line-height:1.65}.amsler-step ul{padding-left:16px;list-style:disc}.amsler-step li{margin:4px 0}.eye-tabs{display:flex;gap:0;background:var(--cream);border-radius:var(--radius-pill);padding:3px;margin-bottom:20px}.eye-tab{flex:1;text-align:center;padding:8px 16px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;border:none;background:none;color:var(--text-light);font-family:var(--font-body)}.eye-tab.active{background:var(--navy);color:#fff}.amsler-result{border-radius:var(--radius);padding:18px 20px;font-size:.9rem;line-height:1.6;display:none}.amsler-result.show{display:block}.amsler-result--ok{background:#e8f5e9;border-left:4px solid #2e7d32;color:#1b5e20}.amsler-result--warn{background:#fff3e0;border-left:4px solid #e65100;color:#bf360c}.amsler-result strong{display:block;margin-bottom:4px;font-size:.95rem}.amsler-cta{background:var(--navy);border-radius:var(--radius);padding:20px;text-align:center}.amsler-cta p{color:#fffc;font-size:.85rem;margin-bottom:12px}.amsler-disclaimer{background:var(--cream);border-radius:var(--radius);padding:14px 16px;font-size:.78rem;color:var(--text-light);line-height:1.55}