:root{--bg: #020617;--bg-soft: #0f172a;--bg-softer: #020617;--border: #1e293b;--accent: #4f46e5;--accent-soft: #6366f1;--accent-2: #059669;--accent-2-soft: #10b981;--text: #e5e7eb;--text-muted: #9ca3af;--danger: #ef4444}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text)}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg)}.app-container{width:100%;max-width:960px;margin:1rem}.app-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem}.card{background-color:var(--bg-soft);border-radius:.75rem;padding:1.5rem;box-shadow:0 10px 25px #0009;margin-bottom:1.5rem}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.textarea,.textarea-mono{width:100%;border-radius:.5rem;border:1px solid var(--border);background-color:var(--bg-softer);color:var(--text);padding:.5rem .75rem;font-size:.85rem;resize:vertical}.textarea-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.textarea:focus,.textarea-mono:focus{outline:2px solid var(--accent-soft);border-color:var(--accent-soft)}.help-text{font-size:.75rem;color:var(--text-muted)}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border:none;border-radius:999px;padding:.35rem .9rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.button-primary{background-color:var(--accent);color:#fff}.button-primary:hover{background-color:var(--accent-soft)}.button-success{background-color:var(--accent-2);color:#fff}.button-success:hover{background-color:var(--accent-2-soft)}.button:disabled{background-color:#475569;cursor:not-allowed}.button:active:not(:disabled){transform:translateY(1px)}.output-box{min-height:3rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--bg-softer);padding:.5rem .75rem;font-size:.9rem}.table-wrapper{margin-top:.75rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--bg-softer);padding:.5rem;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.75rem}.table th,.table td{padding:.25rem .5rem;text-align:left}.table thead th{border-bottom:1px solid var(--border);color:var(--text-muted);font-weight:500}.table tbody tr:nth-child(odd){background-color:#0f172ab3}.drag-drop{border:2px dashed var(--border);border-radius:.75rem;padding:1rem;text-align:center;font-size:.85rem;background-color:#0f172a66;margin-bottom:1.5rem;transition:border-color .15s ease,background-color .15s ease}.drag-drop.drag-over{border-color:var(--accent-soft);background-color:#0f172acc}