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;z-index:1;animation:round-shrinking .4s linear;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes round-shrinking{0%,to{z-index:99}}.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,z-index 0s linear .2s!important}.grid-cell:hover{filter:brightness(1.1);z-index:1000!important;transition:background-color .3s ease,filter .3s ease,z-index 0s!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{--well-hover-scale: 1.5;transform:scale(var(--well-hover-scale));z-index:100;animation:none;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{--well-hover-scale: 1.8;transform:scale(var(--well-hover-scale))}}@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{--well-hover-scale: 2;transform:scale(var(--well-hover-scale))}}@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%}.polar-plot-image{max-width:100%;height:auto}.side-panel .panel-content{box-sizing:border-box;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:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!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{transition:opacity .2s ease .08s,transform .2s ease .08s,visibility 0s linear .08s!important;visibility:visible!important;opacity:1!important;transform:translateY(0) scale(1)!important}.tooltip.top-left{bottom:150%!important;left:0!important;transform:translateY(10px) scale(.95)!important}.tooltip.top-right{bottom:150%!important;right:0!important;transform:translateY(10px) scale(.95)!important}.tooltip.bottom-left{top:150%!important;left:0!important;transform:translateY(10px) scale(.95)!important}.tooltip.bottom-right{top:150%!important;right:0!important;transform:translateY(10px) scale(.95)!important}.grid-cell:hover .tooltip.top-left,.grid-cell:hover .tooltip.top-right,.grid-cell:hover .tooltip.bottom-left,.grid-cell:hover .tooltip.bottom-right{transform:translateY(0) scale(1)!important}@media(hover:none){.grid-cell:hover .tooltip{visibility:hidden!important;opacity:0!important}.rounds-container .grid-with-indicators:hover{transform:none!important}}.rounds-container,.rounds-container-wrapper,.main-content,.container,.content-wrap,.App{overflow:visible!important}.App{overflow-x:clip!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;inset: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;inset: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;padding:0 1.25rem;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}}}.keyboard-help{position:relative}.keyboard-help:has(.help-icon:hover){z-index:200}@media(max-width:767px){.jumbotron{margin-top:3rem}.side-panel-horizontal .panel-content{flex-direction:column;flex-wrap:nowrap}.side-panel-horizontal .panel-item{flex:0 0 auto;width:100%;max-width:100%;margin:.5rem 0}.histogram-and-legend-container-contents{flex-direction:row;align-items:stretch}.histogram-and-legend-container-contents>:not(.color-legend){flex:1 1 0;min-width:0}}.round-sheet-backdrop{position:fixed;inset:0;z-index:3000;background:#0000008c;display:flex;align-items:flex-end}.round-sheet{width:100%;max-height:94dvh;overflow-y:auto;box-sizing:border-box;padding:10px 12px calc(14px + env(safe-area-inset-bottom));background:#fff;color:#222;border-radius:16px 16px 0 0}.round-sheet-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.round-sheet-title{flex:1;text-align:center;font-size:16px}.round-sheet-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #ccc;border-radius:8px;background:#f4f4f4;color:#222;font-size:16px;cursor:pointer}.round-sheet-icon svg{margin:0;width:16px;height:16px}.round-sheet-icon:disabled{opacity:.35}.round-sheet-chip{min-height:44px;padding:0 12px;border:1px solid #ccc;border-radius:8px;background:#f4f4f4;color:#222;font-size:14px;cursor:pointer}.round-sheet-chip.on{background:#000;border-color:#000;color:#fff}.round-sheet-grid{display:grid;grid-template-columns:18px repeat(8,minmax(0,1fr));gap:4px;align-items:center}.round-sheet-label{text-align:center;font-size:12px;color:#666}.round-sheet-cell{position:relative;aspect-ratio:1;padding:0;margin:0;border:0;border-radius:4px;cursor:pointer}.round-sheet-cell.empty{background:#e4e4e4;cursor:default}.round-sheet-cell.picked{outline:3px solid var(--pick-blue);outline-offset:1px;z-index:1}.round-sheet-cell.checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;text-shadow:0 0 3px #000}.round-sheet-details{display:flex;flex-direction:column;gap:10px;margin-top:12px;min-height:74px}.round-sheet-facts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}.round-sheet-hint{color:#666;font-size:14px}.round-sheet-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-radius:8px;background:#000;color:#fff;font-size:15px;font-weight:500;cursor:pointer}.round-sheet-action svg{margin:0}.round-sheet button{min-width:0;transform:none!important;line-height:1.2;font-family:inherit}.round-sheet .round-sheet-cell{display:block;width:100%;min-height:0;filter:none;height:auto;box-shadow:none}.round-sheet .round-sheet-icon,.round-sheet .round-sheet-chip{margin:0}.round-sheet .round-sheet-icon:disabled{background:#f4f4f4}.round-sheet .round-sheet-action{margin:0;background:#000}.round-sheet .round-sheet-details .tooltip{position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.5!important;inset:auto!important}.vertical-indicators{grid-template-rows:repeat(8,minmax(0,1fr))!important}.horizontal-indicators{grid-template-columns:repeat(8,minmax(0,1fr))!important}.indicator-item{min-height:0!important;line-height:1!important}.vertical-indicators{margin-top:.0625rem!important}.horizontal-indicators{margin-left:.0625rem!important}.round-sheet .round-sheet-cell.checked{outline:2px solid var(--pick-green);outline-offset:1px}.round-sheet .round-sheet-cell.checked:after{inset:-5px -5px auto auto;width:17px;height:17px;border-radius:50%;background:var(--pick-green);color:#fff;font-size:11px;line-height:1;text-shadow:none}.round-sheet-selection{border:1px solid #ddd;border-radius:8px;padding:8px 10px}.round-sheet-selection-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:6px}.round-sheet .round-sheet-link{min-height:36px;margin:0;padding:0 4px;border:0;background:none;color:var(--pick-blue);font-size:14px;cursor:pointer}.round-sheet-selection-list{display:flex;flex-direction:column;gap:6px;max-height:128px;overflow-y:auto}.round-sheet-selection-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.round-sheet-selection-round{min-width:28px;font-size:12px;font-weight:700;color:#555}.round-sheet-tag{display:inline-flex;align-items:stretch;border:1px solid #b9d7c2;border-radius:8px;background:#eaf6ee;overflow:hidden}.round-sheet .round-sheet-tag-name,.round-sheet .round-sheet-tag-x{height:36px;margin:0;border:0;border-radius:0;background:none;color:#1b4d2b;font-size:14px;cursor:pointer}.round-sheet .round-sheet-tag-name{padding:0 8px 0 10px}.round-sheet .round-sheet-tag-x{min-width:36px;padding:0;border-left:1px solid #b9d7c2;font-size:18px}.round-sheet .round-sheet-cell{transition:none!important}.round-sheet-mode{display:flex;margin-bottom:12px;border:1px solid #bbb;border-radius:10px;overflow:hidden}.round-sheet .round-sheet-mode-option{flex:1 1 0;min-height:44px;margin:0;padding:0 8px;border:0;border-radius:0;background:#f4f4f4;color:#444;font-size:14px;cursor:pointer}.round-sheet .round-sheet-mode-option+.round-sheet-mode-option{border-left:1px solid #bbb}.round-sheet .round-sheet-mode-option.on{background:#000;color:#fff;font-weight:700}.round-sheet .round-sheet-mode-option.on:last-child{background:var(--pick-green)}.round-sheet .round-sheet-mode-option{transition:none!important}.round-sheet-toggle{position:relative;display:flex;height:50px;margin-bottom:10px;border-radius:25px;background:#e3e3e3}.round-sheet-toggle-knob{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:22px;background:#000;transition:transform .2s ease,background-color .2s ease}.round-sheet-toggle.download .round-sheet-toggle-knob{transform:translate(100%);background:var(--pick-green)}.round-sheet .round-sheet-toggle-side{position:relative;z-index:1;flex:1 1 0;min-height:0;height:100%;margin:0;padding:0 8px;border:0;border-radius:25px;background:none;color:#444;font-size:14px;transition:color .2s ease!important;cursor:pointer}.round-sheet .round-sheet-toggle-side[aria-pressed=true]{color:#fff;font-weight:700}.round-sheet .round-sheet-toggle+.round-sheet-action{margin:0 0 12px}.round-sheet .round-sheet-action.download{background:var(--pick-green)}.round-sheet .round-sheet-action:disabled{background:#d3d3d3;color:#7c7c7c;cursor:not-allowed}.round-sheet-toggle-knob{background:var(--pick-blue)}.round-sheet-toggle.download .round-sheet-toggle-knob{background:var(--pick-green)}.round-sheet .round-sheet-action:not(.download):not(:disabled){background:var(--pick-blue)}.round-sheet-tooltip-slot{display:flex;align-items:center;min-height:104px}.round-sheet .round-sheet-details{min-height:0}.tooltip .tooltip-line{white-space:nowrap}.tooltip .tooltip-gap{display:inline-block;width:.9em}.round-sheet-tooltip-slot{min-height:62px}.round-sheet .round-sheet-details .tooltip{line-height:1.5!important}.round-sheet-views{display:grid}.round-sheet-main,.round-sheet-review{grid-area:1 / 1;min-width:0}.round-sheet-views.review .round-sheet-main,.round-sheet-views:not(.review) .round-sheet-review{visibility:hidden;pointer-events:none}.round-sheet-review{position:relative}.round-sheet-review-inner{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto}.round-sheet-review-inner .round-sheet-action{flex:0 0 auto;margin:0 0 12px}.round-sheet-review-inner .round-sheet-selection-list{max-height:none;flex:1 1 auto;overflow:visible}.round-sheet-summary{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:62px;padding:6px 8px 6px 12px;border:1px solid #b9d7c2;border-radius:8px;background:#eaf6ee}.round-sheet-summary-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;font-size:14px;line-height:1.4;color:#1b4d2b}.round-sheet-summary-text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.round-sheet .round-sheet-review-button{flex:0 0 auto;min-height:44px;margin:0;padding:0 14px;border:1px solid var(--pick-green);border-radius:8px;background:#fff;color:var(--pick-green);font-size:14px;font-weight:700;cursor:pointer}.round-sheet .round-sheet-review-button:disabled{border-color:#cfcfcf;background:#f2f2f2;color:#999;cursor:not-allowed}.round-sheet .round-sheet-tooltip-slot .tooltip{position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.5!important;inset:auto!important}@media(max-width:767px),(hover:none){.keyboard-help{display:none!important}}@media(orientation:landscape)and (max-height:500px){.round-sheet-backdrop{align-items:center;justify-content:center}.round-sheet{--cell: min(40px, calc((100dvh - 84px)/8) );display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(0,1fr);align-content:start;column-gap:18px;width:min(100%,880px);height:calc(100dvh - 16px);max-height:none;padding:8px 14px;border-radius:14px}.round-sheet-views,.round-sheet-main{display:contents}.round-sheet-header{grid-column:2;grid-row:1;margin-bottom:8px}.round-sheet-toggle{grid-column:2;grid-row:2}.round-sheet .round-sheet-toggle+.round-sheet-action{grid-column:2;grid-row:3;margin:0 0 10px}.round-sheet-tooltip-slot{grid-column:2;grid-row:4}.round-sheet-grid{grid-column:1;grid-row:1 / -1;grid-template-columns:18px repeat(8,var(--cell));align-self:start;align-content:start}.round-sheet-review{grid-column:2;grid-row:2 / -1}.round-sheet-views.review .round-sheet-grid{visibility:visible;opacity:.35}}@media(orientation:landscape)and (max-height:500px){.round-sheet{width:min(calc(100% - 16px),880px);padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))}}@media(orientation:landscape)and (max-height:500px){header{padding:3px 10px!important}.navbar{padding:2px 1rem}.logo{height:32px;margin-right:.5rem}.App{padding-top:44px;font-size:9.6px}.jumbotron{margin-top:.5rem}}@media(orientation:landscape)and (max-height:500px){.navbar-title{font-size:1rem}.jumbotron{height:auto}}@media(max-width:767px),(orientation:landscape)and (max-height:500px){.rounds-container{--grid-base-size: calc((100vw - 44px - 3px * (var(--rounds-per-row, 4) - 1)) / var(--rounds-per-row, 4) - 2px)}.rounds-container .indicator-item{font-size:8px!important}.rounds-container .round-header{font-size:11px}}@media(orientation:landscape)and (max-height:500px){.zarr-player-container:not(.fullscreen){height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;align-self:flex-start}.zarr-player-container:not(.fullscreen) .tiff-player-wrapper{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:0!important}.tiff-player-placeholder{height:auto!important;min-height:120px!important;padding:24px 12px}.zarr-player-container:not(.fullscreen) .tiff-player-wrapper .viewer-card-content{flex:0 0 auto;max-height:none}.zarr-player-container:not(.fullscreen) .tiff-player-wrapper .canvas-container{flex:0 0 auto;width:100%;height:auto!important;max-height:calc(100dvh - 140px)!important;aspect-ratio:var(--movie-aspect, 4 / 3)}}@media(orientation:landscape)and (max-height:500px){.tiff-player-placeholder,.loading-overlay{box-sizing:border-box;height:calc(100dvh - 57px)!important;min-height:0!important}}@media(orientation:landscape)and (max-height:500px){.zarr-player-container:not(.fullscreen){min-height:calc(100dvh - 57px)!important}}@media(max-width:600px){:root{--phone-player-height: calc((100vw - 36px)/1.6 + 376px) }.tiff-player-placeholder,.loading-overlay{box-sizing:border-box;height:var(--phone-player-height)!important;min-height:0!important}div.zarr-player-container:not(.fullscreen){min-height:var(--phone-player-height)!important}}@media(orientation:landscape)and (max-height:500px){.side-panel-horizontal .panel-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.side-panel-horizontal .panel-item{width:auto;max-width:none;margin:0}}@media(hover:none){.download-section{display:none!important}}@media(hover:none){img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}:root{--pick-blue: #1f6fe0;--pick-green: #1f9a55}@media(max-width:1023px),(pointer:coarse){.landing-title{font-size:1.75rem}.landing-subtitle{font-size:1.375rem}.landing-text,.dataset-card-title,.dataset-card-description,.dataset-card-button{font-size:1.125rem}.dataset-card-button{min-height:44px}}.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;inset: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-actions{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.cancel-button,.export-confirm-button{padding:12px 18px;white-space:nowrap;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}}.export-section-title{color:#fff;font-weight:600;margin-bottom:8px!important}.export-info+.export-info{margin-top:12px}.export-hint{color:#999;font-size:13px}.export-error{color:#ff6b6b;font-size:13px;margin-top:8px}.export-progress-bar{height:8px;background:#333;border-radius:4px;overflow:hidden;margin:12px 0}.export-progress-fill{height:100%;background:#06c;transition:width .15s linear}: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;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;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}.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}.viewer-column .tiff-canvas,.viewer-column .tracks-canvas{transition:none!important}.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;pointer-events:auto}.controls-card.hidden{opacity:0;pointer-events:none}.controls-card.hidden:has(:focus-visible){opacity:1;pointer-events:auto}.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;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;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;inset: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;inset: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;max-height:100dvh;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;inset:0;width:100%!important;height:100vh!important;height:100dvh!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)and (hover:hover)and (pointer:fine){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;inset: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)}}.zoom-layer{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transform-origin:50% 50%;will-change:transform}.viewer-column .zoom-layer{transition:none!important}.canvas-container.zoomed{cursor:grab}.canvas-container.zoomed.panning{cursor:grabbing}.zoom-control{display:flex;align-items:center;gap:.25em;flex-shrink:0}.zoom-control .control-button:disabled,.zoom-control .zoom-readout:disabled{opacity:.45;cursor:default}.zoom-control .zoom-readout{min-width:3.6em;height:2.5em;padding:0 .4em;font-size:inherit;font-variant-numeric:tabular-nums;color:#fff;background:var(--color-primary-light);border:none;border-radius:var(--border-radius-sm);cursor:pointer}.settings-panel .layer-panel{display:flex;flex-direction:column;gap:.45rem;width:100%;min-height:0;padding:.5rem .65rem .6rem;box-sizing:border-box;overflow:visible}.settings-panel .layer-panel button{margin:0;padding:0;min-width:0;height:auto;width:auto;line-height:inherit;background:transparent;color:inherit;border:none;border-radius:0;box-shadow:none;transform:none;font:inherit;cursor:pointer}.settings-panel .layer-panel button:hover{background:transparent;transform:none}.settings-panel .layer-panel button:disabled{background:transparent;cursor:default}.lp-chips{display:flex;flex-wrap:wrap;gap:.35rem}.settings-panel .lp-chip{display:inline-flex;align-items:stretch;border:1px solid var(--color-border-light, #e0e0e0);border-radius:999px;background:#fff;overflow:hidden}.settings-panel .lp-chip.selected{border-color:var(--color-primary, #000);box-shadow:inset 0 0 0 1px var(--color-primary, #000);background:#f6f6f6}.settings-panel .layer-panel .lp-chip-dot{display:flex;align-items:center;padding:0 .15rem 0 .55rem}.lp-chip-dot span{display:block;width:.85rem;height:.85rem;box-sizing:border-box;border-radius:50%;border:2px solid #b5b5b5;background:#fff}.lp-chip.on .lp-chip-dot span{border-color:#1a1a1a;background:#1a1a1a;position:relative}.lp-chip.on .lp-chip-dot span:after{content:"";position:absolute;left:50%;top:45%;width:.28rem;height:.5rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.settings-panel .layer-panel .lp-chip-name{padding:.35rem .7rem .35rem .3rem;font-weight:500}.lp-chip.on .lp-chip-name{color:#111;font-weight:600}.lp-chip.off .lp-chip-name{color:#8a8a8a;font-weight:400}.lp-chip.off{background:#fafafa}.settings-panel .layer-panel .lp-chip-dot:focus-visible,.settings-panel .layer-panel .lp-chip-name:focus-visible,.settings-panel .layer-panel .lp-icon-button:focus-visible,.settings-panel .layer-panel .lp-text-button:focus-visible{outline:2px solid #1c7ed6;outline-offset:1px}.lp-detail{display:flex;flex-direction:column;gap:.15rem}.lp-detail-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.2rem;border-bottom:1px solid var(--color-border-light, #e0e0e0);margin-bottom:.2rem}.settings-panel .layer-panel .lp-text-button{padding:.15rem .55rem;border:1px solid var(--color-border-light, #ccc);border-radius:.25rem;font-size:.78rem}.settings-panel .layer-panel .lp-text-button:hover:not(:disabled){background:#f0f0f0}.settings-panel .layer-panel .lp-text-button:disabled{opacity:.45}.lp-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.7rem}.lp-label{display:inline-flex;align-items:center;gap:.4rem;color:#333;cursor:default}.lp-slider{padding:0 0 .15rem}.lp-slider-top{display:flex;align-items:center;gap:.3rem}.lp-slider-top .lp-label{flex:1}.settings-panel .layer-panel .lp-icon-button{width:1.3rem;height:1.3rem;line-height:1.3rem;text-align:center;border-radius:50%;color:#555}.settings-panel .layer-panel .lp-icon-button:hover:not(:disabled){background:#eee}.lp-invisible{visibility:hidden}.lp-number{width:3.6rem;height:1.5rem;padding:0 .3rem;box-sizing:border-box;text-align:right;font:inherit;border:1px solid var(--color-border-light, #ccc);border-radius:.25rem}.settings-panel .layer-panel .lp-range{display:block;width:100%;margin:.2rem 0 0}.lp-select{font:inherit;padding:.2rem .3rem;border:1px solid var(--color-border-light, #ccc);border-radius:.25rem;background:#fff;max-width:55%}.lp-color{width:2.6rem;height:1.6rem;padding:0;border:1px solid var(--color-border-light, #ccc);border-radius:.25rem;background:#fff;cursor:pointer}.lp-note,.lp-caption{color:#666;font-size:.78rem}.lp-note{padding:.3rem .45rem;background:#f5f5f5;border-radius:.25rem;margin-bottom:.2rem}.lp-note.lp-error{background:#fdecea;color:#8a1c13}.lp-caption{margin-top:.35rem}.lp-channel{padding:.3rem 0;border-top:1px solid var(--color-border-lighter, #f0f0f0)}.lp-channel-swatch{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.canvas-container .tracks-canvas.tracks-overlay{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;image-rendering:auto;pointer-events:none}.zarr-player-container.fullscreen .tiff-player-wrapper{margin:0!important;width:100%!important;height:100%!important;max-height:none!important}.zarr-player-container.fullscreen .tiff-player-container{height:100%!important;gap:0!important}.viewer-column.expanded{width:100%!important}@media(max-width:600px){.tiff-player-wrapper{min-width:0}.tiff-player-wrapper .tiff-player-container{flex-direction:column!important;min-width:0}.tiff-player-wrapper .viewer-column{width:100%!important}.tiff-player-wrapper .settings-column{position:static;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important;background:#fff;border-radius:0;box-shadow:none}.tiff-player-wrapper .settings-column .controls-wrapper,.tiff-player-wrapper .settings-panel,.tiff-player-wrapper .settings-tabs,.tiff-player-wrapper .tab-content,.tiff-player-wrapper .layer-container,.tiff-player-wrapper .layer-content,.tiff-player-wrapper .info-container{height:auto!important;max-height:none!important;overflow:visible!important}.tiff-player-wrapper .settings-column *,.tiff-player-wrapper .info-container *,.tiff-player-wrapper .layer-container *{font-size:14px!important;letter-spacing:normal!important}.tiff-player-wrapper .tab-button{min-height:44px!important;padding:.5em .75em!important}.tiff-player-wrapper .toggle-button{min-width:36px!important;width:36px!important;height:36px!important}.tiff-player-wrapper .layer-name{max-width:none!important}.tiff-player-wrapper .layer-icon{display:inline-block!important}}@media(max-width:600px){.tiff-player-wrapper .viewer-card-header{flex-wrap:wrap;row-gap:4px}.tiff-player-wrapper .header-title{flex:1 1 0}.tiff-player-wrapper .header-actions{align-items:center;gap:6px}.tiff-player-wrapper .settings-button{min-height:36px;margin-right:0}.tiff-player-wrapper .header-button{width:36px;height:36px;min-width:36px;min-height:36px}.tiff-player-wrapper .header-icon{width:18px;height:18px}.tiff-player-wrapper .time-display{order:3;flex:0 0 100%;margin:0;padding:0;background:none;box-shadow:none;font-size:.8em}}@media(max-width:600px){.tiff-player-wrapper .viewer-card>.controls-card{position:static!important;flex:0 0 auto;width:100%;max-height:none;overflow:visible;padding:6px 12px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;background:#1a1a1a;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:14px;z-index:auto!important;opacity:1;pointer-events:auto}.tiff-player-wrapper .controls-container{gap:6px 12px;padding:0}.tiff-player-wrapper .time-controls{flex:0 0 100%;gap:4px 12px;padding:0}.tiff-player-wrapper .slider-container{order:-1;flex:0 0 100%;min-width:0;padding:0;gap:0}.tiff-player-wrapper .frame-info{flex:0 0 100%;font-size:13px}.tiff-player-wrapper .controls-card .slider-input{height:40px;margin:0;background:transparent;touch-action:none}.tiff-player-wrapper .controls-card .slider-input::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:#ffffff4d}.tiff-player-wrapper .controls-card .slider-input::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px}.tiff-player-wrapper .controls-card .slider-input::-moz-range-track{height:8px;border-radius:4px;background:#ffffff4d}.tiff-player-wrapper .controls-card .slider-input::-moz-range-thumb{width:28px;height:28px}.tiff-player-wrapper .controls-card .control-button,.tiff-player-wrapper .zoom-control .zoom-readout{width:44px;height:44px}.tiff-player-wrapper .zoom-control .zoom-readout{width:auto;min-width:52px}.tiff-player-wrapper .speed-control{font-size:13px}.tiff-player-wrapper .speed-control .number-input{width:56px;height:40px;font-size:14px}.tiff-player-wrapper .export-control .export-button{min-height:44px}}@media(max-width:600px){.zarr-player-container:not(.fullscreen){height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;align-self:flex-start}.zarr-player-container:not(.fullscreen) .tiff-player-wrapper{flex:0 0 auto!important;height:auto!important;max-height:none!important;min-height:0!important;margin-bottom:0!important}.zarr-player-container:not(.fullscreen) .tiff-player-wrapper .viewer-card-content{flex:0 0 auto;max-height:none;padding:6px;background:#000}.zarr-player-container:not(.fullscreen) .tiff-player-wrapper .canvas-container{flex:0 0 auto;width:100%;height:auto!important;max-height:60dvh!important;aspect-ratio:var(--movie-aspect, 4 / 3)}}@media(max-width:600px){.tiff-player-wrapper .settings-column .slider-input{margin:14px 0}.tiff-player-wrapper .settings-column .slider-input::-webkit-slider-thumb{width:26px;height:26px}.tiff-player-wrapper .settings-column .slider-input::-moz-range-thumb{width:26px;height:26px}}.settings-control{display:none}@media(max-width:600px){.tiff-player-wrapper .header-actions .settings-button{display:none}.tiff-player-wrapper .settings-control{display:block;flex:0 0 100%}.tiff-player-wrapper .settings-bar-button{box-sizing:border-box;margin:0;width:100%;min-height:44px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer}}.speed-chips{display:none}@media(max-width:600px){.tiff-player-wrapper .speed-control{display:none}.tiff-player-wrapper .speed-chips{display:flex;flex:0 0 100%;align-items:center;gap:4px}.tiff-player-wrapper .speed-chips button{flex:0 0 auto;box-sizing:border-box;min-width:0;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff1a;color:#fff;font-size:15px;font-weight:500;line-height:1;cursor:pointer;transform:none!important;box-shadow:none}.tiff-player-wrapper .speed-chips .speed-step{width:44px;font-size:20px;touch-action:none;user-select:none;-webkit-user-select:none}.tiff-player-wrapper .speed-chips .speed-chip{width:38px}.tiff-player-wrapper .speed-chips .speed-chip.on{background:#fff;border-color:#fff;color:#000}.tiff-player-wrapper .speed-chips button:disabled{opacity:.4;cursor:default}.tiff-player-wrapper .speed-chips .speed-readout{flex:1 1 auto;min-width:0;padding-left:4px;font-size:13px;color:#fffc;white-space:nowrap}}.zarr-player-container.fullscreen.rotate-landscape{inset:0 auto auto 0!important;width:100dvh!important;height:100vw!important;min-width:0!important;min-height:0!important;max-height:none!important;transform-origin:top left;transform:translate(100vw) rotate(90deg);transition:none!important}@media(max-width:600px){.zarr-player-container.fullscreen .controls-card{max-height:none;font-size:14px}.zarr-player-container.fullscreen .zoom-control,.zarr-player-container.fullscreen .export-control,.zarr-player-container.fullscreen .settings-control{display:none}.zarr-player-container.fullscreen .tiff-player-wrapper .speed-chips{flex:1 1 0;min-width:0}}.zarr-player-container.rotate-landscape .tiff-player-wrapper,.zarr-player-container.rotate-landscape .tiff-player-container{max-width:none!important;max-height:none!important}@media(max-width:600px){.zarr-player-container.fullscreen .tiff-player-wrapper .viewer-card-header{position:absolute;top:0;left:0;right:0;z-index:1100;background:#0009;transition:opacity .3s ease}.zarr-player-container.fullscreen .tiff-player-wrapper .viewer-card-header.chrome-hidden{opacity:0;pointer-events:none}}@media(orientation:landscape)and (max-height:500px){.zarr-player-container.fullscreen .tiff-player-wrapper .viewer-card-header{position:absolute;top:0;left:0;right:0;z-index:1100;background:#0009;transition:opacity .3s ease}.zarr-player-container.fullscreen .tiff-player-wrapper .viewer-card-header.chrome-hidden{opacity:0;pointer-events:none}}@media(orientation:landscape)and (max-height:500px){.zarr-player-container.fullscreen .tiff-player-wrapper .viewer-card{position:relative}}.rail-button,.rail-speed{display:none}.more-panel{display:contents}@media(orientation:landscape)and (max-height:500px){.tiff-player-wrapper .controls-card{inset:6px 6px 6px auto!important;width:48px;max-height:none;padding:0;overflow:visible;background:#0000008c;border-radius:24px;align-items:center;justify-content:center;font-size:14px}.tiff-player-wrapper .controls-card.hidden *,.tiff-player-wrapper .controls-card.hidden{pointer-events:none}.tiff-player-wrapper .controls-container,.tiff-player-wrapper .time-controls{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:4px;width:auto;padding:0}.tiff-player-wrapper .time-controls{display:contents}.tiff-player-wrapper .control-group{flex-direction:column;gap:4px}.tiff-player-wrapper .control-group .control-button:nth-child(2){order:-1}.tiff-player-wrapper .controls-card .control-button,.tiff-player-wrapper .rail-button{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;margin:0;padding:0}.tiff-player-wrapper .rail-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff1a;color:#fff;font-size:20px;line-height:1;cursor:pointer;transform:none!important}.tiff-player-wrapper .rail-speed strong{font-size:15px;font-weight:600;line-height:1}.tiff-player-wrapper .rail-speed small{font-size:9px;line-height:1;opacity:.8}.tiff-player-wrapper .rail-button[aria-expanded=true]{background:#fff;color:#000}.tiff-player-wrapper .speed-control,.tiff-player-wrapper .settings-control,.tiff-player-wrapper .speed-chips .speed-readout{display:none}.tiff-player-wrapper .slider-container{position:absolute;right:calc(100% + 8px);bottom:0;width:calc(100cqw - 72px);min-width:0;flex-wrap:nowrap;padding:0 12px;gap:10px;background:#0000008c;border-radius:24px;box-sizing:border-box}.tiff-player-wrapper .z-stack-control{position:absolute;right:calc(100% + 8px);bottom:52px;width:calc(100cqw - 72px)}.tiff-player-wrapper .controls-card .slider-input{height:44px;margin:0;background:transparent;touch-action:none}.tiff-player-wrapper .controls-card .slider-input::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:#ffffff4d}.tiff-player-wrapper .controls-card .slider-input::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px}.tiff-player-wrapper .controls-card .slider-input::-moz-range-track{height:8px;border-radius:4px;background:#ffffff4d}.tiff-player-wrapper .controls-card .slider-input::-moz-range-thumb{width:28px;height:28px}.tiff-player-wrapper .speed-chips,.tiff-player-wrapper .more-panel{display:none;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:6px;gap:6px;border-radius:12px;background:#141414eb;border:1px solid rgba(255,255,255,.15)}.tiff-player-wrapper .controls-card.pop-speed .speed-chips{display:flex;align-items:center}.tiff-player-wrapper .controls-card.pop-more .more-panel{display:flex;flex-direction:column;align-items:stretch}.tiff-player-wrapper .speed-chips button{box-sizing:border-box;flex:0 0 auto;min-width:0;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff1a;color:#fff;font-size:15px;font-weight:500;line-height:1;cursor:pointer;transform:none!important;box-shadow:none}.tiff-player-wrapper .speed-chips .speed-step{width:44px;font-size:20px;touch-action:none;user-select:none;-webkit-user-select:none}.tiff-player-wrapper .speed-chips .speed-chip{width:40px}.tiff-player-wrapper .speed-chips .speed-chip.on{background:#fff;border-color:#fff;color:#000}.tiff-player-wrapper .speed-chips button:disabled{opacity:.4;cursor:default}.tiff-player-wrapper .more-panel .zoom-control,.tiff-player-wrapper .more-panel .export-control{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.tiff-player-wrapper .more-panel .zoom-readout{width:auto;min-width:56px;height:44px}.tiff-player-wrapper .more-panel .export-button{min-height:44px;width:100%;justify-content:center}}