:root{--primary-color:var(--accent);--secondary-color:#5dade2;--accent-color:var(--danger);--light-bg:#2e2e2e;--dark-text:#fff;--light-text:#787878;--border-color:#ecf0f1;--success-color:var(--ok)}body{color:var(--dark-text);background-color:var(--light-bg);max-width:1000px;margin:0 auto;padding:20px;line-height:1.6}header{text-align:center;margin-bottom:30px}h1{color:var(--text-main);margin-bottom:5px}.subtitle{color:var(--light-text);font-size:.9em}.container{background-color:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 15px #0000001a}.card{border-bottom:1px solid var(--border-color);padding:25px}.card:last-child{border-bottom:none}.reference-type-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.type-btn{background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--dark-text);border-radius:var(--radius-md);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:10px;transition:all .3s;display:flex}.type-btn:hover{background-color:#e9f0f6}.type-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.type-btn .icon{margin-left:8px;font-size:1.2em}.form-group{align-items:baseline;margin-bottom:15px;display:flex}.form-group label{width:100px;color:var(--dark-text);font-weight:500}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;padding:10px;font-size:.95em}.form-group .required:after{content:" *";color:var(--accent-color)}.generate-btn{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 20px;font-size:.95em;transition:background-color .3s}.generate-btn:hover{background-color:#3a7bc8}.btn-group{gap:10px;margin-top:20px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 15px;font-size:.9em;transition:all .3s}.btn-secondary{background-color:var(--light-bg);color:var(--dark-text);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#e9f0f6}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:var(--ok)}.result-area{border-top:1px dashed var(--border-color);margin-top:20px;padding-top:20px}.result-title{color:var(--primary-color);margin-bottom:10px;font-weight:500}.reference-output{border-radius:var(--radius-sm);border-left:3px solid var(--primary-color);white-space:pre-wrap;background-color:#f8f9fa;margin-bottom:10px;padding:15px}.action-btns{gap:10px;margin-top:10px;display:flex}.more-tools{text-align:center;margin:30px 0}.more-tools-btn{background-color:var(--secondary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;padding:12px 25px;font-size:.9em;transition:background-color .3s;display:inline-flex}.more-tools-btn:hover{background-color:#4a8bc2}.more-tools-btn .icon{margin-left:8px}footer{text-align:center;border-top:1px solid var(--border-color);color:var(--light-text);margin-top:40px;padding-top:20px;font-size:.9em}footer a{color:var(--primary-color);text-decoration:none}footer a:hover{text-decoration:underline}.toggle-option{align-items:center;gap:8px;margin-bottom:15px;display:flex}.toggle-option label{width:auto}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);border-radius:var(--radius-xl);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--success-color)}input:checked+.slider:before{transform:translate(26px)}@media (width<=768px){.reference-type-selector{grid-template-columns:1fr}.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%;margin-bottom:5px}}