.shorten-card{background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:1.1rem;padding:clamp(.85rem,2.4vw,1.25rem);box-shadow:0 10px 40px #10b9811a,0 2px 8px #0000000a}.shorten-card-header{margin-bottom:clamp(.7rem,1.8vw,1rem)}.shorten-card-title{display:flex;align-items:center;gap:.5rem;font-size:clamp(.95rem,2.4vw,1.1rem);font-weight:700;color:var(--kl-text);letter-spacing:-.015em;line-height:1.25}.shorten-card-title i{color:var(--kl-primary);font-size:clamp(1rem,2.4vw,1.15rem)}.shorten-card-subtitle{margin-top:.25rem;font-size:clamp(.78rem,1.9vw,.875rem);color:var(--kl-text-muted);line-height:1.4}.shorten-input-group{position:relative;display:flex;align-items:center}.shorten-input-icon{position:absolute;left:clamp(.85rem,2.2vw,1rem);top:50%;transform:translateY(-50%);color:var(--kl-primary);font-size:clamp(1rem,2.4vw,1.15rem);pointer-events:none}.shorten-input{width:100%;border:1px solid var(--kl-border);background:#fff;border-radius:clamp(.65rem,1.8vw,.8rem);padding:clamp(.7rem,2vw,.9rem) clamp(.9rem,2.2vw,1rem) clamp(.7rem,2vw,.9rem) clamp(2.2rem,5.5vw,2.6rem);font-size:clamp(.875rem,2.2vw,1rem);color:var(--kl-text);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;min-height:44px}.shorten-input::placeholder{color:#9ca3af;font-size:clamp(.82rem,2.1vw,.95rem)}.shorten-input:focus{border-color:var(--kl-primary);box-shadow:0 0 0 4px #10b9811f}.shorten-input:invalid:not(:placeholder-shown){border-color:var(--kl-error)}.shorten-turnstile{margin-top:clamp(.85rem,2.2vw,1rem);display:flex;justify-content:center;min-height:65px}.shorten-turnstile .cf-turnstile{border-radius:.6rem;overflow:hidden;transform:scale(clamp(.85,2.2vw,1));transform-origin:center}.shorten-submit{margin-top:clamp(.85rem,2.2vw,1rem);padding:clamp(.75rem,2.2vw,.9rem);font-size:clamp(.9rem,2.4vw,1rem);border-radius:clamp(.65rem,1.8vw,.8rem);min-height:46px}.shorten-errors{margin-top:clamp(.85rem,2.2vw,1rem);background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;border-radius:.65rem;padding:clamp(.55rem,1.8vw,.7rem) clamp(.75rem,2vw,.9rem);font-size:clamp(.78rem,2vw,.875rem);display:flex;gap:.55rem;align-items:flex-start;line-height:1.45}.shorten-errors i{color:var(--kl-error);font-size:clamp(.9rem,2.2vw,1rem);flex-shrink:0;margin-top:.1rem}.shorten-errors ul{padding-left:1rem;margin:0}@media (max-width: 575.98px){.shorten-card{border-radius:1rem}.shorten-input{min-height:46px}}@media (max-width: 380px){.shorten-card-title i{font-size:.95rem}.shorten-input{padding-left:2.1rem;font-size:.85rem}.shorten-input-icon{left:.8rem}}.shorten-result{animation:shortenResultIn .35s ease-out}@keyframes shortenResultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shorten-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:clamp(.7rem,1.8vw,1rem);padding-bottom:0;border-bottom:none}.shorten-result-icon{width:auto;height:auto;flex-shrink:0;border-radius:0;background:none;color:var(--kl-primary);display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1rem,2.4vw,1.15rem)}.shorten-result-title{font-size:clamp(.95rem,2.4vw,1.1rem);font-weight:700;color:var(--kl-text);line-height:1.25;letter-spacing:-.015em}.shorten-result-subtitle{font-size:clamp(.78rem,1.9vw,.875rem);color:var(--kl-text-muted);margin-top:.25rem;line-height:1.4}.shorten-result-url{background:#fff;border:1px solid var(--kl-border);border-radius:clamp(.65rem,1.8vw,.8rem);padding:clamp(.7rem,2vw,.9rem) clamp(.9rem,2.2vw,1rem) clamp(.7rem,2vw,.9rem) clamp(.9rem,2.2vw,1rem);margin-bottom:0;word-break:break-all;min-height:44px;display:flex;align-items:center;transition:border-color .2s,box-shadow .2s}.shorten-result-url:hover{border-color:var(--kl-primary)}.shorten-result-url a{color:var(--kl-text);font-weight:600;font-size:clamp(.875rem,2.2vw,1rem);text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;width:100%;display:block}.shorten-result-url a:hover{color:var(--kl-primary)}.shorten-result-actions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.4vw,.6rem);margin-bottom:0}.shorten-result-actions .btn-primary-kl,.shorten-result-actions .btn-outline-kl{padding:clamp(.75rem,2.2vw,.9rem);font-size:clamp(.9rem,2.4vw,1rem);border-radius:clamp(.65rem,1.8vw,.8rem);min-height:46px}.shorten-result-actions>*{flex:1 1 0;min-width:0;max-width:100%}.shorten-result-reset{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;color:var(--kl-text-muted);font-size:clamp(.8rem,2vw,.875rem);font-weight:500;cursor:pointer;padding:.35rem 0;transition:color .2s;font-family:inherit}.shorten-result-reset:hover{color:var(--kl-primary)}.shorten-result-reset.copied{color:var(--kl-primary);font-weight:600}@media (max-width: 480px){.shorten-result-actions{gap:.5rem}.shorten-result-actions>*{flex:1 1 100%}}