:root{color-scheme:light;--canvas:#f5f5f7;--surface-strong:#fffffff5;--surface-soft:#ffffffa3;--input-bg:#f7f7f8;--text:#1d1d1f;--muted:#6e6e73;--hairline:#00000017;--hairline-strong:#00000029;--action:#0071e3;--success:#248a3d;--error:#c9342b}.dark{color-scheme:dark;--canvas:#050505;--surface-strong:#181819f5;--surface-soft:#1f1f21ad;--input-bg:#101011;--text:#f5f5f7;--muted:#a1a1a6;--hairline:#ffffff1c;--hairline-strong:#ffffff30;--action:#2997ff;--success:#30d158;--error:#ff6961}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{color:var(--text);background:var(--canvas);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}#header{background:color-mix(in srgb, var(--canvas) 78%, transparent);backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid #0000}#header.scroll{border-bottom-color:var(--hairline)}.skip-link{z-index:100;color:#fff;background:var(--action);border-radius:999px;padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.seo-tool-page{padding:1.5rem 0 0}.page-crumbs,.seo-hero-copy,.seo-section,.seo-final{width:min(100% - 2rem,62rem);margin-inline:auto}.page-crumbs{margin-bottom:.75rem}.seo-hero-copy{text-align:center;max-width:48rem}.seo-hero-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:760;line-height:1.02}.seo-hero-copy>p{max-width:44rem;color:var(--muted);margin:.8rem auto 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.trust-chips{flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1rem 0 1.4rem;padding:0;list-style:none;display:flex}.trust-chips li{border:1px solid var(--hairline);color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:.38rem .7rem;font-size:.76rem;font-weight:650}.tool-shell{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:1.05rem;width:min(100% - 2rem,58rem);margin:0 auto;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 12px 32px #0000000e}.tool-shell-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.15rem 0;display:flex}.tool-shell-header h2{letter-spacing:-.02em;margin:0;font-size:1.08rem;font-weight:690}.browser-badge{color:var(--muted);margin:0;font-size:.74rem}.tool-form{padding:1rem 1.15rem 1.15rem}.field-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.tool-field{margin-bottom:.85rem}.tool-field label,.field-label{color:var(--text);justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:.86rem;font-weight:650;display:flex}.field-label span{color:var(--muted);font-size:.72rem;font-weight:500}.tool-field input,.tool-field textarea,.tool-field select{border:1px solid var(--hairline-strong);width:100%;color:var(--text);background:var(--input-bg);font:inherit;border-radius:.75rem;outline:none;padding:.72rem .85rem;font-size:.9rem;display:block}.tool-field textarea{resize:vertical;min-height:5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tool-field input:focus,.tool-field textarea:focus,.tool-field select:focus{border-color:var(--action);box-shadow:0 0 0 3px color-mix(in srgb, var(--action) 18%, transparent)}.tool-options{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:.2rem 0 .9rem;padding:.75rem 0}.tool-options summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:620}.option-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.75rem;display:grid}.tool-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.button-row{flex-wrap:wrap;gap:.55rem;display:flex}.primary-action,.secondary-action{min-height:2.55rem;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.68rem 1.05rem;font-size:.86rem;font-weight:700}.primary-action{color:#fff;background:var(--action)}.primary-action:hover{filter:brightness(.94)}.secondary-action{border:1px solid var(--hairline-strong);color:var(--text);background:0 0}.trust-note{color:var(--muted);text-align:right;margin:0;font-size:.74rem}.tool-error{color:var(--error);background:color-mix(in srgb, var(--error) 8%, transparent);border-radius:.7rem;margin:0 0 .8rem;padding:.7rem .8rem;font-size:.82rem}.tool-result{border-top:1px solid var(--hairline);background:color-mix(in srgb, var(--surface-soft) 78%, transparent);padding:1.15rem}.result-state{align-items:flex-start;gap:.8rem;display:flex}.result-icon{color:#fff;background:var(--success);border-radius:50%;flex:none;place-items:center;width:2.35rem;height:2.35rem;font-size:1.1rem;font-weight:800;display:grid}.result-icon.invalid{background:var(--error)}.result-state h3{margin:.05rem 0 .25rem;font-size:1.1rem}.result-state p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.secret-output{grid-template-columns:minmax(0,1fr) 220px;gap:1rem;display:grid}.secret-values{min-width:0}.output-block{margin-bottom:.75rem}.output-block label{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:650;display:block}.output-row{gap:.45rem;display:flex}.output-row input,.output-block textarea{border:1px solid var(--hairline);width:100%;min-width:0;color:var(--text);background:var(--input-bg);border-radius:.7rem;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.output-block textarea{resize:vertical;min-height:4.6rem}.qr-output{flex-direction:column;align-items:center;gap:.55rem;display:flex}.qr-output canvas{background:#fff;border-radius:.75rem;width:200px;height:200px}.hero-note{width:min(100% - 2rem,58rem);color:var(--muted);text-align:center;margin:.85rem auto 0;font-size:.78rem}.hero-note a,.seo-section a,.seo-final a{color:var(--action);font-weight:650}.seo-section{border-top:1px solid var(--hairline);padding:3.6rem 0}.section-kicker{color:var(--action);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:750}.seo-section h2,.seo-final h2{letter-spacing:-.035em;max-width:46rem;margin:0;font-size:clamp(1.7rem,4vw,2.65rem);font-weight:740;line-height:1.08}.section-lead{max-width:48rem;color:var(--muted);margin:.8rem 0 0;font-size:1rem;line-height:1.65}.feature-layout{grid-template-columns:1fr .9fr;align-items:center;gap:2rem;margin-top:1.5rem;display:grid}.feature-grid,.benefit-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.use-grid-spaced{margin-top:1.3rem}.feature-grid article,.benefit-grid article,.use-grid article{border:1px solid var(--hairline);background:var(--surface-soft);border-radius:.9rem;padding:1rem}.feature-grid h3,.benefit-grid h3,.use-grid h3,.steps-grid h3,.tip-list h3{letter-spacing:-.015em;margin:0 0 .35rem;font-size:.98rem}.feature-grid p,.benefit-grid p,.use-grid p,.steps-grid p,.tip-list p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.content-illustration{border-radius:1rem;width:100%;height:auto;box-shadow:0 12px 32px #0000000f}.definition-grid{grid-template-columns:1.2fr .8fr;gap:1.6rem;margin-top:1.25rem;display:grid}.definition-copy p{color:var(--muted);margin:0 0 .9rem;line-height:1.68}.format-list{border:1px solid var(--hairline);background:var(--surface-soft);border-radius:1rem;margin:0;padding:1rem 1.1rem}.format-list div{border-bottom:1px solid var(--hairline);grid-template-columns:7rem 1fr;gap:.7rem;padding:.6rem 0;display:grid}.format-list div:last-child{border-bottom:0}.format-list dt{font-size:.78rem;font-weight:700}.format-list dd{color:var(--muted);margin:0;font-size:.8rem}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.4rem;display:grid}.steps-grid article{border:1px solid var(--hairline);background:var(--surface-soft);border-radius:1rem;overflow:hidden}.steps-grid img{border-bottom:1px solid var(--hairline);width:100%;height:auto;display:block}.step-copy{padding:1rem}.step-number{color:var(--action);margin-bottom:.45rem;font:700 .7rem/1 ui-monospace,monospace;display:block}.tip-list{gap:.7rem;margin-top:1.25rem;display:grid}.tip-list article{border-left:2px solid var(--action);padding:.25rem 0 .25rem 1rem}.warning-note{color:var(--muted);background:color-mix(in srgb, var(--error) 7%, var(--surface-soft));border-radius:.85rem;margin-top:1rem;padding:.9rem 1rem;font-size:.86rem;line-height:1.55}.compatibility-warning{color:color-mix(in srgb, #8a5a00 88%, var(--text));background:#f6c4531f;border:1px solid #b7791f4d;border-radius:.8rem;margin:.85rem 0 0;padding:.7rem .85rem;font-size:.78rem;line-height:1.45}.dark .compatibility-warning{color:#ffd88a;background:#f6c4531a}.faq-list{border-top:1px solid var(--hairline);margin-top:1.3rem}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:680;display:flex}.faq-list summary:after{content:"+";color:var(--muted);font-size:1.15rem}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:52rem;color:var(--muted);margin:0 0 1rem;line-height:1.65}.seo-final{text-align:center;padding:4rem 0 4.5rem}.seo-final h2{margin-inline:auto}.seo-final p{max-width:40rem;color:var(--muted);margin:.75rem auto 1.2rem}.seo-final a{color:#fff;background:var(--action);border-radius:999px;padding:.75rem 1.1rem;text-decoration:none;display:inline-flex}footer{border-color:var(--hairline)!important;background:var(--canvas)!important}@media (width>=640px){.page-crumbs,.seo-hero-copy,.seo-section,.seo-final{width:min(100% - 3rem,62rem)}.tool-shell,.hero-note{width:min(100% - 3rem,58rem)}}@media (width<=760px){.seo-tool-page{padding-top:1rem}.feature-layout,.definition-grid,.secret-output,.steps-grid{grid-template-columns:1fr}.steps-grid article{grid-template-columns:42% 1fr;align-items:center;display:grid}.steps-grid img{-o-object-fit:cover;object-fit:cover;border:0;border-right:1px solid var(--hairline);height:100%}}@media (width<=560px){.field-grid,.option-grid,.feature-grid,.benefit-grid,.use-grid{grid-template-columns:1fr}.tool-actions{flex-direction:column;align-items:flex-start}.trust-note{text-align:left}.steps-grid article{display:block}.steps-grid img{border-right:0;border-bottom:1px solid var(--hairline);height:auto}}