@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.page{position:relative;max-width:1240px;margin:0 auto;padding-top:calc(48px + env(safe-area-inset-top));padding-right:calc(24px + env(safe-area-inset-right));padding-bottom:calc(40px + env(safe-area-inset-bottom));padding-left:calc(24px + env(safe-area-inset-left))}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 700px 500px at 10% -5%,rgba(34,211,238,.06),transparent),radial-gradient(ellipse 500px 400px at 95% 5%,rgba(245,158,11,.04),transparent),radial-gradient(ellipse 400px 300px at 50% 100%,rgba(34,211,238,.03),transparent)}.ambient-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,211,238,.514) 1px,transparent 1px),linear-gradient(90deg,rgba(6,132,152,.639) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 70%)}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;filter:blur(60px);opacity:.7}.aurora-blob{position:absolute;border-radius:50%;will-change:transform}.aurora-blob.b1{width:560px;height:560px;top:-220px;left:-160px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 70%);animation:drift1 26s ease-in-out infinite}.aurora-blob.b2{width:480px;height:480px;top:10%;right:-180px;background:radial-gradient(circle,rgba(245,158,11,.16),transparent 70%);animation:drift2 32s ease-in-out infinite}.aurora-blob.b3{width:420px;height:420px;bottom:-200px;left:30%;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 70%);animation:drift3 38s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(120px,80px) scale(1.15)}66%{transform:translate(40px,160px) scale(.9)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-100px,100px) scale(.85)}66%{transform:translate(-60px,-60px) scale(1.1)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(90px,-120px) scale(1.2)}}@media (prefers-reduced-motion: reduce){.aurora-blob{animation:none!important}}.page>*{position:relative;z-index:1}.hero{margin-bottom:4px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--accent);margin-bottom:16px;padding:4px 12px 4px 8px;background:var(--accent-soft);border:1px solid rgba(34,211,238,.15);border-radius:20px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-family:var(--font-display);font-size:52px;font-weight:700;letter-spacing:-.03em;margin:0;line-height:1;background:linear-gradient(100deg,var(--text-primary) 30%,var(--accent2) 50%,var(--text-primary) 70%);background-size:220% auto;background-position:0% center;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-sheen 7s ease-in-out infinite}@keyframes title-sheen{0%,to{background-position:0% center}50%{background-position:100% center}}@media (prefers-reduced-motion: reduce){.hero-title{animation:none}}.hero-accent{color:var(--accent);animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-sub{max-width:540px;color:var(--text-muted);font-size:14.5px;line-height:1.65;margin:14px 0 0}.db-status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;flex-wrap:wrap}.db-status-left{display:flex;align-items:center;gap:10px}.db-status-right{display:flex;align-items:center;gap:6px}.db-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .3s}.db-dot.connected{background:var(--success, #22c55e);box-shadow:0 0 8px #22c55e80;animation:pulse 2s ease-in-out infinite}.db-dot.disconnected{background:var(--danger, #ef4444);box-shadow:0 0 6px #ef444466}.db-dot.unknown{background:var(--text-faint);opacity:.5}.db-status-text{font-size:12.5px;font-family:var(--font-mono);color:var(--text-muted)}.db-info-chip{font-size:10.5px;font-family:var(--font-mono);padding:2px 10px;border-radius:10px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(34,211,238,.12)}.db-btn{display:flex;align-items:center;gap:5px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 12px;font-size:11.5px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.db-btn:hover{border-color:var(--accent-dim);color:var(--text-primary)}.db-btn:disabled{opacity:.5;cursor:not-allowed}.mode-toggle{display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}.mode-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;color:var(--text-faint);padding:10px 16px;border-radius:calc(var(--radius) - 3px);font-size:13px;font-family:var(--font-display);font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle button:hover:not(.is-active){color:var(--text-muted);background:#ffffff05}.mode-toggle button.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:0 1px 8px #22d3ee1a}.generate-btn.auto-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a0e00;box-shadow:0 2px 16px #f59e0b40}.generate-btn.auto-btn:hover:not(:disabled){box-shadow:0 4px 24px #f59e0b66;transform:translateY(-1px)}.generate-btn.auto-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 8px #f59e0b26}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-family:var(--font-mono);font-weight:600;background:#22c55e26;color:#22c55e;line-height:1}.combo-results{padding:4px 0}.combo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.combo-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:all .25s ease;display:flex;flex-direction:column;gap:14px}.combo-card:hover{border-color:var(--border-strong)}.combo-card.has-data{border-color:#22c55e40;background:#22c55e08}.combo-card.has-data:hover{border-color:#22c55e66;box-shadow:0 0 20px #22c55e14}.combo-card.has-error{border-color:#ef444433;background:#ef444408}.combo-card.no-data{opacity:.6}.combo-header{display:flex;align-items:center;gap:10px}.combo-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.combo-icon.success{background:#22c55e26;color:#22c55e}.combo-icon.fail{background:#ffffff0d;color:var(--text-faint)}.combo-label{font-family:var(--font-mono);font-size:12.5px;color:var(--text-primary);font-weight:500}.combo-stats{display:flex;gap:12px}.combo-stat{display:flex;flex-direction:column;gap:2px;flex:1;padding:8px 10px;background:#ffffff05;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04)}.combo-stat-value{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--text-primary)}.has-data .combo-stat-value{color:#22c55e}.combo-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.combo-error{margin:0;font-size:11.5px;color:var(--danger, #ef4444);font-family:var(--font-mono);word-break:break-word}.combo-download-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-sm);color:#22c55e;font-size:12.5px;font-family:var(--font-mono);font-weight:500;cursor:pointer;transition:all .2s}.combo-download-btn:hover:not(:disabled){background:#22c55e2e;border-color:#22c55e66;box-shadow:0 2px 12px #22c55e26}.combo-download-btn:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.modal{background:var(--surface, #0d1117);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:0 24px 80px #00000080;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;transition:all .15s}.modal-close:hover{color:var(--text-primary);border-color:var(--border-strong)}.modal-body{padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.modal-footer .generate-btn{width:auto;padding:10px 24px;font-size:13px;margin-top:0}.trace-divider{position:relative;margin:20px 0 28px;height:34px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0d111766;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.01em;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.trace-track{display:flex;align-items:center;white-space:nowrap;animation:code-scroll 26s linear infinite;opacity:.6;transition:opacity .4s ease}.trace-divider.is-active .trace-track{animation-duration:8s;opacity:.95}@keyframes code-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tk-kw{color:var(--accent);font-weight:600}.tk-str{color:var(--accent2)}.tk-id{color:var(--text-primary)}.tk-punct{color:var(--text-faint)}.tk-comment{color:var(--text-muted);font-style:italic}.trace-divider.is-active .tk-kw{color:var(--accent2)}.trace-divider.is-active .tk-str{color:var(--accent)}.trace-cursor{position:absolute;right:14px;top:50%;width:7px;height:15px;margin-top:-8px;background:var(--accent);box-shadow:0 0 6px var(--accent-dim);animation:cursor-blink 1s step-end infinite}.trace-divider.is-active .trace-cursor{background:var(--accent2);box-shadow:0 0 6px var(--accent2-soft);animation-duration:.5s}@keyframes cursor-blink{50%{opacity:0}}.ticker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ticker-stat{flex:1;min-width:110px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.ticker-stat:hover{border-color:var(--border-strong)}.ticker-stat.tone-accent{border-color:#00839733}.ticker-stat.tone-warn{border-color:#fb923c33}.ticker-stat.tone-dim{border-color:var(--border)}.ticker-value{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--text-primary)}.tone-accent .ticker-value{color:var(--accent)}.tone-warn .ticker-value{color:var(--warn)}.tone-dim .ticker-value{color:var(--text-faint)}.ticker-label{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 880px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-width:0;max-width:100%;transition:border-color .3s ease,box-shadow .3s ease}.panel:hover{border-color:var(--border-strong);box-shadow:0 0 0 1px #22d3ee0f,0 12px 40px -20px #22d3ee40}.section-head{display:flex;align-items:center;gap:10px;margin:28px 0 14px}.section-head:first-child{margin-top:0}.section-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);flex-shrink:0}.section-head h2{font-family:var(--font-display);font-size:14px;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.01em}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:32px 16px;text-align:center;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.dropzone:hover,.dropzone.is-dragover{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 30px #22d3ee0d}.dropzone.has-file{border-style:solid;border-color:#22d3ee33;background:#22d3ee08;padding:20px 16px}.dropzone-icon{color:var(--text-faint);opacity:.7}.dropzone-icon.success{color:var(--success)}.dropzone-loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}.dropzone-text{margin:0;font-size:14px;color:var(--text-primary)}.dropzone-meta{margin:0;font-size:12px;color:var(--text-faint)}.dropzone-file{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--accent);word-break:break-all}.spinner{width:22px;height:22px;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.sheet-tabs{display:flex;gap:6px;margin:12px 0 0;flex-wrap:wrap}.sheet-tab{display:flex;align-items:center;gap:6px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:20px;font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .2s}.sheet-tab:hover{border-color:var(--accent-dim)}.sheet-tab.is-active{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.sheet-tab-count{font-size:10px;background:#ffffff0f;padding:1px 6px;border-radius:8px}.sheet-tab.is-active .sheet-tab-count{background:#22d3ee26}.field{display:block;margin-bottom:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-label{display:block;font-size:11.5px;color:var(--text-faint);margin-bottom:5px;letter-spacing:.01em}.field select,.field input{width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);transition:border-color .2s}.field select:focus,.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field select{cursor:pointer}.zero-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 16px}.zero-label{font-size:11px;color:var(--text-faint)}.zero-pills{display:flex;gap:4px}.zero-pill{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-faint);padding:3px 10px;border-radius:14px;font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all .2s}.zero-pill:hover{border-color:var(--border-strong);color:var(--text-muted)}.zero-pill.is-active{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);cursor:pointer}.checkbox-row input{accent-color:var(--accent);width:14px;height:14px}.options-row{margin:6px 0 14px}.options-row-tight{margin:-2px 0 14px}.options-row-tight .checkbox-row{font-size:11.5px;color:var(--text-faint)}.segmented{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.segmented button{flex:1;background:var(--surface-raised);border:none;color:var(--text-faint);padding:8px;font-size:12px;font-family:var(--font-mono);cursor:pointer;border-right:1px solid var(--border);transition:all .15s}.segmented button:last-child{border-right:none}.segmented button:hover{background:var(--surface-hover);color:var(--text-muted)}.segmented button.is-active{background:var(--accent-soft);color:var(--accent)}.advanced{margin:10px 0 18px;border-top:1px solid var(--border);padding-top:14px}.advanced summary{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint);cursor:pointer;margin-bottom:12px;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary{color:var(--text-muted)}.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),#06b6d4);color:#041a1f;border:none;border-radius:var(--radius);padding:13px;font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;margin-top:8px;transition:all .2s ease;box-shadow:0 2px 16px #22d3ee33}.generate-btn:hover:not(:disabled){box-shadow:0 4px 24px #22d3ee59;transform:translateY(-1px)}.generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 8px #22d3ee26}.generate-btn:disabled{background:var(--border-strong);color:var(--text-faint);cursor:not-allowed;box-shadow:none}.error-text{color:var(--danger);font-size:12px;margin:8px 0 0}.output-panel{min-height:500px;display:flex;flex-direction:column}.tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tabs button{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-faint);padding:10px 6px 12px;margin-right:16px;font-size:13px;font-family:var(--font-display);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tabs button:hover:not(:disabled){color:var(--text-muted)}.tabs button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:disabled{color:var(--border-strong);cursor:not-allowed}.tab-body{flex:1}.preview-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.preview-search{flex:1;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:12.5px;font-family:var(--font-mono);transition:border-color .2s}.preview-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.preview-search::placeholder{color:var(--text-faint)}.preview-count{font-size:11px;color:var(--text-faint);font-family:var(--font-mono);white-space:nowrap}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:62vh;border:1px solid var(--border);border-radius:var(--radius);position:relative}table{border-collapse:collapse;width:100%;min-width:max-content;font-size:12px;font-family:var(--font-mono)}th{text-align:left;background:var(--surface-raised);color:var(--text-faint);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}th.col-cli,th.col-bni{color:var(--text-muted)}.col-tag{display:inline-block;font-size:9px;background:var(--accent-soft);color:var(--accent);padding:1px 5px;border-radius:4px;margin-left:5px;vertical-align:middle;letter-spacing:.05em}td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap}td.col-cli{color:var(--accent)}td.col-bni{color:var(--accent2)}.row-num{color:var(--text-faint)!important;font-size:10px;width:32px;text-align:center}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff04}.table-note{padding:10px 12px;margin:0;font-size:11px;color:var(--text-faint)}.sql-wrap{display:flex;flex-direction:column;gap:10px}.sql-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end}.from-history-badge{margin-right:auto;font-size:11px;color:var(--accent2);background:var(--accent2-soft);padding:3px 10px;border-radius:12px;font-family:var(--font-mono)}.tool-btn{display:flex;align-items:center;gap:5px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:7px 14px;font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.tool-btn:hover{border-color:var(--accent-dim);color:var(--text-primary)}.tool-btn.is-copied{border-color:var(--success);color:var(--success)}.tool-btn.dl{background:var(--accent-soft);border-color:#22d3ee33;color:var(--accent)}.tool-btn.dl:hover{background:#22d3ee1f}.tool-btn.mini{padding:4px 10px;font-size:11px}.sql-block{background:#05080c;border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow-x:auto;overflow-y:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;color:#b8d4e8;margin:0;max-height:60vh}.sql-block code{white-space:pre-wrap;word-break:break-word}.values-wrap{display:flex;flex-direction:column;gap:16px}.value-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.value-list.cli{border-color:#22d3ee26}.value-list.bni{border-color:#f59e0b26}.value-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-raised);border-bottom:1px solid var(--border)}.value-list-header h3{margin:0;font-size:13px;font-family:var(--font-display);font-weight:600;color:var(--text-primary)}.value-count{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-left:6px}.value-list-body{padding:14px 16px;display:flex;flex-wrap:wrap;gap:6px;max-height:280px;overflow-y:auto}.value-chip{font-family:var(--font-mono);font-size:11.5px;padding:4px 10px;border-radius:14px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);transition:all .15s}.cli .value-chip{background:#22d3ee0a;border-color:#22d3ee1f;color:var(--accent)}.bni .value-chip{background:#f59e0b0a;border-color:#f59e0b1f;color:var(--accent2)}.empty-state{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-faint);gap:8px}.empty-icon{opacity:.25;margin-bottom:4px}.empty-title{font-family:var(--font-display);color:var(--text-muted);font-size:15px;margin:0}.empty-body{font-size:12.5px;max-width:280px;margin:0;line-height:1.5}.history-section{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.history-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-faint);font-size:12px;font-family:var(--font-mono);cursor:pointer;padding:0;transition:color .2s}.history-toggle:hover{color:var(--text-muted)}.history-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.history-item{padding:10px 12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.history-item:hover{border-color:var(--accent-dim);background:var(--surface-hover)}.history-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.history-file{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:10px;color:var(--text-faint);white-space:nowrap}.history-item-stats{display:flex;gap:6px;margin-top:6px}.history-badge{font-size:10px;font-family:var(--font-mono);padding:2px 8px;border-radius:10px}.history-badge.cli{background:var(--accent-soft);color:var(--accent)}.history-badge.bni{background:var(--accent2-soft);color:var(--accent2)}.history-clear{background:none;border:none;color:var(--danger);font-size:11px;cursor:pointer;padding:6px 0;opacity:.7;transition:opacity .2s;text-align:left}.history-clear:hover{opacity:1}.history-empty{font-size:12px;color:var(--text-faint);margin:4px 0}.page-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-faint);font-size:11px;margin-top:40px}.footer-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-dim)}@media (max-width: 880px){.hero-title{font-size:38px}.ticker{gap:6px}.ticker-stat{min-width:90px;padding:10px 12px}.ticker-value{font-size:18px}.combo-grid{grid-template-columns:1fr}.db-status-bar{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.page{padding-top:calc(20px + env(safe-area-inset-top));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left))}.panel{padding:18px}.hero-title{font-size:30px}.field select,.field input,input,select,textarea{font-size:16px}}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 8px}.preset-pill{padding:8px 0;width:100%;text-align:center;white-space:nowrap;border-radius:10px;border:1px solid var(--accent-dim);background:transparent;color:var(--accent);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.preset-pill:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 0 14px var(--accent-glow);transform:translateY(-1px)}.preset-pill:active{transform:translateY(0)}.preset-pill.is-active{background:linear-gradient(135deg,var(--accent),#0ea5c4);border-color:var(--accent);color:#04141a;font-weight:600;box-shadow:0 0 0 3px var(--accent-glow),0 4px 16px #22d3ee59}.preset-pill.is-active:hover{filter:brightness(1.08)}.preset-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drp{position:relative}.drp-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-raised);border:1px solid var(--border-solid);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:13.5px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s}.drp-trigger svg{color:var(--accent);flex:none}.drp-trigger:hover{border-color:var(--accent-dim);background:var(--surface-hover)}.drp-trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.drp-trigger.is-empty{border-color:#f59e0b8c;color:var(--accent2)}.drp-trigger.is-empty svg{color:var(--accent2)}.drp-arrow{font-style:normal;color:var(--accent2);margin:0 8px}.drp-pop{position:absolute;z-index:50;top:calc(100% + 8px);left:0;max-width:calc(100vw - 32px);padding:12px 12px 10px;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 18px 50px #000000a6,0 0 0 1px #22d3ee0f;animation:drp-in .14s ease-out}@keyframes drp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.drp-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:10px;border-top:1px solid var(--border-solid)}.drp-hint{font-size:11.5px;color:var(--text-muted);font-family:var(--font-body)}.drp-clear{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);border-radius:999px;padding:3px 12px;font-size:12px;cursor:pointer;transition:all .15s}.drp-clear:hover{color:var(--danger);border-color:var(--danger);background:#f8717114}.drp-pop .rdp-root{--rdp-accent-color: var(--accent);--rdp-accent-background-color: var(--accent-soft);--rdp-day-height: 38px;--rdp-day-width: 38px;--rdp-day_button-height: 36px;--rdp-day_button-width: 36px;--rdp-day_button-border-radius: 8px;--rdp-selected-border: 0;--rdp-range_middle-background-color: var(--accent-soft);--rdp-range_middle-color: var(--text-primary);--rdp-range_start-date-background-color: var(--accent);--rdp-range_end-date-background-color: var(--accent);--rdp-today-color: var(--accent2);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;margin:0}.drp-pop .rdp-weekday{color:var(--text-faint);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.drp-pop .rdp-caption_label{color:var(--text-primary);font-family:var(--font-display);font-weight:600}.drp-pop .rdp-dropdown_root select,.drp-pop .rdp-dropdown{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:6px;padding:2px 4px}.drp-pop .rdp-chevron{fill:var(--accent)}.drp-pop .rdp-button_previous:hover,.drp-pop .rdp-button_next:hover{background:var(--accent-soft);border-radius:8px}.drp-pop .rdp-day_button{transition:background .12s,color .12s,box-shadow .12s}.drp-pop .rdp-day:not(.rdp-disabled):not(.rdp-selected) .rdp-day_button:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--accent-dim);color:#fff}.drp-pop .rdp-today:not(.rdp-selected) .rdp-day_button{color:var(--accent2);font-weight:700}.drp-pop .rdp-outside{opacity:.3}.drp-pop .rdp-disabled{opacity:.22}.drp-pop .rdp-selected .rdp-day_button{border:0}.drp-pop .rdp-range_start .rdp-day_button,.drp-pop .rdp-range_end .rdp-day_button{background:var(--accent);color:#04141a;font-weight:700;box-shadow:0 0 14px #22d3ee73}.drp-pop .rdp-range_middle{background:var(--accent-soft)}.drp-pop .rdp-range_middle .rdp-day_button{color:var(--accent)}.drp-pop table,.drp-pop thead,.drp-pop tbody,.drp-pop tr,.drp-pop th,.drp-pop td{background:transparent!important;border:0!important;box-shadow:none!important}.drp-pop th,.drp-pop td{padding:0!important;text-align:center}.drp-pop tr:hover,.drp-pop tr:hover td{background:transparent!important}.drp-pop{width:max-content}.drp-pop .rdp-range_middle{background:var(--accent-soft)!important}.preset-note{font-size:11.5px;color:var(--text-faint);margin:0 0 4px;font-family:var(--font-body)}.drp-pop--up{top:auto;bottom:calc(100% + 8px);animation-name:drp-in-up}@keyframes drp-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.field input:disabled,.field input[readonly]{opacity:.65;cursor:not-allowed}.combo-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--text-muted);font-family:var(--font-body)}.combo-error,.combo-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root{--bg: #07090d;--surface: rgba(13, 17, 23, .85);--surface-solid: #0d1117;--surface-raised: #131920;--surface-hover: #1a222c;--border: rgba(48, 62, 80, .5);--border-solid: #1e2a38;--border-strong: #2a3a4e;--text-primary: #e6edf5;--text-muted: #8296a9;--text-faint: #4e6175;--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .08);--accent-dim: rgba(34, 211, 238, .25);--accent-glow: rgba(34, 211, 238, .15);--accent2: #f59e0b;--accent2-soft: rgba(245, 158, 11, .1);--warn: #fb923c;--warn-soft: rgba(251, 146, 60, .1);--danger: #f87171;--success: #34d399;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100svh;min-height:100dvh;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent-dim);color:#fff}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}