body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary: #000000;--color-primary-dark: #333333;--color-secondary: #ffffff;--color-border: #e0e0e0;--color-background: #f5f5f5;--color-tooltip: #000000;--color-tooltip-text: #FFFFFF;--base-font-size: 16px;--grid-base-size: 8em;--grid-min-size: 4em;--grid-max-size: 10em;--player-grid-ratio: 3}html{font-size:var(--base-font-size)}.App{display:flex;flex-direction:column;min-height:100vh;padding-top:3.75rem;box-sizing:border-box;font-size:clamp(8px,calc(.5vw + .5vh),16px);overflow:hidden;background:#fff;font-family:system-ui,-apple-system,sans-serif}.content-wrap{flex:1;display:flex;flex-direction:column;margin-bottom:-3.75rem}.app-footer{background-color:var(--color-primary);color:var(--color-secondary);padding:1.25rem;text-align:center;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:.0625rem solid var(--color-border);margin-top:auto}body{font-family:Roboto,sans-serif;margin:0;padding:0;max-width:100vw;overflow-x:hidden}.container{display:flex;flex-direction:row;align-items:flex-start;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;box-shadow:0 .125rem .25rem #0000001a;transform-origin:center center;transition:transform .3s ease}.main-content{display:flex;gap:0!important;width:100%;box-sizing:border-box;margin:0;padding:0 1rem;font-size:inherit;justify-content:flex-start!important;align-items:flex-start}.rounds-container-wrapper{width:auto!important;max-width:100%!important;flex:0 0 auto!important;padding-right:1rem;padding:0;margin:0;box-sizing:border-box;overflow:visible!important;font-size:clamp(8px,calc(.8vw + .4vh),16px)}.rounds-container{display:grid;grid-template-columns:repeat(4,auto);gap:.25em!important;z-index:50;position:relative;width:max-content!important;margin:0!important;justify-content:start!important;overflow:visible!important;transform-origin:left top}.grid-with-indicators{display:grid!important;grid-template-columns:min-content 1fr!important;grid-template-rows:min-content 1fr!important;position:relative!important;width:auto!important;gap:0!important;padding-top:1.8rem!important;overflow:visible!important;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)!important}.horizontal-indicators{grid-column:2!important;grid-row:1!important;width:var(--grid-base-size)!important;display:grid!important;grid-template-columns:repeat(8,1fr)!important;height:auto!important;justify-items:center!important;align-items:center!important;gap:0!important;padding:0!important;margin:0 0 .2em!important;background-color:#f9f9f9!important}.vertical-indicators{grid-column:1!important;grid-row:2!important;height:var(--grid-base-size)!important;display:grid!important;grid-template-rows:repeat(8,1fr)!important;width:auto!important;justify-items:center!important;align-items:center!important;gap:0!important;padding:0!important;margin:0 .2em 0 0!important;background-color:#f9f9f9!important}.indicator-item{width:100%!important;height:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;font-weight:700!important;margin:0!important;padding:0!important;box-sizing:border-box!important;font-size:clamp(.5em,.8vw,.8em)!important}.grid-container{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(8,1fr)!important;grid-template-rows:repeat(8,1fr)!important;width:var(--grid-base-size)!important;height:var(--grid-base-size)!important;gap:0!important;padding:0!important;margin:0!important;overflow:visible!important;border:.0625rem solid rgba(224,224,224,.3);background-color:#f5f5f5;border-radius:.2em;box-shadow:0 .0625rem .1875rem #0003;aspect-ratio:1/1}.grid-cell{position:relative!important;box-sizing:border-box!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:visible!important;z-index:1!important;background-color:#adacaa;border:none;outline:none;cursor:pointer;transition:background-color .3s ease,filter .3s ease!important}.grid-cell:hover{filter:brightness(1.1);z-index:1000!important}.round-header{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:var(--color-secondary);font-weight:700;z-index:10!important;padding:.125rem .625rem;border-radius:.125rem;box-shadow:0 .125rem .3125rem #0003;white-space:nowrap;font-size:clamp(.7em,1vw,1em)}.zarr-player-container,.tiff-player-placeholder,.loading-overlay{padding:0;box-sizing:border-box;transition:all .3s ease-in-out;background:#fff;border-radius:.5em;overflow:hidden;height:auto;min-height:30em;display:flex;flex-direction:column;border-left:none;border-right:2px solid black;border-top:2px solid black;border-bottom:2px solid black;align-items:stretch;position:relative;width:100%!important;max-width:none!important;flex:1 1 auto!important;margin:0;min-width:calc(var(--grid-base-size) * var(--player-grid-ratio))}.rounds-container:not(.loading-freeze) .grid-with-indicators:hover{transform:scale(1.5);z-index:100;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)!important}@media screen and (min-resolution: 2dppx){:root{--grid-base-size: 6em}.rounds-container{transform:scale(.9);transform-origin:left top}.grid-container{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media screen and (max-width: 1600px){:root{--grid-base-size: calc(6em + 2 * ((100vw - 768px) / 832))}.rounds-container-wrapper{font-size:calc(8px + .5vw)}}@media screen and (max-width: 1200px){:root{--grid-base-size: 6em}.rounds-container{transform:scale(.85)}}@media screen and (max-width: 992px){.main-content{flex-direction:column;align-items:center}.rounds-container-wrapper{width:100%!important;max-width:100%!important;padding-right:0;margin-bottom:1rem;display:flex;justify-content:center}.rounds-container{justify-content:center!important;transform:scale(.9)}.zarr-player-container,.tiff-player-placeholder,.loading-overlay{width:100%;max-width:100%}}@media screen and (min-width: 1600px){.main-content{max-width:100%;padding:0 2rem;width:100%;box-sizing:border-box;gap:0!important;justify-content:flex-start!important}.rounds-container-wrapper{width:auto!important;max-width:none!important;flex:0 0 auto!important;padding-right:1rem;margin-right:0}.rounds-container{gap:.25em!important;justify-content:start!important}.zarr-player-container,.tiff-player-placeholder,.loading-overlay,.tiff-player-wrapper{width:100%!important;max-width:none!important;flex:1 1 auto!important;min-height:40em;margin-left:0}.rounds-container:not(.loading-freeze) .grid-with-indicators:hover{transform:scale(1.8)}}@media screen and (min-width: 2000px){.main-content{padding:0 4rem;gap:0!important}.rounds-container-wrapper{padding-right:1.5rem}.rounds-container{gap:.3em!important}.zarr-player-container,.tiff-player-placeholder,.loading-overlay,.tiff-player-wrapper{min-height:45em}.rounds-container:not(.loading-freeze) .grid-with-indicators:hover{transform:scale(2)}}@media (max-width: 768px){:root{--grid-base-size: 5em}.rounds-container{grid-template-columns:repeat(4,auto);gap:.2em!important}}@media (max-width: 500px){.rounds-container{transform:scale(.8);transform-origin:center top}}@media (max-width: 400px){:root{--grid-base-size: 4.5em}.rounds-container{transform:scale(.75)}}.zarr-player-container,.tiff-player-placeholder,.loading-overlay,.rounds-container-wrapper{box-sizing:border-box;margin-left:auto;margin-right:auto}.loading-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#f5f5f5cc;z-index:10}.tiff-player{position:relative;width:100%;padding-top:56.25%;top:auto;flex-grow:1;min-width:20rem}.player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.625rem;background-color:#00000080}.player-controls button{cursor:pointer;padding:.3125rem .625rem;background-color:var(--color-primary);color:var(--color-secondary);border:none;border-radius:.3125rem;outline:none;transition:background-color .3s ease}.player-controls button:hover{background-color:var(--color-primary-dark)}.progress-bar{flex-grow:1;height:1.25rem;background-color:#e9e9e9;border-radius:.625rem;margin-left:.625rem;position:relative;overflow:hidden;background-color:var(--color-border);box-shadow:inset 0 .0625rem .1875rem #0003}.progress{height:100%;border-radius:.625rem;background-color:var(--color-primary);transition:width .3s ease}.scrubber{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;background-color:var(--color-secondary);border:.125rem solid var(--color-primary);border-radius:50%;cursor:pointer;z-index:2;box-shadow:0 .125rem .25rem #0006}.loading-bar{width:100%;height:.25rem;background-color:#e0e0e0;position:fixed;top:0;left:0;z-index:10}.loading-progress{height:100%;width:0;background-color:#007bff;transition:width .3s ease}button{margin:.625rem;padding:.625rem 1.25rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:.3125rem;transition:background-color .3s ease,transform .2s ease!important;outline:none;font-size:.9em;line-height:1;min-width:7.625rem;height:2.875rem;background-color:var(--color-primary);color:var(--color-tooltip-text);box-shadow:0 .125rem .25rem #0003}button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}button:active{transform:translateY(1px)}button:disabled{background-color:#e0e0e0;cursor:not-allowed}.grid-container:hover{border-color:#007bff}.rounds-header-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1.25rem}.rounds-header-group{display:flex;justify-content:space-between;width:100%;background-color:orange;padding:.3125rem;margin:.3125rem 0;border-radius:.3125rem;box-shadow:0 .125rem .9375rem #0000001a}.color-legend{display:flex;flex-direction:column;padding-right:.625rem;padding-top:3.0625rem}.gradient-box{height:12.5rem;width:1.25rem;margin-bottom:.625rem}.legend-marks{display:flex;flex-direction:column;justify-content:space-between}.legend-mark{position:absolute;left:-.0625rem;transform:translateY(-1468%);font-size:.8em}.text-center{text-align:center}.side-panel{background-color:#fff;margin-top:1rem;border-radius:.25rem;box-shadow:0 .25rem .375rem #0000001a;display:flex;flex-direction:column;overflow:hidden;width:100%}.side-panel .panel-header{font-size:1.25rem;background-color:var(--color-primary);color:var(--color-secondary);text-align:center;font-weight:500;padding:.5rem 0;border-bottom:.0625rem solid var(--color-border);width:100%}.side-panel .panel-content{padding:1rem;flex-grow:1;overflow-y:auto;width:100%;margin-left:0}.side-panel .panel-item{padding:.75rem 1rem;border-bottom:.0625rem solid var(--color-border);transition:background-color .2s;cursor:pointer}.side-panel .panel-item:hover{background-color:var(--color-background)}.side-panel-horizontal{display:flex;flex-wrap:wrap;justify-content:space-around;padding:.625rem;margin-top:1.25rem;width:100%;box-sizing:border-box}.side-panel-horizontal .panel-content{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.side-panel-horizontal .panel-item{flex:1 1 25%;max-width:calc(25% - 1.25rem);box-sizing:border-box;margin:.625rem;display:flex;flex-direction:column;align-items:flex-start}.histogram-and-legend-container,.polar-plot-container,.download-section{width:100%;display:flex;flex-direction:column}.histogram-and-legend-container-contents{flex-grow:1;width:100%;display:flex;flex-direction:row;align-items:stretch}.histogram{margin-top:1.25rem}.histogram-bar{display:flex;align-items:center;margin-bottom:.3125rem}.histogram-bar-fill{height:1.25rem;background-color:var(--color-primary);margin-right:.625rem;transition:width 3s ease-in-out}.histogram-bar-label{font-size:.8em;color:var(--color-primary-dark)}.tooltip{visibility:hidden;position:absolute!important;background-color:#000!important;color:#fff!important;padding:.5rem .625rem!important;border-radius:.25rem!important;border:1px solid #fff!important;z-index:2000!important;font-size:.7em!important;text-align:left!important;box-shadow:0 0 .625rem #0003!important;opacity:0;pointer-events:none!important;white-space:normal!important;word-wrap:break-word!important;overflow:visible!important;transition:visibility .3s ease,opacity .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275)!important;transform-origin:center bottom!important;transform:translateY(10px) scale(.95)!important;max-width:200px!important;width:auto!important;min-width:120px!important}.grid-cell:hover .tooltip{visibility:visible!important;opacity:1!important;transform:translateY(0) scale(1)!important}.tooltip.top-left{bottom:150%!important;left:-50%!important;transform:translate(-10%) translateY(10px) scale(.95)!important;transition-delay:.05s!important}.tooltip.top-right{bottom:150%!important;right:-50%!important;transform:translate(10%) translateY(10px) scale(.95)!important;transition-delay:.1s!important}.tooltip.bottom-left{top:150%!important;left:-50%!important;transform:translate(-10%) translateY(10px) scale(.95)!important;transition-delay:.15s!important}.tooltip.bottom-right{top:150%!important;right:-50%!important;transform:translate(10%) translateY(10px) scale(.95)!important;transition-delay:.2s!important}.grid-cell:hover .tooltip.top-left{transform:translate(-10%) translateY(0) scale(1)!important}.grid-cell:hover .tooltip.top-right{transform:translate(10%) translateY(0) scale(1)!important}.grid-cell:hover .tooltip.bottom-left{transform:translate(-10%) translateY(0) scale(1)!important}.grid-cell:hover .tooltip.bottom-right{transform:translate(10%) translateY(0) scale(1)!important}.rounds-container,.rounds-container-wrapper,.main-content,.container,.content-wrap,.App{overflow:visible!important}@keyframes subtle-pulse{0%{box-shadow:inset 0 0 .5em #007bff4d}50%{box-shadow:inset 0 0 .8em #007bffb3}to{box-shadow:inset 0 0 .5em #007bff4d}}.grid-cell.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.2),rgba(0,0,0,.2) .625rem,transparent .625rem,transparent 1.25rem);z-index:1;box-shadow:inset 0 0 .5em #007bff80;animation:subtle-pulse 2s infinite ease-in-out}.grid-cell.keyboard-focused{border:3px solid #007bff!important;box-shadow:0 0 0 1px #fff,0 0 0 3px #007bff,0 0 0 4px #000,0 0 10px #007bffcc!important;z-index:1001!important;transform:scale(1.05)!important;transition:all .2s ease!important;position:relative!important}.help-icon:hover .help-tooltip{opacity:1!important;visibility:visible!important}.help-icon:hover{background-color:#0056b3!important;transform:scale(1.1);transition:all .2s ease}.grid-cell.keyboard-focused.empty{background-color:#adacaa!important;border:3px solid #007bff!important;box-shadow:0 0 0 1px #fff,0 0 0 3px #007bff,0 0 0 4px #000,0 0 10px #007bffcc!important}.navbar{background-color:#000;color:#fff;padding:.625rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.navbar h1{margin-top:0;flex-grow:1;text-align:center}.logo{height:3.125rem;margin-right:.625rem}.jumbotron{background-color:#f9f9f9;padding:1.25rem;margin-top:2.6875rem;border-radius:.3125rem;box-shadow:0 .125rem .25rem #0003;text-align:center;height:9.375rem;overflow:hidden}.jumbotron h2{margin-top:0;color:var(--color-primary)}.jumbotron p{color:var(--color-primary-dark)}button svg{width:1.25rem;height:1.25rem;margin-right:.3125rem}.selected-tiff-tags{display:flex;flex-wrap:wrap;margin-top:.625rem}.tiff-tag{background-color:#007bff;color:#fff;padding:.125rem .3125rem;border-radius:.625rem;font-size:.75em;display:flex;align-items:center;justify-content:center;gap:.3125rem;white-space:nowrap;margin:.3125rem;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.tiff-tag:hover{opacity:.7;transform:translateY(-1px)}.color-legend{display:flex;flex-direction:column;align-items:center}.gradient-box{width:1.875rem;height:12.5rem;margin:.625rem 0}.legend-labels .legend-label{position:absolute;left:2.1875rem}.mp4-player{position:relative;width:100%;padding-top:50.25%;top:auto;flex-grow:2;min-width:20rem}.mp4-player video{position:absolute;top:-1.5625rem;left:0;width:100%;max-height:95%;object-fit:cover}.histogram-description p{font-size:.9em;color:var(--color-primary-dark);padding:.625rem;background-color:var(--color-background);border-radius:.25rem;box-shadow:0 .125rem .25rem #0000001a;margin-top:1.25rem}.app-footer p{margin:.625rem 0;font-size:1rem;line-height:1.5;max-width:80%;text-align:justify}.app-footer a{color:var(--color-highlight);text-decoration:underline}.app-footer a:hover{color:var(--color-secondary)}.download-instructions ol{margin-left:1.25rem}.download-button:enabled{background-color:#4caf50}.download-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.download-section{flex-direction:column;flex-wrap:wrap}.round-well-info,.polar-plot-container{width:100%}.round-well-info .well{padding:auto}.deleter{width:100%}.rounds-container.loading-freeze{pointer-events:none!important}.rounds-container.loading-freeze .grid-with-indicators:hover{transform:scale(1)!important}.grid-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;z-index:1000;cursor:wait;display:none}.grid-loading-overlay.active{display:block}.polar-plot-description p{font-size:.9em;color:var(--color-primary-dark);padding:.625rem;background-color:var(--color-background);border-radius:.25rem;box-shadow:0 .125rem .25rem #0000001a;margin-top:1.25rem}.attribute-selector{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;flex-wrap:wrap}.attribute-label{font-weight:500;color:var(--color-primary);white-space:nowrap}.attribute-dropdown{padding:.5rem;border:.0625rem solid var(--color-border);border-radius:.25rem;background:#fff;font-size:.9em;min-width:12.5rem}.tiff-player-container{display:flex!important;flex-direction:row!important;gap:2px!important;width:100%!important;box-sizing:border-box}.viewer-column{flex:1 1 auto!important;min-width:0!important;width:calc(100% - 250px)!important}.settings-column{flex:0 0 auto!important;width:250px!important;min-width:180px!important;max-width:300px!important;overflow-y:auto!important}@media (max-width: 768px){.viewer-column{width:calc(100% - 180px)!important}.settings-column{width:180px!important}}@media (max-width: 480px){.settings-column{font-size:.85em!important}.settings-column input,.settings-column select,.settings-column button{padding:.2em!important;font-size:.9em!important}}@media (max-width: 360px){.viewer-column{width:calc(100% - 150px)!important}.settings-column{width:150px!important;min-width:150px!important;font-size:.8em!important}}@media (min-width: 80rem){.App{font-size:clamp(10px,calc(.7vw + .5vh),18px)}.container{width:100%;max-width:none}.side-panel-horizontal .panel-item{flex:1 1 25%;max-width:calc(25% - .625rem)}}@media (min-width: 64rem) and (max-width: 79.9375rem){.App{font-size:clamp(9px,calc(.6vw + .4vh),16px)}.side-panel-horizontal .panel-item{flex:1 1 50%;max-width:calc(50% - .625rem)}}@media (min-width: 48rem) and (max-width: 63.9375rem){.App{font-size:clamp(8px,calc(.5vw + .3vh),14px)}.side-panel-horizontal{flex-direction:row;margin-left:0}.side-panel-horizontal .panel-item{flex:1 1 50%;max-width:calc(50% - .625rem)}.container{width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 30rem) and (max-width: 47.9375rem){.App{font-size:clamp(7px,calc(.6vw + .6vh),12px)}.side-panel-horizontal{flex-direction:column;margin-left:0}.side-panel-horizontal .panel-item{max-width:100%;flex:1 1 auto}.container{width:100%;margin-left:0;margin-right:0;padding:0 .5rem}.jumbotron{padding:1rem;height:auto;min-height:6.25rem}.attribute-selector{flex-direction:column;align-items:stretch}.attribute-dropdown{min-width:auto;width:100%}.histogram-and-legend-container-contents{flex-direction:column;align-items:center}}@media (max-width: 29.9375rem){.App{font-size:clamp(6px,calc(.7vw + .8vh),10px)}.side-panel-horizontal{flex-direction:column;margin-left:0;padding:.5rem}.side-panel-horizontal .panel-item{max-width:100%;margin:.5rem 0}.container{width:100%;margin:1rem 0;padding:0 .25rem}.jumbotron{padding:.75rem;margin-top:1rem;height:auto;min-height:5rem}.jumbotron h2{font-size:1.2em}.grid-with-indicators:hover{transform:scale(1.2)}.histogram-and-legend-container-contents{flex-direction:column;align-items:center}}@media (max-width: 19.9375rem){.App{font-size:clamp(5px,calc(1vw + 1vh),8px)}.rounds-container{grid-template-columns:repeat(4,auto)}.container{padding:0 .125rem;margin:.5rem 0}.jumbotron{padding:.5rem;margin-top:.5rem}.side-panel-horizontal{padding:.25rem}}@media (max-width: 48rem){.app-footer p{font-size:.9rem;max-width:95%}}@media (min-width: 48rem){.mp4-player{min-width:37.25rem}}@media (min-width: 64rem){.mp4-player{min-width:29.375rem}body,html{overflow-x:initial}.side-panel-horizontal{width:100%}}@media print{body{font-size:12pt;color:#000;overflow:visible!important}.navbar,.jumbotron,.side-panel-horizontal,.app-footer,.attribute-selector{display:none!important}.container{width:100%!important;margin:0!important;box-shadow:none!important}.main-content{display:block!important;width:100%!important;min-width:auto!important}.rounds-container{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))!important;gap:.125rem!important;top:0!important;margin:0!important;width:100%!important}.grid-container{width:6rem!important;height:6rem!important;border:.03125rem solid #ccc!important;box-shadow:none!important}.grid-cell{width:.75rem!important;height:.75rem!important}.zarr-player-container,.tiff-player-placeholder,.loading-overlay{display:none!important}}.settings-column *,.viewer-column *,.info-container *,.layer-container *,.info-row,.info-label,.info-value,.tab-button,.panel-header,.toggle-button,.quality-control-item,.segmentation-control,.channel-item,.tracks-controls,.info-card{font-size:clamp(.7rem,1.8vw,.9rem)!important;line-height:1.4!important;transition:all .2s ease-in-out!important;box-sizing:border-box!important}.layer-name,.layer-title,.settings-title,.panel-header,.tab-button,.channel-name,.segmentation-title,.quality-control-label,.info-label,.info-value,.back-button{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.info-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.info-card{width:100%!important;max-width:100%!important;overflow:hidden!important}.info-row{padding:.6em .8em!important;display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;flex-wrap:nowrap!important;gap:.5em!important}.info-label{flex:0 0 auto!important;min-width:0!important;max-width:50%!important}.info-value{flex:1 0 auto!important;text-align:right!important;min-width:0!important}.layer-header{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;width:100%!important;align-items:center!important;padding:.7em .9em!important;min-height:2.4em!important}.layer-title{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important;gap:.4em!important}.layer-name{display:inline-block!important;max-width:150px!important;min-width:0!important;flex-shrink:1!important;overflow:hidden!important;text-overflow:ellipsis!important}.layer-actions{display:flex!important;align-items:center!important;gap:.3em!important;margin-left:auto!important;flex-shrink:0!important}.tab-headers{display:flex!important;width:100%!important;justify-content:space-between!important;padding:0!important}.tab-button{flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:.5em .3em!important;min-height:2.5em!important}.toggle-button .button-text{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.layer-content{padding:.7em!important}.quality-control-item{margin-bottom:.5em!important;padding:.5em!important}.segmentation-control,.channel-item,.tracks-controls,.global-controls{padding:.5em!important;margin-bottom:.5em!important}@media (max-width: 800px) and (min-width: 700px){.settings-column{width:190px!important;min-width:190px!important}.viewer-column{width:calc(100% - 190px)!important}.layer-name{max-width:100px!important}.layer-actions{gap:.2em!important;min-width:50px!important}.toggle-button .button-text{display:none!important}.toggle-button{padding:.1em!important;min-width:20px!important;height:20px!important;width:20px!important}}@media (max-width: 699px){.settings-column *,.info-container *,.layer-container *{font-size:clamp(.65rem,1.6vw,.8rem)!important}.settings-column{width:170px!important;min-width:170px!important;max-width:170px!important}.viewer-column{width:calc(100% - 170px)!important}.layer-header{padding:.4em .5em!important;min-height:2.2em!important}.layer-name{max-width:80px!important;letter-spacing:-.02em!important}.layer-actions{gap:.15em!important;min-width:45px!important}.toggle-button .button-text{display:none!important}.toggle-button{padding:0!important;min-width:18px!important;height:18px!important;width:18px!important}.tab-button{padding:.4em .2em!important;min-height:2.2em!important;font-size:.7em!important}.layer-content{padding:.5em!important}.quality-control-item,.segmentation-control,.channel-item,.tracks-controls,.global-controls{padding:.4em!important;margin-bottom:.4em!important}.info-row{padding:.4em .6em!important;gap:.3em!important}}@media (max-width: 400px){.settings-column{width:150px!important;min-width:150px!important}.viewer-column{width:calc(100% - 150px)!important}.settings-column *,.info-container *,.layer-container *{font-size:clamp(.6rem,1.5vw,.75rem)!important;letter-spacing:-.03em!important}.layer-name{max-width:60px!important}.layer-actions{min-width:40px!important}.layer-icon{display:none!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.settings-column *,.viewer-column *,.info-container *,.layer-container *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}}.settings-column,.layer-header,.tab-button,.info-row{-webkit-user-select:none!important;user-select:none!important}@media (max-width: 800px) and (min-width: 700px){.settings-column *,.info-container *,.layer-container *,.layer-name,.layer-title,.settings-title,.panel-header,.tab-button,.channel-name,.segmentation-title,.quality-control-label,.info-label,.info-value,.back-button{font-size:clamp(.62rem,1.5vw,.75rem)!important;letter-spacing:-.02em!important;line-height:1.3!important}.settings-column{width:200px!important;min-width:200px!important;max-width:200px!important}.viewer-column{width:calc(100% - 200px)!important}.layer-header{padding:.35em .45em!important;min-height:2em!important}.layer-name{max-width:90px!important}.layer-actions{gap:.15em!important;min-width:45px!important}.toggle-button .button-text{display:none!important}.toggle-button{padding:0!important;min-width:18px!important;height:18px!important;width:18px!important}.tab-button{padding:.3em .15em!important;min-height:1.8em!important}.layer-content{padding:.5em .4em!important}.layer-title{min-width:0!important;gap:.2em!important}.layer-icon{width:.8em!important;height:.8em!important;flex-shrink:0!important}.quality-control-item,.segmentation-control,.channel-item,.tracks-controls,.global-controls{padding:.3em!important;margin-bottom:.3em!important}.info-row{padding:.3em .4em!important;gap:.2em!important}.switch{width:1.8em!important;height:1em!important;min-width:1.8em!important;min-height:1em!important}.switch-slider:before{height:.6em!important;width:.6em!important;left:.2em!important;bottom:.2em!important}input:checked+.switch-slider:before{transform:translate(.8em)!important}}@media (max-width: 780px) and (min-width: 750px){.settings-column *,.info-container *,.layer-container *{font-size:clamp(.58rem,1.4vw,.7rem)!important;letter-spacing:-.03em!important}.settings-column{width:205px!important;min-width:205px!important}.viewer-column{width:calc(100% - 205px)!important}.layer-name{max-width:75px!important}.layer-header{padding:.3em .4em!important}.layer-content,.quality-control-item,.segmentation-control,.channel-item,.tracks-controls,.global-controls,.info-row{padding:.25em!important}}@media (max-width: 769px) and (min-width: 767px){.settings-column *,.info-container *,.layer-container *{font-size:clamp(.55rem,1.3vw,.65rem)!important;letter-spacing:-.03em!important}.settings-column{width:210px!important;min-width:210px!important}.viewer-column{width:calc(100% - 210px)!important}.layer-name{max-width:70px!important}.layer-icon{display:none!important}}@media (max-width: 991px){.rounds-container-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0 auto 1rem!important;box-sizing:border-box!important}.rounds-container{margin:0 auto!important;justify-content:center!important}.main-content{width:100%!important;max-width:100%!important;padding:0 .5rem!important;justify-content:center!important}@media (max-width: 600px){.rounds-container{transform:scale(.95);transform-origin:center top}}@media (max-width: 400px){.rounds-container{transform:scale(.9);transform-origin:center top}}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.export-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.export-button:active{transform:translateY(0)}.export-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000080}.export-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #333;background:#222}.export-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.close-button{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{color:#fff;background:#ffffff1a}.close-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-content{padding:24px}.export-info{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:24px}.export-info p{margin:0 0 8px;color:#ccc;font-size:14px}.export-info p:last-child{margin-bottom:0}.export-info strong{color:#fff}.export-options{margin-bottom:24px}.format-selection{margin-bottom:20px}.format-selection label{display:block;color:#fff;font-weight:500;margin-bottom:12px;font-size:14px}.format-buttons{display:flex;gap:8px}.format-button{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ccc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.format-button:hover{background:#333;border-color:#555}.format-button.active{background:#06c;border-color:#06c;color:#fff}.quality-selection{margin-top:16px}.quality-selection label{display:block;color:#fff;font-weight:500;margin-bottom:8px;font-size:14px}.quality-slider{width:100%;height:6px;background:#333;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#06c;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.quality-slider::-moz-range-thumb{width:18px;height:18px;background:#06c;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.export-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.export-confirm-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cancel-button{background:#333;color:#ccc;border:1px solid #444}.cancel-button:hover:not(:disabled){background:#444;color:#fff}.export-confirm-button{background:#06c;color:#fff}.export-confirm-button:hover:not(:disabled){background:#0052a3;transform:translateY(-1px)}.cancel-button:disabled,.export-confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 600px){.export-modal{width:95%;margin:20px}.export-header,.export-content{padding:16px}.format-buttons,.export-actions{flex-direction:column}}:root{--color-primary: #000000;--color-primary-light: rgba(255, 255, 255, .2);--color-primary-hover: rgba(255, 255, 255, .3);--color-text-dark: #333;--color-text-light: #666;--color-text-white: #fff;--color-background-dark: #1a1a1a;--color-background-light: #f9f9f9;--color-border-light: #e0e0e0;--color-border-lighter: #f0f0f0;--color-overlay-dark: rgba(0, 0, 0, .8);--player-height: 684px;--min-player-height: 500px;--header-height: 48px;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 5px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--font-size-base: 1rem;--contrast: 100%;--saturation: 100%}@media (max-width: 768px){:root{--font-size-base: .875rem}}@media (min-width: 769px) and (max-width: 1200px){:root{--font-size-base: 1rem}}@media (min-width: 1201px){:root{--font-size-base: 1.125rem}}.tiff-player-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--color-text-dark);width:100%;max-width:100vw;margin:0 auto;height:auto;flex-grow:1;max-height:100vh;display:flex;flex-direction:column;container-type:inline-size;position:relative;overflow:hidden;min-width:320px}.tiff-player-container{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,25vw,300px);gap:1em;height:100%;width:100%;position:relative;container-type:inline-size;box-sizing:border-box;min-width:320px}.viewer-column{width:100%;height:100%;display:flex;flex-direction:column;align-self:stretch;transition:width .3s ease;container-type:inline-size;max-height:100%;min-width:0}.viewer-column.expanded{grid-column:1 / span 2}.settings-column{height:100%;max-height:100%;display:flex;flex-direction:column;position:relative;transition:all .3s ease;box-shadow:var(--shadow-sm);z-index:5;container-type:inline-size;min-width:0;max-width:100%;flex:1 0 auto;overflow-y:auto;width:100%;box-sizing:border-box}.settings-panel{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-lg);height:100%;width:100%;overflow-y:auto;font-size:clamp(1rem,calc(var(--font-size-base) * 1.2),1.5rem);box-sizing:border-box}.settings-panel *{font-size:inherit}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.6em,.9cqi,1.2em);background:#f5f5f5;border-bottom:1px solid var(--color-border-light);flex-shrink:0;min-height:clamp(2.5em,3cqi,3em);z-index:10;width:100%;box-sizing:border-box}.settings-title{font-size:clamp(1.2rem,calc(var(--font-size-base) * 1.3),1.6rem);font-weight:500}.settings-collapse-button{display:inline-flex;align-items:center;justify-content:center;background-color:#0000001a;border:1px solid #000;cursor:pointer;border-radius:var(--border-radius-sm);padding:clamp(.3em,.5cqi,.5em) clamp(.6em,.8cqi,.8em);margin-left:.5em;color:#000;font-weight:500;transition:background-color .2s}.settings-collapse-button:hover{background-color:#0003}.settings-collapse-button .button-text{margin-right:6px;font-size:clamp(.8em,.9cqi,.85em)}.settings-collapse-icon{width:clamp(.8em,.9cqi,.875em);height:clamp(.8em,.9cqi,.875em);stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.settings-tabs{display:flex;flex-direction:column;flex:1;overflow:hidden;width:100%;box-sizing:border-box}.tab-headers{display:flex;border-bottom:1px solid var(--color-border-lighter);background:#fff;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;position:sticky;top:0;z-index:5;width:100%;box-sizing:border-box;min-height:clamp(2.8em,4cqi,3.8em);justify-content:space-between}.tab-headers::-webkit-scrollbar{display:none}.tab-button{padding:clamp(.4em,.8cqi,1em) clamp(.8em,1.3cqi,1.5em);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;color:var(--color-text-light);font-size:clamp(1em,2.2cqi,1.4em);font-weight:500;letter-spacing:clamp(.01em,.03cqi,.05em);transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:clamp(2.4em,3.5cqi,3.5em);min-width:clamp(80px,18cqi,120px);box-sizing:border-box;overflow:visible;text-overflow:clip;flex:1;max-width:50%}.tab-button.active{color:var(--color-text-white);border-bottom-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,rgba(0,0,0,.9) 100%);font-weight:600;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px);border-bottom-width:3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tab-button:hover:not(.active):not(.disabled){color:var(--color-text-dark);background-color:#00000008;font-weight:500;transform:translateY(-.5px);box-shadow:0 1px 2px #0000000d}.tab-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#f0f0f0;color:#999;font-weight:400}.tab-button.disabled:after{content:"";display:inline-block;width:clamp(10px,1.8cqi,12px);height:clamp(10px,1.8cqi,12px);margin-left:clamp(6px,1cqi,8px);border:2px solid #999;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.tab-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.tab-button:focus:not(:focus-visible){outline:none}.tab-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab-content{flex:1;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;min-height:0;width:100%;box-sizing:border-box}@container (min-width: 600px){.tab-button{font-size:clamp(1.2em,2.5cqi,1.6em);padding:clamp(.5em,1cqi,1.2em) clamp(1em,1.5cqi,1.8em);min-width:clamp(100px,20cqi,140px);letter-spacing:clamp(.02em,.04cqi,.06em)}.tab-headers{min-height:clamp(3.2em,4.5cqi,4.2em)}}@container (min-width: 400px) and (max-width: 599px){.tab-button{font-size:clamp(1.1em,2.1cqi,1.3em);padding:clamp(.4em,.9cqi,1.1em) clamp(.9em,1.4cqi,1.6em);min-width:clamp(85px,17cqi,110px)}.tab-headers{min-height:clamp(3em,4.2cqi,3.6em)}}@container (max-width: 399px){.tab-button{font-size:clamp(.95em,1.9cqi,1.15em);padding:clamp(.35em,.7cqi,.9em) clamp(.7em,1.1cqi,1.3em);min-width:clamp(70px,15cqi,90px);font-weight:500}.tab-headers{min-height:clamp(2.6em,3.8cqi,3.2em)}}@container (max-width: 280px){.tab-button{font-size:clamp(.9em,1.8cqi,1.05em);padding:clamp(.3em,.6cqi,.7em) clamp(.6em,1cqi,1.1em);min-width:clamp(60px,13cqi,75px);letter-spacing:clamp(.01em,.02cqi,.03em)}.tab-headers{min-height:clamp(2.4em,3.5cqi,2.8em)}}.layer-container{display:flex;flex-direction:column;gap:.8em;padding:1em;height:100%;overflow-y:auto;overflow-x:visible;min-height:0;width:100%;box-sizing:border-box}.layer-card{border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);border-left-width:.2em;background:#fff;display:flex;flex-direction:column;overflow:visible;transition:box-shadow .2s,transform .2s;position:relative;box-shadow:0 1px 3px #00000014;margin-bottom:.6em;min-height:2.5em;width:100%;flex-shrink:0;min-width:0;box-sizing:border-box}.layer-card.active{border-left-color:var(--color-primary)}.layer-card.inactive{border-left-color:#d9d9d9}.layer-card:hover{box-shadow:0 3px 8px #0000001f;transform:translateY(-1px);z-index:2}.layer-header{display:flex;justify-content:space-between;align-items:center;padding:.8em 1em;background:var(--color-background-light);cursor:pointer;border-bottom:1px solid var(--color-border-lighter);min-height:2.5em;-webkit-user-select:none;user-select:none;position:relative;z-index:2;width:100%;box-sizing:border-box;min-width:0}.layer-header.collapsed{border-bottom:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.layer-header:not(.collapsed){background:#f5f5f5;font-weight:500}.layer-title{display:flex;align-items:center;gap:.5em;overflow:hidden;flex:1;min-width:70px}.layer-name{font-size:1em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;max-width:120px}.layer-badge{font-size:.75em;padding:.2em .4em;background:#0000001a;border-radius:var(--border-radius-sm);color:var(--color-text-dark)}.layer-actions{display:flex;align-items:center;gap:.5em;flex-shrink:0}.layer-content{padding:1em;background:#fff;overflow-y:auto;overflow-x:visible;max-height:60vh;display:flex;flex-direction:column;gap:.8em;z-index:1;width:100%;min-width:0;box-sizing:border-box}.layer-card+.layer-card{margin-top:.2em}.layer-content>*{position:relative;z-index:2}.layer-info{display:flex;justify-content:space-between;align-items:center;padding:.5em .8em;background:#f5f5f5;border-radius:var(--border-radius-sm);margin-bottom:.8em;width:100%;box-sizing:border-box}.layer-position{font-size:.85em;color:var(--color-text-light)}.layer-position-controls{display:flex;gap:.3em;flex-shrink:0}.layer-icon{width:1em;height:1em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;vertical-align:middle}.layer-icon.visible{color:var(--color-primary)}.layer-icon.hidden{color:#999}.toggle-icon{width:.875em;height:.875em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}.blend-mode-row{display:flex;align-items:center;gap:.5em;margin-bottom:.8em;flex-wrap:wrap;width:100%;box-sizing:border-box}.blend-mode-label{min-width:4.5em;white-space:nowrap;flex-shrink:0;font-size:.95em;color:var(--color-text-dark)}.blend-mode-select{flex:1;min-width:0;max-width:100%;padding:.4em 1.8em .4em .5em;border:1px solid #d9d9d9;border-radius:var(--border-radius-sm);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5em center;font-size:.9em;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;width:100%}.blend-mode-select:hover{border-color:var(--color-primary-light)}.blend-mode-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0000000d}.channel-section{margin-bottom:1em;border:1px solid var(--color-border-lighter);border-radius:var(--border-radius-sm);padding:.8em;background:var(--color-background-light);width:100%;box-sizing:border-box}.channel-mode-row{display:flex;align-items:center;gap:.5em;margin-bottom:.8em;flex-wrap:wrap;width:100%;box-sizing:border-box}.channel-mode-label{min-width:4.5em;white-space:nowrap;flex-shrink:0;color:var(--color-text-dark);font-size:.95em}.channel-mode-select{flex:1;min-width:0;max-width:100%;padding:.4em 1.8em .4em .5em;border:1px solid #d9d9d9;border-radius:var(--border-radius-sm);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5em center;font-size:.9em;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;width:100%}.channel-controls-container{margin-top:.8em;width:100%;box-sizing:border-box}.channel-controls-title{display:block;margin-bottom:.5em;font-weight:500;font-size:.95em}.channel-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8em;width:100%;box-sizing:border-box}.channel-item{border:1px solid var(--color-border-lighter);border-radius:var(--border-radius-sm);padding:.8em;background:var(--color-background-light);transition:box-shadow .2s;width:100%;box-sizing:border-box}.channel-item:hover{box-shadow:0 2px 5px #00000014}.channel-item.hidden{background:#f8f8f8;opacity:.8}.channel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8em;width:100%;box-sizing:border-box}.channel-visibility{display:flex;align-items:center;gap:.5em}.channel-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-color-preview{width:1.2em;height:1.2em;border:1px solid #d9d9d9;border-radius:var(--border-radius-sm);flex-shrink:0}.channel-sliders{display:flex;flex-direction:column;gap:.6em;width:100%;box-sizing:border-box}.slider-row{display:flex;flex-direction:column;gap:.3em;width:100%;box-sizing:border-box}.slider-label{font-size:.85em;color:var(--color-text-light);display:flex;justify-content:space-between}.slider-label-value{font-weight:500;color:var(--color-text-dark)}.segmentation-control{background:#f0f7ff;border:1px solid #d6e8ff;border-radius:var(--border-radius-sm);padding:.8em;margin-bottom:.8em;display:flex;flex-direction:column;gap:.8em;width:100%;box-sizing:border-box}.segmentation-title{color:#1890ff;font-weight:500;position:sticky;top:0;background:#f0f7ff;padding:.3em 0;z-index:1}.segmentation-grid{display:grid;gap:.8em;width:100%;box-sizing:border-box}.segmentation-item{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;width:100%;box-sizing:border-box}.segmentation-label{min-width:4.5em;flex-shrink:0;white-space:nowrap;font-size:.9em}.global-controls{display:flex;flex-direction:column;gap:.8em;overflow-y:visible;margin-top:.8em;flex:1;width:100%;box-sizing:border-box}.quality-control-item,.color-picker-row{margin-bottom:.6em;background:#fff;padding:.6em;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-lighter);width:100%;box-sizing:border-box;flex-wrap:wrap;min-width:0}.quality-control-item{display:flex;flex-direction:column;margin-bottom:.8em;padding:.6em;border-radius:var(--border-radius-sm);background:var(--color-background-light);transition:background-color .2s}.quality-control-item:hover{background:#00000005}.quality-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3em;width:100%;box-sizing:border-box}.quality-control-label{font-size:.95em;color:var(--color-text-dark)}.info-container{display:flex;flex-direction:column;gap:1em;padding:1em;height:100%;overflow-y:auto;width:100%;box-sizing:border-box}.info-card{background:#fff;border:1px solid var(--color-border-lighter);border-radius:var(--border-radius-sm);overflow:hidden;width:100%;box-sizing:border-box}.info-row{display:flex;justify-content:space-between;padding:.8em 1em;border-bottom:1px solid var(--color-border-lighter);width:100%;box-sizing:border-box}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-light)}.info-value{font-weight:500;color:var(--color-text-dark)}.back-button{display:flex;align-items:center;justify-content:center;gap:.5em;height:2.5em;background:#f0f0f0;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-dark);cursor:pointer;font-size:.9em;width:100%;transition:background-color .2s,transform .1s;box-sizing:border-box}.back-button:hover{background:#e0e0e0}.back-button:active{transform:translateY(1px)}.viewer-card{background:var(--color-background-dark);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex:1 1 auto;height:100%;max-height:100%;font-size:clamp(12px,1.8cqi,16px);box-sizing:border-box}.viewer-card-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(.25em,.4cqi,.6em) clamp(.5em,.8cqi,1em);background:#222;color:var(--color-text-white);min-height:clamp(1.8em,2.4cqi,2.4em);flex-shrink:0;box-sizing:border-box;width:100%;overflow:visible;container-type:inline-size}.header-title{font-size:clamp(.8em,1.5cqi,.95em);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;flex:1;min-width:0}.resolution-info{font-size:clamp(.6em,1.1cqi,.7em);color:#ffffff80;margin-left:clamp(.4em,.7cqi,.7em);white-space:nowrap}.time-display{display:flex;align-items:center;color:#fff;font-size:clamp(.7em,1.3cqi,.85em);margin-right:clamp(.4em,.7cqi,.8em);background-color:#0000004d;padding:clamp(.15em,.25cqi,.25em) clamp(.3em,.5cqi,.5em);border-radius:var(--border-radius-sm);white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.8);box-shadow:0 1px 3px #0000004d;min-width:0}.time-current{font-weight:700;white-space:nowrap}.time-separator{margin:0 clamp(.15em,.25cqi,.3em);opacity:.7}.time-total{opacity:.8;white-space:nowrap}.time-unit{margin-left:clamp(.2em,.3cqi,.4em);opacity:.7;font-size:.9em}.time-label{margin-right:clamp(.3em,.4cqi,.5em);opacity:.8;font-size:.9em}.playback-indicator{margin-left:clamp(.3em,.5cqi,.5em);flex-shrink:0}.speed-indicator{color:#f90;font-weight:700;font-size:clamp(.7em,1.3cqi,.9em)}.settings-button{display:flex;align-items:center;justify-content:center;background-color:#fff3;border:none;border-radius:var(--border-radius-sm);padding:clamp(.2em,.3cqi,.35em) clamp(.4em,.6cqi,.7em);color:#fff;cursor:pointer;font-size:clamp(.7em,1.3cqi,.8em);font-weight:500;margin-right:clamp(.25em,.4cqi,.45em);transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.settings-button:hover{background-color:#ffffff4d}.settings-button-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-button{width:clamp(1.6em,2.6cqi,1.8em);height:clamp(1.6em,2.6cqi,1.8em);min-width:clamp(1.6em,2.6cqi,1.8em);min-height:clamp(1.6em,2.6cqi,1.8em);color:#fff;flex-shrink:0}.header-icon{width:clamp(.8em,1.4cqi,.9em);height:clamp(.8em,1.4cqi,.9em)}.header-actions{display:flex;gap:clamp(.15em,.25cqi,.25em);flex-shrink:0;margin-left:auto}.viewer-card-content{padding:0 0 .375em;flex:1 0 auto;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;container-type:inline-size;max-height:calc(100% - var(--header-height));box-sizing:border-box}.canvas-container{width:100%;height:100%!important;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative!important;background-color:#000;flex:1 1 auto;max-height:100%!important;container-type:inline-size;box-sizing:border-box}.tiff-canvas,.tracks-canvas{position:absolute;image-rendering:pixelated;transition:all .3s ease;filter:contrast(var(--contrast)) saturate(var(--saturation))}.tiff-canvas.contain,.tracks-canvas.contain{object-fit:contain!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}.tiff-canvas.fill,.tracks-canvas.fill{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}.controls-card{background:var(--color-overlay-dark);border-radius:var(--border-radius-sm);padding:.8% 1.2%;box-shadow:var(--shadow-md);position:absolute!important;bottom:2%!important;left:2%!important;right:2%!important;height:auto;max-height:30%;overflow-y:auto;z-index:1000!important;color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:opacity .3s ease,visibility .3s ease,transform .2s ease;display:flex;flex-direction:column;font-size:clamp(10px,2cqi,14px);transform-origin:bottom center;box-sizing:border-box}@container (max-width: 600px){.controls-card{font-size:.8em;padding:.6% 1%}.settings-panel{font-size:calc(var(--font-size-base) * 1.1)}}@container (max-width: 400px){.controls-card{font-size:.7em;padding:.5% .8%}}@container (min-width: 601px){.settings-panel{font-size:calc(var(--font-size-base) * 1.2)}}.controls-card.visible{opacity:1;visibility:visible}.controls-card.hidden{opacity:0;visibility:hidden}.controls-container{display:flex;flex-direction:row;align-items:center;gap:1em;flex-wrap:wrap;width:100%;padding:.5em 0;box-sizing:border-box}.time-controls{display:flex;flex-direction:row;align-items:center;gap:.8em;flex:1;min-width:0;padding:.5em 0;flex-wrap:wrap;box-sizing:border-box}.control-group{display:flex;flex-wrap:nowrap;gap:min(.8%,6px);align-items:center;min-width:0;box-sizing:border-box}.export-control{display:flex;align-items:center;margin-left:auto}.export-control .export-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-control .export-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.export-control .export-button:active{transform:translateY(0)}.export-control .export-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.slider-container{display:flex;flex-direction:row;align-items:center;gap:min(1%,8px);flex:1;min-width:min(25%,120px);width:100%;flex-wrap:wrap;padding:0 1%;box-sizing:border-box}.frame-info{display:flex;align-items:center;gap:min(.8%,8px);white-space:nowrap;font-size:clamp(10px,1.8cqi,14px);color:#fffc;flex-shrink:0}.z-stack-control{margin:0;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;flex-wrap:wrap;box-sizing:border-box}.z-stack-info{display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap;font-size:14px;color:#fffc;flex-shrink:0}.view-mode-control{display:flex;align-items:center;gap:.6em;margin:0 0 0 auto;flex-shrink:0;background:#00000080;padding:.4em .8em;border-radius:var(--border-radius-sm);box-sizing:border-box}.view-mode-label{font-size:.875em;font-weight:500;color:#ffffffe6;flex-shrink:0}.view-mode-indicator{position:absolute;top:.625em;right:.625em;background:#000000b3;color:#fff;padding:.3em .6em;border-radius:var(--border-radius-sm);font-size:.75em;pointer-events:none;z-index:20;opacity:0;transition:opacity .3s ease}.view-mode-indicator.visible{opacity:1}.speed-control{display:flex;align-items:center;gap:min(.8%,8px);white-space:nowrap;font-size:clamp(10px,1.8cqi,14px);color:#fffc;margin-left:auto;flex-shrink:0;box-sizing:border-box}.speed-max{font-size:12px;color:#fff9}.header-button,.toggle-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--border-radius-sm);padding:0;margin:.125em;box-sizing:border-box}.toggle-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--border-radius-sm);padding:0;margin:0;min-width:24px;min-height:24px;color:var(--color-text-light)}.toggle-button .button-text{font-size:.8em;display:none}@container (min-width: 300px){.toggle-button .button-text{display:inline-block;margin-right:4px}}@media (max-width: 340px){.layer-name{min-width:70px;max-width:none;flex:1}.layer-title{min-width:90px}.layer-actions{min-width:40px}}.header-button:hover{background:#ffffff1a}.toggle-button:hover{background:#0000000d}.control-button,.move-button,.view-mode-button{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:var(--border-radius-sm);padding:0;margin:.125em;min-height:2.25em;min-width:2.25em;transition:background-color .2s,transform .2s;box-sizing:border-box}.control-button{background:var(--color-primary-light);color:#fff;width:2.5em;height:2.5em;font-size:inherit;flex-shrink:0;aspect-ratio:1}.move-button{background:#f0f0f0;color:var(--color-text-dark);width:1.5em;height:1.5em}.view-mode-button{background:#ffffff4d;color:#fff;padding:.4em;width:2.2em;height:2.2em;gap:.4em;font-size:inherit;aspect-ratio:1}.control-button:hover{background:var(--color-primary-hover)}.move-button:hover{background:#e0e0e0}.view-mode-button:hover{background:#ffffff80;transform:translateY(-1px)}.view-mode-button:active{transform:translateY(1px)}.number-input{width:4em;max-width:100%;min-width:40px;padding:.3em .4em;box-sizing:border-box}.number-input:hover{border-color:var(--color-primary-light)}.number-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0000000d}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.4em;border-radius:.2em;background:#e0e0e0;outline:none;margin:.5em 0;cursor:pointer;box-sizing:border-box}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2em;height:1.2em;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;transition:transform .1s}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-input::-moz-range-thumb{width:1.2em;height:1.2em;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;transition:transform .1s}.slider-input::-moz-range-thumb:hover{transform:scale(1.1)}.switch{position:relative;display:inline-block;width:2.2em;height:1.2em;flex-shrink:0;box-sizing:border-box}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:1.2em}.switch-slider:before{position:absolute;content:"";height:.8em;width:.8em;left:.2em;bottom:.2em;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.switch-slider{background-color:var(--color-primary)}input:checked+.switch-slider:before{transform:translate(1em)}input:focus+.switch-slider{box-shadow:0 0 1px var(--color-primary)}.color-picker-row{display:flex;align-items:center;gap:.5em;margin-bottom:.5em;flex-wrap:wrap;width:100%;box-sizing:border-box}.color-picker-label{min-width:3.5em;white-space:nowrap;color:var(--color-text-dark);font-size:.95em}.color-picker{width:2.5em;height:2em;padding:0;border:1px solid #d9d9d9;border-radius:var(--border-radius-sm);cursor:pointer;background:transparent;transition:transform .1s;box-sizing:border-box}.color-picker:hover{transform:scale(1.05)}.color-preview{width:1.5em;height:1.5em;border:1px solid #d9d9d9;border-radius:var(--border-radius-sm);flex-shrink:0}.info-tooltip{font-size:1.2em;position:relative;display:inline-block;cursor:help}.info-tooltip:before{content:"i";font-style:italic;font-weight:700}.info-tooltip:after{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:5px;white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;z-index:1000}.info-tooltip:hover:after{visibility:visible;opacity:1}.header-icon,.settings-collapse-icon,.error-icon{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.error-icon{width:1em;height:1em}.settings-collapse-icon{width:.875em;height:.875em}.move-icon,.view-mode-icon{width:.875em;height:.875em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.control-icon{width:1.4em;height:1.4em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:#fff;gap:var(--spacing-lg);box-sizing:border-box}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box}.loading-spinner.small{width:16px;height:16px;border-width:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:14px;text-align:center}.error-message{display:flex;align-items:flex-start;gap:var(--spacing-md);background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:var(--spacing-lg);border-radius:var(--border-radius-sm);margin:var(--spacing-lg);max-width:80%;box-sizing:border-box}.error-text{flex:1}.error-text strong{display:block;margin-bottom:var(--spacing-xs)}.zarr-player-container{position:relative;width:100%;height:var(--player-height);max-height:100vh;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);overflow:hidden;background-color:#f5f5f5;margin:0;padding:0;display:flex;flex-direction:column;font-size:clamp(14px,2cqi,18px);container-type:inline-size;box-sizing:border-box}.zarr-player-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%!important;height:100vh!important;z-index:9999;margin:0;padding:0;background-color:#000;border-radius:0}.zarr-player-container.fullscreen .viewer-column,.zarr-player-container.fullscreen .viewer-card,.zarr-player-container.fullscreen .viewer-card-content,.zarr-player-container.fullscreen .canvas-container{width:100%!important;height:100%!important;max-height:none!important;flex:1!important}.zarr-player-container.fullscreen .tiff-canvas,.zarr-player-container.fullscreen .tracks-canvas{max-height:100%!important}.zarr-player-container.fullscreen .tiff-canvas.contain,.zarr-player-container.fullscreen .tracks-canvas.contain{object-fit:contain!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tiff-player-placeholder,.loading-overlay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--player-height);width:100%;background-color:#f5f5f5;border:1px solid #d3d3d3;border-radius:5px;margin-top:50px;margin-bottom:20px;color:var(--color-text-dark);text-align:center;padding:20px;box-sizing:border-box}.tracks-url-row{flex-direction:row;align-items:center;margin-bottom:10px;width:100%;box-sizing:border-box}.load-tracks-button{height:auto;min-height:38px}.tracks-url-input{padding:10px;width:100%;box-sizing:border-box}.settings-column ::-webkit-scrollbar{width:6px;height:6px}.settings-column ::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.settings-column ::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.settings-column ::-webkit-scrollbar-thumb:hover{background:#0000004d}.settings-column{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.controls-wrapper{height:100%;overflow-y:auto;width:100%;box-sizing:border-box}@supports not (container-type: inline-size){@media (min-width: 768px){.tab-button{font-size:clamp(1.1em,2.2vw,1.4em);padding:.8em 1.4em;min-width:110px}.tab-headers{min-height:3.5em}}@media (min-width: 480px) and (max-width: 767px){.tab-button{font-size:clamp(1em,2vw,1.2em);padding:.6em 1.2em;min-width:90px}.tab-headers{min-height:3.2em}}@media (max-width: 479px){.tab-button{font-size:clamp(.9em,1.8vw,1.1em);padding:.5em 1em;min-width:70px}.tab-headers{min-height:2.8em}}@media (max-width: 320px){.tab-button{font-size:clamp(.85em,1.6vw,1em);padding:.4em .8em;min-width:60px}.tab-headers{min-height:2.5em}}}@media screen and (min-resolution: 1.25dppx){body{overflow-x:auto!important}.tiff-player-wrapper{min-width:640px}.settings-column{min-width:240px;flex:0 0 auto}}.zarr-player-container.theater-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh!important;z-index:9999;margin:0;padding:0;background-color:#000;display:flex;flex-direction:column;border-radius:0}.theater-mode .viewer-column,.theater-mode .viewer-card,.theater-mode .viewer-card-content,.theater-mode .canvas-container{width:100%!important;height:100%!important;max-height:none!important;flex:1!important}.theater-mode .tiff-canvas,.theater-mode .tracks-canvas{max-height:100%!important}.theater-mode .tiff-canvas.contain,.theater-mode .tracks-canvas.contain{max-width:100%!important;max-height:100%!important;object-fit:contain!important;width:auto!important;height:auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dataset-grid-container{display:flex;justify-content:center;align-items:center;min-height:var(--player-height);width:100%;padding:2rem;background-color:#f5f5f5;box-sizing:border-box}.warnings-container{position:absolute;top:10px;right:10px;z-index:100;max-width:300px}.warning-message{display:flex;align-items:flex-start;gap:8px;background:#fff7e6;border:1px solid #ffd591;color:#d48806;padding:12px;border-radius:4px;margin-bottom:8px;font-size:.875em}.warning-icon{width:16px;height:16px;flex-shrink:0;color:#fa8c16}.tooltip-button{position:relative}.tooltip-button:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);max-width:min(10em,90vw);width:max-content;word-break:keep-all;padding:clamp(.3em,.5cqi,.4em) clamp(.5em,.8cqi,.6em);border-radius:var(--border-radius-sm);background:#000c;color:#fff;font-size:clamp(.7em,1.4cqi,.8em);font-weight:400;visibility:hidden;opacity:0;transition:visibility .2s,opacity .2s;z-index:99999;pointer-events:none;text-align:center;box-shadow:0 2px 5px #0003;white-space:nowrap}.tooltip-button:hover:after{visibility:visible;opacity:1}.tooltip-button:before{content:"";position:absolute;bottom:125%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent;visibility:hidden;opacity:0;transition:visibility .2s,opacity .2s;z-index:100}.tooltip-button:hover:before{visibility:visible;opacity:1}.header-button[data-tooltip="Full Screen"]:after,.header-button[data-tooltip="Full Screen"]:before{bottom:auto;top:125%}.header-button[data-tooltip="Full Screen"]:before{border-color:transparent transparent rgba(0,0,0,.8) transparent;bottom:auto;top:calc(100% + 5px)}.control-button.tooltip-button:after,.control-button.tooltip-button:before{bottom:auto;top:-35%}.control-button.tooltip-button:before{border-color:transparent transparent rgba(0,0,0,.8) transparent;bottom:auto;top:-5px}@container (max-width: 300px){.tooltip-button:after{font-size:clamp(.6em,1.2cqi,.7em);padding:.2em .4em;max-width:120px}}.zarr-player-container.fullscreen .tooltip-button:after,.zarr-player-container.theater-mode .tooltip-button:after{max-width:160px}@media (max-width: 480px){.settings-panel{font-size:clamp(9px,1.8cqi,14px)}}@media (min-width: 1200px){.settings-panel{font-size:clamp(12px,2.2cqi,18px)}}