:root{--bg-color: #f4f4f9;--text-color: #333;--primary: #4F46E5;--primary-hover: #4338CA;--danger: #EF4444;--danger-hover: #DC2626;--ide-bg: #1E1E1E;--ide-text: #D4D4D4;--border: #e2e8f0;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3{margin-top:0}.card{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:40px}.btn{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;cursor:pointer;font-family:inherit;transition:background .15s}.btn:hover{background-color:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-danger{background-color:var(--danger)}.btn.btn-danger:hover{background-color:var(--danger-hover)}.btn.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn.btn-outline:hover{background-color:#ede9fe}.btn.btn-sm{padding:6px 14px;font-size:13px}input[type=text],input[type=url],textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:15px;font-family:inherit;outline:none;transition:border .15s}input[type=text]:focus,input[type=url]:focus,textarea:focus{border-color:var(--primary)}.error-msg{color:var(--danger);font-size:13px;margin-top:6px}.page-center{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px}