.feature-card{border:none;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}.feature-card:hover{box-shadow:0 4px 16px #0000001f}.feature-card .card-header{background:linear-gradient(135deg,var(--bi-surface-2) 0%,var(--bi-border) 100%);border-bottom:1px solid var(--bi-border);font-weight:600;color:var(--bi-text);padding:.75rem 1rem}.feature-card .card-body{padding:1.5rem}.encode-textarea{height:calc(100vh - 420px);min-height:200px;font-family:JetBrains Mono,Courier New,monospace;font-size:14px;resize:vertical}.encode-options{background:var(--bi-surface-2);padding:1rem;border-radius:.375rem;border:1px solid var(--bi-border);text-align:left}.encode-options .form-check{margin-bottom:.5rem}.encode-options .form-check:last-child{margin-bottom:0}.encode-options .form-check-label{font-weight:500;color:var(--bi-text)}.encode-example{background:var(--bi-surface-2);padding:1rem;border-radius:.375rem;border:1px solid var(--bi-border)}.encode-example code{background:var(--bi-border);padding:.25rem .5rem;border-radius:.25rem;color:#d63384}@media (max-width: 768px){.encode-textarea{height:200px;min-height:150px;font-size:13px}.encode-options{margin-bottom:1rem;padding:.75rem}.encode-options .form-check-label{font-size:.85rem}.btn-group-flex{flex-wrap:wrap}.btn-group-flex .btn{min-height:40px;flex:1 1 auto;min-width:calc(50% - .25rem)}.feature-card .card-header{padding:.6rem .75rem;font-size:.9rem}.feature-card .card-body{padding:1rem}textarea[readonly]{font-size:13px}}.btn-group-flex{display:flex;gap:.5rem}textarea[readonly]{background-color:var(--bi-surface-2)}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.25)}.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}