:root{--bg: #f7f8fa;--surface: #ffffff;--surface-alt: #f1f3f6;--border: #e1e4e9;--text: #1a1d24;--text-muted: #5b6270;--text-faint: #8890a0;--accent: #0f4c81;--accent-hover: #0c3d67;--accent-text: #ffffff;--ds-synthetic: #0e7c7b;--ds-synthetic-tint: #e4f4f3;--ds-compare: #475467;--ds-compare-tint: #eef0f3;--ds-sketched: #6d3fc0;--ds-sketched-tint: #efe9fb;--success-bg: #ecfdf3;--success-border: #a7e8c4;--success-text: #0f7a44;--error-bg: #fef2f2;--error-border: #f3b4b4;--error-text: #b3261e;--warning-bg: #fffbeb;--warning-border: #fbdf9b;--warning-text: #8a5a00;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--method-pseudonymize: var(--accent);--method-encrypt: var(--method-pseudonymize);--method-generalize: var(--method-pseudonymize);--method-mask: var(--method-pseudonymize);--method-default: #6e7484;--method-drop: var(--error-text);--table-header-bg: #f0f9ff;--table-header-bg-hover: #e5f2ff;--table-header-bg-focus: #dcefff;--table-header-bg-original: #ffffff;--table-header-bg-hover-original: #f1f3f6;--table-header-bg-focus-original: #e6e9ee;--table-header-bg-synthetic: var(--ds-synthetic-tint);--table-header-bg-hover-synthetic: #d6eeec;--table-header-bg-focus-synthetic: #c6e6e3;--table-header-bg-sketched: var(--ds-sketched-tint);--table-header-bg-hover-ai: #e3d9f7;--table-header-bg-focus-ai: #d6c8f2;--table-border: rgba(15, 76, 129, .16)}.app-shell,.app-shell *{box-sizing:border-box}.app-shell{color-scheme:light;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,system-ui,Roboto,sans-serif;font-size:14px;line-height:1.5}:where(.app-shell) button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.4rem .8rem}:where(.app-shell) button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{background:var(--surface);border-color:var(--error-border);color:var(--error-text);display:inline-flex;align-items:center;gap:.35rem}button.danger:hover:not(:disabled){background:var(--error-bg)}button.full-width{width:100%;justify-content:center}.app-shell{display:flex;flex-direction:column;height:100%;--ds-color: var(--accent);--ds-tint: var(--surface);--ds-bar: var(--border)}.app-shell[data-dataset=synthetic]{--ds-color: var(--ds-synthetic);--ds-tint: var(--ds-synthetic-tint);--ds-bar: var(--ds-synthetic)}.app-shell[data-dataset=sketched]{--ds-color: var(--ds-sketched);--ds-tint: var(--ds-sketched-tint);--ds-bar: var(--ds-sketched)}.navbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--surface);border-bottom:3px solid var(--ds-bar);box-shadow:var(--shadow);flex-wrap:wrap}.navbar .brand{font-weight:650;margin-right:.5rem}.navbar .version{font-size:.78rem;color:var(--text-faint);margin-right:.5rem}.navbar .spacer{flex:1}.navbar .file-shape{color:var(--text-faint);white-space:nowrap}.download-menu{position:relative}.download-menu>summary{list-style:none;cursor:pointer;font:inherit;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);padding:.4rem .8rem}.download-menu>summary::-webkit-details-marker{display:none}.download-menu>summary::marker{content:""}.download-menu>summary:hover{background:var(--accent-hover)}.download-menu ul{position:absolute;z-index:30;top:calc(100% + .25rem);left:0;min-width:100%;margin:0;padding:.25rem;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);white-space:nowrap}.download-menu li button{display:block;width:100%;text-align:left;border:none;background:none;padding:.35rem .6rem;border-radius:4px}.download-menu li button:hover{background:var(--surface-alt)}.download-menu li.download-menu-separate{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--border)}.navbar .license{font-size:.78rem;color:var(--text-faint);border:1px dashed var(--border);border-radius:6px;padding:.15rem .5rem}.tier-picker{display:flex;gap:.4rem}.tier-option{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.35rem .6rem;min-width:9rem}.tier-head{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;width:100%}.tier-option .tier-label{font-weight:600;font-size:.82rem}.tier-option .tier-caption{font-size:.7rem;color:var(--text-muted);white-space:normal;text-align:left}.tier-option-pro{border-radius:6px;border:1px dashed var(--border);background:var(--surface);color:var(--text);text-decoration:none}.tier-option-pro:hover{border-color:var(--accent)}.tier-pro{font-size:.65rem;font-weight:600;margin-top:.15rem;color:var(--accent)}.tier-reversibility{display:flex;align-items:center;font-size:.65rem;font-weight:600;margin-top:.15rem}.tier-option.active{position:relative;border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(180deg,var(--accent),#38b2ac) border-box;background-size:auto,100% 180%;animation:tier-gradient-shift 6s ease infinite}@keyframes tier-gradient-shift{0%,to{background-position:0% 0%,0% 0%}50%{background-position:0% 0%,0% 100%}}.tier-option.active:disabled{border:1px solid var(--border);background:var(--surface);animation:none}@media (prefers-reduced-motion: reduce){.tier-option.active{animation:none}}.strength-1{color:color-mix(in srgb,var(--accent) 40%,var(--text-faint))}.strength-2{color:color-mix(in srgb,var(--accent) 70%,var(--text-faint))}.strength-3{color:var(--accent)}.lock-icon{flex:none}.main-content{position:relative;flex:1;overflow:auto;padding:1rem}.analysis-overlay{position:absolute;top:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.analysis-overlay{border-left:3px solid var(--ds-bar)}.analysis-overlay.collapsed{top:1rem;width:2.25rem;align-items:stretch}.analysis-overlay-rail-btn{flex:1;border:none;border-bottom:1px solid var(--border);background:none;color:var(--text-muted);writing-mode:vertical-rl;padding:.75rem 0;font-size:.78rem;font-weight:600}.analysis-overlay-rail-btn:last-child{border-bottom:none}.analysis-overlay-rail-btn:hover{color:var(--text);background:var(--border)}.analysis-overlay.expanded{width:min(640px,calc(100% - 1rem))}.analysis-overlay-header{display:flex;align-items:center;border-bottom:1px solid var(--border);background:var(--ds-tint);flex:none}.analysis-overlay-tabs{display:flex;flex:1}.analysis-overlay-tab-btn{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:.6rem .9rem;color:var(--text-muted)}.analysis-overlay-tab-btn.active{color:var(--text);border-bottom-color:var(--ds-color);font-weight:600}.analysis-overlay-collapse-btn{flex:none;border:none;background:none;color:var(--text-muted);padding:.5rem .75rem;display:flex;align-items:center}.analysis-overlay-collapse-btn:hover{color:var(--text)}.analysis-overlay-body{flex:1;overflow:auto;padding:1rem}.history-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.82rem}.history-table th{text-align:left;font-weight:500;color:var(--text-muted);padding:.4rem .6rem .4rem 0;border-bottom:1px solid var(--border)}.history-table td{padding:.5rem .6rem .5rem 0;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-table tbody tr:hover{background:var(--border)}.history-col-time{width:17%;color:var(--text-muted)}.history-col-op{width:36%}.history-col-count{width:24%;color:var(--text-muted)}.history-col-column{width:19%}.history-col-undo{width:2.2rem;text-align:right;padding-right:0;overflow:visible;text-overflow:clip}.history-undo-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;border-radius:4px;border:1px solid var(--accent);background:none;color:var(--accent)}.history-undo-btn:hover{background:var(--accent);color:var(--accent-text)}.table-grid-wrap{padding:0 8px 8px 0;overflow:hidden}.table-header-highlight{position:absolute;background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}.upload-prompt{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:min(560px,90%);height:220px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);text-align:center;padding:1rem;cursor:pointer}.dropzone p{margin:0}.dropzone .hint{font-size:.78rem;color:var(--text-faint);max-width:40ch}.dropzone .hint code{background:var(--surface-alt);border-radius:4px;padding:.05em .35em}.dropzone.dragging{border-color:var(--accent);background:var(--surface-alt);color:var(--text)}.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner{padding:.5rem .75rem;border-radius:8px;font-size:.85rem;margin-bottom:.75rem}.banner-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.banner-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.banner-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);margin:0}.table-status-banners{position:absolute;left:8px;top:8px;z-index:21;display:flex;flex-direction:column;gap:.4rem}.table-status-banners .banner{margin:0;display:flex;align-items:center;gap:.6rem}.table-status-banners .banner button{padding:.1rem .5rem;font-size:.78rem;border-color:var(--warning-border);color:var(--warning-text);background:none}.field label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:.2rem}.field input[type=text],.field input[type=password]{width:100%;font:inherit;padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.field-hint{font-size:.72rem;color:var(--text-faint);margin:.3rem 0 0}.header-tooltip{z-index:50;background:var(--text);color:var(--bg);font-size:.75rem;padding:.3rem .55rem;border-radius:6px;box-shadow:var(--shadow);pointer-events:none;max-width:280px;white-space:nowrap}.header-tooltip em{font-style:italic;opacity:.85;margin-left:.15rem}.bin-tooltip{z-index:50;display:flex;flex-direction:column;gap:.1rem;background:var(--text);color:var(--bg);font-size:.75rem;padding:.35rem .6rem;border-radius:6px;box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;margin-top:-8px}.bin-tooltip strong{font-size:.8rem}.bin-tooltip span{opacity:.75}.bin-tooltip.wrap{white-space:normal;max-width:260px}.bin-tooltip:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:var(--text);transform:translate(-50%) rotate(45deg)}.info-trigger{position:relative;display:inline-block;margin-left:.35rem;cursor:help;color:var(--text-faint)}.method-tooltip{display:none;position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:6px;z-index:50;width:240px;white-space:normal;background:var(--text);color:var(--bg);font-size:.75rem;padding:.4rem .6rem;border-radius:6px;box-shadow:var(--shadow)}.info-trigger:hover .method-tooltip,.info-trigger:focus .method-tooltip{display:block}.method-tooltip .read-more{display:block;margin-top:.3rem;opacity:.6}.info-trigger-glyph{position:relative;display:inline-flex;align-items:center;margin-left:.35rem;cursor:help;color:var(--text-faint)}.info-trigger-wide{display:block;width:100%;margin-left:0;cursor:default;color:inherit}.info-trigger-tooltip{display:none;position:absolute;bottom:100%;padding-bottom:8px;z-index:50}.info-trigger-tooltip-center{left:50%;transform:translate(-50%)}.info-trigger-tooltip-left{left:0}.info-trigger-tooltip-left .info-trigger-tooltip-box:after{left:12px;transform:rotate(45deg)}.info-trigger-tooltip-box{display:block;position:relative;width:280px;white-space:normal;background:var(--text);color:var(--bg);font-size:.8rem;font-weight:400;line-height:1.5;padding:.65rem .8rem;border-radius:8px;box-shadow:var(--shadow),0 6px 16px #0000002e}.info-trigger-tooltip-box:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:var(--text);transform:translate(-50%) rotate(45deg)}.info-trigger-glyph:hover .info-trigger-tooltip,.info-trigger-glyph:focus .info-trigger-tooltip{display:block}.info-trigger-readmore{display:block;width:fit-content;margin-top:.5rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;opacity:.85;color:inherit;cursor:pointer}.info-trigger-readmore:hover{opacity:1}.column-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.column-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem;cursor:pointer}.column-card.selected{border-color:var(--accent)}.column-card.highlighted{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.column-card.muted{filter:grayscale(1);opacity:.6}.column-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem}.column-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;min-width:0}.column-card h3{margin:0 0 .35rem;font-size:.92rem;min-width:0}.column-card-menu-btn{flex:none;border:none;background:none;padding:.1rem;color:var(--text-faint);display:flex;align-items:center}.column-card-menu-btn:hover{color:var(--text)}.column-card-method-pill{display:inline-flex;align-items:center;width:fit-content;gap:.15rem;margin:0 0 .35rem;padding:.05rem .2rem .05rem .35rem;border-radius:999px;font-size:.62rem;font-weight:600;background:color-mix(in srgb,var(--method-color) 18%,var(--surface-alt));border:1px solid color-mix(in srgb,var(--method-color) 35%,var(--border));color:var(--text)}.column-card-method-pill svg:first-child{color:var(--method-color);flex:none}.column-card-method-pill button{display:inline-flex;align-items:center;border:none;background:none;padding:.1rem;margin-left:.05rem;color:var(--text-faint);cursor:pointer}.column-card-method-pill button:hover{color:var(--text)}.column-card dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .5rem;margin:.4rem 0 0;font-size:.78rem;color:var(--text-muted)}.column-card dl dt{font-weight:500}.column-card dl dd{margin:0;min-width:0}.type-with-icon{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.type-with-icon svg{color:var(--text-faint);flex-shrink:0}.conformance-ok{color:var(--success-text)}.conformance-bad{color:var(--error-text)}.declare-string-action{margin-left:.4rem;padding:.05rem .4rem;font-size:.72rem;border-radius:4px;border:1px solid var(--accent);background:none;color:var(--accent)}.declare-string-action:hover{background:var(--accent);color:var(--accent-text)}.declare-string-done{margin-left:.4rem;font-size:.72rem;color:var(--success-text)}.risk-bar-track{width:100%;height:6px;border-radius:3px;background:var(--surface-alt);overflow:hidden;margin-bottom:.2rem}.risk-bar-fill{height:100%;border-radius:3px}.risk-bar-label{font-size:.72rem;color:var(--text-muted)}.diversity-check-section{margin-top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.diversity-check-section h3{margin:0 0 .35rem;font-size:.92rem}.diversity-check-intro{font-size:.78rem;color:var(--text-muted);margin:0 0 .6rem;max-width:640px}.risk-matrix-pair{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.risk-matrix{position:relative}.risk-matrix h4{margin:0 0 .3rem;font-size:.8rem;color:var(--text-muted)}.risk-matrix canvas{cursor:default}.row-risk-section{margin-top:1.1rem}.row-risk-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.row-risk-header h3{margin:0}.row-risk-model-select{font:inherit;font-size:.78rem;padding:.15rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.row-risk-empty{font-size:.78rem;color:var(--text-muted);margin:0}.row-risk-table{border-collapse:collapse;font-size:.8rem}.row-risk-table th{text-align:left;font-weight:500;color:var(--text-muted);padding:.25rem 1rem .25rem 0;border-bottom:1px solid var(--border)}.row-risk-table td{padding:.25rem 1rem .25rem 0;border-bottom:1px solid var(--border);white-space:nowrap}.row-risk-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem}.risk-matrix-canvas-stack{position:relative}.risk-matrix-clickable{cursor:pointer}.risk-matrix-hover-value{position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:opacity .12s ease-out}.risk-matrix-hover-value.visible{opacity:1}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--bg)}.loading-overlay p{font-size:.85rem;color:var(--text-muted);margin:0}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton-block{border-radius:6px;background:var(--surface-alt);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-block-center{display:flex;align-items:center;justify-content:center}.skeleton-block-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem}.skeleton-block-loading p{font-size:.78rem;color:var(--text-muted);margin:0}.risk-matrix-skeleton{position:relative;border-radius:6px;background:var(--surface);border:1px solid var(--border)}.risk-matrix-skeleton-cell{position:absolute}.risk-matrix-skeleton .skeleton-block-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);padding:.5rem .9rem;border-radius:8px;box-shadow:var(--shadow)}.skeleton-line{display:inline-block;height:.85em;width:90px;vertical-align:middle;border-radius:4px;background:var(--surface-alt);animation:skeleton-pulse 1.4s ease-in-out infinite}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.column-menu{z-index:41;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem}.column-menu-header{font-weight:650;font-size:.85rem;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.column-menu-section{margin-bottom:.75rem}.column-menu-section:last-child{margin-bottom:0}.column-menu-section-title{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:.35rem}.coming-soon{font-size:.65rem;font-weight:500;text-transform:none;letter-spacing:normal;color:var(--text-faint);border:1px dashed var(--border);border-radius:4px;padding:0 .3rem}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 .6rem}.method-grid-empty{grid-column:1 / -1;font-size:.85rem;color:var(--text-muted)}.method-card{--method-color: var(--method-default);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;font:inherit;text-align:left;padding:.5rem .55rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--method-color) 20%,var(--border));background:color-mix(in srgb,var(--method-color) 7%,var(--surface-alt));color:var(--text);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.method-card svg{color:var(--method-color)}.method-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--method-color) 45%,var(--border))}.method-card:focus-visible{outline:2px solid var(--method-color);outline-offset:1px}.method-card.selected{border-color:var(--method-color);background:color-mix(in srgb,var(--method-color) 12%,var(--surface-alt))}.method-card-name{font-size:.8rem;font-weight:550;word-break:break-word}.method-card-info{position:absolute;top:.4rem;right:.4rem}.method-card-pseudonymize{--method-color: var(--method-pseudonymize)}.method-card-encrypt{--method-color: var(--method-encrypt)}.method-card-generalize{--method-color: var(--method-generalize)}.method-card-mask{--method-color: var(--method-mask)}.method-card-pseudonymize:not(.selected),.method-card-encrypt:not(.selected),.method-card-generalize:not(.selected),.method-card-mask:not(.selected){background:color-mix(in srgb,var(--method-color) 18%,var(--surface-alt));border-color:color-mix(in srgb,var(--method-color) 35%,var(--border))}.method-card-drop{--method-color: var(--method-drop)}.method-card-drop:not(.selected){background:var(--error-bg);border-color:var(--error-border)}.method-card-drop.selected{background:color-mix(in srgb,var(--method-drop) 22%,var(--surface-alt))}.method-card-default{--method-color: var(--method-default)}.column-menu select{width:100%;font:inherit;padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-muted)}.dataset-tabs{display:flex;gap:.25rem}.dataset-tab{border:1px solid var(--border);border-top-width:3px;border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:var(--table-header-bg-original);color:var(--text-muted);padding:.4rem 1rem}.dataset-tab[data-kind=synthetic]{background:var(--table-header-bg-synthetic);border-top-color:var(--ds-synthetic)}.dataset-tab[data-kind=sketched]{background:var(--table-header-bg-sketched);border-top-color:var(--ds-sketched)}.dataset-tab[data-kind=original]{border-top-color:var(--border)}.dataset-tab.active{color:var(--text);font-weight:650}.dataset-tab.active[data-kind=original]{border-top-color:var(--accent)}.dataset-tab:disabled{opacity:.55;cursor:not-allowed}.synth-hint{color:var(--text-muted);font-size:.8rem;margin:0}.dataset-view{display:flex;flex-direction:column;height:100%;margin:0 auto}.dataset-table{flex:1;min-height:0}.synth-matrix-heading{margin:1.25rem 0 .5rem}.compare-dialog{width:min(1240px,96vw);height:94vh;max-width:none;max-height:none;padding:0;border:1px solid var(--ds-compare);border-top-width:4px;border-radius:var(--radius);background:var(--surface);color:var(--text)}.compare-dialog[open]{display:flex;flex-direction:column}.compare-dialog::backdrop{background:#10182866}.compare-dialog-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--ds-compare-tint);border-bottom:1px solid var(--border)}.compare-dialog-head h3{margin:0}.compare-shell{flex:1;min-height:0;display:flex;flex-direction:column}.compare-view{flex:1;min-height:0;overflow:auto;padding:0 2rem 1.5rem}.info-trigger-tooltip[data-dir=down]{bottom:auto;top:100%;padding-bottom:0;padding-top:8px}.info-trigger-tooltip[data-dir=down] .info-trigger-tooltip-box:after{bottom:auto;top:-4px}.compare-sticky{position:sticky;top:0;z-index:5;background:var(--surface);padding:.5rem 0}.compare-tabs{flex:none;display:flex;gap:.25rem;margin:0 2rem;padding-top:.5rem;border-bottom:1px solid var(--border)}.compare-tab{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:.5rem .9rem;color:var(--text-muted)}.compare-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--ds-compare)}.compare-pair{display:grid;grid-template-columns:repeat(2,minmax(min-content,var(--compare-col, 520px)));justify-content:center;gap:1.5rem;align-items:start}.compare-side{min-width:0}.compare-label{padding:.35rem .75rem;border-top:3px solid var(--border);font-weight:650;background:var(--table-header-bg-original)}.compare-label[data-kind=synthetic]{background:var(--table-header-bg-synthetic);border-top-color:var(--ds-synthetic)}.compare-label[data-kind=sketched]{background:var(--table-header-bg-sketched);border-top-color:var(--ds-sketched)}.compare-section h3{margin:1.25rem 0 .25rem}.compare-row{max-width:calc(2 * var(--compare-col, 520px) + 1.5rem);margin:0 auto 2em}.compare-delta{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.3rem;padding:.25rem .75rem;background:var(--surface-alt);border-radius:6px;font-size:.8rem;color:var(--text-muted)}.compare-delta-bar{display:inline-block;vertical-align:middle;width:60px;height:6px;margin-left:.4rem;background:var(--border);border-radius:3px;overflow:hidden}.compare-delta-bar>span{display:block;height:100%;background:var(--accent)}.compare-gap{padding:1rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.85rem}.compare-matrix-rows{display:flex;flex-direction:column;gap:.5rem}.compare-view[data-tab=privacy],.compare-view[data-tab=associations]{--compare-col: 420px}.column-association{margin-top:1.5rem}.triplex-widget{display:flex;flex-direction:column;height:100%}.triplex-widget-option{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:12px}.triplex-widget-app{flex:1;min-height:0}.triplex-widget-probe{position:fixed;left:0;top:0;width:0;height:0}.triplex-widget [style*="position: fixed"]{translate:calc(-1 * var(--triplex-fixed-x, 0px)) calc(-1 * var(--triplex-fixed-y, 0px))}.triplex-widget dialog{inset:var(--triplex-frame-top, 0px) var(--triplex-frame-right, 0px) var(--triplex-frame-bottom, 0px) var(--triplex-frame-left, 0px);max-width:calc(var(--triplex-frame-width, 100vw) - 2rem);max-height:calc(var(--triplex-frame-height, 100vh) - 2rem)}:root{color-scheme:light}html,body,#root{height:100%}body{margin:0;background:var(--bg)}.demo{display:flex;flex-direction:column;height:100%;color:var(--text);font-family:-apple-system,Segoe UI,system-ui,Roboto,sans-serif;font-size:14px;line-height:1.5}.demo a{color:var(--accent)}.demo-banner{padding:.75rem 1rem;background:var(--warning-bg);border-bottom:1px solid var(--warning-border);border-left:6px solid var(--warning-text)}.demo-banner-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:650;line-height:1.3;color:var(--warning-text)}.demo-banner p{margin:0;max-width:72rem}.demo-banner p+p{margin-top:.25rem}.demo-app{flex:1;min-height:0}.demo-picker{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.demo-picker-note{font-size:.78rem;color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:6px;padding:.1rem .45rem}.demo-small-screen{flex:1;padding:2rem 16px;text-align:center;color:var(--text-muted)}.demo-footer{padding:.35rem 1rem;font-size:.78rem;color:var(--text-faint);border-top:1px solid var(--border);background:var(--surface)}