.nav-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:8px;margin-left:auto}.theme-toggle[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--color-text-secondary, #5f6368);transition:all .2s ease}.theme-toggle[data-astro-cid-3ef6ksr2]:hover{background:var(--color-bg-tertiary, #f8f9fa);color:var(--color-primary-blue, #4285f4)}.sun-icon[data-astro-cid-3ef6ksr2]{display:none}.moon-icon[data-astro-cid-3ef6ksr2],[data-astro-cid-3ef6ksr2][data-theme=dark] .sun-icon[data-astro-cid-3ef6ksr2]{display:block}[data-astro-cid-3ef6ksr2][data-theme=dark] .moon-icon[data-astro-cid-3ef6ksr2]{display:none}[data-astro-cid-3ef6ksr2][data-theme=dark] .theme-toggle[data-astro-cid-3ef6ksr2]:hover{background:var(--color-bg-tertiary)}.cookie-banner[data-astro-cid-garwan2p]{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-primary, rgba(255, 255, 255, .98));border-top:1px solid var(--color-border-light, rgba(0, 0, 0, .1));box-shadow:0 -4px 20px #0000001a;z-index:9999;padding:1rem}.cookie-content[data-astro-cid-garwan2p]{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.cookie-text[data-astro-cid-garwan2p]{flex:1;min-width:280px}.cookie-text[data-astro-cid-garwan2p] h3[data-astro-cid-garwan2p]{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text-primary, #1a1a1a)}.cookie-text[data-astro-cid-garwan2p] p[data-astro-cid-garwan2p]{font-size:.875rem;color:var(--color-text-secondary, #5f6368);margin:0;line-height:1.5}.cookie-text[data-astro-cid-garwan2p] a[data-astro-cid-garwan2p]{color:var(--color-primary-green, #4a8ae6);text-decoration:none}.cookie-text[data-astro-cid-garwan2p] a[data-astro-cid-garwan2p]:hover{text-decoration:underline}.cookie-actions[data-astro-cid-garwan2p]{display:flex;gap:.5rem;flex-wrap:wrap}.cookie-btn[data-astro-cid-garwan2p]{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cookie-btn-primary[data-astro-cid-garwan2p]{background:#4a8ae6;color:#fff}.cookie-btn-primary[data-astro-cid-garwan2p]:hover{background:#3a6fc2}.cookie-btn-secondary[data-astro-cid-garwan2p]{background:transparent;color:var(--color-text-primary, #1a1a1a);border:1px solid var(--color-border-medium, #e0e0e0)}.cookie-btn-secondary[data-astro-cid-garwan2p]:hover{background:var(--color-bg-tertiary, #f8f9fa)}.cookie-customize[data-astro-cid-garwan2p]{max-width:1200px;margin:1rem auto 0;padding-top:1rem;border-top:1px solid var(--color-border-light, rgba(0, 0, 0, .1))}.cookie-options[data-astro-cid-garwan2p]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cookie-option[data-astro-cid-garwan2p]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-bg-tertiary, #f8f9fa);border-radius:8px;cursor:pointer}.cookie-option-info[data-astro-cid-garwan2p]{display:flex;flex-direction:column;gap:.125rem}.cookie-option-title[data-astro-cid-garwan2p]{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1a1a1a)}.cookie-option-desc[data-astro-cid-garwan2p]{font-size:.75rem;color:var(--color-text-secondary, #5f6368)}.cookie-option[data-astro-cid-garwan2p] input[data-astro-cid-garwan2p]{display:none}.cookie-toggle[data-astro-cid-garwan2p]{width:44px;height:24px;background:#ccc;border-radius:12px;position:relative;transition:background .2s ease;flex-shrink:0}.cookie-toggle[data-astro-cid-garwan2p]:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.cookie-option[data-astro-cid-garwan2p] input[data-astro-cid-garwan2p]:checked+.cookie-toggle[data-astro-cid-garwan2p]{background:var(--color-primary-green, #4a8ae6)}.cookie-option[data-astro-cid-garwan2p] input[data-astro-cid-garwan2p]:checked+.cookie-toggle[data-astro-cid-garwan2p]:after{transform:translate(20px)}.cookie-toggle-disabled[data-astro-cid-garwan2p]{opacity:.6;cursor:not-allowed}.cookie-customize-actions[data-astro-cid-garwan2p]{display:flex;justify-content:flex-end}.cookie-settings-btn[data-astro-cid-garwan2p]{position:fixed;bottom:1rem;left:1rem;width:44px;height:44px;border-radius:50%;background:var(--color-bg-primary, white);border:1px solid var(--color-border-medium, #e0e0e0);box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #5f6368);transition:all .2s ease;z-index:9998}.cookie-settings-btn[data-astro-cid-garwan2p]:hover{background:var(--color-bg-tertiary, #f8f9fa);color:var(--color-text-primary, #1a1a1a)}@media (max-width: 600px){.cookie-content[data-astro-cid-garwan2p]{flex-direction:column;align-items:stretch}.cookie-actions[data-astro-cid-garwan2p]{justify-content:stretch}.cookie-btn[data-astro-cid-garwan2p]{flex:1;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}.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}:root{--bg: #fff;--surface: #fff;--ink: #1a1a1a;--body: #5f6368;--desc: #374151;--muted: #9aa0aa;--faint: #8a8f99;--sep: #b8bcc2;--arrow: #d1d5db;--border: #dfe5ee;--input-border: #dfe1e5;--hairline: #e5e7eb;--band: #f4f7fc;--band-line: #e2e8f2;--hover-bg: #f8f9fa;--link: #4a8ae6;--link-hover: #3a6fc2;--ad-border: #e6ebf4;--ad-bg: #fafbfd;--ad-label: #a8aeb8;--ad-text: #b6bcc7;--stripe: #f4f5f7;--error: #d93025;--success: #34a853;--qr-grad: linear-gradient(135deg, #222222, #666666);--brand-grad: linear-gradient(135deg, #4285f4, #34a853);--shadow: rgba(32, 33, 36, .28);--shadow-soft: rgba(32, 33, 36, .1);--font-mono: "IBM Plex Mono", "SF Mono", Monaco, Consolas, monospace;--color-primary-blue: #4285f4;--color-primary-green: #4a8ae6;--color-primary-red: #ea4335;--color-primary-yellow: #fbbc04;--color-success: #4a8ae6;--color-error: #ea4335;--color-warning: #ff9800;--color-info: #4285f4;--color-text-primary: #1a1a1a;--color-text-secondary: #5f6368;--color-text-muted: #999;--color-text-light: #666;--color-text-white: #fff;--color-bg-primary: rgba(255, 255, 255, .95);--color-bg-secondary: rgba(255, 255, 255, .8);--color-bg-tertiary: #f8f9fa;--color-bg-dark: rgba(26, 26, 26, .95);--color-bg-light: #f0f0f0;--color-border-light: rgba(0, 0, 0, .1);--color-border-medium: #e0e0e0;--color-border-muted: #bdc1c6;--gradient-primary: linear-gradient(135deg, var(--color-primary-blue), var(--color-primary-green));--gradient-success: linear-gradient(135deg, var(--color-primary-green) 0%, #137333 100%);--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 30px;--space-4xl: 40px;--space-5xl: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 15px;--radius-2xl: 20px;--radius-full: 50px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .15);--shadow-2xl: 0 8px 32px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 15px rgba(66, 133, 244, .3);--shadow-primary-hover: 0 6px 20px rgba(66, 133, 244, .4);--shadow-success: 0 4px 15px rgba(52, 168, 83, .3);--shadow-success-hover: 0 6px 20px rgba(52, 168, 83, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-all-fast: all .2s ease;--transition-all-normal: all .3s ease;--transition-all-slow: all .5s ease;--font-family-primary: "Poppins", sans-serif;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-md: 1.1rem;--font-size-lg: 1.3rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.7;--max-width-content: 600px;--max-width-container: 1000px;--max-width-wide: 1200px;--header-height: 60px;--nav-padding: 20px;--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-fixed: 1000;--z-modal: 10000;--opacity-disabled: .6;--opacity-hover: .8;--backdrop-blur: blur(10px)}[data-theme=dark]{--bg: #1a1a1e;--surface: #252530;--ink: #f0f0f0;--body: #a0a0a0;--desc: #a0a0a0;--muted: #6f7480;--faint: #8a8f99;--sep: #55585f;--arrow: #4a4a54;--border: #3a3a44;--input-border: #3a3a44;--hairline: #33333d;--band: #202027;--band-line: #33333d;--hover-bg: #252530;--link: #5b9bf0;--link-hover: #7cb0f4;--ad-border: #33333d;--ad-bg: #202027;--ad-label: #6d7280;--ad-text: #6d7280;--stripe: #2c2c36;--error: #f28b82;--success: #4cba6b;--qr-grad: linear-gradient(135deg, #cccccc, #888888);--shadow: rgba(0, 0, 0, .5);--shadow-soft: rgba(0, 0, 0, .4);--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-text-muted: #888;--color-text-light: #999;--color-bg-primary: rgba(26, 26, 30, .98);--color-bg-secondary: rgba(30, 30, 36, .95);--color-bg-tertiary: #252530;--color-bg-dark: rgba(240, 240, 240, .95);--color-bg-light: #1e1e24;--color-border-light: rgba(255, 255, 255, .1);--color-border-medium: #3a3a44;--color-border-muted: #4a4a54;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 15px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .5);--shadow-2xl: 0 8px 32px rgba(0, 0, 0, .4)}html,body{overflow-x:visible;width:100%;max-width:100%}input,textarea,select,button{font-family:inherit}body{font-family:Poppins,sans-serif;background:var(--bg);min-height:100vh;margin:0;padding:0;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gentleSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-header{position:relative;background:var(--bg);padding:0 28px;transition:background-color .3s ease}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-left{flex-shrink:0}.nav-logo{text-decoration:none;color:#4a8ae6;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.logo-stack{background:linear-gradient(135deg,#4285f4,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-qr{background:linear-gradient(135deg,#222,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-center{display:flex;justify-content:flex-end;gap:8px;flex:1}.nav-link{text-decoration:none;color:var(--body);font-size:.9rem;font-weight:400;padding:8px 12px;border-radius:4px;transition:all .2s ease;position:relative}.nav-link:hover{color:#4a8ae6;background:#4a8ae61a}.nav-link:active{background:#4285f433}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:4px}.hamburger{width:20px;height:2px;background:#5f6368;transition:all .3s ease;border-radius:1px}.mobile-menu-btn.is-open .hamburger:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.is-open .hamburger:nth-child(2){opacity:0}.mobile-menu-btn.is-open .hamburger:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-btn:hover .hamburger{background:#4a8ae6}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fffffffa;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);padding:20px;flex-direction:column;gap:16px}.mobile-menu.show{display:flex}.mobile-nav-link{text-decoration:none;color:#5f6368;font-size:1rem;font-weight:400;padding:12px 16px;border-radius:8px;transition:all .2s ease}.mobile-nav-link:hover{color:#4a8ae6;background:#4a8ae61a}.footer{background:#1a1a1af2;color:#fff;padding:40px 20px 30px;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1.25rem}.footer-links a{color:#bdc1c6;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#4a8ae6}.footer-social{display:flex;justify-content:center;gap:1.25rem;margin-bottom:1.25rem}.footer-social a{color:#bdc1c6;display:inline-flex;transition:color .2s ease}.footer-social a:hover{color:#4a8ae6}.footer-privacy{margin-bottom:1.25rem}.footer-privacy a{color:#b0b0b0;text-decoration:none;font-size:.8rem;transition:color .2s ease}.footer-privacy a:hover{color:#4a8ae6}.footer-badge{margin-bottom:1.25rem;display:flex;justify-content:center}.footer-badge img{display:block}.footer-copyright p{font-size:.8rem;color:#a0a0a0;margin:0}.container{background:var(--bg);padding:24px 40px 80px;text-align:center;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;overflow-x:visible}.content-section{padding:40px}.section-container{max-width:1080px;margin:0 auto;text-align:left}.content-section h1{font-size:2.2rem;font-weight:800;color:var(--ink);margin-bottom:30px;text-align:center}.content-section h2{font-size:1.8rem;font-weight:800;color:var(--ink);margin-bottom:20px}.content-section h3{font-size:1.4rem;font-weight:800;color:var(--ink)}.content-section h4{font-size:1.1rem;font-weight:800;color:var(--ink)}.content-section p{font-size:1rem;line-height:1.75;color:var(--body);max-width:70ch;margin-bottom:30px;text-align:left;transition:color .3s ease}.content-section a:not(.nav-link):not(.btn-example){color:var(--link);text-decoration:none;font-weight:500;transition:color .2s ease}.content-section a:not(.nav-link):not(.btn-example):hover{color:var(--link-hover)}@media (max-width: 768px){.nav-center{display:none}.mobile-menu-btn{display:flex}.nav-container{padding:0 16px}.content-section{padding:60px 15px}.content-section h1{font-size:1.9rem}.content-section h2{font-size:1.5rem}.content-section h3{font-size:1.25rem}.content-section h4{font-size:1.05rem}.footer-links{gap:.4rem 1rem}}@media (max-width: 480px){.nav-header{padding:0 12px}.nav-container{height:56px}.nav-logo{font-size:1.3rem}.content-section{padding:40px 10px}.content-section h1{font-size:1.6rem}.content-section h2{font-size:1.35rem}.content-section h3{font-size:1.15rem}.content-section h4{font-size:1rem}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){.nav-center{display:none}.mobile-menu-btn{display:flex}.nav-container{padding:0 16px;height:50px}.nav-logo{font-size:1.2rem}}[data-theme=dark] .nav-header{background:var(--bg)}[data-theme=dark] .logo-qr{background:linear-gradient(135deg,#ccc,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .nav-link{color:#a0a0a0}[data-theme=dark] .nav-link:hover{color:#5b9bf0;background:#4a8ae626}[data-theme=dark] .hamburger{background:#a0a0a0}[data-theme=dark] .mobile-menu{background:#1a1a1efa;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .mobile-nav-link{color:#a0a0a0}[data-theme=dark] .mobile-nav-link:hover{color:#5b9bf0;background:#4a8ae626}[data-theme=dark] .container,[data-theme=dark] .content-section{background:var(--bg)}[data-theme=dark] .content-section h1,[data-theme=dark] .content-section h2,[data-theme=dark] .content-section h3,[data-theme=dark] .content-section h4{color:#f0f0f0}[data-theme=dark] .content-section p{color:#a0a0a0}[data-theme=dark] .footer{background:#121216fa;border-top:1px solid rgba(255,255,255,.05)}.main-content{background:#fffc;border-radius:20px;padding:40px;max-width:720px;width:100%;margin:0 auto;box-sizing:border-box;overflow-x:visible}.brand-text{font-size:2.5rem;font-size:clamp(32px,7vw,100px);font-weight:800;letter-spacing:-.02em;margin:0 0 4px;transform:translateY(1px);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.benefit-chips{color:#5f6368;margin:0 auto;padding:0 12px;font-size:.95rem;font-weight:400;text-align:center;max-width:720px;line-height:1.6;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px}.benefit-chip{white-space:nowrap}.benefit-check{color:#34a853;font-weight:700;margin-right:4px}.benefit-sep{color:#b8bcc2;user-select:none}.subtitle{color:#666;font-size:1.1rem;font-weight:300;text-align:center;max-width:720px;margin:36px auto 50px;transform:translate(-10px);overflow:visible}.dynamic-text-wrapper{display:inline-block;width:60px;min-width:60px;overflow:visible;position:relative}.dynamic-text{display:inline-block;white-space:nowrap;text-align:left;font-weight:600;color:#4285f4;background:linear-gradient(135deg,#4285f4,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .5s ease-in-out}.input-container{position:relative;margin-bottom:30px}.prompt-input{width:100%;padding:20px 25px;border:2px solid #e0e0e0;border-radius:50px;font-size:1.1rem;outline:none;transition:all .3s ease;background:#fff;box-sizing:border-box;max-width:100%}.prompt-input:focus{border-color:#4a8ae6;box-shadow:0 0 0 3px #4285f41a}.prompt-input::placeholder{color:#bdc1c6}.generate-btn{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:30px;box-shadow:0 4px 15px #4285f44d;position:relative;z-index:10}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading{display:none;margin:20px 0}.loading.is-visible{display:block}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4a8ae6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.progress-container{margin-top:20px;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.progress-bar-track{width:100%;height:8px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:10px;transition:width .3s ease;width:0%}.progress-text{font-size:.9rem;color:#5f6368;text-align:center;font-weight:500}.qr-main-container{opacity:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;pointer-events:none;position:relative;z-index:1;padding-bottom:40px}.qr-main-container.show{opacity:1;visibility:visible;pointer-events:auto;display:block}.qr-code{background:#fff;padding:20px;border-radius:15px;display:inline-block}.qr-container{opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column;align-items:center;padding:20px;perspective:1000px}.qr-main-container.show .qr-container.show{opacity:1!important;display:flex!important;visibility:visible!important}@media (max-width: 768px){.qr-code{padding:5px;max-width:100%}.qr-container{padding:10px 2px;max-width:100%}}.edit-form-wrapper{width:100%;background:transparent;border-radius:12px}.edit-form-title{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 20px;text-align:center}.edit-form-errors{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;margin-bottom:16px;color:#c33}.edit-form-errors .error-item{font-size:.9rem;margin:4px 0}.edit-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.9rem;font-weight:500;color:#333}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-input.field-error,.form-select.field-error{border-color:#ff9800;background-color:#fff9f0}.form-input.field-error:focus,.form-select.field-error:focus{border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.form-input.field-success,.form-select.field-success{border-color:#4a8ae6;padding-right:36px}.form-input.field-success:focus,.form-select.field-success:focus{border-color:#4a8ae6;box-shadow:0 0 0 3px #4a8ae61a}.form-input::placeholder{color:#bdc1c6}.field-error-message{font-size:.8rem;color:#f57c00;margin-top:4px;display:flex;align-items:center;gap:4px;animation:gentleSlideIn .2s ease}.field-error-message:before{content:"⚠";font-size:.9rem;color:#ff9800}.field-hint-message{font-size:.75rem;color:#999;margin-top:4px;font-style:italic;animation:gentleSlideIn .2s ease}.field-success-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#4a8ae6;font-size:1.2rem;font-weight:700;animation:successPop .3s ease;pointer-events:none}@keyframes successPop{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{transform:translateY(-50%) scale(1.1)}to{opacity:1;transform:translateY(-50%) scale(1)}}textarea.form-input{resize:vertical;min-height:80px}.form-help{font-size:.8rem;color:#666;font-style:italic}.form-field-checkbox{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#333}.form-checkbox{width:18px;height:18px;cursor:pointer}.edit-form-actions{display:flex;justify-content:center;margin-top:20px}.edit-form-save{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;padding:12px 32px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4285f44d}.edit-form-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.edit-form-save:active:not(:disabled){transform:translateY(0)}.edit-form-save:disabled{opacity:.6;cursor:not-allowed}.qr-container .qr-info{color:#333;font-size:.9rem;text-align:center;margin-bottom:15px;padding:10px 20px;background:#f0f0f0;border-radius:20px;word-break:break-word;display:block;border:1px solid rgba(0,0,0,.1)}.download-buttons{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.download-btn{background:linear-gradient(135deg,#34a853,#4285f4);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:15px;box-shadow:0 4px 15px #4a8ae64d;display:none;margin-left:auto;margin-right:auto;max-width:100%}.download-btn.is-visible{display:block}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #34a85366}.download-btn:active{transform:translateY(0)}.qr-container .download-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.qr-container .download-btn:hover{box-shadow:0 6px 20px #667eea66}.download-all-btn{background:linear-gradient(135deg,#34a853,#137333);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #4a8ae64d;min-width:160px;max-width:100%;display:none}.download-all-btn.is-visible{display:inline-block}.download-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #34a85366}.download-all-btn:active{transform:translateY(0)}.download-all-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.download-all-btn:disabled:hover{transform:none}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-btn:hover{border-color:#cbd5e1;background:#f8fafc}.share-btn:focus{outline:2px solid #4285f4;outline-offset:2px}.share-btn svg{flex-shrink:0}@media (max-width: 768px){.share-btn{padding:6px 10px;font-size:.75rem}}@media (max-width: 480px){.share-btn{padding:6px 8px}.share-btn svg{width:14px;height:14px}}.examples{padding-top:30px;border-top:1px solid #e0e0e0}.examples h3,.examples .examples-heading{color:#666;font-size:1rem;font-weight:400;margin-bottom:15px;text-align:center}.example-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.example-tag{background:#f0f0f0;color:#666;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.example-tag:hover{background:#4a8ae6;color:#fff}.info-section{padding:64px 40px 60px;margin:0 auto;max-width:1080px;width:100%;box-sizing:border-box}.info-section h2{font-size:2rem;font-weight:800;color:#1a1a1a;margin:0 0 30px;text-align:center}.info-content p{font-size:1rem;color:#5f6368;line-height:1.7;margin:0 auto 16px;text-align:left;max-width:70ch}.info-content p:last-child{margin-bottom:0}.home-guides-list{max-width:760px;margin:28px auto 0;text-align:left}.home-guides-list *{text-align:left}.home-guides-more{max-width:720px;margin:20px auto 0;text-align:center;font-weight:600}.value-props{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 899px){.value-props{grid-template-columns:repeat(2,1fr)}}.value-prop{background:#ffffffe6;border-radius:15px;padding:24px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(66,133,244,.1)}.value-prop h3{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 15px}.value-prop p{font-size:1rem;color:#5f6368;line-height:1.7;margin:0;text-align:left}@media (max-width: 600px){.info-section{padding:0 20px 40px;margin-top:30px}.info-section h2{font-size:1.5rem}.value-prop h3{font-size:1.25rem}.value-props{grid-template-columns:1fr;gap:16px}.value-prop{padding:24px}}@media (max-width: 480px){.info-section h2{font-size:1.35rem}.value-prop h3{font-size:1.15rem}}.error-container{background:#fef7f7;border:1px solid #f5c2c7;border-left:4px solid #ea4335;border-radius:12px;padding:24px;margin-top:20px;animation:gentleSlideIn .3s ease-out;display:flex;flex-direction:column;gap:16px;max-width:500px;margin-left:auto;margin-right:auto}.error-icon{font-size:2.5rem;text-align:center}.error-content{display:flex;flex-direction:column;gap:8px}.error-message{color:#ea4335;font-size:1.1rem;font-weight:600;text-align:center}.error-help{color:#5f6368;font-size:.95rem;line-height:1.5;text-align:center}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.error-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.error-btn-retry{background:#4285f4;color:#fff;box-shadow:0 2px 8px #4285f44d}.error-btn-retry:hover{background:#3367d6;transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.error-btn-dismiss{background:#e0e0e0;color:#5f6368}.error-btn-dismiss:hover{background:#bdbdbd;transform:translateY(-1px)}.error-btn:active{transform:translateY(0)}.error{color:#ea4335;background:#fef7f7;padding:15px;border-radius:10px;margin-top:20px;border-left:4px solid #ea4335}.suggestion{color:#5f6368;background:#f8f9fa;padding:20px;border-radius:12px;margin-top:20px;border-left:4px solid #4a8ae6;box-shadow:0 2px 8px #4285f41a;position:relative;animation:gentleSlideIn .3s ease-out}.suggestion:before{content:"💡";position:absolute;left:-8px;top:50%;transform:translateY(-50%);font-size:1.2rem;background:#4a8ae6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #4285f44d}.suggestion-text{font-size:1rem;line-height:1.5;margin:0;font-weight:400}.keyboard-shortcuts-hint{position:fixed;bottom:20px;right:20px;background:#4285f4f2;backdrop-filter:blur(10px);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 20px #4285f466;z-index:1000;animation:gentleSlideIn .3s ease-out;opacity:1;transition:opacity .3s ease;max-width:350px}.hint-content{display:flex;align-items:center;gap:12px}.hint-icon{font-size:1.5rem}.hint-text{flex:1;font-size:.9rem;line-height:1.4}.hint-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:4px;line-height:1}.hint-close:hover{opacity:1}kbd{display:inline-block;padding:3px 8px;font-size:.85em;line-height:1;color:#333;background:#ffffffe6;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 1px 2px #0000001a;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500;white-space:nowrap}@media (max-width: 768px){.keyboard-shortcuts-hint{display:none}}.about-intro,.about-story,.about-creator,.about-how-it-works,.about-privacy{margin-bottom:40px}.about-intro h3,.about-story h3,.about-creator h3,.about-how-it-works h3,.about-privacy h3{font-size:1.4rem;font-weight:800;color:#666;margin-bottom:15px}.about-intro p,.about-story p,.about-creator p,.about-how-it-works p,.about-privacy p{font-size:1.1rem;color:#5f6368;line-height:1.7;margin-bottom:16px;text-align:left}.about-how-it-works ul{margin:15px 0;padding-left:0;list-style:none;text-align:left}.about-how-it-works li{font-size:1rem;color:#5f6368;line-height:1.7;margin-bottom:12px;padding-left:28px;position:relative;text-align:left}.about-how-it-works li:before{content:"✓";position:absolute;left:0;color:#34a853;font-weight:600;font-size:1rem}.about-how-it-works li strong{color:#1a1a1a}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.feature-card{background:#ffffffe6;padding:30px;border-radius:15px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:1px solid rgba(66,133,244,.1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:#4285f44d}.feature-card h3{font-size:1.4rem;font-weight:800;color:#666;margin-bottom:15px}.feature-card p{font-size:1rem;color:#5f6368;line-height:1.6;margin:0}.features-list{display:grid;gap:30px;margin-top:40px}.feature-item{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.08)}.feature-item:last-child{border-bottom:none}.feature-item h3{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:15px}.feature-item h4{font-size:1.1rem;font-weight:800;color:#1a1a1a;margin:20px 0 10px}.feature-item p{font-size:1.1rem;color:#5f6368;line-height:1.7;margin:0;text-align:left}.feature-item ul{margin:15px 0;padding-left:0;list-style:none;text-align:left}.feature-item li{font-size:1rem;color:#5f6368;line-height:1.7;margin-bottom:12px;padding-left:28px;position:relative;text-align:left}.feature-item li:before{content:"✓";position:absolute;left:0;color:#34a853;font-weight:600;font-size:1rem}.feature-item li strong{color:#1a1a1a}.tutorial-steps{display:grid;gap:40px;margin-top:40px}.step{display:flex;align-items:flex-start;gap:30px;background:#ffffffe6;padding:40px;border-radius:20px;box-shadow:0 4px 20px #0000001a}.step-number{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:1.4rem;font-weight:800;color:#666;margin-bottom:15px}.step-content p{font-size:1.1rem;color:#5f6368;line-height:1.7;margin-bottom:15px;text-align:left}.step-content ul{margin:0;padding-left:20px;text-align:left}.step-content li{font-size:1rem;color:#5f6368;line-height:1.6;margin-bottom:8px}.faq-list{display:grid;gap:25px;margin-top:40px}.faq-item{background:#ffffffe6;padding:30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(66,133,244,.1)}.faq-item h3{font-size:1.4rem;font-weight:800;color:#666;margin-bottom:15px}.faq-item p{font-size:1.1rem;color:#5f6368;line-height:1.7;margin:0;text-align:left}.faq-item ul{margin:15px 0 0;padding-left:0;list-style:none;text-align:left}.faq-item li{font-size:1rem;color:#5f6368;line-height:1.7;margin-bottom:10px;padding-left:28px;position:relative;text-align:left}.faq-item li:before{content:"✓";position:absolute;left:0;color:#34a853;font-weight:600;font-size:1rem}.legal-content{text-align:left;max-width:800px;margin:0 auto}.legal-content h3{font-size:1.4rem;font-weight:800;color:#666;margin:30px 0 15px}.legal-content p{font-size:1.1rem;color:#5f6368;line-height:1.7;margin-bottom:20px;text-align:left}.legal-content .last-updated{text-align:center;margin-bottom:30px}.legal-content ul{margin:15px 0;padding-left:20px;text-align:left}.legal-content li{font-size:1.1rem;color:#5f6368;line-height:1.7;margin-bottom:8px}.contact-content{text-align:center}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:40px 0}.contact-method{background:#ffffffe6;padding:30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(66,133,244,.1)}.contact-method h3{font-size:1.4rem;font-weight:800;color:#666;margin-bottom:15px}.contact-method p{font-size:1rem;color:#5f6368;line-height:1.6;margin-bottom:15px}@media (max-width: 600px){.container{padding:80px 15px 40px}.main-content{padding:30px 20px;max-width:100%;box-sizing:border-box}.prompt-input{padding:15px 20px;font-size:1rem}.benefit-chips{font-size:.85rem;gap:4px 10px;margin-top:10px}.subtitle{margin-top:24px;margin-bottom:30px;font-size:1rem;max-width:100%;padding:0 10px;transform:none}.dynamic-text-wrapper{display:block;width:auto;min-width:0;margin-top:4px}.dynamic-text{display:block;font-size:1rem;text-align:center}.examples{margin-top:30px}.suggestion{padding:16px;margin-top:15px}.suggestion:before{width:20px;height:20px;font-size:1rem}.suggestion-text{font-size:.9rem;line-height:1.4}.brand-text{font-size:clamp(20px,9vw,36px)}.qr-code{padding:3px;max-width:97%}.qr-main-container{max-width:100%;padding:0}}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr;gap:20px}.step{flex-direction:column;text-align:center;padding:30px 20px}.step-number{margin:0 auto}.contact-methods{grid-template-columns:1fr;gap:20px}.qr-container{padding:15px}.edit-form-wrapper{padding:16px}.edit-form-title{font-size:1.1rem}.form-input,.form-select,textarea.form-input{font-size:16px}}@media (max-width: 480px){.feature-card,.feature-item,.faq-item,.contact-method{padding:20px}.step{padding:20px 15px}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){.container{padding:70px 15px 40px;justify-content:flex-start}.main-content{padding:20px 15px;margin-top:0}.brand-text{font-size:clamp(20px,5vw,36px)}.subtitle{margin-top:10px;margin-bottom:20px}}.format-dialog{position:fixed;inset:0;z-index:var(--z-modal, 10000);display:flex;align-items:center;justify-content:center}.format-dialog[hidden]{display:none}.format-dialog-overlay{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.format-dialog-content{position:relative;background:#fff;border-radius:16px;padding:24px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;animation:dialogSlideIn .2s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.format-dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:#f0f0f0;color:#666;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.format-dialog-close:hover{background:#e0e0e0;color:#333}.format-dialog-content h2{margin:0 0 16px;font-size:1.1rem;color:#333;font-weight:600}.format-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.format-option{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center;flex:1;min-width:70px}.format-option:hover{border-color:#4285f4;background:#4285f40d}.format-option:active{background:#4285f41a}.format-option-recommended{border-color:#4a8ae6;background:#4a8ae60a}.format-option-recommended .format-desc{color:#4a8ae6;font-weight:500}.format-name{font-weight:600;color:#333;font-size:.9rem}.format-desc{font-size:.65rem;color:#999;line-height:1.2;margin-top:2px}@media (max-width: 480px){.format-dialog-content{padding:20px}.format-options{gap:6px}.format-option{padding:8px 10px;min-width:56px}.format-name{font-size:.8rem}.format-desc{display:none}}.ad-placement{display:flex;justify-content:center;margin:1.5rem 0;contain:layout}.ad-header-desktop,.ad-footer-desktop{display:flex;min-height:90px}.ad-header-mobile,.ad-footer-mobile{display:none;min-height:50px}@media (max-width: 768px){.ad-header-desktop,.ad-footer-desktop{display:none}.ad-header-mobile,.ad-footer-mobile{display:flex}}[data-theme=dark] .main-content{background:#1a1a1efa}[data-theme=dark] .subtitle{color:#a0a0a0}[data-theme=dark] .prompt-input{background:#252530;border-color:#3a3a44;color:#f0f0f0}[data-theme=dark] .prompt-input::placeholder{color:#55575e}[data-theme=dark] .prompt-input:focus{border-color:#4a8ae6;box-shadow:0 0 0 3px #4a8ae633}[data-theme=dark] .qr-code{background:#1a1a1efa}[data-theme=dark] .qr-container .qr-info{background:#252530;color:#a0a0a0;border-color:#ffffff1a}[data-theme=dark] .edit-form-wrapper{background:transparent}[data-theme=dark] .edit-form-title{color:#f0f0f0}[data-theme=dark] .form-label{color:#a0a0a0}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#1e1e24;border-color:#3a3a44;color:#f0f0f0}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f433}[data-theme=dark] .form-input::placeholder{color:#55575e}[data-theme=dark] .share-btn{background:#252530;border-color:#3a3a44;color:#a0a0a0}[data-theme=dark] .share-btn:hover{background:#2a2a34;border-color:#4a4a54}[data-theme=dark] .examples{border-top-color:#3a3a44}[data-theme=dark] .examples h3,[data-theme=dark] .examples .examples-heading{color:#a0a0a0}[data-theme=dark] .example-tag{background:#252530;color:#a0a0a0}[data-theme=dark] .example-tag:hover{background:#4a8ae6;color:#fff}[data-theme=dark] .info-section{background:#1a1a1efa}[data-theme=dark] .info-section h2{color:#f0f0f0}[data-theme=dark] .info-content p{color:#a0a0a0}[data-theme=dark] .value-prop{background:#282830e6;border-color:#4285f426}[data-theme=dark] .value-prop h3{color:#f0f0f0}[data-theme=dark] .value-prop p{color:#a0a0a0}[data-theme=dark] .feature-card{background:#282830e6;border-color:#4285f426}[data-theme=dark] .feature-item{border-bottom-color:#ffffff1a}[data-theme=dark] .feature-card h3,[data-theme=dark] .feature-item h3,[data-theme=dark] .feature-item h4{color:#f0f0f0}[data-theme=dark] .feature-card p,[data-theme=dark] .feature-item p,[data-theme=dark] .feature-item li{color:#a0a0a0}[data-theme=dark] .feature-item li strong{color:#f0f0f0}[data-theme=dark] .faq-item{background:#282830e6;border-color:#4285f426}[data-theme=dark] .faq-item h3{color:#f0f0f0}[data-theme=dark] .faq-item p,[data-theme=dark] .faq-item li{color:#a0a0a0}[data-theme=dark] .step{background:#282830e6}[data-theme=dark] .step-content h3{color:#f0f0f0}[data-theme=dark] .step-content p,[data-theme=dark] .step-content li{color:#a0a0a0}[data-theme=dark] .legal-content h3{color:#f0f0f0}[data-theme=dark] .legal-content p,[data-theme=dark] .legal-content li{color:#a0a0a0}[data-theme=dark] .contact-method{background:#282830e6;border-color:#4285f426}[data-theme=dark] .contact-method h3{color:#f0f0f0}[data-theme=dark] .contact-method p{color:#a0a0a0}[data-theme=dark] .about-intro h3,[data-theme=dark] .about-story h3,[data-theme=dark] .about-creator h3,[data-theme=dark] .about-how-it-works h3,[data-theme=dark] .about-privacy h3{color:#f0f0f0}[data-theme=dark] .about-intro p,[data-theme=dark] .about-story p,[data-theme=dark] .about-creator p,[data-theme=dark] .about-how-it-works p,[data-theme=dark] .about-privacy p,[data-theme=dark] .about-how-it-works li{color:#a0a0a0}[data-theme=dark] .about-how-it-works li strong{color:#f0f0f0}[data-theme=dark] .error-container{background:#ea43351a;border-color:#ea43354d}[data-theme=dark] .suggestion{background:#4a8ae61a;border-left-color:#4a8ae6}[data-theme=dark] .suggestion-text{color:#a0a0a0}[data-theme=dark] .progress-bar-track{background:#252530}[data-theme=dark] .progress-text{color:#a0a0a0}[data-theme=dark] .spinner{border-color:#3a3a44;border-top-color:#4a8ae6}[data-theme=dark] .generate-btn{box-shadow:0 4px 15px #4285f433}[data-theme=dark] .generate-btn:hover{box-shadow:0 6px 20px #4285f44d}[data-theme=dark] .download-btn{box-shadow:0 4px 15px #4a8ae633}[data-theme=dark] .download-btn:hover{box-shadow:0 6px 20px #4a8ae64d}[data-theme=dark] .qr-container .download-btn{box-shadow:0 4px 15px #667eea33}[data-theme=dark] .download-all-btn{box-shadow:0 4px 15px #4a8ae633}[data-theme=dark] .format-dialog-content{background:#2a2a34}[data-theme=dark] .format-dialog-content h2{color:#f0f0f0}[data-theme=dark] .format-dialog-close{background:#3a3a44;color:#a0a0a0}[data-theme=dark] .format-dialog-close:hover{background:#4a4a54;color:#f0f0f0}[data-theme=dark] .format-option{background:#1e1e24;border-color:#3a3a44}[data-theme=dark] .format-option:hover{border-color:#4285f4;background:#4285f41a}[data-theme=dark] .format-option-recommended{border-color:#4a8ae6;background:#4a8ae61a}[data-theme=dark] .format-name{color:#f0f0f0}[data-theme=dark] .format-desc{color:#888}[data-theme=dark] kbd{background:#1e1e24e6;border-color:#4a4a54;color:#f0f0f0}:where(a){color:var(--link);text-decoration:none;font-weight:500;transition:color .2s ease}:where(a):hover{color:var(--link-hover)}.hero{padding:72px 24px 40px;background:none;border-radius:0;max-width:1200px;box-shadow:none}.hero-wordmark{font-size:clamp(48px,8vw,92px)!important;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0 0 14px}.hero-subtitle{margin:0 auto 42px;max-width:none;color:var(--body);font-size:1.08rem;font-weight:300;transform:translate(-10px)}.hero-subtitle .dynamic-text-wrapper{display:inline-block;width:60px;min-width:60px;overflow:visible;position:relative;text-align:left}.hero-subtitle .dynamic-text{display:inline-block;white-space:nowrap;font-weight:600;background:var(--brand-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .5s ease-in-out}.hero-searchbox{flex:1 1 auto;width:100%;max-width:584px;margin:0 auto;display:flex;align-items:center;gap:6px;border:1px solid var(--input-border);border-radius:24px;padding:4px 8px 4px 22px;background:var(--surface);transition:box-shadow .2s ease}.hero-searchbox:hover,.hero-searchbox:focus-within{box-shadow:0 1px 6px var(--shadow)}.hero-search-input{flex:1;padding:9px 0;border:none;font-size:1rem;outline:none;background:transparent;color:var(--ink);font-family:inherit;min-width:0}.hero-search-input::placeholder{color:var(--muted)}.hero-search-divider{width:1px;height:22px;background:var(--hairline);flex-shrink:0}.hero-search-go{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#4285f4;flex-shrink:0;transition:background .2s ease}.hero-search-go:hover{background:var(--hover-bg)}.hero-benefits{margin:30px auto 0;color:var(--body);font-size:.92rem;display:flex;justify-content:center;gap:6px 14px;flex-wrap:wrap}.hero-benefits .benefit-chip{white-space:nowrap;background:none;border:none;padding:0;color:var(--body);font-size:.92rem;font-weight:400}.hero-benefits .benefit-check{color:var(--success);font-weight:700;margin-right:4px}.hero-benefits .benefit-sep{color:var(--sep)}.hero-examples{margin-top:24px}.hero-examples .example-tags{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.examples-label{font-size:.85rem;color:var(--faint)}.hero-examples .example-tag{border:1px solid var(--border);background:var(--surface);color:var(--body);padding:8px 18px;border-radius:20px;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .2s ease}.hero-examples .example-tag:hover{border-color:var(--link);color:var(--link);box-shadow:0 1px 4px var(--shadow-soft)}@media (max-width: 600px){.hero-subtitle{transform:none;font-size:1rem;margin-bottom:36px}.hero-subtitle .dynamic-text-wrapper{display:block;width:auto;min-width:0;margin-top:4px;text-align:center}}.info-section h2{font-size:1.7rem;font-weight:800;color:var(--ink);margin:0 0 18px;text-align:center}.info-section .info-content p{font-size:1rem;color:var(--body);line-height:1.75;margin:0 auto 14px;max-width:70ch;text-align:left}.band-section{background:var(--band);padding:64px 40px;margin:0 -40px;transition:background-color .3s ease}.band-inner{max-width:1000px;margin:0 auto}.band-inner.band-narrow{max-width:760px}.band-section h2{font-size:1.7rem;font-weight:800;color:var(--ink);margin:0 0 40px;text-align:center}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 56px;text-align:left}.check-item{display:flex;gap:14px}.check-mark{color:var(--success);font-weight:700;font-size:1.05rem;line-height:1.5}.check-item h3{font-size:1.02rem;font-weight:600;color:var(--ink);margin:0 0 6px}.check-item p{margin:0;font-size:.92rem;color:var(--body);line-height:1.7;text-align:left}.divider-list{text-align:left}.divider-row{padding:20px 0;border-bottom:1px solid var(--band-line)}.divider-row:last-child{border-bottom:none}.divider-row h3{font-size:1.02rem;font-weight:600;color:var(--ink);margin:0 0 8px;text-align:left}.divider-row p{margin:0;font-size:.95rem;color:var(--body);line-height:1.7;text-align:left}@media (max-width: 768px){.band-section{margin:0 -15px;padding:48px 20px}.check-grid{grid-template-columns:1fr;gap:24px}}.hero-examples.examples{padding-top:0;border-top:none}.hero .qr-main-container{margin:0}.hero .qr-main-container:not(.show){height:0;padding:0;overflow:hidden}.qr-container.qr-panel{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;gap:32px;align-items:flex-start;text-align:left;border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--surface);max-width:860px;margin:0 auto 24px;transition:border-color .2s ease,background-color .3s ease}.qr-panel-left{order:2;flex:0 1 260px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:230px}.qr-panel-left .qr-code{background:#fff;border-radius:12px;padding:10px;box-shadow:0 1px 4px var(--shadow-soft)}.qr-panel-left .qr-code canvas{display:block;width:210px!important;height:210px!important}.qr-panel .qr-info{font-size:.8rem;color:var(--muted);max-width:230px;overflow-wrap:anywhere;text-align:center;background:none;border:none;padding:0}.qr-panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.download-split{display:inline-flex;border-radius:50px;overflow:hidden;background:var(--brand-grad);box-shadow:0 4px 15px #4285f44d;transition:transform .2s ease,box-shadow .2s ease}.download-split:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.download-split-main,.download-split-caret{border:none;background:transparent;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:10px 8px 10px 20px}.download-split-caret{padding:10px 14px 10px 6px;border-left:1px solid rgba(255,255,255,.35);margin-left:2px}.qr-copy-btn{border:1px solid var(--border);background:var(--surface);color:var(--body);padding:9px 20px;border-radius:50px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.qr-copy-btn:hover{border-color:var(--link);color:var(--link)}.qr-panel-right{flex:1 1 300px;min-width:260px}:is(.qr-panel-right,.tool-form-mount) .edit-form-actions{display:none}:is(.qr-panel-right,.tool-form-mount) .edit-form-title{font-size:1.02rem;font-weight:600;color:var(--ink);margin:0 0 14px}:is(.qr-panel-right,.tool-form-mount) .edit-form label{display:block;font-size:.85rem;font-weight:600;color:var(--body);margin:12px 0 6px}:is(.qr-panel-right,.tool-form-mount) .edit-form input[type=text],:is(.qr-panel-right,.tool-form-mount) .edit-form input[type=url],:is(.qr-panel-right,.tool-form-mount) .edit-form input[type=email],:is(.qr-panel-right,.tool-form-mount) .edit-form input[type=tel],:is(.qr-panel-right,.tool-form-mount) .edit-form input[type=password],:is(.qr-panel-right,.tool-form-mount) .edit-form textarea,:is(.qr-panel-right,.tool-form-mount) .edit-form select{width:100%;padding:10px 14px;border:1px solid var(--input-border);border-radius:10px;font-size:.95rem;font-family:inherit;background:var(--surface);color:var(--ink);outline:none;transition:border-color .2s ease}:is(.qr-panel-right,.tool-form-mount) .edit-form input:focus,:is(.qr-panel-right,.tool-form-mount) .edit-form textarea:focus,:is(.qr-panel-right,.tool-form-mount) .edit-form select:focus{border-color:var(--link)}.qr-live-note{margin:14px 0 0;font-size:.85rem;color:var(--success)}@media (max-width: 700px){.qr-container.qr-panel{padding:20px;gap:20px}.qr-panel-left,.qr-panel-right{flex:1 1 100%}.qr-panel-left{order:0}}.hero-search-row{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;max-width:584px;margin:0 auto;flex-wrap:wrap}.hero-brand-mini{display:none;text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.hero-search-clear{border:none;background:transparent;color:var(--muted);font-size:.95rem;cursor:pointer;padding:6px 8px;border-radius:50%;line-height:1;transition:color .2s ease,background .2s ease}.hero-search-clear:hover{color:var(--ink);background:var(--hover-bg)}.results-caption{margin:26px 0 14px;font-size:.9rem;color:var(--faint);text-align:center}.results-region{display:flex;align-items:flex-start;justify-content:center;gap:28px}.results-rail{display:none;flex:0 0 300px;position:sticky;top:16px}body.results-view .hero{padding-top:24px}body.results-view .hero-wordmark,body.results-view .hero-subtitle,body.results-view .hero-benefits{display:none}body.results-view .hero-brand-mini{display:inline-block}body.results-view .hero-search-row{justify-content:flex-start;max-width:860px}body.results-view .hero-searchbox{margin:0;flex:1;max-width:584px}@media (min-width: 1100px){body.results-view .results-rail{display:block}}@media (max-width: 600px){.hero-search-row{gap:10px}body.results-view .hero-brand-mini{font-size:1.1rem}}#qrCode.qr-code{background:none;padding:0;border-radius:0;display:block;width:100%}.results-region .qr-main-container{flex:1 1 auto;min-width:0;max-width:860px}.tool-panel{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;text-align:left;border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--surface);max-width:920px;margin:28px auto 0;transition:background-color .3s ease}.tool-panel .tool-form-col{flex:1 1 300px;min-width:260px}.tool-panel .tool-form{order:2;flex:1 1 300px;min-width:260px;margin:0;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start;align-content:start}.tool-panel .tool-preview{order:1;flex:0 1 260px;min-width:230px}.tool-form .wifi-field-row,.tool-form .vc-row{display:contents}.tool-form .wifi-field,.tool-form .vc-field{min-width:0}.tool-form>.vc-field,.tool-form .wifi-form-error,.tool-form .vc-form-error,.tool-form .generate-btn,.tool-form input[type=hidden]{grid-column:1 / -1}.tool-form .wifi-field label,.tool-form .vc-field label{font-size:.85rem;font-weight:600;color:var(--body);margin:12px 0 6px}.tool-form .prompt-input{padding:10px 14px;border:1px solid var(--input-border);border-radius:10px;font-size:.95rem;background:var(--surface);color:var(--ink)}.tool-form .wifi-checkbox label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--body);margin:12px 0 6px}.tool-form .wifi-checkbox input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#4285f4}.tool-form .generate-btn.tool-generate{justify-self:start;margin-top:18px}.tool-panel .tool-generate{margin-top:22px}.tool-preview{flex:1 1 230px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:240px;align-self:stretch}.tool-preview-placeholder{width:230px;min-height:230px;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:.92rem;padding:20px;margin-top:18px;font-family:var(--font-mono)}.tool-panel .qr-panel-right{display:none}.tool-panel .qr-container.qr-panel{border:none;padding:0;margin:0;background:none;box-shadow:none}.tool-panel .qr-main-container{padding-bottom:0;width:100%}.tool-form .wifi-select,.tool-form select.prompt-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}[data-theme=dark] .tool-form .wifi-select,[data-theme=dark] .tool-form select.prompt-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}@media (max-width: 700px){.tool-panel{padding:20px;gap:20px}}.main-content.tool-hero{background:none;border-radius:0;box-shadow:none;max-width:1280px}.qr-panel-incomplete .qr-panel-left>*:not(.qr-code-blank){display:none}.qr-code-blank{display:none;width:230px;min-height:230px;border:2px dashed var(--border);border-radius:12px;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:.92rem;padding:20px}.qr-panel-incomplete .qr-code-blank{display:flex}@media (max-width: 700px){.qr-panel-incomplete .qr-code-blank{display:none}}.download-all-btn:disabled{opacity:.45;cursor:default;pointer-events:none}.qr-tile-incomplete{opacity:.35;filter:grayscale(1)}.tool-preview-placeholder[hidden]{display:none}.content-narrow{max-width:760px}.content-narrow .divider-row{border-bottom-color:var(--hairline)}.content-narrow .divider-row h3{font-size:1.1rem}.content-narrow .divider-row p{font-size:.97rem;line-height:1.75;max-width:none}.contact-columns{display:flex;gap:0;text-align:left;max-width:960px;margin:24px auto 0;flex-wrap:wrap}.contact-col{flex:1 1 260px;padding:8px 28px;border-left:1px solid var(--hairline)}.contact-col:first-child{border-left:none}.contact-col h2{font-size:1.1rem;font-weight:600;color:var(--ink);margin:0 0 10px;text-align:left}.contact-col p{font-size:.95rem;color:var(--body);line-height:1.7;margin:0 0 10px}@media (max-width: 820px){.contact-col{border-left:none;border-top:1px solid var(--hairline);padding:20px 8px}.contact-col:first-child{border-top:none}}.step-number{background:var(--brand-grad)!important;width:52px!important;height:52px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;color:#fff!important;font-weight:800;font-size:1.3rem}.code-block code,.content-section code{font-family:var(--font-mono);background:var(--band);border:1px solid var(--band-line);color:var(--ink)}.band-inline{background:var(--band);border-radius:12px;padding:28px;margin:8px 0 24px;transition:background-color .3s ease}.check-grid-autofit{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.article-content p,.article-content li{font-size:1.0625rem;line-height:1.8;color:var(--desc)}.article-content h2{font-size:1.25rem;font-weight:600;color:var(--ink)}[data-theme=dark] .article-content p,[data-theme=dark] .article-content li{color:var(--desc)}.ad-unit{position:relative;border:1px solid var(--ad-border);background:var(--ad-bg);border-radius:8px;padding-top:14px}.ad-unit-label{position:absolute;top:2px;left:8px;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-label);font-family:var(--font-mono)}@media (max-width: 768px),(pointer: coarse){.hero-search-go{width:44px;height:44px}.hero-search-clear{padding:12px 10px}}.qr-share-row{display:flex;gap:8px;justify-content:center}.qr-share-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--body);cursor:pointer;transition:all .2s ease}.qr-share-icon:hover{border-color:var(--link);color:var(--link)}.qr-tiles{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;margin:0 auto 18px;max-width:860px}.qr-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.qr-tile:hover{box-shadow:0 1px 4px var(--shadow-soft)}.qr-tile.selected{border:2px solid #4285f4;padding:11px 13px}.qr-tile-thumb{width:80px;height:80px;border-radius:6px;background:#fff}.qr-tile-label{font-size:.78rem;color:var(--body)}.qr-panel-hidden,.qr-main-container.show .qr-container.show.qr-panel-hidden{display:none!important}.results-header[hidden]{display:none}.results-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:860px;margin:26px auto 14px}.results-header .results-caption{margin:0;text-align:left}.results-header .download-all-btn.is-visible{display:inline-block;margin:0;background:var(--brand-grad);box-shadow:0 4px 15px #4285f44d;border-radius:50px;padding:10px 22px;font-size:.92rem}.nav-container .hero-search-row{flex:1;justify-content:flex-start;max-width:none;margin:0;min-width:0;padding-right:18px}.nav-container .hero-searchbox{max-width:584px}body.results-view .nav-center{flex:0 0 auto}@media (max-width: 768px){body.results-view .nav-container{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:12px;row-gap:8px}body.results-view .nav-container .hero-search-row{display:contents}body.results-view .nav-container .hero-brand-mini{order:1}body.results-view .nav-container .nav-center,body.results-view .nav-container .nav-right{order:2}body.results-view .nav-container .hero-searchbox{order:3;flex:1 1 100%;max-width:none}body.results-view .container{padding-top:12px}body.results-view .hero{padding-top:0}body.results-view .results-header{margin-top:0}}body.results-view .nav-header{border-bottom:1px solid var(--hairline)}:is(.qr-panel-right,.tool-form-mount) .edit-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}:is(.qr-panel-right,.tool-form-mount) .edit-form>*{min-width:0}:is(.qr-panel-right,.tool-form-mount) .edit-form textarea{resize:vertical}:is(.qr-panel-right,.tool-form-mount) .edit-form .form-field:has(textarea),:is(.qr-panel-right,.tool-form-mount) .edit-form>*:only-child{grid-column:1 / -1}@media (max-width: 900px){:is(.qr-panel-right,.tool-form-mount) .edit-form{grid-template-columns:1fr}}body.results-view .nav-header .nav-left{display:none}:is(.qr-panel-right,.tool-form-mount) .edit-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}[data-theme=dark] :is(.qr-panel-right,.tool-form-mount) .edit-form select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}:is(.qr-panel-right,.tool-form-mount) .edit-form input[type=checkbox]{margin-right:8px}:is(.qr-panel-right,.tool-form-mount) .edit-form .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--body);margin:12px 0 6px}:is(.qr-panel-right,.tool-form-mount) .edit-form .checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#4285f4}.tool-region{display:flex;align-items:flex-start;justify-content:center;gap:28px}.tool-region .tool-panel{flex:1 1 auto;min-width:0;max-width:920px}@media (min-width: 1360px){.tool-region .results-rail{display:block}.tool-region .tool-panel{max-width:none}}.password-wrap{position:relative;display:block}.password-wrap input{width:100%;padding-right:42px!important}.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s ease,background .2s ease}.password-toggle:hover{color:var(--ink);background:var(--hover-bg)}.password-toggle.is-showing{color:var(--link)}:is(.qr-panel-right,.tool-form-mount) .edit-form .form-field:has(select),.tool-form .wifi-field:has(select){grid-column:1 / -1}