:root{--bg-main:#f3f4f6;--bg-card:#fff;--bg-item:#fff;--bg-item-hover:#f9fafb;--text-primary:#1f2937;--text-secondary:#4b5563;--primary-color:#3b82f6;--primary-hover:#2563eb;--border-color:#e5e7eb;--border-radius-sm:.375rem;--border-radius-md:.625rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--content-max:100rem;--bp-mobile:30rem;--bp-tablet:48rem;--seon-green:#00c1b6;--seon-darker:#05052a;--seon-light-grey:#deedee;--seon-orange:#ff602d;--seon-grey:#99b0b6;--seon-font-style:"Inter", sans-serif;--code-font-style:"Lucida Console", monospace;--seon-darker-extra:#051838;--action-color:#3c72ff;--action-color-hover:#2e57c2}html{font-size:clamp(.875rem,min(.625rem + .4vw,.4rem + 1.2vh),1.25rem)}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--seon-font-style);box-sizing:border-box;margin:0;padding:0;font-size:1rem}*,:before,:after{box-sizing:inherit}main{justify-content:center;height:100dvh;display:flex}.demoPage{background-color:#f4f4f9;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;height:100dvh;margin:0;font-family:sans-serif;display:flex;position:relative;overflow:hidden}.demoPage__canvas{flex:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.demoPage__lagBanner{z-index:1000;text-align:center;color:#664d03;background-color:#fff3cd;border-bottom:1px solid #ffc107;padding:.625rem 1rem;font-size:.8125rem;position:fixed;top:0;left:0;right:0}.demoPage__cornerBtn{cursor:pointer;color:#fff;background-color:#333;border:none;border-radius:.25rem;padding:.625rem 1.25rem;font-size:.875rem;transition:all .2s;position:absolute}.demoPage__cornerBtn--topLeft{top:1.25rem;left:1.25rem}.demoPage__cornerBtn--topRight{top:1.25rem;right:1.25rem}.demoPage__cornerBtn--bottomLeft{bottom:1.25rem;left:1.25rem}.demoPage__cornerBtn--bottomRight{bottom:1.25rem;right:1.25rem}.demoPage__form{text-align:center;background-color:#fff;border-radius:.5rem;flex-direction:column;gap:.9375rem;width:min(18.75rem,100% - 2rem);padding:2.5rem;display:flex;box-shadow:0 10px 25px #0000001a}.demoPage__input{border:1px solid #ccc;border-radius:.25rem;min-width:0;padding:.625rem;font-size:1rem}.demoPage__adviceText{color:#666;margin:.625rem 0;font-size:.8125rem;line-height:1.4}.demoPage__submitBtn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:.25rem;padding:.75rem;font-size:1rem;font-weight:700;transition:all .3s}.demoPage__submitBtn:disabled{cursor:not-allowed;background-color:#ccc}.demoPage__checkboxLabel{cursor:pointer;text-align:left;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.demoPage__checkbox{cursor:pointer;width:1rem;height:1rem}.demoPage__select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:.25rem;padding:.625rem;font-size:1rem}.demoPage__select:disabled{cursor:not-allowed;opacity:.7}@media (width<=48rem){.demoPage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:flex-start;overflow:auto}.demoPage__canvas{width:130%;height:130%}}:root{--list-col-wide:minmax(0, 2fr);--list-col-narrow:minmax(0, 1fr);--list-col-action:minmax(0, .5fr);--list-grid:var(--list-col-wide)  var(--list-col-narrow)  var(--list-col-narrow)  var(--list-col-wide)  var(--list-col-narrow)  var(--list-col-narrow)  var(--list-col-narrow)  var(--list-col-action)  var(--list-col-action)}.list-page{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:min(90vw, var(--content-max));flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.list-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--seon-grey);justify-content:flex-start;align-items:center;gap:var(--spacing-sm);background-color:var(--bg-card);flex-wrap:wrap;flex:none;display:flex}.list-header button{background-color:var(--seon-green);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;min-height:2.5rem;padding:.625rem 1.25rem;font-size:.8333rem;font-weight:600;transition:background-color .2s}.list-header button:hover{background-color:#0a7a7f}.list-header button:disabled{opacity:.65;cursor:not-allowed}.list-container{padding:var(--spacing-lg);flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;display:flex}.list-filter{gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.filter-fields{gap:var(--spacing-sm);display:flex}#label-search{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);min-width:0;color:var(--text-primary);flex:auto;padding:.625rem .875rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}#label-search::placeholder{color:var(--text-secondary);opacity:.7}#label-search:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f633}.filter-enter-btn{color:var(--seon-green);border:2px solid var(--seon-green);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;flex-shrink:0;align-self:flex-end;padding:.625rem 1.25rem;font-size:.8333rem;font-weight:600;transition:all .2s}.filter-enter-btn:hover{background-color:var(--seon-green);color:#fff}.list{gap:var(--spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.list-item{background-color:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-md);cursor:default;grid-template-columns:var(--list-grid);flex-shrink:0;transition:background-color .2s,transform .1s;display:grid}.list-item.remote{background-color:#f7f7f7}.list-item:hover{background-color:var(--bg-item-hover);transform:translateY(-1px)}.list-item p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:100%;margin:0;font-size:.9rem;line-height:1.4;overflow:hidden}.li-element{min-width:0}.li-element.green p{color:var(--seon-green)}.li-element.red p{color:var(--seon-orange)}.li-delete{cursor:pointer;color:red;background:0 0;border:none;justify-content:center;align-items:center;min-width:0;padding:0;display:flex}.li-delete svg{width:1.25rem;height:1.25rem;display:block}.list-tooltip{background-color:var(--bg-item);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);cursor:default;grid-template-columns:var(--list-grid);flex-shrink:0;padding-bottom:0;transition:background-color .2s,transform .1s;display:grid}.list-tooltip .li-element{flex-direction:column-reverse;justify-content:flex-start;display:flex}.list-tooltip .li-element p{margin-bottom:.125rem;font-size:.9rem}.filter-selectors{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-toggles{flex-direction:column;justify-content:flex-start;gap:.25rem;display:flex}.slider-container{gap:var(--spacing-sm);justify-content:space-between;width:100%;display:flex}.filter-selector{background-color:#f7f7f7;border-radius:.25rem;min-width:0;padding:.25rem}.filter-selector.closed{border-radius:0;padding:0}.multi-select-dropdown{grid-template-rows:repeat(3,auto);grid-auto-columns:minmax(0,max-content);grid-auto-flow:column;gap:.625rem;display:grid}.parameter-slider{gap:var(--spacing-sm);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.parameter-slider-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.parameter-slider-controls{align-items:center;gap:var(--spacing-sm);display:flex}.parameter-slider-range{flex:1;min-width:0}.parameter-slider-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-card);width:4.5rem;color:var(--text-primary);flex-shrink:0;padding:.375rem .5rem;font-family:inherit;font-size:.875rem}.session-statistics{grid-template-columns:10rem repeat(5,minmax(3.75rem,max-content));display:grid}.statistic-fragment{border:1px solid var(--border-color);text-align:right;flex-direction:column;padding:0 .25rem;display:flex}.label-fragment{text-align:left;border:1px solid var(--border-color);flex-direction:column;min-width:0;padding:0 .25rem;display:flex}.plot{margin:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid #99b0b6;height:min(15.625rem,31.25vh)}.result-page{flex:1;justify-content:flex-start;width:100%;min-width:0;display:flex;overflow-y:scroll}.result-left{min-width:20rem;max-width:30rem;min-height:100%;padding:var(--spacing-md);background-color:var(--seon-darker);flex-direction:column;flex:0 0 25%;align-self:flex-start;display:flex}.result-right{flex:1;min-width:0}.back-button{background-color:var(--seon-green);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;min-width:2.8125rem;max-width:30%;padding:.625rem 1.25rem;font-size:.8333rem;font-weight:600;transition:background-color .2s}.back-button:hover{background-color:#0a7a7f}.expandable-container{margin:var(--spacing-md) 0;border-radius:var(--border-radius-sm);overflow:hidden}.expandable-summary{padding:.75rem var(--spacing-md);cursor:pointer;color:#fff;background-color:#0000;font-weight:600;transition:background-color .2s}.expandable-summary.open{background-color:var(--seon-darker-extra)}.expandable-summary:hover{color:var(--seon-green);transition:color .3s}.expandable-content{padding:var(--spacing-md);background-color:var(--seon-darker-extra);color:#fff}.expandable-content code{font-family:var(--code-font-style);font-size:.75rem}.expandable-pre{margin:0;font-size:.8125rem;overflow-x:auto}.expandable-pre::-webkit-scrollbar{height:.5rem}.expandable-pre::-webkit-scrollbar-thumb{background-color:var(--seon-grey);border-radius:.25rem}.result-summary{color:#fff;margin:var(--spacing-md) 0;background-color:var(--seon-darker-extra);padding:var(--spacing-sm);border:1px solid #0000;border-radius:.5rem;overflow-y:auto}.result-summary.detected .result-score{color:var(--seon-orange)}.result-flags{margin-top:var(--spacing-sm)}.result-flags p{font-size:smaller;font-family:var(--code-font-style);overflow-wrap:anywhere;margin:.25rem 0 .25rem .25rem}.result-score{color:var(--seon-green);margin:var(--spacing-sm) 0;text-align:center;font-size:1.125rem;font-weight:700}.result-ml-score{margin:var(--spacing-sm) 0;text-align:center;font-size:smaller;font-family:var(--code-font-style)}.session-updater{max-width:min(18.75rem,100%);margin:var(--spacing-md) 0;border-radius:.5rem}.session-updater h3{margin-top:0}.session-input-group{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.session-input{color:#000;background-color:var(--seon-light-grey);border-radius:var(--border-radius-sm);border:1px solid #0000;min-width:0;padding:.5rem;font-size:.8333rem}.session-button{color:var(--action-color);border:2px solid var(--action-color);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;align-self:flex-end;padding:.625rem 1.25rem;font-size:.8333rem;font-weight:600;transition:all .2s}.session-button:hover{color:var(--action-color-hover);border-color:var(--action-color-hover);transition:all .2s}.session-button:disabled{cursor:not-allowed;color:var(--seon-grey);border-color:var(--seon-grey)}.session-message{overflow-wrap:anywhere;margin:0;font-size:.9rem}.message-success{color:green}.message-error{color:red}.reprocess-block{max-width:min(18.75rem,100%);margin:0 0 .75rem}.reprocess-button{width:100%;color:var(--action-color);border:2px solid var(--action-color);border-radius:var(--border-radius-sm);cursor:pointer;background-color:var(--seon-darker-extra);align-self:flex-end;padding:.625rem 1.25rem;font-size:.8333rem;font-weight:600;transition:all .2s}.reprocess-button:hover{color:var(--action-color-hover);border-color:var(--action-color-hover);transition:all .2s}.reprocess-message{overflow-wrap:anywhere;margin:.375rem 0 0;font-size:.9rem}.touch-visualizer{margin:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--seon-grey);gap:var(--spacing-sm);flex-direction:column;display:flex}.touch-visualizer-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.touch-visualizer-title{color:var(--text-primary);font-size:.8333rem;font-weight:600}.touch-visualizer-meta{color:var(--text-secondary);font-size:.75rem;font-family:var(--code-font-style)}.touch-visualizer-body{align-items:stretch;gap:var(--spacing-md);min-width:0;display:flex}.touch-visualizer-stage{flex:0 auto;justify-content:center;min-width:0;height:min(31.25rem,62.5vh);display:flex}.touch-visualizer-analytics{min-width:0;padding:var(--spacing-sm);background-color:var(--seon-darker);color:#fff;border-radius:var(--border-radius-sm);font-family:var(--code-font-style);white-space:pre-wrap;word-break:break-word;flex:16rem;margin:0;font-size:.75rem;overflow:auto}.touch-visualizer-svg{width:100%;height:100%}.touch-visualizer-screen{fill:var(--seon-darker);stroke:var(--seon-grey);stroke-width:2px;vector-effect:non-scaling-stroke}.touch-path{cursor:pointer;transition:opacity .15s}.touch-path.dimmed{opacity:.2}.touch-path-segment{stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.touch-path-hit{fill:none;stroke:#0000;stroke-width:18px;stroke-linejoin:round;pointer-events:stroke;vector-effect:non-scaling-stroke}.touch-path-start{fill:#fff}.touch-path-end{fill:none;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.touch-path-tap{stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.touch-visualizer-legend{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.75rem;display:flex}.touch-visualizer-legend-value{font-family:var(--code-font-style);white-space:nowrap}.touch-visualizer-legend-bar{border-radius:var(--border-radius-sm);width:8rem;height:.5rem}.touch-visualizer-hint{margin-left:auto;font-style:italic}