.tool-container{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.tool-header{text-align:center;margin-bottom:3rem}.tool-header h1{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.tool-header p{color:var(--text-secondary);font-size:1.1rem}.shortener-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.input-group{flex-direction:column;gap:.75rem;display:flex}.input-group label{font-size:1.05rem;font-weight:600}.url-input{padding:1rem;font-size:1.1rem}.alias-group{align-items:center;gap:1rem;display:flex}.alias-group .input-base{flex:1}.submit-btn{margin-top:.5rem;padding:1rem;font-size:1.1rem}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{border-radius:var(--radius-md);color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;padding:1rem;font-size:.95rem}.result-container{background:var(--bg-tertiary);border:1px dashed var(--accent-primary);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem;padding:2rem;display:flex}.result-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.short-url-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-primary);word-break:break-all;width:100%;padding:1rem 1.5rem;font-size:1.25rem;font-weight:600}.copy-row{justify-content:center;gap:1rem;width:100%;display:flex}.provider-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);margin-top:1rem;padding:.25rem .5rem;font-size:.8rem;display:inline-block}@media (max-width:600px){.shortener-card{padding:1.5rem}}