*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5em}.tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #eee}.tab-btn{padding:12px 24px;background:none;border:none;font-size:16px;cursor:pointer;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.tab-content{display:none}.tab-content.active{display:block}.input-section,.output-section,.documents-section{margin-bottom:30px}textarea,input[type=text]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical}textarea:focus,input[type=text]:focus{outline:none;border-color:#667eea}.controls,.actions,.doc-controls{display:flex;gap:10px;margin:15px 0}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#667eea;color:#fff}.btn.primary:hover:not(:disabled){background:#5a67d8}.btn.secondary{background:#e2e8f0;color:#4a5568}.btn.secondary:hover:not(:disabled){background:#cbd5e0}.btn.danger{background:#f56565;color:#fff}.btn.danger:hover:not(:disabled){background:#e53e3e}.options{display:flex;gap:20px;align-items:center;margin:15px 0}label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#555}.output-area,.documents-list{border:1px solid #ddd;border-radius:8px;min-height:200px;padding:15px;background:#f8f9fa}.placeholder{color:#999;font-style:italic;text-align:center;margin-top:20px}.documents-section{display:grid;grid-template-columns:1fr 2fr;gap:30px}.documents-list{max-height:400px;overflow-y:auto}.list{display:flex;flex-direction:column;gap:10px}.document-item{padding:10px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s ease}.document-item:hover{background:#f0f0f0}.document-item.active{background:#667eea;color:#fff;border-color:#667eea}.document-item h4{margin-bottom:5px;font-size:14px}.document-item p{font-size:12px;opacity:.8}.editor-section{display:flex;flex-direction:column;gap:15px}#docTitle{font-size:18px;font-weight:700}#docContent{min-height:300px}@media (max-width: 768px){.container{padding:20px}h1{font-size:2em}.documents-section{grid-template-columns:1fr}}