.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{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.42rem;min-height:2.65rem;padding:.65rem .9rem;font-size:.78rem;font-weight:800;display:inline-flex}.decode-button.primary{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 6px 15px #2563eb2e}.decode-button.primary:hover{background:#1d4ed8}.decode-button.primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.decode-button.secondary{color:#1d4ed8;background:#fff;border:1px solid #b8cae9}.decode-button.ghost{color:#526078;background:0 0;border:1px solid #0000}.decode-button.ghost:hover{background:#edf2f8}.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{padding:clamp(1rem,4vw,2.5rem)}.decode-result-header{background:#fff;border:1px solid #dbe3ed;border-radius:.85rem .85rem 0 0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.decode-result-header h1{letter-spacing:-.03em;margin:.45rem 0 0;font-size:clamp(1.5rem,4vw,2rem)}.decode-result-header>div>p:last-child{color:#657288;max-width:48rem;margin:.5rem 0 0;font-size:.82rem;line-height:1.55}.decode-ready{color:#147a48;background:#edf9f2;border:1px solid #b9e4cb;border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:.4rem .58rem;font-size:.7rem;font-weight:800;display:inline-flex}.decode-result-stats{background:#f8fafc;border:1px solid #dbe3ed;border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:1rem 1.5rem;display:grid}.decode-result-stats div{background:#fff;border:1px solid #e1e7ef;border-radius:.55rem;padding:.75rem}.decode-result-stats span{color:#7a8799;font-size:.64rem;font-weight:750;display:block}.decode-result-stats strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.82rem;display:block;overflow:hidden}.decode-preview{background:#e9eef5;border-left:1px solid #dbe3ed;border-right:1px solid #dbe3ed;overflow:hidden}.decode-preview-bar{background:#fff;border-bottom:1px solid #dce3ed;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.decode-preview-bar>div{align-items:center;gap:.45rem;min-width:0;display:flex}.decode-preview-bar svg{color:#dc3848}.decode-preview-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.decode-preview-bar span{color:#788599;font-size:.68rem}.decode-preview iframe{background:#fff;border:1px solid #cfd8e5;border-radius:.35rem;width:calc(100% - 2rem);height:min(66vh,44rem);margin:1rem;display:block}.decode-preview>p{color:#738095;text-align:center;margin:0;padding:0 1rem .85rem;font-size:.68rem}.decode-result-actions{background:#fff;border:1px solid #dbe3ed;border-radius:0 0 .85rem .85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.decode-result-actions>div{gap:.55rem;display:flex}@media (width<=760px){.decode-landing{padding:2rem .75rem 0}.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}.decode-result-shell{padding:.7rem}.decode-result-header{display:block}.decode-ready{margin-top:.8rem}.decode-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.decode-preview iframe{height:54vh}.decode-result-actions{flex-direction:column;align-items:stretch}.decode-result-actions>div{grid-template-columns:1fr 1fr;display:grid}.decode-result-actions .decode-button{width:100%}}@media (width<=420px){.decode-result-stats,.decode-result-actions>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.decode-spinner{animation:none}.decode-related a{transition:none}}