body{font-family:Arial,sans-serif;max-width:600px;margin:0 auto;padding:20px}.container{max-width:600px;margin:0 auto;padding:2rem}input{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}input[type=url]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}input:invalid{border-color:#f44336}button{padding:.75rem 1.5rem;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button:disabled{background-color:#ccc;cursor:not-allowed}label{display:block;margin-bottom:5px;font-weight:700}h1{color:#2c3e50;margin-bottom:20px}.error{color:#f44336;font-size:.8rem;margin-top:.25rem}.info{color:#757575;font-size:.8rem;margin-top:.25rem}.message{margin-top:1rem;padding:.75rem;border-radius:4px}.message.success{background-color:#e8f5e9;color:#2e7d32}.message.error{background-color:#ffebee;color:#c62828}.origin-input,.alias-input{margin-bottom:1rem}.existing-link{margin-top:.5rem;padding:.5rem;background:#fff8e1;border-left:3px solid #ffc107}.existing-link a{color:#2196f3;word-break:break-all}.error-message{color:#f44336;margin-top:1rem;padding:.5rem;background-color:#ffebee;border-radius:4px}.result-container{margin-top:1.5rem;padding:1rem;background-color:#f5f5f5;border-radius:4px}.result-link{display:flex;gap:.5rem;margin-bottom:.5rem}.link-input{flex-grow:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.copy-button{background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer}.copy-button:hover{background-color:#369f6e}.test-link{color:#2196f3;text-decoration:none}.test-link:hover{text-decoration:underline}