#dropzoneWrap{padding:2rem}.dropzone{border:2px dashed #c4c9e0;border-radius:var(--radius);padding:3.2rem 2rem;cursor:pointer;transition:.22s;background:#f8f9ff;display:none}.dropzone.active{display:block}.dropzone.drag-over,.dropzone:hover{border-color:var(--accent);background:#f0eeff;transform:translateY(-2px);box-shadow:0 4px 20px rgba(79,70,229,.12)}.dz-title{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:.35rem}.dz-sub{font-size:.82rem;color:var(--muted);margin-bottom:1.4rem}.dz-btn{align-items:center;padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.87rem;font-weight:600;cursor:pointer;transition:.18s;box-shadow:0 2px 8px rgba(79,70,229,.32)}.dz-btn:hover{background:#4338ca;transform:translateY(-1px)}.input-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.tab-btn{background:transparent;border:none;color:var(--muted);font-weight:600;font-size:0.9rem;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:0.2s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}#codeInputWrap{padding:0 2rem 2rem;display:none}#codeInputWrap.active{display:block}.code-area{width:100%;height:250px;padding:1rem;font-family:var(--mono);font-size:0.85rem;border:1.5px solid var(--border2);border-radius:var(--radius);resize:vertical;outline:none;background:#fff;color:var(--text);transition:0.2s}.code-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,0.1)}.controls-panel{border-top:1px solid var(--border);padding:1.8rem 2rem;display:none;background:#fafbff}.controls-panel.visible{display:block}.controls-label{font-size:.7rem;color:var(--muted);letter-spacing:1px;margin-bottom:1.2rem}.controls-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:end}@media (max-width:780px){.controls-grid{grid-template-columns:1fr}}.ctrl-group{display:flex;flex-direction:column;gap:.4rem}.ctrl-group label{font-size:.72rem;font-weight:600;color:var(--sub);display:flex;justify-content:space-between;align-items:center}.queue-section{padding:0 2rem 1.5rem;display:none}.queue-section.visible{display:block}.queue-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0 .8rem;border-top:1px solid var(--border)}.queue-title{font-size:.75rem;color:var(--sub);letter-spacing:1px}.queue-actions{display:flex;gap:8px}.secondary-btn{font-size:.78rem;font-weight:600;padding:6px 14px;transition:.18s;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-radius:8px;border:1px solid;background:transparent}.secondary-btn.copy{background:#f0f1ff;border-color:#c4c9e8;color:var(--accent)}.secondary-btn.copy:hover{background:var(--accent-lt)}.secondary-btn.reset{color:#4b5563;border-color:#d1d5db;background:#f3f4f6}.secondary-btn.reset:hover{background:#e5e7eb;color:#1f2937}.preview-box{background:#111827;border-radius:12px;padding:1rem;overflow:hidden;border:1px solid #374151;margin-bottom:1.5rem;position:relative}.preview-code{font-family:var(--mono);color:#a5b4fc;font-size:0.8rem;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;line-height:1.5}.summary-bar{background:linear-gradient(135deg,#f0eeff 0,#e0f2fe 100%);border:1px solid #c4b5fd;border-radius:var(--radius);padding:1.4rem 2rem;margin:0 2rem 1.5rem;display:none;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-bar.visible{display:grid}.stat-val{font-size:1.35rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.7rem;color:var(--sub);margin-top:2px;font-weight:600;letter-spacing:.5px}.dl-all-btn{display:none;width:calc(100% - 4rem);margin:0 2rem 2rem;padding:12px 0;background:#fff;border:2px solid var(--accent);color:var(--accent);border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:.2s}.dl-all-btn.visible{display:block}.dl-all-btn:hover{background:var(--accent-lt)}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--text);color:#fff;border-radius:12px;padding:12px 20px;font-size:.85rem;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.18);transform:translateY(80px);opacity:0;transition:.28s;z-index:99;max-width:300px}.toast.show{transform:translateY(0);opacity:1}#fileInput{display:none}