.menu-page{width:100vw;height:100vh;overflow:auto;background:radial-gradient(circle at 20% 20%,#21435a 0%,transparent 45%),radial-gradient(circle at 85% 75%,#2d7a67 0%,transparent 40%),#0d1418;font-family:Space Grotesk,Segoe UI,sans-serif;color:#f4f8fb}.menu-card{position:relative;width:min(95vw,1220px);margin:2vh auto;padding:2.4rem 2.6rem 4.4rem;border:1px solid #3d5564;background:#090f13e6;display:grid;gap:1.2rem}.menu-title{margin:0;letter-spacing:.08em;font-size:clamp(2rem,4.5vw,3.4rem);text-transform:uppercase}.menu-tool{display:grid;gap:.75rem;padding:1rem;border:1px solid #3a5362;background:#101b22b8;min-width:min(360px,100%)}.menu-tools{display:flex;flex-wrap:wrap;gap:1rem}.menu-tools .menu-tool{flex:1 1 360px}.menu-tool-title{margin:0;font-size:clamp(1.1rem,1.5vw,1.55rem);letter-spacing:.06em;cursor:default}.menu-tool-title-static{cursor:default}.menu-tool-row{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.menu-fields-inline{flex:1 1 320px}.menu-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.menu-field{display:grid;gap:.35rem;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.menu-field input,.menu-field select{min-width:0;border:1px solid #537386;background:#080e13e6;color:#ecf8ff;padding:.45rem .55rem;font-family:inherit;font-size:1rem}.menu-shared .menu-tool-title{cursor:default}.menu-shared-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-note{margin:0;color:#b7d3e3;font-size:.95rem}.menu-link{color:#d4f0ff;text-decoration:none;font-size:clamp(.95rem,1.4vw,1.2rem);letter-spacing:.03em}.menu-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.menu-open-button{width:fit-content;border:1px solid #537386;background:#080e13e6;padding:.45rem .75rem;font-family:inherit;cursor:pointer;text-align:left}.menu-copy-button{width:2.15rem;height:2.15rem;border:1px solid #537386;background:#080e13e6;display:grid;place-items:center;padding:0;cursor:pointer}.menu-copy-icon{width:.9rem;height:.9rem;position:relative;display:block}.menu-copy-icon:before,.menu-copy-icon:after{content:"";position:absolute;border:1px solid #d4f0ff;background:transparent;width:.66rem;height:.72rem}.menu-copy-icon:before{top:0;left:.18rem}.menu-copy-icon:after{top:.16rem;left:0}.menu-link:hover{color:#fff}.menu-logo{position:absolute;right:1.3rem;bottom:1.15rem;width:min(18vw,220px);max-width:42%;height:auto;opacity:.95;pointer-events:none}@media (max-width: 920px){.menu-card{width:96vw;padding:1.4rem 1.2rem 3.8rem}.menu-fields{grid-template-columns:1fr}.menu-tools .menu-tool{flex-basis:100%;min-width:0}.menu-shared-fields{grid-template-columns:1fr}.menu-logo{width:min(34vw,190px)}}.chromakey-page{width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}:fullscreen .chromakey-page,:fullscreen .chromakey-page *{cursor:none}.chromakey-green{background:#0f0;--marker: #00cc00;--marker-thickness: clamp(8px, 1vmin, 16px)}.chromakey-blue{background:#00f;--marker: #0000cc;--marker-thickness: clamp(8px, 1vmin, 16px)}.chromakey-plus{position:absolute;width:clamp(56px,8vmin,140px);height:clamp(56px,8vmin,140px);transform:translate(-50%,-50%)}.chromakey-plus:before,.chromakey-plus:after{content:"";position:absolute;background:color-mix(in srgb,var(--marker),transparent 8%)}.chromakey-plus:before{left:50%;top:0;width:var(--marker-thickness);height:100%;transform:translate(-50%)}.chromakey-plus:after{top:50%;left:0;width:100%;height:var(--marker-thickness);transform:translateY(-50%)}.chromakey-plus-tl{left:20%;top:20%}.chromakey-plus-tr{left:80%;top:20%}.chromakey-plus-bl{left:20%;top:80%}.chromakey-plus-br{left:80%;top:80%}.chromakey-crosshair{position:absolute;left:50%;top:50%;width:clamp(64px,9vmin,180px);height:clamp(64px,9vmin,180px);transform:translate(-50%,-50%)}.chromakey-crosshair:before,.chromakey-crosshair:after{content:"";position:absolute;background:color-mix(in srgb,var(--marker),transparent 15%)}.chromakey-crosshair:before{left:50%;top:0;width:var(--marker-thickness);height:100%;transform:translate(-50%)}.chromakey-crosshair:after{top:50%;left:0;width:100%;height:var(--marker-thickness);transform:translateY(-50%)}.color-patterns-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:#000;user-select:none;-webkit-user-select:none}:fullscreen .color-patterns-page,:fullscreen .color-patterns-page *{cursor:none}.color-patterns-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row}.color-patterns-bar{flex:1;height:100%}.color-patterns-name{position:absolute;left:50%;top:82.5%;transform:translate(-50%,-50%);z-index:4;color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.2rem,6.8vw,8rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;white-space:nowrap;text-shadow:0 0 14px rgba(0,0,0,.75)}.color-patterns-logo-wrap{position:absolute;right:4.2vw;top:82.5%;transform:translateY(-50%);z-index:4}.color-patterns-logo{display:block;width:min(19vw,280px);max-width:28vw;height:auto}.color-patterns-pal-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.color-patterns-pal-stage{position:relative;width:min(100vw,calc(100vh * 4 / 3));height:min(100vh,75vw)}.color-patterns-pal-img{display:block;width:100%;height:100%}.color-patterns-pal-logo{position:absolute;left:38.8%;top:8.9%;width:22.4%;height:7.6%;display:flex;align-items:center;justify-content:center;overflow:hidden}.color-patterns-pal-logo-img{max-width:90%;max-height:80%;width:auto;height:auto;display:block}.color-patterns-pal-clock{position:absolute;left:32.9%;top:16.5%;width:34.2%;height:7.5%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(.6rem,4vh,2.6rem);letter-spacing:.04em;color:#111;white-space:nowrap}.color-patterns-pal-name{position:absolute;left:32.9%;top:76.2%;width:34.2%;height:7.5%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(.6rem,3.8vh,2.4rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden}.colorspace-check-page{width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}:fullscreen .colorspace-check-page,:fullscreen .colorspace-check-page *{cursor:none}.colorspace-check-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.colorspace-check-name{position:absolute;left:50%;bottom:5vh;transform:translate(-50%);z-index:3;color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(1.7rem,4.2vw,5.8rem);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px rgba(0,0,0,.72)}.colorspace-check-logo{position:absolute;right:2.2vmin;top:2.2vmin;z-index:3;pointer-events:none}.colorspace-check-logo-image{width:min(20vw,260px);max-width:34vw;height:auto}.encoding-stress-page{width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}:fullscreen .encoding-stress-page,:fullscreen .encoding-stress-page *{cursor:none}.encoding-stress-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.encoding-stress-name{position:absolute;left:50%;bottom:6vh;transform:translate(-50%);color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2rem,6vw,8rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 16px rgba(0,0,0,.65);z-index:3;white-space:nowrap}.encoding-stress-logo{position:absolute;left:0;top:0;z-index:3;will-change:transform;pointer-events:none}.encoding-stress-logo-image{display:block;height:auto;filter:drop-shadow(0 0 12px rgba(0,0,0,.55))}.encoding-stress-logo-square .encoding-stress-logo-image{width:min(12.5vw,170px);max-width:24vw}.encoding-stress-title{position:absolute;left:0;top:0;z-index:3;color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(1.1rem,2.9vw,4rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 14px rgba(0,0,0,.68);white-space:nowrap;pointer-events:none;will-change:transform}.time-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}:fullscreen .time-page,:fullscreen .time-page *{cursor:none}.time-bg-black{background:#000}.time-bg-white{background:#fff}.time-bg-transparent{background:transparent}.time-clock{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(5rem,14vw,20rem);line-height:.9;letter-spacing:.04em;color:#f8f8f8;text-align:center;text-shadow:0 0 2rem rgba(0,0,0,.4)}.time-logo-wrap{position:absolute;right:2.2vmin;top:2.2vmin}.time-logo{display:block;width:min(20vw,260px);max-width:34vw;height:auto}.time-bg-white .time-clock{color:#1a1a1a;text-shadow:none}.time-name{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.2rem,6vw,7rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f8f8f8;text-align:center;white-space:nowrap;text-shadow:0 0 1rem rgba(0,0,0,.55)}.time-bg-white .time-name{color:#141414;text-shadow:none}.sync-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:transparent;font-family:IBM Plex Sans,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}.sync-page[data-bg=black]{background:#000}.sync-page[data-bg=white]{background:#fff}:fullscreen .sync-page,:fullscreen .sync-page *{cursor:none}.sync-clock-wrap{position:absolute;top:2vmin;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:.2rem;z-index:4}.sync-clock{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(1.6rem,3.2vw,4rem);letter-spacing:.06em;padding:.45em .6em;color:#fff;background:#000000b8}.sync-fps{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(.78rem,1.15vw,1.1rem);letter-spacing:.08em;text-transform:uppercase;padding:.22em .5em;color:#fff;background:#00000094}.sync-page[data-bg=black] .sync-clock,.sync-page[data-bg=black] .sync-fps{color:#fff;background:#000}.sync-page[data-bg=white] .sync-clock,.sync-page[data-bg=white] .sync-fps{color:#000;background:#fff}.sync-name{position:absolute;left:50%;top:82.5%;transform:translate(-50%,-50%);z-index:4;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.2rem,6.8vw,8rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#fff;text-shadow:0 0 14px rgba(0,0,0,.75)}.sync-page[data-bg=white] .sync-name{color:#000;text-shadow:0 0 14px rgba(255,255,255,.75)}.sync-logo-wrap{position:absolute;right:4.2vw;top:82.5%;transform:translateY(-50%);z-index:4}.sync-logo{display:block;width:min(19vw,280px);max-width:28vw;height:auto}.sync-top-row{position:absolute;left:4vw;right:4vw;top:13vmin;height:24vh;min-height:150px;display:flex;justify-content:center;align-items:stretch;gap:clamp(10px,1.6vw,26px);z-index:3}.sync-ball-panel{height:100%;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.22);background:#0003}.sync-page[data-bg=white] .sync-ball-panel{border-color:#0000003d;background:#ffffff47}.sync-ball-svg{width:100%;height:100%;display:block}.sync-ball-ground{stroke:#ffffffb3;stroke-width:2}.sync-page[data-bg=white] .sync-ball-ground{stroke:#000000b8}.sync-ball{stroke:#fff;stroke-width:2.8;fill:#000}.sync-ball-impact{fill:#fff}.sync-track-wrap{position:absolute;left:4vw;right:4vw;top:50%;transform:translateY(-50%);height:26vh;min-height:190px;z-index:3}.sync-waveform-wrap{position:relative;width:min(42vw,640px);height:100%;border:1px solid rgba(255,255,255,.22);background:#0003}.sync-page[data-bg=white] .sync-waveform-wrap{border-color:#0000003d;background:#ffffff47}.sync-waveform{width:100%;height:100%;display:block}.sync-waveform-axis{stroke:#fff6;stroke-width:.8}.sync-page[data-bg=white] .sync-waveform-axis{stroke:#0000006b}.sync-waveform-path{fill:none;stroke:#00f5a0;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sync-page[data-bg=white] .sync-waveform-path{stroke:#1d8f67}.sync-phase-square{height:100%;aspect-ratio:1 / 1;border:2px solid rgba(255,255,255,.8);box-sizing:border-box}.sync-phase-square-ahead{background:#000}.sync-phase-square-behind{background:#fff}.sync-page[data-bg=white] .sync-phase-square{border-color:#000000d9}.sync-lane{position:absolute;left:0;right:0}.sync-lane-main{top:7%;height:40%}.sync-lane-fast{top:56%;height:36%}.sync-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.3vmin;min-height:4px;background:#fffc;overflow:hidden}.sync-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,rgba(0,0,0,.48) 0,rgba(0,0,0,.48) 1px,transparent 1px,transparent 1.6%);opacity:.7}.sync-page[data-bg=white] .sync-track{background:#000000bf}.sync-page[data-bg=white] .sync-track:after{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.55) 0,rgba(255,255,255,.55) 1px,transparent 1px,transparent 1.6%)}.sync-center-line{position:absolute;left:50%;top:0;bottom:0;width:.45vmin;min-width:2px;transform:translate(-50%);background:#ff2a2a}.sync-sweep{position:absolute;top:-8%;bottom:-8%;width:1.6vmin;min-width:6px;transform:translate(-50%);background:#00f5a0;box-shadow:0 0 18px #00f5a0bf}.sync-sweep-fast{top:-6%;bottom:-6%;width:1vmin;min-width:4px;opacity:.9}.sync-sweep-invert{background:#ff2a2a;box-shadow:0 0 18px #ff2a2abf}.sync-mark{position:absolute;top:56%;transform:translate(-50%);display:grid;justify-items:center;gap:.35rem}.sync-mark-fast{gap:.28rem}.sync-mark-fast .sync-mark-tick{height:1.4vmin;min-height:6px}.sync-mark-fast .sync-mark-label{font-size:clamp(.48rem,.85vw,.82rem)}.sync-mark-tick{width:1px;height:1.8vmin;min-height:8px;background:#ffffffd9}.sync-page[data-bg=white] .sync-mark-tick{background:#111}.sync-mark-label{font-size:clamp(.55rem,1.1vw,1rem);font-weight:700;letter-spacing:.02em;color:#ffffffe6;text-shadow:0 0 3px rgba(0,0,0,.8)}.sync-mark-label-frames{margin-bottom:1.8vmin}.sync-mark-label-ms{margin-top:0}.sync-page[data-bg=white] .sync-mark-label{color:#101010;text-shadow:0 0 2px rgba(255,255,255,.5)}html,body{width:100vw;height:100vh;overflow:hidden}#root{position:fixed;top:0;right:0;bottom:0;left:0}