.citation-generator-container{max-width:900px;margin:0 auto;padding:2rem;border-radius:2rem;background:#ffffffb3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 25px 50px #0000000d}.dark .citation-generator-container{background:#0f172ab3;border:1px solid rgba(255,255,255,.1)}.generator-grid{display:flex;flex-direction:column;gap:2.5rem}.config-section{display:flex;flex-direction:column;gap:1.5rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.875rem;font-weight:600;color:#475569;padding-left:.25rem}.dark .field-label{color:#94a3b8}.input-control{width:100%;padding:.875rem 1.25rem;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;font-size:1rem;color:#1e293b;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .input-control{background:#1e293b;border-color:#334155;color:#f8fafc}.input-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;transform:translateY(-1px)}.select-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:3rem}.results-sidebar{display:flex;flex-direction:column;gap:1.5rem}.preview-card{padding:2.5rem;border-radius:2rem;background:#f8fafc;color:#1e293b;text-align:left;box-shadow:0 10px 30px #00000008;border:1px solid #e2e8f0;position:relative}.dark .preview-card{background:#1e293b;color:#f8fafc;border-color:#334155;box-shadow:0 10px 30px #0003}.preview-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;opacity:.8}.citation-result{font-size:1.25rem;line-height:1.6;margin-bottom:1rem;word-break:break-all;font-style:italic;min-height:60px;display:block;color:#334155;cursor:pointer;padding:1rem;border-radius:1rem;transition:all .2s ease;border:1px solid transparent}.citation-result:hover{background:#6366f10d;border-color:#6366f133}.dark .citation-result{color:#cbd5e1}.dark .citation-result:hover{background:#ffffff0d;border-color:#ffffff1a}.copy-helper{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b;font-weight:500}.dark .copy-helper{color:#94a3b8}.copied-pulse{animation:copiedPulse .4s ease forwards;color:#10b981!important}@keyframes copiedPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.history-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.dark .history-section{border-top-color:#ffffff0d}.history-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b}.dark .history-title{color:#f8fafc}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{padding:1.25rem;border-radius:1rem;background:#ffffff80;border:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .2s ease;animation:slideIn .3s ease forwards}.dark .history-item{background:#1e293b80;border-color:#ffffff0d}.history-item:hover{background:#fff;box-shadow:0 8px 16px #00000008}.dark .history-item:hover{background:#1e293b}.history-text{font-size:.95rem;color:#475569;flex:1}.dark .history-text{color:#cbd5e1}.history-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.btn-delete{background:#fee2e2;color:#ef4444}.btn-delete:hover{background:#fecaca}.btn-copy-history{background:#e0e7ff;color:#4f46e5}.btn-copy-history:hover{background:#c7d2fe}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.type-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.type-tab{padding:.5rem 1rem;border-radius:.75rem;background:#f1f5f9;color:#64748b;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.dark .type-tab{background:#1e293b;color:#94a3b8}.type-tab.active{background:#6366f1;color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.add-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1rem;border-radius:1rem;background:#6366f1;color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #6366f133}.add-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f14d}.add-btn:active{transform:translateY(0)}.view-fade-in{animation:viewFadeIn .6s ease forwards}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-content[data-astro-cid-2sm4xhiv]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:3rem 0}@media(max-width:768px){.grid-content[data-astro-cid-2sm4xhiv]{grid-template-columns:1fr}}