._imageZoomContainer_1tu4u_1{display:inline-block;position:relative}._magnifyWrapper_1tu4u_6{position:relative;max-height:50vh;display:inline-block;cursor:zoom-in;overflow:visible}._magnifyWrapper_1tu4u_6:hover,._magnifyWrapper_1tu4u_6:active{cursor:zoom-in}._mainImage_1tu4u_19{max-height:inherit;width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}._magnifierIcon_1tu4u_27{width:14px;height:14px;flex-shrink:0}._zoomHint_1tu4u_33{position:absolute;align-items:center;bottom:5px;right:5px;padding:8px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10;transition:opacity .3s ease-in-out;background:#ffffffe6;box-shadow:0 2px 8px #00000026;display:flex;gap:6px;color:#666}._zoomHintText_1tu4u_51{white-space:nowrap;font-weight:500}._magnifierPortal_1tu4u_56>div{position:relative;outline:3px solid rgba(255,255,255,.5);filter:drop-shadow(0 0 15px rgba(6,0,0,.156))}._magnifierPortal_1tu4u_56>div:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:-1;border-radius:50%;background:transparent;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:0 0 0 2px #ffffff4d,inset 0 0 15px #fff3;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,transparent 0%,transparent 85%,white 85%,white 100%);mask-image:radial-gradient(circle at center,transparent 0%,transparent 85%,white 85%,white 100%)}*{box-sizing:border-box}.App{text-align:center;max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 40px;color:#fff;margin-bottom:50px;border-radius:16px;box-shadow:0 10px 30px #0000001a}.App-header h1{margin:0 0 15px;font-size:3rem;font-weight:700}.App-header p{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto 25px}.header-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.header-links a{color:#fff;text-decoration:none;padding:10px 20px;background:#fff3;border-radius:25px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-links a:hover{background:#ffffff4d;transform:translateY(-2px)}.demo-content{display:flex;flex-direction:column;gap:50px}.demo-section{background:#fff;padding:40px;border-radius:16px;border:1px solid #e1e5e9;box-shadow:0 4px 20px #0000000d}.demo-section h2{color:#2d3748;margin-top:0;margin-bottom:35px;font-size:2rem;font-weight:600}.demo-item{display:flex;align-items:flex-start;gap:30px;max-width:1000px;margin:0 auto}.demo-item>div:first-child{flex:1;min-width:0}.demo-item img{width:100%;height:auto;max-width:650px;border-radius:8px;box-shadow:0 8px 25px #00000026}.demo-description{flex:0 0 320px;text-align:left;background:#f8fafc;padding:30px;border-radius:12px;border:1px solid #e2e8f0}.demo-description h3{margin:0 0 15px;color:#2d3748;font-size:1.3rem;font-weight:600}.demo-description p{margin:0 0 20px;color:#4a5568;font-size:1rem}.demo-description ul{margin:0;padding-left:20px;color:#718096}.demo-description li{margin-bottom:8px;font-size:.95rem}.installation{background:linear-gradient(135deg,#f7fafc,#edf2f7)}.installation-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:40px}.install-box,.usage-box{background:#fff;padding:25px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d}.install-box h3,.usage-box h3{margin:0 0 15px;color:#2d3748;font-size:1.2rem}.code-block{background:#1a202c;color:#e2e8f0;padding:20px;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;overflow-x:auto}.code-block code{color:#68d391}.code-block pre{margin:0;white-space:pre-wrap}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.feature{background:#fff;padding:25px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d}.feature h4{margin:0 0 10px;color:#2d3748;font-size:1.1rem;font-weight:600}.feature p{margin:0;color:#4a5568;font-size:.95rem}.App-footer{margin-top:60px;padding:30px;background:#f8fafc;border-radius:12px;color:#718096}.App-footer a{color:#667eea;text-decoration:none;font-weight:500}.App-footer a:hover{text-decoration:underline}@media (max-width: 900px){.demo-item{flex-direction:column;align-items:center}.demo-description{flex:none;width:100%;max-width:500px;text-align:center}}@media (max-width: 768px){.App-header h1{font-size:2.2rem}.App-header p{font-size:1.1rem}.demo-section{padding:25px}.installation-grid,.features-grid{grid-template-columns:1fr}.header-links{flex-direction:column;align-items:center}}@media (max-width: 480px){.App{padding:15px}.demo-description{padding:20px}.App-header{padding:40px 20px}.App-header h1{font-size:1.8rem}}