:root{--bg: #f7f8fa;--surface: #ffffff;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-soft: #6b7280;--accent: #2563eb;--accent-soft: #eff4ff;--danger: #dc2626;--ok: #059669;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 24px;height:60px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:650;letter-spacing:-.01em}.brand span{color:var(--accent)}.topbar .spacer{flex:1}.page{max-width:900px;margin:0 auto;padding:32px 24px 96px}.steps{display:flex;gap:8px;margin-bottom:28px}.step{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-soft);cursor:pointer;text-align:left}.step[disabled]{cursor:not-allowed;opacity:.55}.step.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.step.done{color:var(--text)}.step .num{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f3f4f6;font-size:12px;font-weight:600}.step.active .num{background:var(--accent);color:#fff}.step.done .num{background:#d1fae5;color:var(--ok)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:24px;margin-bottom:16px}.card h2{margin:0 0 4px;font-size:17px;letter-spacing:-.01em}.card .sub{margin:0 0 20px;color:var(--text-soft);font-size:14px}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field>label{display:block;font-size:13.5px;font-weight:550;margin-bottom:6px}.field .help{font-size:12.5px;color:var(--text-soft);margin:4px 0 0}input[type=text],input[type=number],input[type=email],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.row{display:flex;gap:12px}.row>*{flex:1}.inline{display:flex;align-items:center;gap:10px}.btn{border:1px solid transparent;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:550;cursor:pointer;background:var(--accent);color:#fff}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn.ghost:hover:not(:disabled){background:#f9fafb;filter:none}.btn.link{background:none;border:none;color:var(--accent);padding:0;font-weight:550}.btn.sm{padding:6px 11px;font-size:13px}.btn.danger{background:none;border:none;color:var(--danger);padding:2px 6px}.actions{display:flex;gap:10px;align-items:center;margin-top:24px}.actions .spacer{flex:1}.dataset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.dataset{text-align:left;padding:14px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}.dataset:hover{border-color:var(--border-strong)}.dataset.selected{border-color:var(--accent);background:var(--accent-soft)}.dataset strong{display:block;font-size:14.5px;margin-bottom:3px}.dataset span{font-size:12.5px;color:var(--text-soft)}.filter{border-top:1px solid var(--border);padding:16px 0}.filter:first-of-type{border-top:none;padding-top:0}.filter-head{display:flex;align-items:baseline;gap:8px}.filter-head strong{font-size:14px;font-weight:600}.filter-head em{font-style:normal;font-size:12.5px;color:var(--text-soft)}.filter-body{margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;background:#f3f4f6;border-radius:999px;font-size:12.5px}.chip button{border:none;background:none;cursor:pointer;color:var(--text-soft);padding:0 2px;line-height:1}.options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;max-height:210px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:10px;margin-top:8px}.options label{display:flex;align-items:center;gap:7px;font-size:13.5px;padding:3px 0;cursor:pointer}.options input{accent-color:var(--accent)}.switch{display:flex;align-items:center;gap:10px;cursor:pointer}.switch input{accent-color:var(--accent);width:16px;height:16px}.disclosure{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.disclosure>summary{cursor:pointer;font-size:14px;font-weight:550;color:var(--accent);list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:"▸ "}.disclosure[open]>summary:before{content:"▾ "}.disclosure .inner{padding-top:14px}.count-hero{text-align:center;padding:8px 0 4px}.count-hero .value{font-size:44px;font-weight:680;letter-spacing:-.03em}.count-hero .label{color:var(--text-soft);font-size:13.5px}.count-hero .value.stale{color:var(--border-strong)}.summary-list{list-style:none;margin:0;padding:0}.summary-list li{display:flex;gap:12px;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border);font-size:13.5px}.summary-list li:first-child{border-top:none}.summary-list .k{color:var(--text-soft)}.summary-list .v{text-align:right;font-weight:500;max-width:60%}.empty{color:var(--text-soft);font-size:13.5px;padding:8px 0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:8px 12px;text-align:left;white-space:nowrap}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}thead th{background:#f9fafb;font-weight:600;border-bottom:1px solid var(--border);position:sticky;top:0}tbody tr+tr td{border-top:1px solid var(--border)}tfoot td{border-top:2px solid var(--border-strong);font-weight:600;background:#f9fafb}.banner{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:8px;font-size:13.5px;margin-bottom:16px}.banner.error{background:#fef2f2;color:#991b1b}.banner.ok{background:#ecfdf5;color:#065f46}.banner.info{background:var(--accent-soft);color:#1e40af}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.toolbar input{flex:1}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;display:inline-block;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.page{padding:20px 16px 80px}.steps,.row{flex-direction:column}}.muted{color:var(--text-soft);font-size:13px}.strip{background:var(--accent-soft);color:#1e40af;font-size:13px;padding:7px 24px;border-bottom:1px solid #dbe6ff}.strip code{background:#fff9;padding:1px 5px;border-radius:4px}.page.wide{max-width:1200px}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.page-head h1{font-size:22px;margin:0 0 2px;letter-spacing:-.02em}.page-head .sub{margin:0;color:var(--text-soft);font-size:13.5px}.page-head>:first-child{flex:1}a{color:var(--accent)}a.btn,a.btn:hover{text-decoration:none}.builder{max-width:1400px;margin:0 auto;padding:20px 24px 40px}.builder-head{display:flex;gap:10px;align-items:center;margin-bottom:16px}.builder-head select{width:auto}.title-input{font-size:18px;font-weight:600;border-color:transparent;background:transparent;padding-left:0;letter-spacing:-.01em}.title-input:hover{border-color:var(--border)}.builder-body{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:16px;align-items:start}.field-nav,.field-editor,.rail{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.field-nav{padding:14px;position:sticky;top:76px;max-height:calc(100vh - 100px);overflow:auto}.field-editor{padding:22px;min-height:420px}.rail{padding:16px;position:sticky;top:76px}.field-list{list-style:none;margin:0;padding:2px 0 8px}.field-list .empty{padding:4px 9px 8px;font-size:12.5px}.field-section{border-top:1px solid var(--border)}.section-head{width:100%;display:flex;align-items:center;gap:8px;border:none;background:none;cursor:pointer;text-align:left;padding:10px 4px;font-size:13px;font-weight:600;color:var(--text)}.section-head:disabled{cursor:default}.section-head:hover:not(:disabled){color:var(--accent)}.section-head .chevron{display:inline-block;width:10px;color:var(--text-soft);transition:transform .15s}.field-section.open .chevron{transform:rotate(90deg)}.section-count{margin-left:auto;font-size:11.5px;font-weight:500;color:var(--text-soft)}.section-count.chosen{color:var(--accent);font-weight:600}.editor-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.editor-head>:first-child{flex:1}.editor-head h2{margin:0 0 3px;font-size:17px;letter-spacing:-.01em}.editor-head .sub{margin:0;color:var(--text-soft);font-size:13.5px}.modes{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.mode{border:1px solid var(--border);background:#fff;cursor:pointer;padding:5px 11px;border-radius:999px;font-size:12.5px;color:var(--text-soft)}.mode.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:550}.alpha{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0}.alpha button{border:none;background:none;cursor:pointer;font-size:11.5px;padding:2px 5px;border-radius:4px;color:var(--text-soft)}.alpha button:hover{background:#f3f4f6}.alpha button.active{background:var(--accent);color:#fff}.file-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#f9fafb}.file-chip>:first-child{flex:1;font-size:13.5px}.rail-count{text-align:center;padding:6px 0 12px;border-bottom:1px solid var(--border)}.rail-count .value{font-size:32px;font-weight:680;letter-spacing:-.03em}.rail-count .value.stale{color:var(--border-strong)}.rail-count .label{color:var(--text-soft);font-size:12.5px}.rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 0}.rail-actions .btn:first-child{grid-column:1 / -1}.rail-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.rail-tabs button{border:none;background:none;cursor:pointer;padding:8px 10px;font-size:13px;color:var(--text-soft);border-bottom:2px solid transparent;margin-bottom:-1px}.rail-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.rail-body{padding-top:12px;max-height:46vh;overflow:auto}.selection-list{list-style:none;margin:0;padding:0}.selection-list li{display:flex;gap:8px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--border);font-size:13px}.selection-list li:first-child{border-top:none}.selection-list strong{display:block;font-size:12.5px}.selection-list span{color:var(--text-soft);font-size:12px;word-break:break-word}.selection-list .tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:#fef2f2;color:#991b1b;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}td.picked{background:var(--accent-soft)}td input[type=number]{width:92px;padding:2px 6px;text-align:right}.pill{display:inline-block;padding:2px 9px;border-radius:999px;background:#f3f4f6;color:var(--text-soft);font-size:12px;font-weight:550}.pill.ok{background:#ecfdf5;color:var(--ok)}.pill.bad{background:#fef2f2;color:var(--danger)}.layout-grid{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start}.group-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);font-weight:600;margin:0 0 4px}.column-order{list-style:none;counter-reset:col;margin:0 0 12px;padding:0;border:1px solid var(--border);border-radius:8px}.column-order li{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;border-top:1px solid var(--border);counter-increment:col}.column-order li:first-child{border-top:none}.column-order li:before{content:counter(col);color:var(--text-soft);font-size:11px;width:16px}.column-order li>span:first-of-type{flex:1}.order-actions button{border:none;background:none;cursor:pointer;color:var(--text-soft);padding:0 3px;font-size:13px}.order-actions button:disabled{opacity:.3;cursor:not-allowed}select[multiple]{padding:4px}@media (max-width: 1100px){.builder-body{grid-template-columns:220px minmax(0,1fr)}.rail{grid-column:1 / -1;position:static}.layout-grid{grid-template-columns:1fr}}@media (max-width: 760px){.builder-body{grid-template-columns:1fr}.field-nav{position:static;max-height:none}.builder-head{flex-wrap:wrap}}.breakdown-controls{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.breakdown-controls .field{margin-bottom:0}.breakdown-controls .field.mode{width:200px}.breakdown-controls .field.group{width:220px}input[type=file]{width:100%;padding:18px;border:1px dashed var(--border-strong);border-radius:8px;background:#f9fafb;font-size:13.5px;cursor:pointer}input[type=file]:hover{border-color:var(--accent);background:var(--accent-soft)}input[type=file]::file-selector-button{margin-right:12px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;font-weight:550;cursor:pointer}.editor-head .sub .tag{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:999px;background:#fef2f2;color:#991b1b;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;vertical-align:1px}.field-row{display:flex;align-items:center;border-radius:7px}.field-row:hover{background:#f9fafb}.field-row.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.field-row.set .pick>span:after{content:" •";color:var(--ok)}.field-row .pick{flex:1;min-width:0;text-align:left;border:none;background:none;cursor:pointer;padding:7px 9px;font-size:13.5px}.field-row .pick em{display:block;font-style:normal;font-weight:400;font-size:11.5px;color:var(--text-soft);margin-top:2px}.field-row .star{border:none;background:none;cursor:pointer;padding:2px 8px;font-size:14px;line-height:1;color:var(--border-strong);opacity:0}.field-row:hover .star,.field-row .star:focus-visible,.field-row .star.starred{opacity:1}.field-row .star:hover{color:var(--text-soft)}.field-row .star.starred{color:#f59e0b}.filter-stack{min-width:0}.bubbles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.bubble{border:1px dashed var(--border-strong);background:var(--surface);cursor:pointer;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:550;color:var(--text-soft)}.bubble:hover{border-color:var(--accent);color:var(--accent)}.bubble.active{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.filter-card{padding:18px 20px;scroll-margin-top:80px}.filter-card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.filter-card-head h2{margin:0;font-size:15px}.filter-card-head .hint{flex:1;min-width:0;color:var(--text-soft);font-size:13px}.match-toggle{display:inline-flex;gap:2px;padding:2px;background:#f3f4f6;border-radius:999px;align-self:center}.match-toggle button{border:none;background:none;cursor:pointer;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:550;color:var(--text-soft)}.match-toggle button.active{background:#fff;color:var(--accent);box-shadow:0 1px 2px #1018281f}.match-toggle button.suppress.active{color:#991b1b}.filter-card-head .tag{padding:1px 7px;border-radius:999px;background:#fef2f2;color:#991b1b;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.filter-card .help{font-size:12.5px;color:var(--text-soft);margin:6px 0 0}a.brand{text-decoration:none;color:var(--text)}.profile{position:relative}.avatar{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:var(--accent-soft);color:var(--accent);font-weight:650;font-size:14px}.avatar:hover,.avatar[aria-expanded=true]{box-shadow:0 0 0 3px var(--accent-soft)}.menu{position:absolute;right:0;top:44px;min-width:210px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.menu .who{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.menu .who strong{display:block;font-size:13.5px}.menu .who span{font-size:12.5px;color:var(--text-soft);word-break:break-all}.menu button{width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:7px 10px;border-radius:7px;font-size:13.5px}.menu button:hover{background:#f3f4f6}.login{max-width:360px;margin:14vh auto 0;padding:28px}.login .brand{font-size:20px;margin-bottom:20px}.login .btn{width:100%;margin-top:4px}.empty.center{text-align:center;padding:80px 0}input[type=password]{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;outline:none}
