:root{color-scheme:light;--bg: #f4f8f7;--panel: #ffffff;--panel-subtle: #edf5f2;--panel-strong: #0d1b1e;--text: #121917;--muted: #596965;--border: #d6e2de;--accent: #0e7c73;--accent-strong: #075e58;--accent-soft: #dff0ec;--gold: #c9a227;--warning: #b45309;--danger: #b91c1c;--shadow: 0 18px 50px color-mix(in srgb, var(--text) 10%, transparent);--shadow-soft: 0 10px 28px color-mix(in srgb, var(--text) 7%, transparent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark{color-scheme:dark;--bg: #101715;--panel: #16201d;--panel-subtle: #1f2d29;--panel-strong: #071113;--text: #eef7f3;--muted: #a7b7b1;--border: #31413c;--accent: #5fd3c7;--accent-strong: #a6f1e7;--accent-soft: #173b36;--gold: #d8b84f;--warning: #fbbf24;--danger: #fca5a5;--shadow: 0 18px 50px color-mix(in srgb, #000 38%, transparent);--shadow-soft: 0 10px 28px color-mix(in srgb, #000 28%, transparent)}body{background:linear-gradient(180deg,#fbfdfc 0%,var(--bg) 42%,#edf5f2 100%);color:var(--text);margin:0;overflow-x:hidden}.dark body{background:linear-gradient(180deg,#13201c 0%,var(--bg) 55%,#0d1513 100%)}a{color:inherit}button,input,select,textarea{font:inherit}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--accent);border-radius:0 0 6px;color:#fff;left:0;padding:.6rem .85rem;position:fixed;top:0;transform:translateY(-120%);z-index:20}.skip-link:focus{transform:translateY(0)}.site-header{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1120px;padding:.9rem 1rem}.brand{color:var(--accent-strong);font-weight:850;letter-spacing:0;text-decoration:none}.primary-nav,.header-controls{display:flex;flex-wrap:wrap;gap:.5rem}.primary-nav{justify-content:flex-start}.primary-nav a{border:1px solid transparent;border-radius:7px;color:var(--muted);padding:.38rem .55rem;text-decoration:none}.primary-nav a:hover{background:var(--panel-subtle);color:var(--text)}.primary-nav a[aria-current=page]{border-color:var(--border);background:var(--panel);color:var(--text)}.header-controls{align-items:center;justify-content:flex-end}.language-picker{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;display:inline-flex;gap:.35rem;min-height:2.5rem;padding:0 .45rem}.language-picker img{border:1px solid var(--border);border-radius:2px;flex:0 0 auto}.language-picker select{appearance:none;background:transparent;border:0;color:var(--text);cursor:pointer;max-width:9rem;min-height:2.25rem}.icon-button,button{background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;min-height:2.5rem;padding:.55rem .8rem;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}button:hover,.button-link:hover{background:var(--accent-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.icon-button{min-width:2.5rem;padding:0}.secondary-button{background:var(--panel-subtle);border:1px solid var(--border);color:var(--text)}main{margin:0 auto;max-width:1120px;padding:1.75rem 1rem 3.5rem}.language-suggestion{background:transparent;color:var(--text);display:flex;inset:auto 1rem calc(1rem + env(safe-area-inset-bottom)) 1rem;justify-content:flex-end;padding:0;pointer-events:none;position:fixed;text-align:center;z-index:30}.language-suggestion[hidden],.language-suggestion-panel[hidden]{display:none}.language-suggestion-panel{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:inline-flex;gap:.55rem;max-width:min(100%,28rem);padding:.35rem .4rem .35rem .7rem;pointer-events:auto}.language-suggestion a,.secondary-link{color:var(--accent-strong);font-weight:700;text-decoration:none}.language-suggestion-dismiss{background:var(--panel-subtle);border:1px solid var(--border);color:var(--muted);min-height:1.9rem;padding:.25rem .5rem}.tool-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-soft);padding:1.35rem}.hero-panel{margin-bottom:1rem}.home-page{display:grid;gap:1.05rem}.home-hero{display:grid;gap:.45rem;padding:.45rem 0 0}.home-hero-copy{display:grid;gap:.45rem;max-width:54rem}.hero-kicker{color:var(--accent-strong);font-size:.86rem;font-weight:850;margin:0}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.button-link{align-items:center;background:var(--accent);border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-weight:850;justify-content:center;line-height:1.2;min-height:2.5rem;padding:.65rem .9rem;text-decoration:none;text-align:center;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.secondary-link{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;justify-content:center;min-height:2.5rem;padding:.65rem .2rem;text-align:center}.secondary-link:hover{background:var(--accent-soft)}.hero-terminal{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 92%,#ffffff 8%),var(--panel-strong));border:1px solid color-mix(in srgb,var(--gold) 28%,#ffffff 8%);border-radius:8px;box-shadow:var(--shadow);color:#d7fff8;display:grid;gap:.75rem;padding:1.05rem;position:relative}.hero-terminal:before{background:var(--gold);border-radius:999px;content:"";height:.35rem;left:1.05rem;position:absolute;top:1.05rem;width:.35rem}.hero-terminal-stream{display:grid;gap:.32rem;margin:.4rem 0 .2rem}.hero-terminal-stream span{background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--accent) 65%,#ffffff 20%),transparent);border-radius:999px;height:1px}.hero-terminal-stream span:nth-child(2){opacity:.72;transform:translate(9%);width:82%}.hero-terminal-stream span:nth-child(3){opacity:.46;transform:translate(18%);width:64%}.hero-terminal p{display:grid;gap:.4rem;margin:0}.hero-terminal span{color:#9ccbc6;font-size:.8rem;text-transform:uppercase}.hero-terminal code{background:color-mix(in srgb,#ffffff 8%,transparent);border:1px solid color-mix(in srgb,#ffffff 8%,transparent);border-radius:7px;overflow-wrap:anywhere;padding:.65rem}.trust-section,.faq-section{display:grid;gap:.9rem}.trust-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid article{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.05rem}.trust-section p,.trust-grid p,.faq-section p{color:var(--muted);line-height:1.65}h1,h2{line-height:1.2;margin:0 0 .75rem}h1{font-size:2rem;letter-spacing:0}h2{font-size:1.25rem}h3{margin:0}.home-hero h1{font-size:clamp(1.75rem,2.6vw,2.35rem);margin-bottom:.35rem;max-width:100%}.home-hero .lead{font-size:.98rem;margin:0}.lead,.content-guide p,.file-tool p,.legal-page p,.site-footer{color:var(--muted);line-height:1.65}.text-tool{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:.25rem}.text-tool label{font-weight:700}.field{display:grid;gap:.5rem}.text-tool textarea{min-height:14rem}textarea,input[type=search],input[type=text]{background:color-mix(in srgb,var(--panel) 70%,var(--bg));border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);padding:.75rem;width:100%}textarea:focus,input[type=search]:focus,input[type=text]:focus,select:focus,button:focus,a:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.copy-hint{background:var(--panel-subtle);border:1px solid var(--border);border-radius:8px;color:var(--muted);line-height:1.5;margin:1rem 0 0;padding:.6rem .75rem}.tool-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.tool-actions label{align-items:center;background:var(--panel-subtle);border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:.4rem;min-height:2.25rem;padding:0 .65rem}#text-status,#file-status,#history-status{color:var(--warning);min-height:1.5rem}.share-panel{display:grid;gap:.4rem;margin:.75rem 0}.share-panel[hidden]{display:none}.share-panel label,.history-panel label{font-weight:700}.history-panel{display:grid;gap:.75rem}.panel-heading{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.panel-heading h2{margin:0}.history-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.history-list{display:grid;gap:.55rem;list-style:none;margin:0;padding:0}.history-item,.history-empty{background:var(--panel-subtle);border:1px solid var(--border);border-radius:6px;padding:.7rem}.history-item{align-items:center;display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto auto}.history-summary,.history-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--muted);font-size:.9rem}.file-tool{display:grid;gap:1rem}.file-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.file-encode-column,.file-decode-column{display:grid;gap:.75rem}.upload-zone{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 74%,var(--panel)),var(--panel));border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:8px;box-sizing:border-box;cursor:pointer;display:grid;gap:.45rem;min-height:11rem;overflow:hidden;padding:1.15rem;position:relative}.upload-zone:after{background:var(--gold);bottom:0;content:"";height:3px;left:0;position:absolute;width:42%}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--accent);box-shadow:var(--shadow-soft)}.upload-zone strong{font-size:1.35rem;line-height:1.15}.upload-zone span:last-of-type{color:var(--muted);line-height:1.5}.upload-kicker{color:var(--accent-strong);font-size:.82rem;font-weight:850;text-transform:uppercase}.file-input-native{height:1px;opacity:0;position:absolute;width:1px}.file-decode-column{background:var(--panel-subtle);border:1px solid var(--border);border-radius:8px;padding:1rem}.file-decode-column h2{margin-bottom:0}.file-decode-column button{justify-self:start}.file-tool textarea{min-height:7rem}.content-guide{display:grid;gap:1rem;margin-top:1.5rem}.blog-page{display:grid;gap:1.25rem}.blog-hero,.blog-article{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.blog-list{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.blog-card a{color:var(--accent-strong);text-decoration:none}.blog-card p,.blog-article p{color:var(--muted);line-height:1.65}.blog-article section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.base64-example{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid var(--border);border-radius:8px;margin:1.25rem 0;padding:1rem}.base64-example figcaption{font-weight:700;line-height:1.5;margin-bottom:.8rem}.base64-example dl{display:grid;gap:.5rem;margin:0}.base64-example dl div{align-items:baseline;display:grid;gap:.75rem;grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr)}.base64-example dt{color:var(--muted);font-size:.9rem}.base64-example dd{margin:0;min-width:0;overflow-x:auto}.base64-example code{color:var(--accent-strong);font-size:.95rem;white-space:nowrap}.blog-tool-cta{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--accent);border-radius:8px;margin-top:1.5rem;padding:1rem}.blog-tool-cta h2{margin-top:0}.blog-tool-cta nav{display:flex;flex-wrap:wrap;gap:.65rem}.blog-tool-cta a{background:var(--accent);border-radius:6px;color:#fff;font-weight:700;padding:.65rem .85rem;text-decoration:none}.blog-sources ul{line-height:1.6;padding-inline-start:1.25rem}.blog-sources a{color:var(--accent-strong)}.blog-back{margin-top:0}.accessibility-mode{--accent: #064e3b;--accent-strong: #022c22;--border: #334155}.dark.accessibility-mode{--accent: #99f6e4;--accent-strong: #ccfbf1;--border: #cbd5e1}.accessibility-mode textarea:focus,.accessibility-mode input:focus,.accessibility-mode select:focus,.accessibility-mode button:focus,.accessibility-mode a:focus{outline:4px solid var(--warning);outline-offset:3px}.content-guide section{border-top:1px solid var(--border);padding-top:1rem}.site-footer{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;border-top:1px solid var(--border);margin:0 auto;max-width:1120px;padding:1rem}.site-footer p{margin:0}.site-footer nav{display:flex;gap:.75rem}@media(max-width:760px){.base64-example dl div{gap:.2rem;grid-template-columns:1fr}.site-header,.home-hero,.trust-grid,.file-layout,.text-tool,.history-item,.blog-list{grid-template-columns:1fr}.site-header{gap:.7rem;padding:.8rem 1rem}.primary-nav{gap:.3rem}.primary-nav a{padding:.32rem .45rem}.header-controls{justify-content:flex-start}main{padding:.5rem .85rem 2.5rem}.home-page{gap:.6rem}.home-hero{align-items:start;gap:.25rem;padding:0}.home-hero-copy{gap:.3rem}.hero-kicker{font-size:.82rem;line-height:1.3}.home-page .hero-kicker{display:none}.home-hero h1{font-size:clamp(1.45rem,6.2vw,1.75rem);line-height:1.08;margin-bottom:.1rem;max-width:100%}.home-hero .lead{font-size:.9rem;line-height:1.35;margin:0}.hero-actions{display:grid;gap:.55rem;grid-template-columns:1fr}.button-link,.secondary-link{min-height:2.75rem;padding:.68rem .9rem;width:100%}.secondary-link{background:var(--panel-subtle);border:1px solid var(--border)}.hero-terminal{display:none}.home-page .text-panel{padding:.65rem}.home-page .text-tool{gap:.55rem;margin-top:.1rem}.home-page .text-tool textarea{height:8rem;min-height:8rem}.trust-section,.faq-section{gap:.7rem}.trust-grid article{padding:.9rem}.language-suggestion{justify-content:center}h1{font-size:1.6rem}.tool-actions,.panel-heading,.hero-actions{align-items:stretch}.tool-actions>*,.panel-heading>*,.header-controls>*{max-width:100%}.language-picker select{max-width:7.5rem}}