#jl-citation-tool{max-width:1000px;margin:auto;padding:20px;font-family:'Inter',sans-serif}.jl-card{background:#ffffff;padding:25px;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.08);margin-bottom:30px}.jl-title{font-size:28px;font-weight:700;margin-bottom:10px}.jl-subtitle{color:#666;margin-bottom:25px;font-size:16px}.jl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.jl-input,.jl-select{padding:12px 15px;border-radius:10px;border:1px solid #ddd;width:100%;font-size:15px;background:#fafafa}.jl-input:focus,.jl-select:focus{border-color:#0057ff;box-shadow:0 0 0 2px rgba(0,87,255,0.15);outline:none}#jl-generate-btn{grid-column:1 / -1;padding:15px 20px;background:#0057ff;color:white;border:none;border-radius:12px;cursor:pointer;font-size:17px;font-weight:600;transition:0.3s}#jl-generate-btn:hover{background:#003fcc}.jl-tabs{display:flex;gap:10px;margin-bottom:20px}.jl-tab{padding:10px 18px;background:#eee;border-radius:10px;cursor:pointer;font-weight:600;transition:0.3s}.jl-tab.active{background:#0057ff;color:white}.jl-output-box{white-space:pre-wrap;background:#f7f7f7;padding:18px;border-radius:12px;border:1px solid #ddd;min-height:120px;font-size:15px}.jl-button-row{margin-top:15px;display:flex;gap:10px}.jl-btn{padding:12px 16px;background:black;color:white;border-radius:10px;cursor:pointer;border:none;font-weight:600;transition:0.3s}.jl-btn:hover{background:#333}.jl-export-btn{background:#0057ff}.jl-export-btn:hover{background:#003fcc}@media(max-width:600px){.jl-tabs{flex-wrap:wrap}}