body,html{background:#f7f7f8;color:#1a1a1a;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0}main{margin:0 auto;max-width:640px;padding:80px 24px 48px;text-align:center}img.logo{height:96px;width:96px}h1{font-size:32px;margin:24px 0 8px}p.lead{color:#555;font-size:17px;line-height:1.5;margin:0 0 32px}a{color:#175cd3}a:hover{color:#0f47a8}a.download{background:#0078d4;border-radius:6px;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:12px 28px;text-decoration:none}a.download:hover{background:#106ebe}.beta-notice{background:#fff7ed;border:1px solid #fadfb5;border-radius:8px;color:#7a4d18;font-size:14px;line-height:1.55;margin:24px auto 0;padding:12px 16px;text-align:left}.beta-notice strong{color:#5c3a12}.instructions{background:#fff;border:1px solid #e1e1e3;border-radius:8px;margin-top:24px;padding:24px 28px;text-align:left}.instructions h2{font-size:18px;margin:0 0 6px}.instructions .intro{color:#555;line-height:1.5;margin:0 0 20px}.instructions .method{border-top:1px solid #e1e1e3}.instructions .method:first-of-type{border-top:none}.instructions details[open]{padding-bottom:12px}.instructions summary{cursor:pointer;display:flex;flex-direction:column;gap:2px;list-style:none;padding:16px 28px 16px 0;position:relative}.instructions .method:first-of-type summary{padding-top:4px}.instructions summary::-webkit-details-marker{display:none}.instructions summary:after{border-bottom:2px solid #888;border-right:2px solid #888;content:"";height:8px;position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(45deg);transition:transform .2s ease;width:8px}.instructions details[open] summary:after{transform:translateY(-50%) rotate(225deg)}.instructions summary:hover .method-title{text-decoration:underline}.instructions .method-title{font-size:15px;font-weight:700}.instructions .method-sub{color:#888;font-size:13px}.instructions .method>ol{margin-top:4px}.instructions .method-carousel{background:#fff;border:1px solid #e1e1e3;border-radius:8px;margin-top:16px;overflow:hidden;position:relative}.instructions .method-slide{display:none;margin:0}.instructions .method-slide.is-active{display:block}.instructions .method-slide img{cursor:zoom-in;display:block;height:auto;width:100%}.instructions .carousel-btn{align-items:center;background:rgba(0,0,0,.45);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s ease;width:36px}.instructions .carousel-btn:before{border-bottom:2px solid;border-right:2px solid;content:"";height:8px;width:8px}.instructions .carousel-prev:before{transform:translateX(3px) rotate(135deg)}.instructions .carousel-next:before{transform:translateX(-3px) rotate(-45deg)}.instructions .carousel-btn:hover{background:rgba(0,0,0,.65)}.instructions .carousel-btn[hidden]{display:none}.instructions .carousel-prev{left:10px}.instructions .carousel-next{right:10px}.instructions .carousel-nav{background:rgba(0,0,0,.4);border-radius:12px;bottom:8px;display:flex;left:50%;padding:5px 8px;position:absolute;transform:translateX(-50%)}.instructions .carousel-nav[hidden]{display:none}.instructions .carousel-dots{display:flex;gap:6px}.instructions .carousel-dot{background:hsla(0,0%,100%,.5);border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;width:7px}.instructions .carousel-dot.is-active{background:#fff}.lightbox{align-items:center;background:rgba(0,0,0,.85);cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.lightbox[hidden]{display:none}.lightbox-img{border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.5);max-height:100%;max-width:100%;object-fit:contain}.lightbox-close{background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;line-height:1;position:absolute;right:20px;top:16px;width:40px}.lightbox-close:hover{background:hsla(0,0%,100%,.28)}.lightbox-nav{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:48px}.lightbox-nav:before{border-bottom:2.5px solid;border-right:2.5px solid;content:"";height:12px;width:12px}.lightbox-prev:before{transform:translateX(4px) rotate(135deg)}.lightbox-next:before{transform:translateX(-4px) rotate(-45deg)}.lightbox-nav:hover{background:hsla(0,0%,100%,.28)}.lightbox-nav[hidden]{display:none}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-count{background:rgba(0,0,0,.55);border-radius:12px;bottom:20px;color:#fff;font-size:13px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.lightbox-count:empty{display:none}.instructions .callout{background:#f0f6fc;border:1px solid #cfe4f7;border-radius:6px;color:#33495e;font-size:13px;line-height:1.6;margin:14px 0 0;padding:12px 14px}.instructions .callout strong{color:#1a3247}.instructions code{background:#f2f2f4;border:1px solid #e1e1e3;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:1px 5px;word-break:break-all}.instructions ol{color:#333;line-height:1.7;margin:0;padding-left:20px}.instructions .notes{border-top:1px solid #e1e1e3;color:#555;font-size:14px;line-height:1.6;list-style:none;margin:4px 0 0;padding:16px 0 0}.instructions .notes li{padding-left:20px;position:relative}.instructions .notes li+li{margin-top:8px}.instructions .notes li:before{content:"💡";left:0;position:absolute}footer{color:#888;font-size:13px;margin-top:56px}footer a{color:#666;text-decoration:none}footer a:hover{text-decoration:underline}footer .sep{color:#ccc;margin:0 8px}footer .copyright{margin-top:8px}.gallery{margin:0 0 32px}.gallery-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.gallery-item{margin:0;text-align:center}.gallery-media{background:#fff;border:1px solid #e1e1e3;border-radius:8px;display:block;line-height:0;overflow:hidden}.gallery-media img,.gallery-media video{display:block;height:auto;width:100%}.gallery-media img{cursor:zoom-in}a.gallery-media{transition:box-shadow .15s ease}a.gallery-media:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.gallery-media--placeholder{align-items:center;aspect-ratio:16/10;background:#f2f2f4;border-style:dashed;color:#9a9aa2;display:flex;font-size:13px;justify-content:center}.gallery-item figcaption{color:#444;font-size:14px;margin-top:10px}@media (prefers-color-scheme:dark){body,html{background:#1a1a1b;color:#e8e8ea}p.lead{color:#b0b0b6}a{color:#79b8ff}a:hover{color:#a4cdff}a.download{background:#2b88d8}a.download:hover{background:#3a94e0}.beta-notice{background:#2b2416;border-color:#5a4a2a;color:#e0c088}.beta-notice strong{color:#f0d8a0}.instructions{background:#242426;border-color:#38383b}.instructions .intro{color:#b0b0b6}.instructions .method-sub{color:#8a8a90}.instructions .method{border-top-color:#38383b}.instructions summary:after{border-color:#8a8a90}.instructions .method-carousel{background:#242426;border-color:#38383b}.instructions .callout{background:#17293a;border-color:#2d4a63;color:#b8d4ec}.instructions .callout strong{color:#d8e8f5}.instructions code{background:#2d2d30;border-color:#3d3d40;color:#e8e8ea}.instructions ol{color:#cacace}.instructions .notes{border-top-color:#38383b;color:#b0b0b6}footer{color:#8a8a90}footer a{color:#a0a0a6}footer .sep{color:#4a4a4e}.gallery-media{background:#242426;border-color:#38383b}a.gallery-media:hover{box-shadow:0 4px 16px rgba(0,0,0,.5)}.gallery-media--placeholder{background:#2a2a2c;border-color:#4a4a4e;color:#7a7a80}.gallery-item figcaption{color:#c0c0c4}}