body{font-family:Manrope,sans-serif;background-color:#1a1a1a;color:#f0f0f0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;box-sizing:border-box}.container{background-color:#2c2c2c;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000004d;width:100%;max-width:800px}h1,h2{color:#e0e0e0;text-align:center;margin-bottom:20px}.auth-status{text-align:right;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #444}.auth-status button{width:auto;padding:8px 15px;margin-left:10px;font-size:.9em;background-color:#007bff}.auth-status button:hover{background-color:#0056b3}#signOutBtn{background-color:#dc3545}#signOutBtn:hover{background-color:#c82333}#userStatus{font-weight:700;color:#f0f0f0}.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700}input[type=text],textarea{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #444;border-radius:5px;background-color:#3a3a3a;color:#f0f0f0;font-size:1em;font-family:Manrope,sans-serif;box-sizing:border-box}input[type=text]::placeholder,textarea::placeholder{color:#bbb}button{background-color:#4caf50;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;width:100%;margin-top:20px;transition:background-color .3s ease;font-family:Parkinsans,sans-serif}button:hover{background-color:#45a049}#outputArea{margin-top:30px;padding-top:20px;border-top:1px dashed #555;display:none}#jsonOutput{background-color:#1f1f1f;border:1px solid #555;padding:15px;border-radius:5px;white-space:pre-wrap;max-height:500px;overflow-y:auto;color:#abdfe3;font-size:.9em}#copyBtn{background-color:#007bff;margin-top:10px;font-family:Parkinsans,sans-serif}#copyBtn:hover{background-color:#0056b3}#loadingMessage,#errorMessage{text-align:center;margin-top:20px;font-weight:700}.generated-section{background-color:#3b3b3b;padding:20px;margin-bottom:25px;border-radius:8px;border-left:5px solid #4CAF50;box-shadow:0 2px 5px #0003}.generated-section h2{color:#92e6a1;text-align:left;margin-top:0;margin-bottom:15px;font-size:1.6em;border-bottom:1px solid #555;padding-bottom:10px}.generated-section h3,.generated-section h4{color:#e0e0e0;margin-top:20px;margin-bottom:10px}.generated-section p{line-height:1.6;margin-bottom:10px}.generated-section ul,.generated-section ol,.generated-section dl{margin-left:20px;margin-bottom:15px}.generated-section li,.generated-section dt,.generated-section dd{margin-bottom:8px;color:#d0d0d0}.generated-section strong{color:#fff}.testimonial{background-color:#4a4a4a;padding:15px;border-left:4px solid #007bff;border-radius:5px;font-style:italic;margin:15px 0;color:#e0e0e0}.testimonial em{display:block;text-align:right;margin-top:10px;font-style:normal;color:#bbb}.conversion-tips{border-left-color:#ffc107}.page-meta-info{border-left-color:#f8f9fa}select{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #444;border-radius:5px;background-color:#3a3a3a;color:#f0f0f0;font-size:1em;font-family:Manrope,sans-serif;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f0f0f0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5080}