.form-group { margin-bottom: 20px; }
        .form-group label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 0.9rem; color: var(--text-main); }
        
        input[type="text"], textarea { width: 100%; padding: 12px 15px; border: 2px solid var(--border-color); border-radius: 8px; font-size: 1rem; outline: none; background: #fff; color: var(--text-main); transition: border-color 0.2s; }
        input[type="text"]:focus, textarea:focus { border-color: var(--primary-color); }
        textarea { height: 100px; resize: vertical; }

        .action-btn { width: 100%; background-color: var(--primary-color); color: white; border: none; border-radius: 8px; padding: 14px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color 0.2s; }
        .action-btn:hover { background-color: var(--primary-hover); }

        .result-container { margin-top: 25px; display: none; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 20px; }
        .result-container h3 { font-size: 0.85rem; color: #166534; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
        
        .link-display { background: #fff; border: 1px solid #d1d5db; padding: 10px 12px; border-radius: 6px; font-family: monospace; font-size: 0.85rem; word-break: break-all; color: #374151; margin-bottom: 12px; }

        .btn-row { display: flex; gap: 10px; }
        .btn-row button { flex: 1; padding: 10px; font-size: 0.9rem; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; transition: opacity 0.2s; }
        .btn-copy { background-color: #2563eb; color: white; }
        .btn-test { background-color: #16a34a; color: white; }
        .btn-row button:hover { opacity: 0.9; }

        .copy-feedback { font-size: 0.8rem; color: #16a34a; text-align: center; margin-top: 8px; height: 15px; font-weight: 600; }