.decode-page{color:#172033;background:#f3f6fa;height:100%;overflow-y:auto}.decode-landing,.decode-result-shell{width:min(100%,72rem);margin:0 auto}.decode-landing{padding:clamp(2rem,5vw,4.5rem) clamp(1rem,4vw,2.5rem) 0}.decode-eyebrow{color:#1d4ed8;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0;font-size:.72rem;font-weight:850;display:flex}.decode-hero-copy{text-align:center;max-width:58rem;margin:0 auto 2rem}.decode-hero-copy .decode-eyebrow{justify-content:center}.decode-hero-copy h1{letter-spacing:-.045em;margin:.7rem 0 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.decode-hero-copy>p:not(.decode-eyebrow){color:#5b6880;max-width:49rem;margin:1rem auto 0;font-size:clamp(.95rem,2vw,1.08rem);line-height:1.65}.decode-hero-copy ul{flex-wrap:wrap;justify-content:center;gap:.65rem 1.1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.decode-hero-copy li{color:#45536a;align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.decode-hero-copy li svg{color:#15915b}.decoder-card{background:#fff;border:1px solid #d8e1ed;border-radius:1rem;overflow:hidden;box-shadow:0 18px 50px #1e335417}.decoder-card-header{background:#f9fbfd;border-bottom:1px solid #e3e9f1;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.decoder-card-header>div:first-child{align-items:center;gap:.65rem;display:flex}.decoder-card-header>div:first-child>svg{color:#2563eb}.decoder-card-header strong{font-size:.82rem;display:block}.decoder-card-header span{color:#748096;margin-top:.15rem;font-size:.68rem;display:block}.decoder-card-tools{gap:.5rem;display:flex}.decoder-card-tools input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.decoder-card-tools label,.decoder-card-tools button{color:#46546a;cursor:pointer;background:#fff;border:1px solid #d6deea;border-radius:.48rem;align-items:center;gap:.35rem;min-height:2.25rem;padding:.45rem .65rem;font-size:.72rem;font-weight:750;display:inline-flex}.decoder-card-tools label:hover,.decoder-card-tools button:hover{color:#1d4ed8;border-color:#93afe1}.decoder-card-tools label.disabled,.decoder-card-tools button:disabled{opacity:.45;cursor:not-allowed}.decoder-card>textarea{resize:vertical;color:#25334a;background:#fcfdff;border:0;outline:none;width:100%;min-height:20rem;padding:1.15rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.65;display:block}.decoder-card>textarea:focus{box-shadow:inset 0 0 0 2px #93b4f4}.decoder-card>textarea::placeholder{color:#98a4b5}.decoder-options{background:#f8fafc;border-top:1px solid #e4eaf2;grid-template-columns:1.4fr 1fr 1fr;gap:.65rem;padding:.9rem 1rem;display:grid}.decoder-options>label,.decoder-options>div{gap:.3rem;min-width:0;display:grid}.decoder-options span{color:#748096;font-size:.66rem;font-weight:750}.decoder-options strong{color:#29364b;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.decoder-options input{color:#29364b;background:#fff;border:1px solid #d7e0eb;border-radius:.45rem;outline:none;width:100%;padding:.55rem .65rem;font-size:.78rem}.decoder-options input:focus{border-color:#4b82e8;box-shadow:0 0 0 3px #3b82f61f}.decoder-options>div{background:#fff;border:1px solid #e0e6ef;border-radius:.45rem;align-content:center;padding:.35rem .65rem}.decoder-error{color:#a53939;background:#fff1f1;border-top:1px solid #f2caca;margin:0;padding:.75rem 1rem;font-size:.76rem;line-height:1.45}.decoder-card-footer{border-top:1px solid #e3e9f1;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.decoder-card-footer p{color:#66748a;align-items:flex-start;gap:.4rem;max-width:38rem;margin:0;font-size:.7rem;line-height:1.45;display:flex}.decoder-card-footer p svg{color:#2563eb;flex:none}.decode-button{white-space:nowrap;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.45rem;height:2.65rem;padding:0 .9rem;font-family:inherit;font-size:.78rem;font-weight:750;line-height:1;display:inline-flex}.decode-button.primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.decode-button.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.decode-button.primary:disabled{opacity:.5;cursor:not-allowed}.decode-button.secondary{color:#1d4ed8;background:#fff;border:1px solid #b8cae9}.decode-button.secondary:hover{background:#eff6ff;border-color:#7da3e5}.decode-button.ghost{color:#526078;background:#fff;border:1px solid #cfd8e5}.decode-button.ghost:hover{color:#1d4ed8;background:#f8fafc;border-color:#8cabdf}.decode-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.decode-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite decode-spin}@keyframes decode-spin{to{transform:rotate(360deg)}}.decode-content-section{border-bottom:1px solid #dde5ef;padding:clamp(3.5rem,7vw,5.5rem) 0}.decode-section-label{color:#148657;letter-spacing:.1em;margin:0 0 .55rem;font-size:.68rem;font-weight:850}.decode-content-section>h2,.decode-reference article h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.decode-section-intro{color:#647188;max-width:48rem;margin:.8rem 0 0;line-height:1.65}.decode-use-grid,.decode-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.5rem;display:grid}.decode-use-grid article,.decode-step-grid article{background:#ffffffc7;border:1px solid #dce4ee;border-radius:.75rem;padding:1.25rem}.decode-use-grid h3,.decode-step-grid h3{margin:0;font-size:.95rem}.decode-use-grid p,.decode-step-grid p{color:#657288;margin:.55rem 0 0;font-size:.8rem;line-height:1.55}.decode-step-grid article>span{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;margin-bottom:.75rem;font-size:.72rem;font-weight:850;display:grid}.decode-reference{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.decode-reference>.decode-section-label{grid-column:1/-1;margin-bottom:-.5rem}.decode-reference article h2{font-size:1.15rem}.decode-reference article p{color:#5f6d83;font-size:.82rem;line-height:1.65}.decode-reference ul{color:#4e5b70;gap:.45rem;margin:1rem 0 0;padding-left:1rem;font-size:.76rem;line-height:1.5;display:grid}.decode-faq>div{border-top:1px solid #dce3ed;margin-top:1.25rem}.decode-faq details{border-bottom:1px solid #dce3ed}.decode-faq summary{color:#243147;cursor:pointer;padding:1rem 0;font-size:.88rem;font-weight:780}.decode-faq details p{color:#637086;max-width:54rem;margin:-.3rem 0 1rem;font-size:.8rem;line-height:1.65}.decode-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.25rem;display:grid}.decode-related a{color:inherit;background:#fff;border:1px solid #dce4ee;border-radius:.65rem;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.decode-related a:hover{border-color:#8cabdf;transform:translateY(-1px)}.decode-related strong{font-size:.88rem}.decode-related span{color:#6a778c;font-size:.75rem;line-height:1.45}.decode-site-footer{color:#758197;grid-template-columns:1fr auto;align-items:center;gap:.8rem 1.5rem;padding:1.5rem 0 2rem;font-size:.7rem;display:grid}.decode-site-footer p{margin:0}.decode-site-footer nav{flex-wrap:wrap;gap:1rem;display:flex}.decode-site-footer a{color:#526078;text-decoration:none}.decode-site-footer>span{grid-column:1/-1}.decode-result-shell{background:#fff;border:1px solid #dbe3ee;border-radius:1rem;width:min(1200px,100% - 2rem);min-height:0;margin:1.5rem auto;padding:0;display:flex;overflow:hidden;box-shadow:0 12px 35px #0f172a12}.decode-preview{background:#e8edf4;flex:1;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;display:grid;overflow:hidden}.decode-preview-bar{background:#fff;border-bottom:1px solid #dce3ed;justify-content:space-between;align-items:center;gap:.8rem;min-height:3.35rem;padding:.45rem .65rem .45rem 1rem;display:flex}.decode-preview-bar>div{align-items:center;gap:.45rem;min-width:0;display:flex}.decode-preview-file{flex:1}.decode-preview-file svg{color:#dc3848;flex:none}.decode-preview-actions{flex:none}.decode-preview-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.decode-preview iframe{background:#d9dee6;border:0;width:100%;height:70vh;min-height:34rem;display:block}@media (width<=850px){.decode-preview iframe{height:64vh}.decode-preview-bar>.decode-preview-file{display:none!important}.decode-preview-bar{padding:.55rem .65rem;display:block}.decode-preview-actions{grid-template-columns:auto minmax(0,1fr);gap:.4rem;display:grid}.decode-preview-actions .decode-button{gap:.3rem;width:100%;min-width:0;height:2.3rem;padding:0 .5rem;font-size:.68rem;overflow:hidden}.decode-preview-actions .decode-button.ghost{width:2.3rem;padding:0}.decode-preview-actions .ghost .action-label{display:none}.decode-preview-actions .decode-button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.decode-preview-actions .decode-button svg{width:15px;height:15px}}@media (width<=760px){.decode-landing{padding:1rem .7rem 0}.decode-hero-copy{margin-bottom:1rem}.decode-hero-copy .decode-eyebrow{font-size:.62rem}.decode-hero-copy h1{margin-top:.4rem;font-size:clamp(1.6rem,7vw,1.95rem);line-height:1.1}.decode-hero-copy>p:not(.decode-eyebrow){margin-top:.6rem;font-size:.84rem;line-height:1.45}.decode-hero-copy ul{display:none}.decoder-card-header,.decoder-card-footer{flex-direction:column;align-items:stretch}.decoder-card-tools{grid-template-columns:1fr 1fr;display:grid}.decoder-card-tools label,.decoder-card-tools button{justify-content:center}.decoder-options{grid-template-columns:1fr}.decoder-card-footer .decode-button{width:100%}.decode-use-grid,.decode-step-grid,.decode-reference,.decode-related>div{grid-template-columns:1fr}.decode-reference>.decode-section-label{grid-column:auto}.decode-site-footer{grid-template-columns:1fr}.decode-site-footer nav{gap:.7rem}.decode-site-footer>span{grid-column:auto}}@media (width<=560px){.decode-result-shell{width:100%;height:100%;min-height:100%;box-shadow:none;border:0;border-radius:0;margin:0}.decode-preview{min-height:0}.decode-preview iframe{height:100%;min-height:0}}@media (prefers-reduced-motion:reduce){.decode-spinner{animation:none}.decode-related a{transition:none}}