*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--bg-primary: #f6f0eb;--bg-secondary: #F5F0EC;--surface: #ffffff;--sketch-ink: #3b3b3b;--sketch-face: #ffffff;--accent: #697efe;--accent-hover: #5668e0;--accent-wash: rgba(105, 126, 254, .05);--accent-faint: rgba(105, 126, 254, .6);--on-accent: #ffffff;--text-primary: #2d2d2d;--text-secondary: #444;--logo-ink: #252525;--footer-bg: #0a0a0a;--white: #ffffff;--border: #ddd;--radius: 6px;--invert-bg: #2d2d2d;--invert-ink: #ffffff;--plate: #F5F0EC;--plate-ink: #2d2d2d;--ink-strong: #111;--ink: #444;--ink-muted: #888;--ink-faint: #aaa;--hairline: #f0f0f0;--panel-border: #e5e7eb;--hover-wash: #f7f7f7;--quiet-wash: rgba(0, 0, 0, .04);--overlay: rgba(0, 0, 0, .4);--shadow-panel: 0 8px 30px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .2);--g-blue: #4285F4;--g-red: #EA4335;--g-yellow: #FBBC05;--g-green: #34A853;--g-blue-ink: #4285F4;--g-red-ink: #EA4335;--g-yellow-ink: #b8960a;--g-green-ink: #34A853;--dropzone-hover-bg: #eef4ff;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-ink: #b91c1c;--note-bg: #fffbeb;--note-border: #fde68a;--note-ink: #92400e;--success-wash: #dcfce7;--success-border: #bbf7d0;--success-ink: #15803d;--highlight-bg: #fef08a;--highlight-ink: #2d2d2d;--select-wash: #f5f3ff;--violet: #8b5cf6;--violet-ink: #7c3aed;--violet-wash: #f5f3ff}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #111318;--bg-secondary: #1b1f27;--surface: #1f2937;--sketch-ink: #14161b;--sketch-face: #8d929b;--accent: #8f9dff;--accent-hover: #a8b3ff;--accent-wash: rgba(143, 157, 255, .12);--accent-faint: rgba(143, 157, 255, .6);--on-accent: #111318;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--logo-ink: #f9fafb;--border: #374151;--invert-bg: #374151;--invert-ink: #f3f4f6;--plate: #f0f2f5;--plate-ink: #111318;--ink-strong: #f3f4f6;--ink: #d1d5db;--ink-muted: #9ca3af;--ink-faint: #6b7280;--hairline: #374151;--panel-border: #374151;--hover-wash: #374151;--quiet-wash: rgba(255, 255, 255, .08);--overlay: rgba(0, 0, 0, .65);--shadow-panel: 0 8px 30px rgba(0, 0, 0, .55);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .65);--g-blue-ink: #8ab4f8;--g-red-ink: #f28b82;--g-yellow-ink: #fdd663;--g-green-ink: #81c995;--dropzone-hover-bg: rgba(66, 133, 244, .14);--danger-bg: rgba(69, 10, 10, .5);--danger-border: #7f1d1d;--danger-ink: #fca5a5;--note-bg: rgba(113, 63, 18, .45);--note-border: #78350f;--note-ink: #fde68a;--success-wash: rgba(5, 46, 22, .5);--success-border: #14532d;--success-ink: #86efac;--highlight-bg: rgba(113, 63, 18, .6);--highlight-ink: #fde68a;--select-wash: rgba(143, 157, 255, .16);--violet: #a78bfa;--violet-ink: #d8b4fe;--violet-wash: #2e1065}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:1.125rem}.app{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-section{text-align:center;padding:6rem 2rem 3rem;max-width:700px;margin:0 auto}.hero-logo{display:inline-block;font-family:Google Sans,sans-serif;font-weight:500;font-size:45.7px;line-height:1.284;color:var(--logo-ink);white-space:nowrap}html[lang=ja] .hero-logo{font-family:Google Sans,Noto Sans JP,sans-serif}html[lang=ko] .hero-logo{font-family:Google Sans,Noto Sans KR,sans-serif}html[lang=zh] .hero-logo{font-family:Google Sans,Noto Sans SC,sans-serif}.hero-section h1 a{color:inherit;text-decoration:none}.hero-logo-g{height:2.0504em;width:auto;vertical-align:-.6094em;margin-inline:-.2258em -.2115em}.hero-logo-br{display:none}.hero-section h1{margin-bottom:0}.hero-section p{font-size:1.25rem;color:var(--text-secondary)}.app-main{flex:1;max-width:750px;margin:0 auto;padding:0 2rem 3rem;width:100%}.ext-promo-wrap{text-align:center;margin:1.75rem 0 -1rem}.ext-promo{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.95rem;color:var(--ink-muted)}.ext-promo-text{color:var(--ink)}.ext-promo-new{background:var(--success-wash);border:1px solid var(--success-border);color:var(--success-ink);padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.ext-promo-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .5rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--ink-strong);text-decoration:none;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.ext-promo-btn+.ext-promo-btn{margin-left:-.25rem}.ext-promo-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.ext-promo-btn img{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.ext-promo-wrap{display:none}}.app-footer{background:var(--footer-bg);padding:2rem}.login-hint{text-align:center}.login-button{display:inline-block;padding:.6rem 1.5rem;border:1.5px solid #81c995;border-radius:var(--radius);color:#81c995;text-decoration:none;font-size:.85rem;transition:all .2s}.login-button:hover{background:#81c995;color:var(--white)}.login-link{display:block;margin:.75rem auto 0;color:#f28b82;text-decoration:none;font-size:.85rem;transition:color .2s;border:none;background:none;cursor:pointer;padding:0;font-family:inherit}.login-link:hover{color:#ffaba3;text-decoration:underline}.footer-links{text-align:center;margin-top:.5rem;margin-bottom:1rem;font-size:.8rem}.footer-links a{color:#999;text-decoration:none}.footer-links a:hover{color:var(--accent);text-decoration:underline}.footer-sep{color:#555;margin:0 .5rem}.footer-legal{color:#aaa;font-size:.7rem;text-align:center;margin-top:1.5rem;line-height:1.5;max-width:500px;margin-left:auto;margin-right:auto}.image-upload-container{margin-bottom:2rem}.dropzone{border:2px dashed var(--border);border-radius:24px;padding:1.5rem 3rem 4rem;text-align:center;transition:border-color .3s ease,background .3s ease;background:var(--surface);cursor:pointer;width:min(810px,calc(100vw - 3rem));position:relative;left:50%;transform:translate(-50%)}.dropzone:hover,.dropzone.dragging{border-color:var(--g-blue);background:var(--dropzone-hover-bg)}.file-input{display:none}.dropzone-label{cursor:pointer;display:block}.dropzone-icon{font-size:3.25rem;line-height:1;color:var(--accent);margin-bottom:1.25rem}.dropzone-text{font-size:clamp(1.15rem,2.6vw,1.5rem);color:var(--text-primary);margin-bottom:.6rem}.dropzone-hint{color:var(--text-secondary);font-size:clamp(.95rem,1.8vw,1.15rem)}.preview-container{text-align:center;background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.preview-image{max-width:100%;max-height:300px;border-radius:var(--radius);margin-bottom:1rem}.clear-button{display:block;margin:0 auto;background:var(--invert-bg);color:var(--invert-ink);border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;transition:background .2s}.clear-button:hover{background:var(--accent)}.clear-button:disabled{opacity:.5;cursor:not-allowed}.preview-actions{display:flex;justify-content:center;gap:.75rem}.preview-actions .clear-button{display:inline-block;margin:0}.crop-container{text-align:center;background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.crop-hint{margin-bottom:1rem;color:var(--text-secondary)}.crop-container .ReactCrop{max-width:100%;background:none}.crop-image{max-width:100%;max-height:55vh;display:block}.crop-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.25rem}.crop-confirm-button,.crop-cancel-button{border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;transition:background .2s}.crop-confirm-button{background:var(--accent);color:var(--on-accent)}.crop-confirm-button:hover{background:var(--accent-hover)}.crop-confirm-key{display:inline-block;margin-left:.6em;padding:0 .4em;border:1px solid currentColor;border-radius:4px;font-family:inherit;font-size:.85em;line-height:1.4;opacity:.6}@media (hover: none){.crop-confirm-key{display:none}}.crop-cancel-button{background:none;border:1.5px solid var(--border);color:var(--text-secondary)}.crop-cancel-button:hover{border-color:var(--text-secondary)}.crop-confirm-button:disabled,.crop-cancel-button:disabled{opacity:.5;cursor:not-allowed}.paste-button.mobile-only{display:none}.paste-button{margin-top:.75rem;padding:.6rem 1.25rem;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:.95rem;cursor:pointer;transition:background .2s}.paste-button:hover{background:var(--accent-hover)}.paste-button:disabled{opacity:.5;cursor:not-allowed}.url-input-section{margin-top:1.5rem;text-align:center;cursor:default}.url-divider{color:var(--text-secondary);font-size:1rem;margin-bottom:.75rem}.url-form{display:flex;gap:.5rem;max-width:580px;margin:0 auto}.url-input{flex:1;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background:var(--surface);color:var(--text-primary)}.url-input:focus{outline:none;border-color:var(--accent)}.url-button{padding:.85rem 1.5rem;background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:all .2s}.url-button:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.url-button:disabled{opacity:.5;cursor:not-allowed}.url-error{color:var(--danger-ink);font-size:.85rem;margin-top:.5rem}.share-link{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.share-link code{background:var(--surface);padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem;color:var(--accent);word-break:break-all}.gf-browse-bar{margin-bottom:1.5rem}.gf-browse-link{display:inline-flex;align-items:center;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius);text-decoration:none;transition:background .15s,color .15s}.gf-browse-link:after{content:" →";margin-left:.4rem}.gf-browse-link:hover{background:var(--accent);color:var(--on-accent)}.copy-share-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.2rem;border-radius:4px;display:inline-flex;align-items:center;transition:color .2s,background .2s}.copy-share-button:hover{color:var(--accent);background:var(--surface)}.loading-state{text-align:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-ink);padding:1rem;border-radius:var(--radius);text-align:center;margin-bottom:2rem}.analysis-details{background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:2rem}.analysis-details h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.detected-text{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.05em}.detail-value{font-size:1rem;color:var(--text-primary);text-transform:capitalize}.features-section{margin-top:1rem}.features-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.feature-tag{background:var(--accent);color:var(--on-accent);padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.font-results{margin-bottom:2rem}.font-results h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.results-count{color:var(--text-secondary);margin-bottom:1.5rem}.font-list{display:flex;flex-direction:column;gap:1.5rem}.font-card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}.font-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.font-name{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.4rem}.copy-name-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.15rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s,background .2s;flex-shrink:0}.copy-name-button:hover{color:var(--accent);background:var(--bg-secondary)}.font-category{font-size:.9rem;color:var(--text-secondary);text-transform:capitalize}.similarity-badge{background:var(--accent);color:var(--on-accent);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1rem}.comparison-container{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;margin-bottom:1rem;align-items:stretch}.comparison-side{display:flex;flex-direction:column}.original-side{order:2}.font-side{order:1;min-width:0}.comparison-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.05em}.original-image-container{background:var(--plate);border-radius:var(--radius);padding:1rem;display:flex;align-items:center;justify-content:center;flex:1}.original-image{max-width:100%;max-height:180px;object-fit:contain}.font-preview{padding:1.5rem 2rem;background:var(--plate);color:var(--plate-ink);border-radius:var(--radius);min-height:100px;display:flex;align-items:center;transition:opacity .3s;line-height:1.2;white-space:nowrap;overflow:hidden}.weight-slider{margin-bottom:1rem;padding:0 .25rem}.weight-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.weight-slider-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.weight-slider-value{font-size:.85rem;color:var(--text-primary);font-weight:500}.weight-slider-input{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.weight-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:0 1px 3px #0003}.weight-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:0 1px 3px #0003}.weight-slider-ticks{display:flex;justify-content:space-between;margin-top:.35rem}.weight-tick{font-size:.7rem;color:var(--text-secondary)}.weight-tick-matched{color:var(--accent);font-weight:600}.font-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem}.font-sliders{flex:1 1 260px;min-width:0}.font-sliders>*+*{margin-top:.9rem}.style-toggle{flex:0 0 auto;display:inline-flex;padding:3px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border)}.style-option{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.style-option:hover{color:var(--text-primary)}.style-option.is-active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 3px #00000026}.style-option-sample{font-family:Georgia,Times New Roman,serif;font-size:.95rem;line-height:1}.style-option-sample-italic{font-style:italic}.font-variants{display:flex;gap:.5rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.font-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center;background:transparent}.action-icon{flex-shrink:0}.btn-blue{color:var(--g-blue-ink);border:1.5px solid var(--g-blue)}.btn-blue:hover{background:var(--g-blue);color:var(--white)}.btn-red{color:var(--g-red-ink);border:1.5px solid var(--g-red)}.btn-red:hover{background:var(--g-red);color:var(--white)}.btn-yellow{color:var(--g-yellow-ink);border:1.5px solid var(--g-yellow)}.btn-yellow:hover{background:var(--g-yellow);color:var(--white)}.btn-green{color:var(--g-green-ink);border:1.5px solid var(--g-green)}.btn-green:hover{background:var(--g-green);color:var(--white)}.css-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--overlay)}.css-modal{display:flex;flex-direction:column;width:100%;max-width:600px;max-height:calc(100dvh - 5rem);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-modal)}.css-modal-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hairline)}.css-modal-header-icon{display:flex;color:var(--g-green)}.css-modal-title{flex:1;margin:0;font-size:18px;font-weight:700;color:var(--ink-strong)}.css-modal-close{border:none;background:none;font-size:22px;line-height:1;color:var(--ink-faint);cursor:pointer;padding:4px}.css-modal-close:hover{color:var(--ink-muted)}.css-modal-body{flex:1;overflow-y:auto;padding:16px 20px 20px;text-align:left}.css-modal-hint{margin:0 0 14px;font-size:.85rem;color:var(--text-secondary)}.css-snippet+.css-snippet{margin-top:16px}.css-snippet-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:6px}.css-snippet-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.css-copy-button{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border:1.5px solid var(--g-green);border-radius:999px;background:transparent;color:var(--g-green-ink);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.css-copy-button:hover,.css-copy-button.is-copied{background:var(--g-green);color:var(--white)}.css-snippet-code{margin:0;padding:12px 14px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media (max-width: 480px){.style-row{flex-direction:column;align-items:flex-start;gap:.5rem}.style-toggle{width:100%}.style-option{flex:1;justify-content:center}.font-actions .action-button{flex:1 1 auto}}.no-results{text-align:center;padding:3rem;background:var(--surface);border-radius:var(--radius);color:var(--text-secondary);border:1px solid var(--border)}.menu-link{position:absolute;top:32px;left:32px;z-index:100}.menu-icon{width:72px;height:72px;background-image:url(https://texs.org/assets/tex-sound.avif);background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:40px;box-shadow:0 2px 10px #0000001a;transition:transform .2s;cursor:pointer}.menu-icon:hover{transform:scale(1.1)}.about-section{background:var(--surface);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);margin:3rem 0 2rem}.about-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.about-section p:last-child{margin-bottom:0}.about-section img{max-width:100%;height:auto;border-radius:var(--radius);margin:1rem 0}.pro-tips{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;padding-inline-start:1.5rem}.pro-tips li{margin-bottom:.5rem}.pro-tips a{color:var(--accent);text-decoration:none}.pro-tips a:hover{text-decoration:underline}.about-section+.about-section{margin-top:1.5rem}.about-author{display:flex;align-items:center;gap:1.25rem;margin:2.5rem 0 0;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.author-photo{width:64px;height:auto;border-radius:var(--radius);flex-shrink:0}.about-author p{font-size:.95rem;color:var(--text-primary);line-height:1.6;margin:0}.about-author a{color:var(--accent);text-decoration:none}.about-author a:hover{text-decoration:underline}.author-socials{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.social-btn{display:inline-block;padding:.35rem .75rem;font-size:.8rem;border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-secondary)!important;text-decoration:none!important;transition:all .2s}.social-btn:hover{border-color:var(--accent);color:var(--accent)!important}.how-it-works{margin:2rem 0}.how-it-works h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.step{background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center}.step-number{width:40px;height:40px;background:var(--accent);color:var(--on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;margin:0 auto 1rem}.step h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step p{color:var(--text-secondary);font-size:.95rem}.faq-section{margin:3rem 0 2rem}.faq-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.faq-question{width:100%;padding:1rem 1.25rem;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-primary);text-align:start;transition:background .2s}.faq-question:hover{background:var(--bg-secondary)}.faq-icon{font-size:1.25rem;color:var(--accent);font-weight:300}.faq-answer{padding:.5rem 1.25rem 1.25rem}.faq-answer p{color:var(--text-secondary);line-height:1.7;font-family:inherit;font-size:1rem}.faq-answer a{color:var(--accent);text-decoration:none}.faq-answer a:hover{text-decoration:underline}.ad-container{margin:1.5rem 0;min-height:90px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius)}.ad-after-results{margin-top:2rem}.suggest-popup{position:fixed;bottom:20px;right:20px;width:250px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:16px 16px 14px;z-index:60;animation:suggest-pop-in .3s ease}@keyframes suggest-pop-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.suggest-popup-close{position:absolute;top:6px;right:8px;background:none;border:none;font-size:20px;line-height:1;color:var(--ink-faint);cursor:pointer;padding:2px 4px}.suggest-popup-close:hover{color:var(--text-primary)}.suggest-popup-title{font-weight:700;font-size:14px;color:var(--text-primary);margin:0 0 4px}.suggest-popup-text{font-size:12px;color:var(--text-secondary);margin:0 0 10px}.suggest-popup-links{display:flex;flex-direction:column;gap:6px}.suggest-popup-links a{display:block;text-align:center;padding:7px 10px;font-size:13px;font-weight:600;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius);text-decoration:none;transition:background .15s,color .15s}.suggest-popup-links a:hover,.suggest-popup-links a.suggest-popup-primary{background:var(--accent);color:var(--on-accent)}.suggest-popup-links a.suggest-popup-primary:hover{filter:brightness(1.08)}@media (max-width: 900px){.suggest-popup{display:none}}.adblocker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.adblocker-modal{background:var(--surface);border-radius:var(--radius);padding:2rem;max-width:450px;width:100%;text-align:center}.adblocker-modal h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.adblocker-modal p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.adblocker-note{font-size:.9rem;color:var(--text-secondary);opacity:.8}.adblocker-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.adblocker-btn{padding:.875rem 1.5rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;border:none;transition:all .2s}.adblocker-btn.primary{background:var(--accent);color:var(--on-accent)}.adblocker-btn.primary:hover{background:var(--accent-hover)}.adblocker-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.adblocker-btn.secondary:hover{background:var(--bg-secondary)}.membership-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.membership-modal{background:var(--surface);border-radius:16px;padding:2rem;max-width:480px;width:100%;position:relative}.membership-close{position:absolute;top:.75rem;inset-inline-end:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:.25rem}.membership-close:hover{color:var(--text-primary)}.membership-header{display:grid;grid-template-columns:64px 1fr;gap:1rem;align-items:center;margin-bottom:1.5rem}.membership-photo{width:64px;height:auto;border-radius:12px}.membership-speech{background:var(--bg-secondary);border-radius:12px;padding:1rem}.membership-speech p{font-size:.95rem;color:var(--text-primary);line-height:1.6;margin:0}.membership-speech a{color:var(--accent);text-decoration:none}.membership-speech a:hover{text-decoration:underline}.membership-highlight{background:var(--highlight-bg);color:var(--highlight-ink);padding:.1rem .3rem;border-radius:3px;font-weight:600}.membership-actions{display:flex;flex-direction:column;gap:.75rem}.membership-btn{display:block;padding:.875rem 1.5rem;border-radius:var(--radius);font-size:1rem;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.membership-btn.primary{background:var(--accent);color:var(--white);border:none}.membership-btn.primary:hover{background:var(--accent-hover)}.membership-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border);font-size:.9rem}.membership-btn.secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}@media (max-width: 768px){.paste-button.mobile-only{display:inline-block}.menu-link{top:24px;left:24px}.hero-section h1{font-size:1.75rem}.hero-section{padding:3.5rem 1rem 2rem}.hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 7.18));white-space:normal}.hero-logo-br{display:inline}.hero-logo-g{margin-top:-.5em}html[lang=es] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 7.9))}html[lang=pt-PT] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 8.3))}html[lang=ru] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 8.8))}html[lang=uk] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 8.2))}html[lang=ar] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 7.7))}html[lang=hi] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 7.8))}html[lang=zh] .hero-logo{font-size:min(45.7px,calc((100vw - 6rem) / 7.7))}.app-main{padding:0 1.5rem 2rem}.comparison-container{grid-template-columns:3fr 1fr;gap:.75rem}.original-image{max-height:80px}.details-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}.shared-menu-wrapper{position:absolute;top:16px;right:16px;direction:ltr;z-index:100}.shared-menu-cluster{display:flex;align-items:center;gap:4px}.shared-menu-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:8px;border:none;border-radius:8px;background:none;color:var(--ink-muted);cursor:pointer;transition:color .15s,background .15s}.shared-menu-icon-btn:hover{color:var(--ink-strong);background:var(--quiet-wash)}.shared-menu-button{display:inline-flex;align-items:center;border-radius:8px;color:var(--ink-muted);transition:color .15s,background .15s}.shared-menu-button:hover{color:var(--ink-strong);background:var(--quiet-wash)}.shared-menu-flag{display:flex;align-items:center;gap:5px;padding:8px 4px 8px 8px;border:none;background:none;color:inherit;cursor:pointer;line-height:1}.shared-menu-flag-emoji{font-size:17px;line-height:1}.shared-menu-flag-code{font-size:12px;font-weight:600;color:var(--ink-muted)}.shared-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:none;background:none;color:inherit;cursor:pointer}.shared-menu-dropdown{position:absolute;right:0;top:100%;margin-top:4px;width:288px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-panel);border:1px solid var(--panel-border);padding:8px 0;z-index:200}.shared-menu-user{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--hairline)}.shared-menu-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shared-menu-name{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-menu-section{padding:4px 0}.shared-menu-divider{border-bottom:1px solid var(--hairline)}.shared-menu-label{padding:6px 16px 2px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}.shared-menu-version{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.shared-menu-version-main{display:flex;align-items:center;gap:8px}.shared-menu-version-text{display:flex;flex-direction:column}.shared-menu-info-btn{display:flex;align-items:center;padding:0;border:none;background:none;color:var(--violet);cursor:pointer;opacity:.75;transition:opacity .15s}.shared-menu-info-btn:hover{opacity:1}.shared-menu-version-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600;line-height:1}.shared-menu-version-value{font-size:12px;color:var(--ink-muted)}.shared-menu-version-actions{display:flex;align-items:center;gap:12px}.shared-menu-lang-btn,.shared-menu-toggle-btn{display:flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--ink-muted);cursor:pointer;transition:color .15s}.shared-menu-lang-btn:hover,.shared-menu-toggle-btn:hover{color:var(--ink-strong)}.shared-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;color:var(--ink);cursor:pointer;text-decoration:none;transition:background .15s;text-align:start}.shared-menu-item:hover{background:var(--hover-wash)}.shared-menu-item--current{color:var(--accent);font-weight:500;background:var(--accent-wash)}.shared-menu-icon{display:flex;align-items:center;flex-shrink:0}.shared-menu-item--muted{color:var(--ink-faint)}.shared-menu-item--muted:hover{color:var(--ink-muted)}.shared-menu-item-name{flex:1}.shared-menu-here{font-size:10px;color:var(--accent-faint)}.shared-menu-item--nested{padding-inline-start:44px}.shared-menu-blurb{margin:0;padding:0 16px 6px 44px;font-size:11px;color:var(--ink-faint)}.more-sites-icon{color:#ff1800}:root[data-theme=dark] .more-sites-icon{color:#5eead4}.more-sites-globe{flex-shrink:0;overflow:visible}.more-sites-globe-m{animation:more-sites-globe-turn 9s linear infinite,more-sites-globe-half 9s step-end infinite}@keyframes more-sites-globe-turn{0%{rx:.1px}12.5%{rx:4.018px}25%{rx:7.425px}37.5%{rx:9.701px}45%{rx:10.371px}50%{rx:10.5px}55%{rx:10.371px}62.5%{rx:9.701px}75%{rx:7.425px}87.5%{rx:4.018px}to{rx:.1px}}@keyframes more-sites-globe-half{0%,to{stroke-dashoffset:75px}50%{stroke-dashoffset:25px}}@media (prefers-reduced-motion: reduce){.more-sites-globe-m{animation:none}}.shared-menu-chevron{display:flex;color:var(--ink-faint);transition:transform .2s}.shared-menu-chevron.open{transform:rotate(180deg)}.shared-menu-langs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px 10px 8px}.shared-menu-lang{display:flex;align-items:center;gap:5px;padding:5px 6px;border:none;background:none;border-radius:6px;color:var(--ink);font-size:13px;cursor:pointer;transition:background .15s}.shared-menu-lang:hover{background:var(--hover-wash);color:var(--ink-strong)}.shared-menu-lang--current{background:var(--select-wash);color:var(--accent);font-weight:600;cursor:default}.shared-menu-lang-flag{font-size:15px;line-height:1}.shared-menu-lang-code{font-size:12px}.changelog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--overlay)}.changelog-modal{display:flex;flex-direction:column;width:100%;max-width:768px;max-height:calc(100dvh - 5rem);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-modal)}.changelog-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hairline)}.changelog-header-icon{display:flex;color:var(--violet)}.changelog-title{flex:1;margin:0;font-size:18px;font-weight:700;color:var(--ink-strong)}.changelog-close{border:none;background:none;font-size:22px;line-height:1;color:var(--ink-faint);cursor:pointer;padding:4px}.changelog-close:hover{color:var(--ink-muted)}.changelog-body{flex:1;overflow-y:auto;padding:20px;text-align:left}.changelog-release+.changelog-release{margin-top:22px}.changelog-date{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--violet-wash);color:var(--violet-ink);font-size:13px;font-weight:600}.changelog-list{margin:10px 0 0;padding-inline-start:20px;list-style:disc}.changelog-list li{margin-bottom:6px;font-size:14px;line-height:1.6;color:var(--ink)}.changelog-empty{min-height:60px;margin:0;font-size:14px;color:var(--ink-muted)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--overlay)}.auth-modal{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-modal);width:100%;max-width:380px;position:relative;margin:1rem}.auth-close{position:absolute;top:14px;inset-inline-end:16px;border:none;background:none;font-size:22px;color:var(--ink-faint);cursor:pointer;z-index:10;line-height:1;padding:4px}.auth-close:hover{color:var(--ink-muted)}.auth-body{padding:28px}.auth-body--center{text-align:center}.auth-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-icon-green{background:var(--success-wash)}.auth-title{font-size:22px;font-weight:700;color:var(--ink-strong);margin:0 0 6px}.auth-subtitle{font-size:14px;color:var(--ink-muted);margin:0 0 4px}.auth-label{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:6px}.auth-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text-primary);outline:none;transition:border-color .2s;box-sizing:border-box}.auth-input:focus{border-color:var(--accent)}.auth-code-input{text-align:center;letter-spacing:5px;font-size:22px}.auth-error{margin-top:10px;padding:10px 12px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;color:var(--danger-ink);font-size:13px}.auth-btn{display:block;width:100%;margin-top:14px;padding:10px 16px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;background:var(--accent);color:var(--on-accent)}.auth-btn:hover{opacity:.9}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn--dark{background:var(--invert-bg);color:var(--invert-ink)}.auth-btn--icon{display:flex;align-items:center;justify-content:center;gap:8px}.auth-btn--lg{padding:12px 16px;font-size:16px;font-weight:600}.auth-btn--outline{background:transparent;color:var(--ink-strong);border:1px solid var(--border)}.auth-btn--outline:hover{opacity:1;background:var(--hover-wash)}.auth-or{display:flex;align-items:center;gap:12px;margin:16px 0 12px;font-size:12px;color:var(--ink-faint)}.auth-or span{flex:1;height:1px;background:var(--border)}.auth-body form>.auth-btn:first-child,.auth-or+.auth-btn{margin-top:0}.auth-icon-accent{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.auth-spinner{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-note{margin-top:18px;padding:12px;background:var(--note-bg);border:1px solid var(--note-border);border-radius:10px;font-size:13px;color:var(--note-ink)}.auth-footer-links{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px}.auth-hint{font-size:12px;color:var(--ink-faint)}.auth-link{border:none;background:none;font-size:13px;color:var(--ink-muted);cursor:pointer;text-decoration:none}.auth-link:hover{color:var(--ink)}.auth-link:disabled{opacity:.5}@media (max-width: 768px){.shared-menu-wrapper{top:16px;right:16px}.shared-menu-dropdown{width:240px}}.yt-short{display:flex;justify-content:center;margin:2rem 0}.yt-short-frame,.yt-modal-frame{background:linear-gradient(to bottom right,#a855f7,#ec4899,#fb923c)}.yt-short-frame{display:block;padding:8px;border:none;border-radius:18px;box-shadow:0 10px 22px #0000002e;cursor:pointer;line-height:0}.yt-short-inner{position:relative;display:block;width:240px;max-width:66vw;aspect-ratio:9 / 16;border-radius:11px;overflow:hidden}.yt-short-inner picture,.yt-short-inner img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.yt-short-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .2s ease}.yt-short-frame:hover .yt-short-inner:after{background:#00000014}.yt-short-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:flex;align-items:center;justify-content:center;background:#e53935f2;border-radius:50%;box-shadow:0 2px 12px #00000059;transition:transform .15s ease,background .15s ease;z-index:1}.yt-short-play svg{width:28px;height:28px;margin-left:3px;color:#fff}.yt-short-frame:hover .yt-short-play{transform:translate(-50%,-50%) scale(1.08);background:#e53935}.yt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:yt-fade-in .2s ease}@keyframes yt-fade-in{0%{opacity:0}to{opacity:1}}.yt-modal{position:relative;width:100%;max-width:400px}.yt-modal-frame{padding:8px;border-radius:22px;box-shadow:0 12px 40px #00000080}.yt-modal-inner{width:100%;aspect-ratio:9 / 16;border-radius:15px;overflow:hidden;background:#000}.yt-modal-inner iframe{display:block;width:100%;height:100%;border:0}.yt-modal-close{position:absolute;top:-2.75rem;inset-inline-end:0;background:none;border:none;font-size:2rem;line-height:1;color:#fff;cursor:pointer;padding:.25rem .5rem}.yt-modal-close:hover{opacity:.8}::selection{background:#ffe829bf;color:currentColor;text-shadow:none}:root[data-theme=dark] ::selection{background:#00ffb56b}.spin-hero{max-width:640px;margin:0 auto;padding:120px 16px 24px;text-align:center}.spin-hero-gif{display:block;margin:0 auto 20px;width:160px;height:160px;border-radius:50%;background:var(--white)}.spin-hero h1{font-size:44px;margin:0 0 12px;color:var(--ink-strong);letter-spacing:-.02em}.spin-tagline{font-size:18px;line-height:1.5;color:var(--text-secondary);margin:0}.spin-section{max-width:760px;margin:0 auto;padding:24px 16px}.spin-section h2{font-size:20px;margin:0 0 16px;color:var(--ink-strong)}.spin-cta,.spin-maker{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.spin-cta p{margin:0;font-size:16px;color:var(--text-primary)}.spin-note{text-align:center;color:var(--ink-muted);font-size:14px;margin:0}.spin-hint{max-width:520px;color:var(--ink-muted);font-size:14px;line-height:1.5;margin:0}.spin-error{text-align:center;color:var(--danger-ink);font-size:14px;margin:12px 0 0}.spin-button{display:inline-block;border:0;border-radius:999px;padding:12px 28px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}.spin-button:hover{background:var(--accent-hover)}.spin-button:disabled{opacity:.45;cursor:default}.photo-drop{width:100%;max-width:520px;min-height:160px;box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:16px;background:var(--surface);color:var(--ink-muted);cursor:pointer;transition:border-color .15s,background .15s}.photo-drop:hover,.photo-drop--over{border-color:var(--accent);background:var(--accent-wash)}.photo-drop p{margin:0}.photo-drop-thumbs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.photo-drop-thumb{position:relative;width:88px;height:88px;border-radius:10px;overflow:hidden;background:var(--quiet-wash);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink-muted)}.photo-drop-thumb img{width:100%;height:100%;object-fit:cover}.photo-drop-thumb button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:var(--overlay);color:var(--white);font-size:15px;line-height:22px;padding:0;cursor:pointer}.photo-drop-add{font-size:28px;border:2px dashed var(--border);background:transparent;box-sizing:border-box}.spin-progress{max-width:420px;margin:0 auto}.spin-progress p{text-align:center;margin:0 0 14px;color:var(--text-primary)}.spin-progress ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.spin-progress li{padding:10px 14px 10px 38px;border-radius:10px;background:var(--surface);color:var(--ink-faint);position:relative}.spin-progress li:before{content:"";position:absolute;left:14px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2px solid currentColor;box-sizing:border-box}.spin-progress li.done{color:var(--ink-muted)}.spin-progress li.done:before{background:currentColor}.spin-progress li.now{color:var(--ink-strong);font-weight:600}.spin-progress li.now:before{border-color:var(--accent);border-top-color:transparent;animation:spin-turn .9s linear infinite}@keyframes spin-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin-progress li.now:before{animation:none;border-top-color:var(--accent)}}.spin-public{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.spin-gallery-item{display:block;width:160px;height:160px;border-radius:12px;background:var(--white)}.spin-story p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.spin-hero{padding-top:112px}.spin-hero h1{font-size:36px}}.story{max-width:680px;margin:0 auto;padding:120px 16px 40px;color:var(--text-secondary);font-size:17px;line-height:1.65}.story-head{text-align:center;margin-bottom:28px}.story-head h1{font-size:38px;line-height:1.15;margin:0 0 10px;color:var(--ink-strong);letter-spacing:-.02em}.story-dek{font-size:19px;margin:0;color:var(--ink-muted)}.story h2{font-size:24px;margin:36px 0 10px;color:var(--ink-strong)}.story h3{font-size:18px;margin:26px 0 6px;color:var(--ink-strong)}.story p{margin:0 0 14px}.story figure{margin:18px 0;text-align:center}.story figure img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px;background:var(--white)}.story figcaption{font-size:14px;color:var(--ink-muted);margin-top:6px}.story-row{display:flex;gap:16px;justify-content:center}.story-row figure{flex:0 1 260px}.story-cta{text-align:center;margin-top:32px}.spin-story{text-align:center}.spin-story p{max-width:600px;margin:0 auto}.spin-story a,.story a:not(.spin-button){color:var(--accent)}@media (max-width: 600px){.story{padding-top:104px;font-size:16px}.story-head h1{font-size:30px}}.spin-gallery-item,.story figure img.story-spin{border-radius:50%}.spin-hero.hero-section{padding:7rem 16px 1rem}.spin-hero .hero-logo{font-size:52px}@media (max-width: 600px){.spin-hero .hero-logo{font-size:44px;white-space:normal;line-height:1.1}.spin-hero .hero-logo-br{display:inline}}.spin-hero .spin-tagline{font-size:18px;margin-top:14px}.photo-drop-guides{display:flex;justify-content:center;gap:28px;color:var(--ink-faint);margin-bottom:10px}.photo-drop-guides figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}.photo-drop-guides figcaption{font-size:13px;color:var(--ink-muted)}.photo-drop p.photo-drop-title{font-size:17px;font-weight:600;color:var(--ink-strong);margin:0}.photo-drop p.photo-drop-sub{font-size:14px;color:var(--ink-muted);margin:4px 0 0}.spin-tabs{display:flex;width:fit-content;margin:0 auto 18px;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.spin-tabs button{font:inherit;font-size:.95rem;padding:.3rem .95rem;border:0;border-radius:999px;background:none;color:var(--ink);cursor:pointer}.spin-tabs button:hover{background:var(--quiet-wash);color:var(--ink-strong)}.spin-tabs button.on{background:var(--invert-bg);color:var(--invert-ink)}.spin-tabs-count{opacity:.6;margin-left:2px}.photo-drop{flex-direction:column;text-align:center}.story-list{padding-left:1.2em;margin:0 0 14px}.story-list li{margin-bottom:8px}.story-list strong{font-weight:500;color:var(--text-primary)}.story-faq dt{font-weight:500;color:var(--text-primary);margin-top:16px}.story-faq dd{margin:2px 0 0}.story{padding-top:24px}.story-title{font-size:30px;text-align:center;margin:24px 0 20px;color:var(--ink-strong)}.story-original{float:right;margin:4px 0 12px 20px}.story-original img{width:140px;height:140px}.story-gordon img{width:170px;height:auto}.spin-tagline a{color:var(--accent)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (max-width: 600px){.story-original{float:none}}.photo-drop-guides{gap:36px;margin-bottom:14px}.sketch{position:relative;display:block;height:130px}.sketch-front{width:121px}.sketch-side{width:114px}.sketch>span{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.sketch-face{background:var(--sketch-face)}.sketch-ink{background:var(--sketch-ink)}@media (max-width: 480px){.sketch{height:108px}.sketch-front{width:101px}.sketch-side{width:95px}.photo-drop-guides{gap:20px}}.spin-price a{color:var(--accent)}.spin-thumbs{display:inline-flex;border:0;background:none;padding:4px;margin-left:auto;border-radius:8px;color:#999;cursor:pointer}.spin-thumbs:hover{color:var(--accent);background:var(--accent-wash)}.spin-thumbs.on{color:var(--accent);cursor:default;background:none}.spin-feedback{max-width:480px}.spin-feedback p{margin:0 0 14px;color:var(--text-primary);line-height:1.5}.spin-feedback-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.spin-feedback-chips button{border:1px solid var(--border);border-radius:999px;padding:7px 14px;background:none;font:inherit;font-size:14px;color:var(--text-primary);cursor:pointer}.spin-feedback-chips button:hover{border-color:var(--accent)}.spin-feedback-chips button.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.spin-feedback-note{display:block;width:100%;box-sizing:border-box;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:none;color:var(--text-primary);font:inherit;font-size:14px;resize:vertical}.spin-feedback-note:focus{outline:none;border-color:var(--accent)}.spin-feedback p.spin-feedback-fine{font-size:13px;color:var(--ink-muted)}.spin-feedback-actions{text-align:center}.spin-section.spin-section-wide{width:100%;max-width:1280px;box-sizing:border-box}.spin-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px 16px}.spin-gallery-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:none;background:none;cursor:pointer;color:var(--ink);font:inherit}.spin-gallery-tile .spin-gallery-item{width:100%;max-width:150px;object-fit:cover;height:auto;aspect-ratio:1;transition:transform .2s ease,box-shadow .2s ease}.spin-gallery-tile:hover .spin-gallery-item,.spin-gallery-tile:focus-visible .spin-gallery-item{transform:scale(1.04);box-shadow:var(--shadow-panel)}.spin-gallery-tile:focus-visible{outline:none}@media (max-width: 600px){.spin-gallery{grid-template-columns:repeat(3,1fr);gap:16px 10px}}.spin-lightbox{position:relative;display:flex;align-items:stretch;flex:0 1 700px;min-width:0;max-height:calc(100dvh - 4rem);overflow:auto;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-modal)}.spin-lightbox-stage{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:20px}.spin-lightbox-stage :is(img,video){display:block;width:min(320px,50vh);object-fit:cover;height:auto;aspect-ratio:1;border-radius:50%}.spin-lightbox-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:32px 24px 20px;text-align:left}.spin-lightbox-info h2{margin:0;font-size:22px;line-height:1.2;color:var(--ink-strong)}.spin-lightbox-info p{margin:0;color:var(--text-secondary, var(--ink));line-height:1.55;font-size:15px}.spin-lightbox-link{align-self:flex-start;color:var(--accent);font-weight:600;text-decoration:none}.spin-lightbox-link:hover{text-decoration:underline}.spin-lightbox-info .spin-lightbox-count{margin-top:auto;font-size:13px;color:var(--ink-muted)}.spin-lightbox-close{position:absolute;top:10px;right:12px;z-index:1}.spin-lightbox-step{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0 12px;border:none;border-radius:50%;background:var(--surface);color:var(--ink-strong);cursor:pointer;box-shadow:var(--shadow-panel)}.spin-lightbox-step:disabled{opacity:0;pointer-events:none}.spin-profile-form{display:flex;flex-direction:column;gap:12px}.spin-profile-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink-muted)}.spin-profile-form input,.spin-profile-form textarea{font:inherit;font-size:15px;font-weight:400;padding:8px 10px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);color:var(--ink-strong);resize:vertical}.spin-profile-form .spin-button{align-self:flex-start}.spin-actions{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--hairline);font-size:14px}.spin-downloads{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.spin-downloads span{color:var(--ink-muted);margin-right:2px}.spin-downloads a{padding:4px 10px;border:1px solid var(--hairline);border-radius:999px;color:var(--ink-strong);text-decoration:none;white-space:nowrap}.spin-downloads a:hover{border-color:var(--accent);color:var(--accent)}.spin-actions-row{display:flex;align-items:center;gap:12px;color:var(--ink)}.spin-profile-hint{font-size:13px!important;color:var(--ink-muted)!important}@media (max-width: 760px){.spin-lightbox-overlay{padding:12px}.spin-lightbox{flex-direction:column}.spin-lightbox-stage{padding:16px}.spin-lightbox-stage :is(img,video){width:min(64vw,38vh)}.spin-lightbox-info{padding:18px 20px 20px}.spin-lightbox-info h2{font-size:22px}.spin-lightbox-step{display:none}}.spin-section-wide>h2{text-align:center}.story h2{clear:both;margin-top:44px}.story .story-title{margin-top:32px}.story-original{margin:6px 0 18px 32px}.story-original figcaption{max-width:170px;margin-left:auto;margin-right:auto}.story-gordon picture{display:block;padding:10px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-panel)}.story-gordon img{border-radius:8px}.story-original video{display:block;width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto}.story-row figure{flex:0 1 200px}.story-row figure video{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover}.story-wide{margin:22px 0 28px}.story-list li strong{color:var(--ink-strong);font-weight:600}.story-faq dt{color:var(--ink-strong);font-weight:600;margin-top:20px}.story-cta{margin:28px 0 8px}@media (max-width: 600px){.story-original{float:none;margin:18px auto}}