:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111;background-color:#f4f4f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:4rem 2rem;text-align:center}.info-section{max-width:600px;margin:0 auto 3rem;text-align:center}.main-title{font-size:3rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-weight:700;margin:0 0 1.5rem;color:#111;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.beta-badge{background-color:#000;color:#fff;font-size:.6em;font-weight:800;padding:.2rem .8rem;border-radius:8px;letter-spacing:1px;text-transform:uppercase;vertical-align:middle;transform:translateY(-4px)}.info-section p{font-size:1.1rem;color:#555;line-height:1.6;margin:0}.device-toggle{display:flex;background:#e0e0e0;padding:4px;border-radius:99px;border:1px solid #ccc;margin-bottom:3rem;width:fit-content;margin-left:auto;margin-right:auto;position:relative;isolation:isolate}.toggle-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#fff;border-radius:99px;box-shadow:0 2px 8px #0000001a;transition:transform .3s cubic-bezier(.25,1,.5,1);z-index:1}.device-toggle[data-state=macos] .toggle-slider{transform:translate(100%)}.toggle-btn{background:transparent;border:none;color:#666;padding:.8rem 2rem;font-size:1rem;font-weight:500;border-radius:99px;cursor:pointer;transition:color .2s ease;min-width:110px;position:relative;z-index:2}.toggle-btn.active{background:transparent;color:#000;font-weight:600;box-shadow:none}.toggle-btn:hover:not(.active){color:#333}.content-wrapper{display:flex;flex-direction:column;align-items:center;gap:3rem}@media(max-width:899px){#root{padding:1rem 1rem 4rem}.main-title{font-size:2rem;flex-wrap:nowrap;gap:.5rem}.beta-badge{font-size:.5em;padding:.2rem .6rem}.site-header h1{font-size:1.25rem}.info-section{margin-bottom:2rem}.info-section h2{font-size:1.5rem}.content-wrapper{flex-direction:column-reverse;gap:2.5rem;align-items:center;max-width:100%;margin-top:1rem}.preview-container{max-width:280px;box-shadow:0 10px 20px #00000014}.left-pane,.right-pane{width:100%;max-width:500px}.right-pane{text-align:left}.guides{padding:1.25rem}.device-toggle{margin-bottom:2rem}}@media(min-width:900px){.content-wrapper{flex-direction:row;align-items:flex-start;justify-content:center;gap:1.5rem}.left-pane{flex:1;display:flex;justify-content:flex-end}.right-pane{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:500px}}@media(min-width:900px){.preview-container{margin:0}}.preview-container{border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:4px solid #fff;line-height:0;max-width:320px;margin:0 auto}.preview-container.macos{max-width:640px;border-radius:12px}.preview-image{width:100%;height:auto;display:block}.preview-image.macos{max-width:100%;aspect-ratio:16/9;object-fit:cover}.controls{width:100%;margin-bottom:2rem}.guides{width:100%;background:#fff;padding:2rem;border-radius:16px;border:1px solid #e5e5e5;box-shadow:0 4px 6px #00000005}.guides h2{font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem;margin-top:0;margin-bottom:1.5rem;color:#111}.step{margin-bottom:2rem}.step:last-child{margin-bottom:0}.step h3{font-size:1.1rem;margin-bottom:.5rem;color:#111;font-weight:600}.step p{color:#666;margin:0 0 1rem;line-height:1.5}.model-select{width:100%;padding:1rem;font-size:1rem;border-radius:12px;border:1px solid #ddd;background:#f9f9f9;color:#111;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;cursor:pointer;transition:border-color .2s}.model-select:focus{outline:none;border-color:#256bd4;background:#fff;box-shadow:0 0 0 3px #256bd41a}.shortcut-btn{display:block;background:#256bd4;color:#fff;text-decoration:none;padding:.9rem 1rem;border-radius:10px;text-align:center;font-weight:600;transition:all .2s ease;margin-top:.5rem}.shortcut-btn:hover{background:#1e57ac;transform:translateY(-1px);box-shadow:0 4px 12px #256bd440}.url-box{background:#f9f9f9;padding:.8rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #ddd}.url-text{font-family:monospace;color:#555;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:transparent;border:none;color:#256bd4;cursor:pointer;font-weight:600;padding:4px 8px;border-radius:4px;transition:all .2s ease}.copy-btn:hover{background:#256bd41a}.site-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #eee;color:#888;font-size:.9rem}.site-footer a{color:#111;text-decoration:none;font-weight:500;transition:color .2s}.site-footer a:hover{color:#256bd4}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #256bd4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-container{position:relative}.preview-image{transition:opacity .3s ease}