*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.workspace{grid-template-columns:1fr 520px;align-items:start;gap:24px;max-width:1280px;margin:0 auto;padding:28px;display:grid}@media (width<=880px){.workspace{grid-template-columns:1fr;padding:16px}}:root{--bg:#eef2ef;--paper:#fff;--ink:#10241f;--ink-soft:#4a5a55;--line:#d7e0db;--line-soft:#e6ebe8;--teal:#1b6b5b;--teal-dim:#e2efec;--teal-deep:#123f36;--wine:#a63b48;--wine-dim:#f5e5e6;--amber:#b9761f;--amber-dim:#f7ecd9;--info:#3a6ea5;--info-dim:#e4ecf3;--error:#c0392b;--error-dim:#f8ddd9;--terminal:#10241f;--terminal-line:#1e3a32;--terminal-text:#d9f2e8;--terminal-accent:#6fd9b8;--radius:10px;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}.topbar-actions{flex-direction:row;align-items:center;gap:14px;display:flex}.topbar-actions .ta-label{color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;font-size:11.5px}.topbar-actions .ta-divider{background:var(--line);flex-shrink:0;width:1px;height:16px}.topbar-actions .ta-icons{gap:14px;display:flex}.topbar-actions a{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.topbar-actions a:hover{color:var(--teal);background:var(--teal-dim)}.topbar-actions svg{stroke:currentColor;width:16px;height:16px}.icon-tooltip{width:max-content;max-width:160px;font-size:.78rem;font-family:var(--sans);color:var(--terminal-text);text-align:center;opacity:0;visibility:hidden;z-index:20;pointer-events:none;background:#0a1916f5;border:1px solid #ffffff1f;border-radius:10px;padding:8px 12px;font-weight:500;line-height:1.4;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 30px #00000047}.topbar-actions a:hover .icon-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.icon-tooltip:before{content:"";background:inherit;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand-block{flex-direction:column;gap:1px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand .mark{background:var(--teal);color:#fff;width:28px;height:28px;font-family:var(--mono);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.crumbs{color:var(--ink-soft);font-size:13px;font-family:var(--mono)}.crumbs strong{color:var(--ink);font-weight:600}.project-motto{letter-spacing:.01em;opacity:.75;cursor:default;color:#93a19b;width:fit-content;padding-left:38px;font-size:11px;font-style:italic;display:inline-block;position:relative}.project-motto-popover{letter-spacing:normal;opacity:0;visibility:hidden;z-index:20;background:#0a1916f5;border:1px solid #ffffff1f;border-radius:12px;width:280px;padding:14px 16px;font-size:.85rem;font-style:normal;line-height:1.5;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-4px);box-shadow:0 12px 30px #00000047}.project-motto:hover .project-motto-popover{opacity:1;visibility:visible;transform:translateY(0)}.project-motto-popover:before{content:"";background:inherit;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:10px;height:10px;position:absolute;top:-6px;left:18px;transform:rotate(45deg)}.topbar-actions{color:var(--ink-soft);gap:14px;font-size:12px;display:flex}.topbar-actions span{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.topbar-actions svg{width:18px;height:18px;stroke:var(--ink-soft)}@media (width<=880px){.topbar{padding:14px 18px}}@media (width<=560px){.crumbs{display:none}.tagline,.project-motto{padding-left:0}.project-motto-popover{width:220px}}.builder{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.legend{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:18px;margin:14px 0 0;font-size:12px;display:flex}.legend .legend-item{align-items:center;gap:6px;display:flex}.legend .swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend .swatch.include{background:var(--teal)}.legend .swatch.exclude{background:var(--wine)}.legend .swatch.neutral{background:var(--paper);border:1.5px solid var(--line)}.legend .legend-hint{color:#93a19b;font-style:italic}.search{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:11px 18px;display:flex}.search svg{width:16px;height:16px;stroke:var(--ink-soft);flex-shrink:0}.search input{font-family:var(--sans);color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search input::placeholder{color:#93a19b}.flag-category-filters{flex-wrap:wrap;gap:8px;margin:18px 0 4px;display:flex}.category-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink-soft);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:500;transition:all .15s}.category-button:hover{border-color:var(--teal);color:var(--teal)}.category-button.active{background:var(--ink);border-color:var(--ink);color:#fff}.cat-group{margin-top:26px}.cat-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cat-heading h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);white-space:nowrap;margin:0;font-size:12px;font-weight:600}.cat-heading .rule{background:var(--line-soft);flex:1;height:1px}.card-grid{flex-wrap:wrap;gap:10px;display:flex}.no-flags-message{color:var(--ink-soft);padding:20px 0;font-size:13px}.flag-card .flash{color:#fff;letter-spacing:.02em;opacity:0;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex;position:absolute;inset:0}.flag-card .flash.show{animation:.7s ease-out flag-flash}@keyframes flag-flash{0%{opacity:1}30%{opacity:1}to{opacity:0}}.flag-card .flash.flash-include{background:var(--teal)}.flag-card .flash.flash-exclude{background:var(--wine)}.flag-card .flash.flash-off{background:var(--ink-soft)}.flag-card{border:1.5px solid var(--line);border-left:4px solid var(--line);background:var(--paper);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;flex-direction:column;gap:2px;min-width:150px;padding:9px 26px 9px 12px;transition:all .12s;display:flex;position:relative}.flag-card:hover{border-color:#adc4bc}.flag-card .label{color:var(--ink);font-size:13.5px;font-weight:500}.flag-card .bit{font-family:var(--mono);color:var(--ink-soft);font-size:10.5px}.flag-card.include{background:var(--teal-dim);border-color:var(--teal);border-left-color:var(--teal)}.flag-card.include .label{color:var(--teal-deep)}.flag-card.include .bit{color:var(--teal)}.flag-card.exclude{background:var(--wine-dim);border-color:var(--wine);border-left-color:var(--wine)}.flag-card.exclude .label{color:#6d232c}.flag-card.exclude .bit{color:var(--wine)}.card-remove{width:16px;height:16px;color:var(--ink-soft);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:opacity .12s,background .12s;display:flex;position:absolute;top:6px;right:6px}.card-remove:hover{opacity:1;background:#00000014}.card-remove:focus-visible{outline-offset:2px;outline:2px solid}@media (width<=880px){.flag-card{flex:calc(50% - 10px);min-width:140px}}.hidden-card{font-size:12px;font-family:var(--mono);cursor:pointer;color:var(--ink-soft);background:var(--paper);border:1px dashed #b9c8c2;border-radius:999px;padding:4px 11px}.hidden-card:hover{border-color:var(--teal);color:var(--teal-deep);background:var(--teal-dim)}.hidden-bar{background:var(--bg);border:1px solid var(--line-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;display:flex}.hidden-bar .hb-label{color:var(--ink-soft);white-space:nowrap;font-size:11.5px;font-weight:600}.options{border-top:1px solid var(--line-soft);margin-top:28px;padding-top:20px}.options h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 14px;font-size:12px;font-weight:600}.add-option-btn{cursor:pointer;width:100%;color:var(--ink-soft);background:0 0;border:1.5px dashed #b9c8c2;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:12.5px;font-weight:500;display:flex}.add-option-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.add-option-form{border:1.5px solid var(--teal);background:var(--teal-dim);border-radius:9px;flex-direction:column;gap:8px;padding:12px;display:flex}.add-option-form select{border:1px solid var(--line);font-family:var(--sans);background:var(--paper);color:var(--ink);border-radius:6px;outline:none;padding:8px 9px;font-size:13px}.add-option-form select:focus{border-color:var(--teal)}.add-option-form .form-actions{gap:8px;margin-top:2px;display:flex}.add-option-form .form-actions button{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);border:none;border-radius:6px;flex:1;padding:7px 0}.add-option-form .btn-add{background:var(--teal);color:#fff}.add-option-form .btn-add:hover{background:var(--teal-deep)}.add-option-form .form-actions .btn-cancel{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.add-option-form .form-note{color:var(--ink-soft);margin:0;font-size:11px}@media (width<=880px){.output-panel{position:static}}.option-row{flex-direction:column;gap:0;display:flex}.option-row .opt-main{background:var(--bg);border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.option-row.has-error .opt-main{border-color:var(--error);background:var(--error-dim)}.option-row .opt-error-text{color:var(--error);align-items:center;gap:5px;padding:5px 12px 0;font-size:11.5px;display:flex}.option-row-wrap{margin-bottom:8px}.option-row .opt-label{white-space:nowrap;color:var(--ink);flex:none;font-size:13px;font-weight:500}.option-row .opt-label .opt-flag-tag{font-family:var(--mono);color:var(--teal);background:var(--teal-dim);border-radius:4px;margin-right:8px;padding:1px 5px;font-size:10.5px;font-weight:600}.option-row .opt-value{min-width:0;font-family:var(--mono);border:1px solid var(--line);background:var(--paper);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;outline:none;flex:auto;padding:7px 10px;font-size:13px;overflow:hidden}.option-row .opt-value:focus{border-color:var(--teal)}.option-row.has-error .opt-value{border-color:var(--error)}.option-row .opt-toggle-note{color:var(--ink-soft);flex:none;font-size:11px;font-style:italic}.option-row .opt-remove{width:24px;height:24px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;margin-left:auto;font-size:15px}.option-row .opt-remove:hover{background:var(--wine-dim);color:var(--wine)}.preset-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.preset-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:11px;font-weight:600}.presets-group{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;display:flex}.preset-chip{border:1px dashed var(--teal);background:var(--teal-dim);color:var(--teal-deep);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.preset-chip:hover{background:#d3e8e2}.preset-chip.applied{background:var(--teal);color:#fff;border-style:solid}.preset-chip.applied:hover{background:var(--teal-deep)}.utility-row{border-top:1px dashed var(--line-soft);flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;padding-top:12px;display:flex}.utility-btn{appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;align-items:center;gap:5px;padding:0 0 2px;font-size:12px;transition:color .15s,border-color .15s;display:inline-flex}.utility-btn:hover{color:var(--teal);border-color:var(--teal)}.decode-panel{border:1.5px solid var(--teal);background:var(--teal-dim);border-radius:10px;flex-direction:column;gap:10px;margin-top:14px;padding:14px 16px;display:flex}.decode-panel .decode-hint{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.decode-panel .decode-input-row{gap:8px;display:flex}.decode-panel input{border:1px solid var(--line);min-width:0;font-family:var(--mono);background:var(--paper);border-radius:7px;outline:none;flex:1;padding:9px 12px;font-size:13px}.decode-panel input:focus{border-color:var(--teal)}.decode-panel .decode-actions{gap:8px;display:flex}.decode-panel button{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--sans);border:none;border-radius:7px;padding:9px 16px}.decode-panel .btn-decode{background:var(--teal);color:#fff}.decode-panel .btn-decode:hover{background:var(--teal-deep)}.decode-panel .btn-decode-cancel{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.decode-result{border-radius:7px;padding:9px 12px;font-size:12.5px;line-height:1.5}.decode-result.info{background:var(--teal-dim);color:var(--teal-deep);border:1px solid var(--teal)}.decode-result.warn{background:var(--amber-dim);color:#7a4d12;border:1px solid var(--amber)}.decode-result.error{background:var(--error-dim);color:var(--error);border:1px solid var(--error)}.output-panel{background:var(--terminal);border-radius:var(--radius);color:var(--terminal-text);border:1px solid var(--teal-deep);position:sticky;top:24px;overflow:hidden}.op-head{padding:16px 20px 0}.op-head h2{text-transform:uppercase;letter-spacing:.08em;color:#8fb3a6;margin:0 0 12px;font-size:11px;font-weight:600}@media (width<=880px){.output-panel{position:static}}.file-field{margin:0 20px 16px}.file-field label{text-transform:uppercase;letter-spacing:.08em;color:#8fb3a6;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.file-field .file-input-row{border:1px solid var(--terminal-line);background:#0a1712;border-radius:7px;align-items:center;gap:8px;padding:8px 12px;display:flex}.file-field .file-input-row svg{stroke:#5f8377;flex-shrink:0;width:14px;height:14px}.file-field input{min-width:0;font-family:var(--mono);color:var(--terminal-accent);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;font-size:13px;overflow:hidden}.file-field input::placeholder{color:#3f5f54}.file-field.has-error .file-input-row{border-color:var(--error)}.file-field .file-msg{margin-top:6px;padding-left:2px;font-size:11px}.file-field.has-error .file-msg{color:#f2a89c}.file-field.has-warn .file-msg{color:#e6d3a3}.bitstrip{gap:3px;padding:4px 20px 16px;display:flex;overflow-x:auto}.bitstrip::-webkit-scrollbar{height:5px}.bitstrip::-webkit-scrollbar-thumb{background:#2c4a41;border-radius:3px}.bit-cell{flex-direction:column;flex:0 0 32px;align-items:center;gap:5px;display:flex}.bit-box{aspect-ratio:1;background:#16302a;border:1px solid #2c4a41;border-radius:4px;width:100%;transition:all .15s}.bit-box.hidden-selected{outline:2px dashed}.bit-cell.include .bit-box{background:var(--terminal-accent);border-color:var(--terminal-accent)}.bit-cell.exclude .bit-box{background:#d6707c;border-color:#d6707c}.bit-cell .bit-val{font-family:var(--mono);color:#5f8377;font-size:9px}.bit-cell.include .bit-val{color:var(--terminal-accent)}.bit-cell.exclude .bit-val{color:#e59aa2}.active-chips{border-bottom:1px solid var(--terminal-line);flex-wrap:wrap;gap:6px;padding:0 20px 16px;display:flex}.active-chips:empty{display:none}.mini-chip{font-family:var(--mono);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:flex}.mini-chip.include{color:var(--terminal-accent);background:#6fd9b824}.mini-chip.exclude{color:#e59aa2;background:#d6707c29}.mini-flag{font-family:var(--mono);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:flex}.mini-flag.include{color:var(--terminal-accent);background:#6fd9b824}.mini-flag.exclude{color:#e59aa2;background:#d6707c29}.command-block{border:1px solid var(--terminal-line);font-family:var(--mono);background:#0a1712;border-radius:8px;flex-wrap:wrap;align-items:center;gap:0 6px;margin:16px 20px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.command-block .prompt{color:#5f8377;margin-right:8px}.command-block .command-include{color:var(--terminal-accent)}.command-block .command-exclude{color:#e59aa2}.command-block .command-option{color:#e0c37a}.command-block .command-file{color:#f2f7f4;font-weight:600}.command-block [data-key]{border-radius:4px;margin:0 -3px;padding:1px 3px}.command-name,.command-include,.command-exclude{white-space:nowrap}.command-option{gap:6px;min-width:0;max-width:100%;display:inline-flex}.command-option-syntax{white-space:nowrap;flex-shrink:0}.command-value{overflow-wrap:anywhere;min-width:0}.command-file{overflow-wrap:anywhere;max-width:100%}@keyframes cmdPulse{0%{background-color:#fff6}to{background-color:#0000}}.command-block [data-key].pulse{animation:.9s cmdPulse}.copy-btn{background:var(--terminal-accent);color:#0a1712;width:calc(100% - 40px);font-family:var(--sans);cursor:pointer;border:none;border-radius:7px;margin:0 20px 20px;padding:10px;font-size:13px;font-weight:600}.copy-btn:hover{background:#8ce7c8}.explain{padding:4px 20px 20px}.explain-block{margin-bottom:14px}.explain-block h3{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:600;display:flex}.explain-block.include h3{color:var(--terminal-accent)}.explain-block.exclude h3{color:#e59aa2}.explain-block.warn h3{color:#e0c37a}.explain-block.error h3{color:#f0857a}.explain-block.info h3{color:#8ec2e8}.explain-block ul{margin:0;padding-left:18px}.explain-block li{color:#c7ddd3;margin-bottom:4px;font-size:12.5px;line-height:1.55}.explain-block.warn li{color:#e6d3a3}.explain-block.error li{color:#f2c2ba}.explain-block.info li{color:#bcd6ec}.explain-block.empty{background:#3a6ea51f;border:1px solid #3a6ea54d;border-radius:8px;padding:12px 14px}.explain-block.empty p{color:#bcd6ec;margin:0;font-size:12.5px}.site-footer{border-top:1px solid var(--line);background:var(--paper);margin-top:12px;padding:20px 28px}.footer-inner{max-width:1280px;color:var(--ink-soft);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:0 auto;font-size:12.5px;display:flex}.footer-inner a{color:var(--ink-soft);border-bottom:1px solid #0000;text-decoration:none;transition:color .15s,border-color .15s}.footer-inner a:hover{color:var(--teal);border-color:var(--teal)}.footer-dot{color:var(--line)}.footer-note{color:#93a19b;font-style:italic}@media (width<=560px){.footer-dot{display:none}.footer-inner{gap:4px}.footer-inner>*{width:100%}}