body{background:#eef2f3;margin:0;padding:0;font-family:Segoe UI,sans-serif}.top-header{color:#fff;background:#7a643d;padding:10px 0}.logo{-o-object-fit:contain;object-fit:contain;width:auto;height:65px}@media (width<=768px){.top-header .container{justify-content:center}}.generator-card{background:#cfcfcf;border-radius:20px;max-width:1000px;margin:50px auto;overflow:hidden;box-shadow:0 20px 40px #0000001a}.card-header-custom{color:#fff;background:#7a643d;padding:15px 25px;font-size:18px;font-weight:700}.card-body-custom{padding:30px 40px}.subtitle{text-align:center;color:#2f3e46;margin-bottom:30px}label{color:#003049;margin-top:15px;font-weight:500}.custom-input,.form-control{background:#f5f5f5;border:2px solid #7a643d;border-radius:10px;padding:10px 15px}.generate-btn{color:#fff;background:#7a643d;border:2px solid #fff;border-radius:25px;padding:10px 30px;font-weight:700}.generate-btn:hover{background:#6a5532}.copy-btn,.small-btn{color:#fff;background:#7a643d;border:2px solid #fff;border-radius:25px;padding:10px 28px;font-size:13px;display:inline-block}.copy-btn:hover,.small-btn:hover{background:#6a5532}.divider{border-top:2px solid #7a643d;margin:30px 0}.divider-custom{border-top:2px solid #7a643d;width:65%;margin:40px auto}.result-box-container{border:2px solid #5d4e37;border-radius:12px;flex-direction:column;align-items:center;margin-top:40px;padding:40px 20px;display:flex;background:0 0!important}.result-group{flex-direction:column;align-items:center;width:100%;display:flex}.placeholder{color:#1a3044;text-align:center;width:auto;margin:10px 0 20px;font-weight:700;transition:all .2s;background:0 0!important;border:none!important;font-size:26px!important}.vertical-mode{white-space:pre-line;letter-spacing:2px;line-height:1.2}.horizontal-mode{white-space:normal;letter-spacing:1px}.layout-switch-btn{color:#5d4e37;cursor:pointer;background:#fff;border:1px solid #5d4e37;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .2s}.layout-switch-btn:hover{color:#fff;background:#5d4e37}.divider-custom{opacity:.6;border-top:1.5px solid #5d4e37;width:80%;margin:30px auto}.description{text-align:center;color:#003049;margin-top:30px;font-size:14px}.footer{color:#fff;text-align:center;background:#7a643d;margin-top:20px;padding:12px}