.landing{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--border)}.nav-logo{font-size:1.1rem;font-weight:800;letter-spacing:4px;color:var(--accent)}.btn-login{background:transparent;border:1px solid var(--border);color:var(--text);padding:.5rem 1.25rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem;transition:border-color .2s}.btn-login:hover{border-color:var(--accent)}.hero{text-align:center;padding:6rem 2rem 4rem;max-width:760px;margin:0 auto}.hero-badge{display:inline-block;background:#6c63ff26;border:1px solid rgba(108,99,255,.3);color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:.4rem 1rem;border-radius:100px;margin-bottom:2rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.15;margin-bottom:1.5rem}.hero-accent{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);line-height:1.7;margin-bottom:2.5rem}.btn-google{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#1a1a2e;font-size:1rem;font-weight:600;padding:.9rem 2rem;border-radius:var(--radius);border:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-google:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6c63ff40}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;padding:3rem 2rem;max-width:1000px;margin:0 auto;width:100%}.feature-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:border-color .2s}.feature-card:hover{border-color:var(--accent)}.feature-icon{font-size:2rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.6rem}.feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.code-section{text-align:center;padding:3rem 2rem}.code-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-muted);font-weight:400}.code-block{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 2rem;text-align:left;font-family:monospace;font-size:.9rem;line-height:1.8;color:var(--accent2);display:inline-block;min-width:400px}.footer{margin-top:auto;padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border)}.nav-docs{color:var(--text-muted, #888);font-size:.85rem;text-decoration:none;transition:color .15s;margin-right:.5rem}.nav-docs:hover{color:#6c63ff}.hero-docs-link{display:inline-block;margin-top:1rem;color:#6c63ff;font-size:.875rem;text-decoration:none;opacity:.85;transition:opacity .15s}.hero-docs-link:hover{opacity:1;text-decoration:underline}.footer a{color:var(--text-muted, #888);font-size:.8rem;text-decoration:none;margin-left:1.25rem}.footer a:hover{color:#6c63ff}.dash{min-height:100vh;display:flex;flex-direction:column}.dash-nav{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 2rem;border-bottom:1px solid var(--border);background:#07070fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.dash-logo{font-size:1rem;font-weight:900;letter-spacing:5px;background:linear-gradient(90deg,#6c63ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dash-user{display:flex;align-items:center;gap:.875rem}.dash-user span{font-size:.82rem;color:var(--text-muted)}.dash-plan{background:#6c63ff1f;border:1px solid rgba(108,99,255,.35);color:#8b84ff;padding:.2rem .65rem;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:1.5px}.dash-user button{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.38rem .9rem;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .15s}.dash-user button:hover{border-color:#f55;color:#f55}.dash-main{flex:1;padding:2.5rem 2rem;max-width:900px;margin:0 auto;width:100%}.dash-header{margin-bottom:2.25rem}.dash-header h1{font-size:1.6rem;font-weight:700;margin-bottom:.3rem}.dash-subtitle{color:var(--text-muted);font-size:.88rem}.section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}.loading{color:var(--text-muted);text-align:center;padding:3rem}.empty-state{text-align:center;padding:3.5rem 2rem;border:1px dashed #1e1e32;border-radius:16px;background:var(--bg2)}.empty-icon{font-size:2.5rem;display:block;margin-bottom:1rem;filter:grayscale(.3)}.empty-state h3{font-size:1.05rem;font-weight:600;margin-bottom:.4rem}.db-list{display:flex;flex-direction:column;gap:.625rem}.db-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:1.1rem 1.4rem;transition:border-color .2s,background .2s,box-shadow .2s}.db-card:hover{border-color:#6c63ff99;border-left-color:var(--accent);background:#6c63ff0a;box-shadow:0 2px 16px #6c63ff14}.db-card-left{display:flex;align-items:center;gap:1rem}.db-icon-wrap{width:42px;height:42px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.db-info-name{font-size:.98rem;font-weight:700;color:var(--text);font-family:JetBrains Mono,Fira Code,monospace;margin-bottom:.2rem}.db-info-sub{display:flex;align-items:center;gap:.5rem}.db-type-badge{font-size:.7rem;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);padding:.15rem .5rem;border-radius:6px}.db-status{font-size:.7rem;color:#4ade80;font-weight:600;display:flex;align-items:center;gap:.3rem}.db-status:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%;display:inline-block}.db-card-right{display:flex;align-items:center;gap:.5rem}.btn-open{display:flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;border:none;padding:.5rem 1.1rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .15s;white-space:nowrap}.btn-open:hover{opacity:.88;transform:translate(1px)}.btn-open svg{width:13px;height:13px}.btn-icon-danger{background:transparent;border:1px solid transparent;color:#555;padding:.45rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon-danger:hover{border-color:#ff55554d;color:#f55;background:#ff55550f}.btn-icon-danger svg{width:15px;height:15px}.plan-notice{font-size:.75rem;color:var(--text-muted);text-align:center;padding-top:.875rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.58rem 1.25rem;border-radius:9px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .15s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg2);border:1px solid #2a2a40;border-radius:16px;padding:1.75rem;width:100%;max-width:480px;box-shadow:0 24px 48px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:color .15s}.form-group input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.7rem 1rem;border-radius:9px;font-size:.9rem;outline:none;transition:border-color .15s}.form-group input:focus{border-color:var(--accent)}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.type-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;cursor:pointer;transition:all .15s}.type-card:hover{border-color:#6c63ff80}.type-card.selected{border-color:var(--accent);background:#6c63ff14}.type-card strong{display:block;font-size:.875rem;margin-bottom:.25rem}.type-card span{font-size:.75rem;color:var(--text-muted)}.modal-actions{display:flex;gap:.625rem;justify-content:flex-end;margin-top:1.5rem}.dash-docs-link{color:var(--text-muted);font-size:.82rem;text-decoration:none;border:1px solid var(--border);padding:.38rem .9rem;border-radius:8px;transition:all .15s}.dash-docs-link:hover{color:#6c63ff;border-color:#6c63ff66}.tokens-list{display:flex;flex-direction:column;gap:.5rem}.token-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--border);border-left:3px solid rgba(108,99,255,.35);border-radius:12px;padding:1rem 1.25rem;gap:1rem;transition:border-color .2s,background .2s}.token-card:hover{border-left-color:var(--accent);background:#6c63ff08}.token-card-left{flex:1;min-width:0}.token-card-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.token-name{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.token-desc{font-size:.78rem;color:var(--text-muted);margin-bottom:.35rem}.token-meta{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.token-preview{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--accent);background:#6c63ff14;border:1px solid rgba(108,99,255,.2);padding:.15rem .5rem;border-radius:6px}.token-date{font-size:.72rem;color:var(--text-muted)}.token-perms{display:flex;gap:.35rem;flex-wrap:wrap}.perm-badge{font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.15rem .45rem;border-radius:5px;color:var(--perm-color);background:color-mix(in srgb,var(--perm-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--perm-color) 30%,transparent)}.token-reveal{background:#00d4ff0d;border:1px solid rgba(0,212,255,.25);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.token-reveal-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#00d4ff;margin-bottom:.75rem;font-weight:600}.token-reveal-close{background:none;border:none;color:#00d4ff;cursor:pointer;font-size:.9rem;opacity:.7;transition:opacity .15s}.token-reveal-close:hover{opacity:1}.token-reveal-value{display:flex;align-items:center;gap:.75rem;background:var(--bg);border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:.6rem 1rem}.token-reveal-value code{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;color:#e8e8f0;word-break:break-all}.btn-copy{display:flex;align-items:center;gap:.35rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:.35rem .75rem;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn-copy:hover{background:#00d4ff33}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.perm-toggle{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .875rem;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-muted);transition:all .15s;-webkit-user-select:none;user-select:none}.perm-toggle input{display:none}.perm-toggle.active{color:var(--perm-color);background:color-mix(in srgb,var(--perm-color) 8%,transparent);border-color:color-mix(in srgb,var(--perm-color) 35%,transparent)}.perm-toggle:hover{border-color:var(--accent)}.label-opt{font-size:.7rem;font-weight:400;color:var(--text-muted)}.token-db-badge{font-size:.7rem;color:var(--accent);background:#6c63ff14;border:1px solid rgba(108,99,255,.2);padding:.15rem .5rem;border-radius:6px;font-weight:600}.usage-plan-badge{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:.2rem .65rem;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.usage-refresh-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.usage-refresh-btn:hover{border-color:#6c63ff80;color:var(--accent)}.usage-refresh-btn.spinning svg{animation:spin .6s linear}@keyframes spin{to{transform:rotate(360deg)}}.usage-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:0}.usage-block{padding:.75rem 0}.usage-block+.usage-block{border-top:1px solid var(--border)}.usage-block-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.usage-block-title span:first-child{font-size:.75rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px}.usage-period{font-size:.72rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.usage-row{margin-bottom:.9rem}.usage-row:last-child{margin-bottom:0}.usage-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.usage-row-label{font-size:.82rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.usage-row-numbers{font-size:.78rem;font-family:JetBrains Mono,monospace;font-weight:600;transition:color .2s}.usage-row-sep{color:var(--border);margin:0 .2rem}.usage-row-pct{font-size:.7rem;margin-left:.35rem;opacity:.7}.usage-bar-track{width:100%;height:5px;background:#ffffff0f;border-radius:100px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:100px;transition:width .5s ease,background .3s;min-width:2px}.usage-row-alert{font-size:.72rem;padding:.35rem .7rem;border-radius:7px;margin-top:.45rem}.usage-row-alert.warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:#f59e0b}.usage-row-alert.danger{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:#f87171}.usage-ok{font-size:.78rem;color:#4ade80;padding:.5rem 0 .1rem;display:flex;align-items:center;gap:.4rem}.usage-loading{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.usage-skeleton{height:38px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}.usage-skeleton.short{height:28px;width:60%}@keyframes shimmer{to{background-position:-200% 0}}.usage-error{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.usage-error button{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.25rem .7rem;border-radius:7px;cursor:pointer;font-size:.78rem;transition:all .15s}.usage-error button:hover{border-color:var(--accent);color:var(--accent)}.detail{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.detail-main{flex:1;max-width:900px;margin:0 auto;padding:2rem 2rem 4rem;width:100%}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.82rem}.breadcrumb-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.82rem;padding:0;display:flex;align-items:center;gap:.3rem;transition:color .15s}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-link svg{width:13px;height:13px}.breadcrumb-sep{color:#2a2a3f}.breadcrumb-current{color:var(--text);font-weight:600}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.detail-title-wrap{display:flex;align-items:center;gap:1rem}.detail-db-icon{width:52px;height:52px;background:linear-gradient(135deg,#6c63ff33,#00d4ff1a);border:1px solid rgba(108,99,255,.3);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.detail-db-name{font-size:1.5rem;font-weight:800;font-family:JetBrains Mono,Fira Code,monospace;color:var(--text);margin-bottom:.2rem;letter-spacing:-.5px}.detail-db-meta{display:flex;align-items:center;gap:.5rem}.detail-db-engine{font-size:.72rem;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);padding:.2rem .6rem;border-radius:6px}.detail-table-count{font-size:.72rem;color:var(--accent);background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);padding:.2rem .6rem;border-radius:6px;font-weight:600}.detail-divider{height:1px;background:var(--border);margin-bottom:1.75rem}.tables-list{display:flex;flex-direction:column;gap:.625rem}.table-card{background:var(--bg2);border:1px solid var(--border);border-left:3px solid rgba(108,99,255,.4);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.table-card:hover{border-left-color:var(--accent)}.table-card.expanded{border-left-color:var(--accent);box-shadow:0 2px 16px #6c63ff14}.table-card-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.table-card-header:hover{background:#6c63ff0a}.table-card-left{display:flex;align-items:center;gap:.75rem}.table-icon-wrap{width:34px;height:34px;background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.table-name{font-size:.92rem;font-weight:700;color:var(--text);font-family:JetBrains Mono,Fira Code,monospace}.table-col-badge{font-size:.68rem;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);padding:.15rem .5rem;border-radius:6px}.table-card-right{display:flex;align-items:center;gap:.5rem}.btn-expand{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;display:flex;align-items:center;transition:color .15s,transform .2s}.btn-expand:hover{color:var(--accent)}.btn-expand.open{transform:rotate(180deg);color:var(--accent)}.btn-expand svg{width:14px;height:14px}.btn-table-drop{background:transparent;border:1px solid transparent;color:#444;padding:.35rem;border-radius:7px;cursor:pointer;display:flex;align-items:center;transition:all .15s}.btn-table-drop:hover{border-color:#ff55554d;color:#f55;background:#ff55550f}.btn-table-drop svg{width:14px;height:14px}.cols-panel{border-top:1px solid var(--border);overflow-x:auto}.cols-table{width:100%;border-collapse:collapse;font-size:.78rem;min-width:560px}.cols-table thead tr{background:#0000004d}.cols-table th{padding:.55rem 1rem;text-align:left;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.cols-table td{padding:.55rem 1rem;border-bottom:1px solid rgba(30,30,50,.6);color:var(--text-muted);transition:background .1s}.cols-table tbody tr:last-child td{border-bottom:none}.cols-table tbody tr:hover td{background:#6c63ff08}.col-name-cell{font-family:JetBrains Mono,Fira Code,monospace;color:var(--text)!important;font-weight:600;font-size:.8rem}.col-type-cell{font-family:JetBrains Mono,Fira Code,monospace;color:#00d4ff!important;font-size:.75rem}.col-pk{font-size:.85rem}.col-check{color:#4ade80;font-weight:700;font-size:.8rem}.col-default-cell{color:#6c63ff!important;font-family:JetBrains Mono,Fira Code,monospace;font-size:.73rem}.empty-state{text-align:center;padding:4rem 2rem;border:1px dashed #1e1e32;border-radius:16px;background:var(--bg2)}.empty-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.empty-state h3{font-size:1rem;font-weight:600;margin-bottom:.4rem}.empty-state p{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.58rem 1.25rem;border-radius:9px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex;align-items:center;gap:.4rem}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.58rem 1.25rem;border-radius:9px;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.loading{text-align:center;color:var(--text-muted);padding:4rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg2);border:1px solid #2a2a40;border-radius:16px;padding:1.75rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0009}.modal-wide{max-width:820px!important}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{font-size:1.1rem;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.3rem .5rem;border-radius:6px;transition:color .15s}.modal-close:hover{color:var(--text)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.form-group input[type=text]{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.7rem 1rem;border-radius:9px;font-size:.9rem;outline:none;transition:border-color .15s;box-sizing:border-box}.form-group input[type=text]:focus{border-color:var(--accent)}.form-error{background:#ff555514;border:1px solid rgba(255,85,85,.25);color:#f77;padding:.7rem 1rem;border-radius:9px;font-size:.82rem;margin-bottom:1rem}.modal-actions{display:flex;gap:.625rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.cols-builder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.btn-add-col{background:none;border:1px dashed #2a2a40;color:var(--accent);padding:.3rem .75rem;border-radius:7px;cursor:pointer;font-size:.78rem;transition:all .15s}.btn-add-col:hover{border-color:var(--accent);background:#6c63ff14}.cols-builder{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;overflow-x:auto}.cols-builder-head{display:grid;grid-template-columns:2fr 1.4fr .7fr .45fr .45fr .45fr .45fr 1.1fr .4fr;gap:.4rem;padding:.45rem .875rem;background:#0006;border-bottom:1px solid var(--border);font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.col-row{display:grid;grid-template-columns:2fr 1.4fr .7fr .45fr .45fr .45fr .45fr 1.1fr .4fr;gap:.4rem;align-items:center;padding:.45rem .875rem;border-bottom:1px solid rgba(30,30,50,.6);transition:background .1s}.col-row:last-child{border-bottom:none}.col-row:hover{background:#6c63ff08}.col-row input[type=text],.col-row input[type=number],.col-row select{background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.3rem .5rem;font-size:.78rem;width:100%;outline:none;transition:border-color .15s}.col-row input[type=text]:focus,.col-row input[type=number]:focus,.col-row select:focus{border-color:var(--accent)}.col-row input:disabled{opacity:.3;cursor:not-allowed}.col-input-name{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem!important}.col-input-len{text-align:center}.col-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;justify-self:center}.col-remove{background:none;border:none;color:#333;cursor:pointer;padding:.25rem;border-radius:5px;transition:all .15s;justify-self:center;display:flex;align-items:center}.col-remove:hover:not(:disabled){color:#f55}.col-remove:disabled{opacity:.2;cursor:not-allowed}.col-remove svg{width:13px;height:13px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07070f;--bg2: #0e0e1a;--border: #1e1e32;--accent: #6c63ff;--accent2: #00d4ff;--text: #e8e8f0;--text-muted: #6b6b8a;--radius: 12px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}