:root{color-scheme:dark;--bg:#0b0d17;--panel:#121522;--panel2:#171b2b;--text:#eef0fc;--muted:#a3a8bf;--line:#252a40;--blue:#648bff;--purple:#a58aff;--accent:#8571fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--purple);text-decoration:none}a:hover{color:#d2c6ff}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a797ff;outline-offset:4px}button,input,textarea,select{border-radius:9px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;background:linear-gradient(115deg,#5776ed,#8b5fe3);color:white;padding:12px 21px;font-weight:600;line-height:1.5}.button:hover,button:hover{filter:brightness(1.1);color:white}.secondary{background:#20243a;border-color:#373d58;color:#dce0f4}button.small{padding:8px 12px;font-size:13px}.site-header{border-bottom:1px solid var(--line);background:#0c0e19}.nav-wrap{max-width:1200px;margin:auto;min-height:86px;display:flex;align-items:center;gap:44px;padding:0 28px}.logo{display:inline-flex;align-items:center;color:#f3f3ff;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-tools{color:#a695ff}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #7464d8;border-radius:10px;background:linear-gradient(135deg,#364d91,#7252ad);font-size:23px;margin-right:11px;color:#fff;position:relative}.brand-mark span{font-size:12px;position:absolute;right:2px;top:-5px}nav{display:flex;gap:26px;align-items:center}nav a{font-size:13px;color:#bdc1d6}.nav-feature{display:flex;align-items:center;gap:7px}.nav-feature svg{width:16px}.nav-feature>span{color:#b8a4ff;border:1px solid #433464;padding:1px 6px;border-radius:5px;font-size:10px}.nav-status{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.nav-status i,.eyebrow i{display:inline-block;width:6px;height:6px;background:#71dbb2;border-radius:50%;margin-right:6px}main{max-width:1200px;padding:0 28px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:470px;gap:30px;padding:66px 0 58px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#b1a2f5}.hero .eyebrow{border:1px solid #363044;background:#191629;padding:7px 11px;border-radius:30px;font-size:9px}.hero h1{font-size:clamp(36px,4vw,52px);line-height:1.15;letter-spacing:-2px;margin:24px 0 19px;font-weight:750}.hero h1>span{background:linear-gradient(100deg,#83a2ff,#b297fc);background-clip:text;color:transparent}.hero-copy>p{font-size:15px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin:27px 0 23px}.hero-note{font-size:10px;color:var(--muted);line-height:1.7}.trust-row{display:flex;gap:20px;font-size:10px;color:#aab0c7}.hero-art{position:relative;min-width:0;height:320px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#40307b45,transparent 70%)}.orbit{position:absolute;border:1px solid #7764bb20;border-radius:50%;width:370px;height:280px;transform:rotate(-30deg)}.orbit-two{width:450px;height:320px;transform:rotate(30deg)}.code-window{background:linear-gradient(130deg,#1b1d32,#121522);border:1px solid #41405d;border-radius:13px;width:340px;transform:rotate(-5deg);box-shadow:0 24px 60px #0005;z-index:2}.window-bar{height:39px;border-bottom:1px solid #303249;display:flex;align-items:center;gap:5px;padding:0 15px}.window-bar b{width:6px;height:6px;border-radius:50%;background:#665477}.window-bar b:nth-child(2){background:#6e6885}.window-bar b:nth-child(3){background:#55766b}.window-bar>span{margin-left:30px;font:9px ui-monospace,monospace;color:#9e9fb8}.code-lines{padding:20px 15px 24px;font:12px/2.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.code-lines .muted{color:#575e7c;padding-right:15px;font-size:10px}.code-lines em{color:#a79bed;font-style:normal}.code-lines strong{color:#92d3bd;font-weight:400}.code-lines small{color:#e8bd88;font-size:12px}.window-bottom{border-top:1px solid #303249;display:flex;justify-content:space-between;padding:9px 15px;font-size:8px;color:#a7a9c0}.window-bottom span:first-child{color:#85cbb2}.float-tile{position:absolute;display:grid;place-items:center;border:1px solid #48426e;border-radius:15px;background:#1b1c35;width:55px;height:55px;z-index:3;box-shadow:0 8px 25px #0004;font:23px ui-monospace,monospace;color:#b49bff}.tile-json{top:9px;left:50px;transform:rotate(-12deg)}.tile-qr{right:22px;top:40px;transform:rotate(12deg);color:#9ca9ff}.tile-image{bottom:14px;left:38px;transform:rotate(-12deg);color:#8ab7ee}.floating-status{position:absolute;bottom:20px;right:25px;z-index:4;background:#1b1d30;border:1px solid #3b3d5a;border-radius:9px;padding:10px 15px;font-size:10px;transform:rotate(3deg)}.floating-status span{color:#82dbb4;margin-right:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading h2{font-size:26px;letter-spacing:-.8px;margin:6px 0 0}.tool-count{font-size:10px;color:var(--muted);padding-bottom:4px}.catalog-controls{display:flex;justify-content:space-between;gap:20px;margin-bottom:23px}.filters{display:flex;align-items:center;gap:5px}.filter{background:transparent;color:#a8adc4;padding:8px 13px;font-size:11px;font-weight:500;gap:8px}.filter.active{background:#24213b;color:#c7baff;border-color:#494065}.filter span{font-size:9px;background:#37304e;padding:0 5px;border-radius:4px}.search{display:flex;align-items:center;gap:9px;max-width:270px;border:1px solid var(--line);background:#111420;border-radius:8px;padding:0 11px;color:#9098b4}.search>span{font-size:24px}.search input{min-width:0;background:transparent;border:0;padding:8px 0;font-size:11px;color:var(--text);width:200px}.search kbd{border:1px solid #34384f;border-radius:3px;padding:0 5px;font-size:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:linear-gradient(130deg,#161927,#111420);border:1px solid #282c42;border-radius:13px;padding:22px 22px 0;color:var(--text);transition:transform .18s,border-color .18s,background .18s;display:flex;flex-direction:column;min-height:232px}.card:hover{transform:translateY(-4px);border-color:#7866c7;color:white;background:linear-gradient(130deg,#1d2035,#151727)}.card-top{display:flex;align-items:center;gap:12px}.tool-icon{width:43px;height:43px;border:1px solid #413568;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#29203f;color:#b898fa;font:22px ui-monospace,monospace}.card-jwt .tool-icon{color:#8caaff;background:#1b2a46;border-color:#2e4366}.card-qr .tool-icon{background:#202949;color:#96adff;border-color:#37456a}.card-imagen .tool-icon{background:#172e39;color:#7ac9e3;border-color:#2b4857}.card-pdf .tool-icon{background:#31223e;color:#d7a2e6;border-color:#4c345a}.card-arrow{margin-left:auto;color:#777f9d}.new-badge{font:8px/1.5 system-ui;letter-spacing:1px;color:#c0a6ff;background:#302444;border:1px solid #4c3469;padding:2px 6px;border-radius:4px}.card h3{margin:18px 0 7px;font-size:16px;letter-spacing:-.3px}.card p{margin:0 0 19px;color:var(--muted);font-size:12px;line-height:1.8;max-width:270px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:13px 0;border-top:1px solid #272a3e;font-size:9px;gap:10px}.card-bottom>span:first-child{color:#939ab4}.card-bottom>span:last-child{color:#b3a2f2}.card-bottom b{margin-left:8px}.privacy-strip{margin:40px 0 0;padding:24px;border:1px solid #2d2d46;border-radius:12px;background:linear-gradient(100deg,#1a1b30,#131725);display:flex;gap:20px;align-items:center}.privacy-icon{background:#292343;border:1px solid #494066;color:#b7a4ff;padding:5px 12px;border-radius:10px;font-size:26px}.privacy-strip h2{font-size:14px;margin:0 0 3px}.privacy-strip p{color:var(--muted);font-size:11px;margin:0}.privacy-strip a{margin-left:auto;font-size:10px;white-space:nowrap}.home-info{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:58px 0}.home-info h2{font-size:24px;line-height:1.4;letter-spacing:-.6px;margin:8px 0}.home-info p{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.site-footer{border-top:1px solid var(--line);max-width:1144px;margin:auto;padding:27px 0 20px}.footer-top{display:flex;align-items:center;gap:25px}.footer-top .logo{font-size:19px}.footer-top p{font-size:11px;color:var(--muted)}.footer-top nav{margin-left:auto;gap:22px}.footer-top nav a{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;color:#959cb6;font-size:10px;margin-top:25px;padding-top:20px;border-top:1px solid #1e2234}.local-badge{color:#a7a1c6}.breadcrumb{font-size:12px;color:var(--muted);margin:30px 0}.breadcrumb span{margin:0 9px}.tool-heading{max-width:760px;margin-bottom:28px}.tool-heading h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.tool-heading p{color:var(--muted);font-size:15px}.tool-heading .tool-icon{display:inline-flex;vertical-align:middle;margin-right:10px}.workspace{border:1px solid #30354b;border-radius:15px;background:#121523;padding:28px;margin-bottom:25px}.workspace h2{font-size:18px;margin:0 0 20px}.tool-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:36px}.field{display:block;margin-bottom:17px}label{font-size:13px;font-weight:500}.field>span{display:block;margin-bottom:7px}input,textarea,select{width:100%;background:#0c0f1c;color:var(--text);border:1px solid #363c55;padding:12px}input[type=checkbox]{width:17px;height:17px;accent-color:#8b72ff}input[type=range]{padding:8px 0;accent-color:#8b72ff}input[type=file]{padding:22px;border-style:dashed;cursor:pointer}textarea{resize:vertical;min-height:260px;font:13px/1.7 ui-monospace,Consolas,monospace;tab-size:2}input::placeholder,textarea::placeholder{color:#777f99}.check-row{display:flex;align-items:center;gap:9px;margin:12px 0}.row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.help{font-size:12px;color:var(--muted);margin:8px 0}.message{color:#97d9c3;min-height:24px;font-size:13px;overflow-wrap:anywhere}.message.error{color:#ffadb7}.result-panel{border:1px solid #2e334a;border-radius:12px;background:#0e111e;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:25px;min-height:340px}.result-panel h2{margin:0 0 20px;font-size:12px;color:var(--muted);font-weight:400}.qr-output{background:white;border-radius:8px;padding:24px;max-width:100%;line-height:0}.qr-output canvas{max-width:100%;height:auto}.qr-output img{max-width:100%;height:auto}.qr-placeholder{width:256px;height:256px;max-width:100%;display:grid;place-content:center;line-height:1.5;text-align:center;color:#848ca6;font-size:12px;background:#141828;border-radius:8px;border:1px dashed #41465f;padding:25px}.qr-placeholder svg{width:50px;height:50px;display:block;margin:0 auto 18px;color:#a292de}.note{border-left:3px solid #8b76e3;padding:9px 15px;font-size:12px;color:#b1b8d0;background:#191a2e;margin:20px 0}.guide{max-width:850px;margin:38px 0}.guide h2,.prose h2{font-size:22px;letter-spacing:-.4px}.guide p,.guide li,.prose p,.prose li{color:#b2b8ce;font-size:14px;line-height:1.9}.guide li{padding:4px 0}details{padding:15px 0;border-bottom:1px solid #2a3046}summary{cursor:pointer;font-size:14px;font-weight:600}details p{margin-bottom:0}.related{margin:40px 0 60px}.related h2{font-size:20px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{font-size:12px;border:1px solid #343952;background:#151928;padding:10px 14px;border-radius:8px}.prose{max-width:800px;padding:42px 0 60px}.prose h1{font-size:38px;letter-spacing:-1px}.ad{margin:36px 0;padding-top:20px;border-top:1px solid var(--line);min-height:150px;text-align:center}.ad>span{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:12px}.notice{padding:20px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;font:12px/1.8 ui-monospace,monospace;background:#0b0e19;border:1px solid #2a3046;border-radius:9px;padding:20px}output{color:var(--purple)}.file-list{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:#fff;color:#000;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:500px}}@media(max-width:1000px){.nav-status{display:none}.nav-wrap{justify-content:space-between}.hero{gap:0}.hero-art{transform:scale(.85);transform-origin:center}.hero h1{font-size:42px}.trust-row{gap:10px;font-size:9px}.privacy-strip{flex-wrap:wrap}.privacy-strip a{margin-left:65px}.site-footer{margin:0 28px}.tool-count{display:none}.card{padding:18px 18px 0}.card h3{font-size:14px}.footer-top{flex-wrap:wrap}.orbit-two{width:370px}.tool-columns{gap:22px}}@media(max-width:760px){.nav-wrap{min-height:75px;padding:16px 20px;gap:15px;flex-wrap:wrap}.logo{font-size:21px}.nav-wrap nav{gap:17px}.nav-wrap nav a{font-size:12px}.nav-feature>span{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:45px 0 35px;min-height:0}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-art{height:270px;max-width:430px;width:100%;margin:15px auto 0;transform:scale(.9)}.hero-actions{margin:24px 0}.hero-note{font-size:11px}.trust-row{font-size:10px;flex-wrap:wrap;gap:14px}.hero-copy>p{font-size:14px}.catalog-controls{flex-direction:column;gap:15px}.search{max-width:none}.search input{width:100%}.filters{justify-content:space-between;gap:0}.filter{padding:8px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card h3{font-size:15px}.card-bottom>span:last-child{font-size:0}.card-bottom b{font-size:15px}.section-heading h2{font-size:25px}.privacy-strip{padding:20px;gap:14px}.privacy-strip>div{flex:1;min-width:190px}.privacy-strip a{margin-left:0;white-space:normal}.home-info{grid-template-columns:1fr;gap:12px;padding:38px 0}.home-info h2 br{display:none}.site-footer{margin:0 20px}.footer-top{gap:8px 20px}.footer-top nav{margin-left:0;flex-basis:100%;flex-wrap:wrap;margin-top:13px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.tool-columns{grid-template-columns:1fr}.workspace{padding:20px}.tool-heading h1{font-size:30px}.tool-heading p{font-size:14px}.row{grid-template-columns:1fr}.tool-columns .result-panel{min-height:300px}.hero-art .tile-qr{right:0}.orbit{max-width:100%}}@media(max-width:420px){.grid{grid-template-columns:1fr}.card{min-height:215px}.card h3{font-size:17px}.card p{font-size:13px}.card-bottom>span:last-child{font-size:10px}.hero h1{font-size:36px}.hero-art{transform:scale(.82);margin:0 auto;height:260px}.nav-wrap nav{width:100%;justify-content:space-between}.hero{padding-top:30px}.filter{font-size:10px;padding:8px}.hero-actions{gap:13px}.button{padding:12px 15px;font-size:13px}.workspace{padding:16px}.qr-placeholder{width:220px;height:220px}.qr-output{padding:18px}.result-panel{padding:18px}.code-window{width:320px}.code-lines{font-size:11px}.trust-row{font-size:9px}.footer-top p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.button{border-radius:9px}

@media(max-width:760px){.desktop{display:none}}

/* Language selection stays available without JavaScript. */
.nav-wrap{gap:28px}.language-menu{position:relative;margin-left:auto;padding:0;border:0;flex-shrink:0;z-index:20}.language-menu summary{display:flex;align-items:center;gap:8px;list-style:none;border:1px solid #37334f;border-radius:9px;padding:9px 12px;color:#d2c6ff;background:#191629;font-size:12px;min-height:42px}.language-menu summary::-webkit-details-marker{display:none}.language-menu nav{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:3px;align-items:stretch;min-width:170px;padding:8px;border:1px solid #403953;border-radius:11px;background:#171827;box-shadow:0 14px 36px #0008}.language-menu nav a{padding:9px 12px;border-radius:6px;font-size:13px}.language-menu nav a:hover,.language-menu nav a[aria-current]{background:#302642;color:#d6c5ff}.tool-heading .eyebrow{text-transform:uppercase}@media(max-width:760px){.nav-wrap{gap:12px}.nav-wrap>nav{order:3;width:100%;justify-content:space-between}.language-menu{margin-left:auto}.language-menu nav{width:170px}.nav-wrap .logo{font-size:20px}.language-menu summary{padding:8px;font-size:11px}.hero h1{overflow-wrap:normal}.desktop{display:none}}@media(max-width:420px){.hero h1{font-size:34px}.hero-note{font-size:10px}.hero-actions{gap:10px}.trust-row{gap:10px}.language-menu summary{font-size:10px}.brand-mark{margin-right:7px}.nav-wrap{padding-left:16px;padding-right:16px}}

/* Text comparison and additional utilities */
.diff-result{max-height:520px;overflow:auto;border:1px solid #343952;border-radius:10px;background:#0c0f1c;font:12px/1.7 ui-monospace,Consolas,monospace}.diff-line{display:grid;grid-template-columns:42px 42px 24px minmax(0,1fr);gap:6px;padding:4px 10px;border-bottom:1px solid #252a4033}.diff-number{color:#a6adc7;text-align:right;user-select:none}.diff-sign{text-align:center}.diff-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.diff-add{background:#143c333f;color:#a3ebce}.diff-remove{background:#49243555;color:#ffb8c8}.diff-legend{font-size:12px;color:#bbc3da}.diff-legend span:first-child{color:#a3ebce}.diff-legend span:last-child{color:#ffb8c8}.card-comparar .tool-icon{color:#b5a3ff}.card-whatsapp .tool-icon{color:#8bdfbe;background:#17362f;border-color:#2b5546}.card-csv-json .tool-icon{color:#91c3ff;background:#1d2942}#whatsapp-text{min-height:150px}#csv-output{min-height:220px}#diff-panel{margin-top:28px}@media(max-width:600px){.diff-line{grid-template-columns:27px 27px 18px minmax(0,1fr);gap:4px;padding:4px 5px;font-size:11px}}

.scan-pick{position:relative;overflow:hidden;cursor:pointer}
.scan-pick:focus-within{outline:3px solid #a8b3ff;outline-offset:3px}
.scan-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#scan-frame{position:relative;margin:1.5rem auto;max-width:100%}
#scan-frame canvas,#scan-frame svg{display:block;width:100%;height:100%}
#scan-frame svg{position:absolute;inset:0;pointer-events:none}
#scan-frame .scan-point{position:absolute;transform:translate(-50%,-50%);touch-action:none;width:32px;height:32px;padding:0;border:2px solid white;background:#483bb1;color:white;border-radius:50%;display:grid;place-items:center;cursor:move}
#scan-output{display:block;max-width:100%;max-height:65vh;margin:1rem auto;background:white}
#scan-discard{margin-top:1rem}
#scan-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;list-style:none}
#scan-list li{display:grid;justify-items:center;gap:.3rem;font-size:.85rem}
#scan-list img{height:64px;max-width:90px;object-fit:contain;background:#fff}