:root{--bg: #0c0b08;--bg-panel: #14130d;--bg-panel-2: #1a1812;--bg-inset: #100f0a;--ink: #ece7d8;--ink-dim: #9a9482;--ink-faint: #66614f;--line: rgba(236, 231, 216, .09);--line-strong: rgba(236, 231, 216, .2);--accent: #cdfb46;--accent-deep: #aee021;--accent-glow: rgba(205, 251, 70, .16);--danger: #ff7a52;--blue: #7fd1ff;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 4px;--gap: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 35%,transparent 100%);opacity:.6}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(20,19,13,.6),transparent)}.brand{display:flex;align-items:center;gap:12px}.brand .glyph{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:22px;height:22px}.brand .glyph i{background:var(--accent);border-radius:1px;animation:glyphpulse 3s ease-in-out infinite}.brand .glyph i:nth-child(2){animation-delay:.2s}.brand .glyph i:nth-child(3){animation-delay:.4s}.brand .glyph i:nth-child(4){animation-delay:.6s}@keyframes glyphpulse{0%,to{opacity:1}50%{opacity:.35}}.brand .wordmark{font-family:var(--font-mono);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:15px}.brand .wordmark .caret{color:var(--accent);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.brand .tagline{color:var(--ink-faint);font-size:11px;letter-spacing:.04em;border-left:1px solid var(--line-strong);padding-left:12px;margin-left:4px}.topmeta{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.topmeta .privacy{display:inline-flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:livepulse 2s ease-out infinite}@keyframes livepulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.workspace{flex:1 1 auto;display:grid;grid-template-columns:392px 1fr;min-height:0}.control-deck{border-right:1px solid var(--line-strong);overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(20,19,13,.35),transparent 220px)}.output{display:flex;flex-direction:column;min-height:0;min-width:0}.section{padding:18px 20px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-title{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:9px}.section-title .idx{color:var(--bg);background:var(--ink-faint);font-size:9px;font-weight:700;padding:1px 5px;border-radius:2px;letter-spacing:.05em}.section-note{font-size:10.5px;color:var(--ink-faint);letter-spacing:.04em}label.field-label{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.inp,select.inp{width:100%;background:var(--bg-inset);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);font-size:12.5px;padding:9px 10px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.inp::placeholder{color:var(--ink-faint)}.inp:focus,select.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0d0c07}select.inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2366614f' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}.inp.mini{padding:6px 8px;font-size:11.5px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);background:var(--bg-panel-2);color:var(--ink);border-radius:var(--radius);padding:9px 14px;cursor:pointer;transition:all .14s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--ink-dim);background:#221f17}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent);color:#11140a;border-color:var(--accent);font-weight:700}.btn-accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-block{width:100%}.btn-lg{padding:13px 16px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-panel-2);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;transition:all .14s ease;flex:0 0 auto;font-size:13px;line-height:1}.icon-btn:hover{color:var(--ink);border-color:var(--ink-dim);background:#221f17}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.icon-btn.on{color:var(--accent);border-color:var(--accent)}.icon-btn.hint{color:var(--accent)}.preset-grid{display:flex;flex-wrap:wrap;gap:7px}.preset{text-align:left;background:var(--bg-inset);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;transition:all .14s ease;font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--ink)}.preset:hover{border-color:var(--accent);background:#16150e;transform:translateY(-1px)}.preset .p-label{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}.preset .p-blurb{font-size:10px;color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.fields{display:flex;flex-direction:column;gap:9px}.field-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;position:relative;animation:cardin .35s cubic-bezier(.22,1,.36,1) both}@keyframes cardin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.field-card.dragover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field-card.dragging{opacity:.4}.fc-main{display:flex;align-items:center;gap:8px}.handle{cursor:grab;color:var(--ink-faint);font-size:14px;line-height:1;padding:0 2px;letter-spacing:-2px;flex:0 0 auto;-webkit-user-select:none;user-select:none}.handle:active{cursor:grabbing}.fc-name{flex:1 1 auto;min-width:0}.fc-type{flex:0 0 138px}.fc-params{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line-strong)}.param{display:flex;flex-direction:column;gap:3px}.param>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.param .inp{width:auto}.param-num .inp{width:74px}.param-text{flex:1 1 160px}.param-text .inp{width:100%}.param-null .inp{width:60px}.add-field{margin-top:11px}.stats{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line-strong)}.stat{padding:14px 18px;border-right:1px solid var(--line)}.stat:last-child{border-right:none}.stat .k{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.stat .v{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.15;margin-top:3px;color:var(--ink);font-variant-numeric:tabular-nums}.stat .v.accent{color:var(--accent)}.stat .v small{font-size:12px;color:var(--ink-dim);font-weight:400}.preview-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line)}.preview-bar .live{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.preview-bar .count{font-size:11px;color:var(--ink-faint);letter-spacing:.05em}.viewtoggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.viewtoggle button{background:transparent;border:none;color:var(--ink-dim);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 13px;cursor:pointer;transition:all .14s}.viewtoggle button+button{border-left:1px solid var(--line-strong)}.viewtoggle button.on{background:var(--accent);color:#11140a;font-weight:700}.preview-scroll{flex:1 1 auto;overflow:auto;min-height:0}table.data{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}table.data thead th{position:sticky;top:0;z-index:2;background:#16150e;text-align:left;padding:9px 14px;border-bottom:1px solid var(--line-strong);border-right:1px solid var(--line);white-space:nowrap;vertical-align:top}table.data thead th .col-name{font-weight:700;color:var(--ink);letter-spacing:.02em}table.data thead th .col-type{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);margin-top:2px}table.data thead th .rownum-h{color:var(--ink-faint);font-weight:400}table.data tbody td{padding:7px 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}table.data tbody tr:nth-child(2n) td{background:#ece7d805}table.data tbody tr:hover td{background:var(--accent-glow)}td.rownum{color:var(--ink-faint);text-align:right;font-size:11px;background:var(--bg-inset)!important;position:sticky;left:0;z-index:1}.cell-null{color:var(--ink-faint);font-style:italic}.cell-bool{color:var(--blue)}.cell-num{color:var(--accent);font-variant-numeric:tabular-nums}pre.raw{margin:0;padding:18px;font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--ink-dim);white-space:pre;-moz-tab-size:2;tab-size:2}pre.raw .truncated{color:var(--ink-faint);font-style:italic}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:var(--ink-faint);text-align:center}.empty .big{font-family:var(--font-display);font-size:18px;color:var(--ink-dim)}.export-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--line-strong);background:linear-gradient(0deg,rgba(20,19,13,.55),transparent)}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.segmented button{background:var(--bg-inset);border:none;border-left:1px solid var(--line-strong);color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:9px 14px;cursor:pointer;transition:all .14s}.segmented button:first-child{border-left:none}.segmented button.on{background:var(--accent);color:#11140a;font-weight:700}.segmented button:not(.on):hover{color:var(--ink);background:#221f17}.export-bar .spacer{flex:1 1 auto}.export-bar .fname{color:var(--ink-faint);font-size:11px;letter-spacing:.04em}.export-bar .fname b{color:var(--ink-dim);font-weight:500}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(0);z-index:10000;background:var(--accent);color:#11140a;font-weight:700;font-size:11.5px;letter-spacing:.06em;padding:11px 20px;border-radius:var(--radius);box-shadow:0 10px 30px #00000080;animation:toastin .3s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:9px}@keyframes toastin{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.preview-scroll{animation:shimmer .45s ease}@keyframes shimmer{0%{opacity:.25;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a2719;border:3px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a3623}@media (max-width: 900px){body{overflow:auto}.app{height:auto;min-height:100%}.workspace{grid-template-columns:1fr}.control-deck{border-right:none;border-bottom:1px solid var(--line-strong)}.output{min-height:70vh}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}}