*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a0a;color:#e0e0e0;line-height:1.6}.container{max-width:900px;margin:2rem auto;padding:2rem}.title{text-align:center;margin-bottom:2rem;font-size:2rem}.ai-upload{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border:2px dashed #444;border-radius:8px}.btn-upload{padding:.75rem 1.5rem;background:#2a2a2a;border:1px solid #444;color:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-upload:hover:not(:disabled){background:#333;border-color:#555}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.upload-hint{font-size:.875rem;opacity:.6}.ai-upload.disabled{opacity:.5;pointer-events:none}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay p{font-size:1.125rem;color:#e0e0e0}.loading-spinner{width:60px;height:60px;border:4px solid #333;border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings{display:flex;gap:1rem;margin-bottom:2rem}.settings label{display:flex;flex-direction:column;gap:.5rem;flex:1}.settings label span{font-size:.875rem;opacity:.8}.settings input{padding:.5rem;background:#2a2a2a;border:1px solid #444;color:#fff;border-radius:4px;font-size:1rem}.settings input:focus{outline:none;border-color:#666}.table-container{margin-bottom:2rem;overflow-x:auto}.btn-add{margin-top:1rem;padding:.75rem 1.5rem;background:#2a2a2a;border:1px solid #444;color:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-add:hover{background:#333;border-color:#555}.btn-remove{padding:.4rem .8rem;background:#1a1a1a;border:1px solid #444;color:#fff;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.btn-remove:hover:not(:disabled){background:#d32f2f;border-color:#d32f2f}.btn-remove:disabled{opacity:.3;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;border:1px solid #333;text-align:left}th{background:#1a1a1a;font-weight:600}tbody tr{cursor:move;transition:opacity .2s}tbody tr.dragging{opacity:.5}tbody tr:hover{background:#ffffff05}.drag-handle{width:30px;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;color:#666;font-weight:700}.drag-handle:active{cursor:grabbing}td input{width:100%;padding:.5rem;background:#2a2a2a;border:1px solid #444;color:#fff;border-radius:4px;font-size:.875rem}td input:focus{outline:none;border-color:#666}.output{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:1.5rem;position:relative}.output pre{margin:0;overflow-x:auto;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;line-height:1.5}.btn-copy{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;color:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-copy:hover{background:#333;border-color:#555}