body {
			font-family: 'Segoe UI', Arial, sans-serif;
			background: linear-gradient(120deg, #f8fafc 0%, #e0e7ff 100%);
			margin: 0;
			padding: 0;
			min-height: 100vh;
		}
		.container {
			max-width: 480px;
			margin: 48px auto;
			background: #fff;
			border-radius: 18px;
			box-shadow: 0 4px 32px rgba(60,72,100,0.10);
			padding: 32px 28px 24px 28px;
		}
		h1 {
			text-align: center;
			font-size: 2.1rem;
			margin-bottom: 32px;
			color: #3b3b5c;
			letter-spacing: 1px;
		}
		.tabs {
			display: flex;
			border-bottom: 2px solid #e5e7eb;
			margin-bottom: 24px;
		}
		.tab {
			flex: 1;
			text-align: center;
			padding: 12px 0;
			cursor: pointer;
			font-weight: 500;
			color: #6b7280;
			background: none;
			border: none;
			outline: none;
			transition: color 0.2s;
			font-size: 1.08rem;
		}
		.tab.active {
			color: #4f46e5;
			border-bottom: 3px solid #4f46e5;
			background: #f5f3ff;
		}
		.tab-content {
			display: none;
			animation: fadeIn 0.3s;
		}
		.tab-content.active {
			display: block;
		}
		@keyframes fadeIn {
			from { opacity: 0; }
			to { opacity: 1; }
		}
		.input-group {
			margin-bottom: 18px;
		}
		label {
			display: block;
			margin-bottom: 7px;
			color: #6366f1;
			font-weight: 500;
		}
		textarea, input[type="text"] {
			width: 100%;
			padding: 12px;
			border-radius: 8px;
			border: 1px solid #d1d5db;
			font-size: 1rem;
			resize: vertical;
			min-height: 48px;
			box-sizing: border-box;
			margin-bottom: 8px;
			background: #f9fafb;
			transition: border 0.2s;
		}
		textarea:focus, input[type="text"]:focus {
			border: 1.5px solid #6366f1;
			outline: none;
			background: #fff;
		}
		button {
			background: linear-gradient(90deg, #6366f1 0%, #818cf8 100%);
			color: #fff;
			border: none;
			border-radius: 8px;
			padding: 12px 28px;
			font-size: 1rem;
			font-weight: 600;
			cursor: pointer;
			margin-top: 8px;
			box-shadow: 0 2px 8px rgba(99,102,241,0.08);
			transition: background 0.2s;
		}
		button:hover {
			background: linear-gradient(90deg, #4f46e5 0%, #6366f1 100%);
      color: white;
		}
		.result {
			margin-top: 18px;
			background: #f3f4f6;
			border-radius: 8px;
			padding: 14px 12px;
			font-size: 1.01rem;
			color: #22223b;
			word-break: break-all;
			min-height: 32px;
		}