@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(./inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(./inter-latin-800-normal-D1mf63XC.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(./ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}:root{color:#eaf2fb;background:#02060b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--panel: #07111d;--panel-strong: #0a1726;--line: #294866;--line-soft: rgba(116, 153, 188, .2);--muted: #8da4b9;--cyan: #18c4f4;--green: #3de5a8;--magenta: #ef168b;--red: #ff3d37}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.32rem;border:1px solid transparent;font-weight:600;cursor:pointer;transition:.15s ease}.ui-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.ui-button-md{height:2.5rem;padding:0 1rem}.ui-button-sm{height:2rem;padding:0 .75rem;font-size:.8rem}.ui-button-icon{width:2.35rem;height:2.35rem;padding:0}.ui-button-default{background:#e8f1fa;color:#06101a}.ui-button-default:hover{background:#fff}.ui-button-outline{border-color:#55718c;background:#030a11b8;color:#e9f4ff}.ui-button-outline:hover{border-color:var(--cyan);background:#0a1a28}.ui-button-ghost{background:transparent;color:#bbcad8}.ui-button-ghost:hover{background:#47769a26;color:#fff}.ui-button-signal{background:var(--magenta);color:#fff;box-shadow:0 0 24px #ef168b33}.ui-button-signal:hover{background:#ff2699}.ui-card{border:1px solid #284763;background:#07101c}.ui-card-content,.ui-card-footer{padding:1rem}.brand-logo{display:inline-flex;align-items:center;gap:.62rem;color:#f5f8fc;-webkit-user-select:none;user-select:none}.brand-logo svg{width:2.45rem;height:2.45rem;color:#17bdf0;overflow:visible}.brand-logo .logo-rays{fill:none;stroke:var(--magenta);stroke-width:3;stroke-linecap:round}.brand-logo .logo-loop{fill:none;stroke:#fff;stroke-width:5;transform:rotate(45deg);transform-origin:center}.brand-logo span{display:flex;flex-direction:column;line-height:.92}.brand-logo strong{font-size:1rem;font-weight:800;letter-spacing:.06em}.brand-logo small{color:var(--cyan);font-size:.54rem;letter-spacing:.09em;font-weight:700}.brand-logo.is-compact svg{width:2rem;height:2rem}.brand-logo.is-compact strong{font-size:.82rem}.brand-logo.is-compact small{font-size:.45rem}.brand-logo.is-dark{color:#03070b}.brand-logo.is-dark .logo-loop{stroke:#03070b}.brand-logo.is-dark small{color:#0077a7}.home-page{min-height:100vh;padding:1.65rem 1.5rem 4rem;background:radial-gradient(circle at 13% 13%,rgba(22,117,98,.44),transparent 32rem),radial-gradient(circle at 87% 9%,rgba(52,74,141,.46),transparent 37rem),radial-gradient(circle at 50% 100%,rgba(87,26,103,.24),transparent 30rem),#040a11}.home-shell{width:min(1220px,100%);margin:0 auto}.home-hero{position:relative;padding:1.25rem 1.3rem 1.2rem;border:1px solid #2a4d6f;background:#030b14e0;box-shadow:0 24px 80px #00000040}.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(41,105,144,.08))}.home-hero h1{margin:.7rem 0 .35rem;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:.01em}.home-hero p{margin:0;font-size:1rem;color:#d7e1ea}.home-hero>span{display:block;color:#91a8bc;margin-top:.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.55rem 0 .75rem}.section-heading h2{margin:.12rem 0 0;text-transform:uppercase;font-size:1rem;letter-spacing:.11em;color:#a2b8cc}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;font-weight:700}.live-pill{display:flex;align-items:center;gap:.45rem;padding:.4rem .55rem;border:1px solid #223a50;color:#738ba0;font:500 .62rem IBM Plex Mono,monospace;letter-spacing:.08em}.live-pill>span{width:.36rem;height:.36rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #ff3d371a}.live-pill .timecode{color:#c4d1dd;font-size:inherit}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.tool-card{position:relative;min-width:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-3px);border-color:#3c719c;box-shadow:0 16px 40px #00000042}.tool-preview{position:relative;display:block;width:100%;height:190px;padding:0;border:0;overflow:hidden;background:#000;cursor:pointer}.tool-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-bottom:1px solid rgba(93,139,175,.25);pointer-events:none}.open-label{position:absolute;right:.55rem;bottom:.55rem;display:inline-flex;align-items:center;gap:.2rem;padding:.34rem .42rem;border:1px solid rgba(255,255,255,.72);background:#000000ad;color:#fff;text-transform:uppercase;font-size:.58rem;letter-spacing:.08em;font-weight:600}.tool-card .ui-card-footer{display:flex;align-items:center;justify-content:space-between;height:72px;padding:.75rem}.tool-card .ui-card-footer>div{display:flex;align-items:center;gap:.5rem;min-width:0}.tool-card h3{margin:0;font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card .ui-card-footer svg{color:#8ba6bd}.tool-card .ui-button{border:1px solid #315476;border-radius:0}.home-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(83,118,149,.25);color:#61788e;font-size:.72rem}.tool-preview>.timecode{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#bcc0c5;font-size:2.75rem;font-family:IBM Plex Mono,monospace;white-space:nowrap;letter-spacing:-.05em}.mini-clock{position:absolute;left:50%;top:50%;width:142px;height:142px;transform:translate(-50%,-50%);border:1px solid #174318;border-radius:50%}.mini-clock i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#111;transform:rotate(calc(var(--i) * 15deg)) translateY(-83px)}.mini-clock i.active{background:#ff3d2f;box-shadow:0 0 5px #ff3d2f}.mini-clock .timecode{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);color:#ff5348;font:500 1.35rem IBM Plex Mono,monospace}.mini-clock small{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);color:#c8d4df;font:500 .7rem IBM Plex Mono,monospace}.mini-sync{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;font-family:IBM Plex Mono,monospace}.mini-sync .timecode{display:block;margin:.62rem auto;color:#a6abb0;font-size:.72rem}.mini-wave{position:absolute;left:15%;top:34%;width:70%;height:37%;background:repeating-radial-gradient(ellipse at left,transparent 0 4px,#00d9a6 5px,transparent 6px 9px);opacity:.82}.mini-ruler{position:absolute;left:6%;right:6%;bottom:18%;height:8px;background:repeating-linear-gradient(90deg,#cfd2d3 0,#cfd2d3 10px,#77818a,#77818a 12px)}.mini-ruler i{position:absolute;left:51%;top:-9px;height:28px;border-left:2px solid #ff3737}.mini-stress{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:conic-gradient(from 40deg at 50% 50%,#00b6ff,#36df8c,#f1ec46,#a46ce1,#00b6ff)}.mini-stress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.2) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.mini-stress .timecode{position:absolute;left:.5rem;top:.4rem;color:#ffffffa6;font:600 .76rem IBM Plex Mono}.mini-stress strong{position:absolute;left:50%;bottom:35%;width:100%;transform:translate(-50%);color:#fff;font-size:.67rem;letter-spacing:.12em;text-shadow:0 2px 8px #000}.mini-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#8d8d8d;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:22px 22px}.mini-pattern:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(90deg,#000 0,#000 11px,#fff 11px,#fff 22px)}.mini-pattern-circle{position:absolute;left:50%;top:51%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#fff}.mini-pattern-circle .brand-logo{position:absolute;left:50%;top:7px;transform:translate(-50%) scale(.72)}.mini-bars{position:absolute;left:0;right:0;top:45px;height:40px;background:linear-gradient(90deg,#d4d300 0,#d4d300 16.6%,#13c8c8 0,#13c8c8 33.2%,#0bc70c 0,#0bc70c 49.8%,#ce0acb 0,#ce0acb 66.4%,#d00808 0,#d00808 83%,#140dcb 0)}.mini-resolution{position:absolute;left:18%;right:18%;top:91px;height:27px;background:repeating-linear-gradient(90deg,#fff 0,#fff 2px,#000 2px,#000 4px)}.tool-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.status-dot{position:fixed;z-index:50;right:.55rem;top:.5rem;width:.62rem;height:.62rem;border-radius:50%;background:var(--red);box-shadow:0 0 12px #ff3d3773}.tool-menu-trigger{position:fixed;z-index:50;left:.75rem;top:50%;border-radius:999px;transform:translateY(-50%);background:#0000009e}.sheet-overlay{position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;background:#00050a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s ease-out}.sheet-content{position:fixed;z-index:100;inset:0 auto 0 0;width:min(390px,92vw);overflow-y:auto;padding:1.25rem;border-right:1px solid #2b516f;background:#07111c;box-shadow:24px 0 80px #0000008c;animation:sheet-in .19s ease-out}.sheet-close{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #2f4d66;border-radius:.25rem;background:transparent;color:#a9bfd0;cursor:pointer}.sheet-header{padding-bottom:1rem;border-bottom:1px solid var(--line-soft)}.sheet-header h2{margin:1.2rem 0 .25rem;font-size:1.12rem}.sheet-header p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.sheet-nav{display:grid;gap:.25rem;margin:1rem 0}.sheet-nav>.ui-button{justify-content:flex-start;margin-bottom:.4rem}.sheet-nav>button:not(.ui-button){display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.72rem .75rem;border:1px solid transparent;border-radius:.3rem;background:transparent;text-align:left;cursor:pointer;color:#9db1c3}.sheet-nav>button:not(.ui-button):hover{background:#0b1b2a;color:#fff}.sheet-nav>button.active{border-color:#2c627f;background:#0c2131;color:#fff}.sheet-nav>button svg:last-child{justify-self:end;color:#66849a}.sheet-fields{display:grid;gap:.8rem;padding-top:.9rem;border-top:1px solid var(--line-soft)}.sheet-fields h3{margin:0 0 .1rem;color:#7d9ab1;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.sheet-fields label{display:grid;grid-template-columns:1fr 170px;align-items:center;gap:1rem;color:#b7c8d5;font-size:.78rem}.sheet-fields input[type=number],.sheet-fields select{width:100%;height:2.25rem;padding:0 .6rem;border:1px solid #31506a;border-radius:.28rem;background:#030a11;color:#e6f1fa}.sheet-fields textarea{width:100%;min-height:6.5rem;padding:.65rem;border:1px solid #31506a;border-radius:.28rem;resize:vertical;background:#030a11;color:#e6f1fa;line-height:1.4}.sheet-fields .pattern-text-field{align-items:start}.switch-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-self:end;position:relative;width:2.55rem;height:1.38rem;border:1px solid #34506a;border-radius:999px;background:#030a11;cursor:pointer}.switch-field input:after{content:"";position:absolute;left:.18rem;top:.17rem;width:.9rem;height:.9rem;border-radius:50%;background:#7590a7;transition:.15s}.switch-field input:checked{background:#064f61;border-color:#0fbadf}.switch-field input:checked:after{transform:translate(1.12rem);background:#4de3ff}.fullscreen-button{width:100%;margin-top:1.2rem}.sheet-tip{color:#657d92;font-size:.69rem;text-align:center}@keyframes sheet-in{0%{transform:translate(-100%)}}@keyframes fade-in{0%{opacity:0}}.time-tool{display:grid;place-items:center}.time-tool.bg-white{background:#fff;color:#20242a}.time-tool.bg-black{background:#000;color:#bfc3c9}.time-tool.bg-transparent{background:transparent}html.transparent-output,html.transparent-output body,html.transparent-output #root{background:transparent!important}.time-tool>.brand-logo{position:absolute;right:1.3rem;top:1.2rem}.time-tool>.timecode{font:400 clamp(3.2rem,11vw,12.5rem)/1 "IBM Plex Mono",monospace;letter-spacing:-.065em;white-space:nowrap;color:inherit}.timezone-label{position:absolute;left:50%;top:calc(50% + clamp(3rem,7vw,7rem));transform:translate(-50%);color:#53606a;font:500 .68rem IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.bg-white .timezone-label{color:#8b929a}.clock-tool{display:grid;place-items:center}.clock-stage{position:relative;width:min(78vmin,720px);aspect-ratio:1}.seconds-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.seconds-ring i{position:absolute;left:50%;top:50%;width:clamp(5px,.8vmin,9px);height:clamp(5px,.8vmin,9px);margin:calc(clamp(5px,.8vmin,9px)/-2);border-radius:50%;background:#101316;transform:rotate(calc(var(--i) * 6deg)) translateY(calc(min(39vmin,360px)*-1))}.seconds-ring i.elapsed{background:#ff4237;box-shadow:0 0 8px #ff423752}.seconds-ring i.major{width:clamp(8px,1.15vmin,13px);height:clamp(8px,1.15vmin,13px);margin:calc(clamp(8px,1.15vmin,13px)/-2);background:#47c63e}.clock-inner-ring{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:clamp(2px,.35vmin,4px) solid #153e14;border-radius:50%}.clock-stage>.timecode{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:400 clamp(3rem,7.5vmin,6.7rem) "IBM Plex Mono",monospace;color:#c2c4c7;text-shadow:0 0 22px rgba(255,72,62,.2);white-space:nowrap}.clock-seconds-value{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font:400 clamp(1.8rem,4vmin,3.7rem) "IBM Plex Mono",monospace;color:#bdc5ce}.clock-stage small{position:absolute;left:50%;top:68%;transform:translate(-50%);color:#35513c;text-transform:uppercase;font:500 .65rem IBM Plex Mono,monospace;letter-spacing:.13em}.sync-tool{color:#fff;font-family:IBM Plex Mono,monospace}.sync-topline{position:absolute;left:50%;top:2rem;transform:translate(-50%);display:grid;justify-items:center;z-index:2}.sync-topline .timecode{font-size:clamp(1.7rem,3vw,3.1rem);color:#aeb3b8;white-space:nowrap}.sync-topline span{font-size:.72rem;margin-top:.25rem}.beep-panel{position:absolute;z-index:3;left:2%;top:2%;width:263px;padding:.55rem;border:1px solid #333;font-size:.72rem}.beep-panel>span{display:block;margin-bottom:-.1rem}.beep-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.beep-panel button{height:59px;border:1px solid #3d3d3d;background:#030303;cursor:pointer}.beep-panel button.active{border-color:#00e4a8;background:#00462f}.beep-panel button strong,.beep-panel button small{display:block}.beep-panel button strong{font-size:.9rem}.beep-panel button small{margin-top:.3rem;font-size:.62rem}.beep-panel b{display:block;margin-top:.65rem;font-size:.62rem}.sync-visuals{position:absolute;left:12%;right:12%;top:13%;display:grid;grid-template-columns:18% 50% 18%;justify-content:space-between;height:25%}.sync-pendulum,.sync-wave{border:1px solid #34383a}.sync-pendulum{position:relative}.sync-pendulum:after{content:"";position:absolute;left:5%;right:5%;bottom:8%;border-top:1px solid #9ba2a4}.sync-pendulum span{position:absolute;left:50%;top:18%;width:2.2rem;height:2.2rem;margin-left:-1.1rem;border:2px solid white;border-radius:50%}.sync-wave{width:100%;height:100%}.sync-wave polyline{fill:none;stroke:#00efbc;stroke-width:.5;vector-effect:non-scaling-stroke}.sync-flash{border:1px solid #777;background:#fff;box-shadow:0 0 12px #ffffff24}.sync-flash.active{background:#ff2929;box-shadow:0 0 40px #ff1f1fcc}.timing-rulers{position:absolute;left:4%;right:4%;top:42%;display:grid;gap:4rem}.ruler-row{position:relative}.ruler-labels{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.6rem}.ruler-track{position:relative;height:.78rem;background:repeating-linear-gradient(90deg,#bfc3c4 0,#bfc3c4 calc(2% - 1px),#5c6265 calc(2% - 1px),#5c6265 2%)}.ruler-track:after{content:"";position:absolute;left:50%;top:-1.1rem;height:3rem;border-left:2px solid red}.ruler-track i{position:absolute;top:-1.4rem;width:.8rem;height:4.3rem;background:#ff2424;transition:left 20ms linear}.frame-label{position:absolute;left:0;right:0;top:-1.6rem;display:flex;justify-content:space-between;color:#d7dbdd;font-size:.62rem}.sync-bottom{position:absolute;left:1.5%;right:4%;bottom:2%;display:flex;align-items:end;justify-content:space-between}.sync-bottom .ui-button{align-self:center}.sync-bottom .brand-logo{transform:scale(1.35);transform-origin:right bottom}.qr-mark{display:grid;grid-template-columns:repeat(11,1fr);gap:1px;width:clamp(72px,10vw,130px);aspect-ratio:1;padding:5px;background:#fff}.qr-mark i{background:#fff}.qr-mark i.on{background:#000}.stress-tool{isolation:isolate}.stress-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 35deg at 50% 50%,#24aef2,#10dc98,#d9fd6a,#ebb74c,#ad6fec,#2aa7ee)}.stress-mosaic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#ffffff24 0,#ffffff24 14.25%,#00000021 14.25%,#00000021 28.5%),repeating-linear-gradient(90deg,#ffffff2b 0,#ffffff2b 7.14%,#00000021 7.14%,#00000021 14.28%);mix-blend-mode:color-burn}.stress-rays{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-conic-gradient(from 0deg at center,rgba(255,0,190,.8) 0 .12deg,transparent .13deg 5deg,rgba(0,105,255,.72) 5.1deg 5.25deg,transparent 5.3deg 11deg);animation:ray-turn 25s linear infinite;opacity:.58}.stress-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#00000024 0,#00000024 1px,#ffffff0d 1px,#ffffff0d 3px),repeating-linear-gradient(90deg,transparent 0 2px,rgba(0,0,0,.08) 2px 3px);mix-blend-mode:multiply}.stress-tool canvas{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.stress-tool>.timecode{position:absolute;z-index:3;left:0;top:0;color:#f8f6f999;font:600 clamp(1rem,2.7vw,2.45rem) "IBM Plex Mono",monospace}.stress-title{position:absolute;z-index:3;left:50%;top:74%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(1.5rem,3.2vw,3.9rem);font-weight:800;letter-spacing:.1em;white-space:nowrap;text-shadow:0 3px 20px rgba(0,0,0,.5)}.stress-tool .brand-logo{position:absolute;z-index:4;left:50%;top:84%;transform:translate(-50%) scale(1.8)}@keyframes ray-turn{to{transform:rotate(360deg)}}.solid-pattern{cursor:none}.solid-red{background:red}.solid-green{background:#00ff0a}.solid-blue{background:#001dff}.gray-pattern{display:grid;grid-template-columns:repeat(12,1fr)}.bars-pattern{display:grid;grid-template-rows:72% 28%}.bars-main,.bars-lower{display:grid;grid-template-columns:repeat(7,1fr)}.bars-pattern>span{position:absolute;left:1rem;bottom:.8rem;padding:.25rem .4rem;background:#000;font:500 .7rem IBM Plex Mono;color:#fff}.bars-pattern.smpte .bars-main{filter:saturate(.88) brightness(.82)}.pal-pattern{background:#8e8e8e}.pal-checkers{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#fff 0,#fff 36px,#000 36px,#000 72px) top / 100% 25px no-repeat,repeating-linear-gradient(90deg,#000 0,#000 36px,#fff 36px,#fff 72px) bottom / 100% 25px no-repeat,repeating-linear-gradient(0deg,#fff 0,#fff 32px,#000 32px,#000 64px) left / 37px 100% no-repeat,repeating-linear-gradient(0deg,#000 0,#000 32px,#fff 32px,#fff 64px) right / 37px 100% no-repeat}.pal-grid{position:absolute;top:2.8%;right:2.55%;bottom:2.8%;left:2.55%;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:4.6vw 7.3vh}.pal-side{position:absolute;z-index:2;top:10%;bottom:10%;width:4.6%;display:grid;grid-template-rows:repeat(3,1fr)}.pal-left{left:16.1%}.pal-right{right:16.1%}.pal-left i:nth-child(1){background:#5da995}.pal-left i:nth-child(2){background:#ad5274}.pal-left i:nth-child(3){background:#ac795f}.pal-right i:nth-child(1){background:#a9af60}.pal-right i:nth-child(2){background:#6652ad}.pal-right i:nth-child(3){background:#b47a5c}.pal-circle{position:absolute;z-index:3;left:50%;top:50%;width:min(54vw,86vh);aspect-ratio:1;transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;background:#fff}.pal-header{position:absolute;z-index:5;left:50%;top:3.7%;width:43%;transform:translate(-50%);display:grid;justify-items:center;background:#fff}.pal-header .brand-logo{width:100%;justify-content:center;padding:.4rem;background:#000}.pal-header .timecode{padding:.4rem;color:#000;font:400 clamp(.9rem,2.1vw,2rem) "IBM Plex Mono",monospace}.pal-stairs{position:absolute;left:6%;right:6%;top:12%;height:16%;background:repeating-linear-gradient(90deg,#000 0,#000 8.33%,#fff 8.33%,#fff 16.66%)}.pal-color-bars{position:absolute;left:0;right:0;top:28%;height:17%;display:grid;grid-template-columns:repeat(6,1fr)}.pal-cross-grid{position:absolute;left:0;right:0;top:45%;height:8%;background-color:#050505;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:8.33% 100%}.pal-frequency{position:absolute;left:9%;right:8%;top:53%;height:17%;display:flex;align-items:stretch;justify-content:center;background:#000;overflow:hidden}.pal-frequency i{display:block;flex:0 0 var(--w);border-left:calc(var(--w) / 2) solid white}.pal-gray{position:absolute;left:9%;right:9%;top:70%;height:8%;display:grid;grid-template-columns:repeat(8,1fr)}.pal-black-block{position:absolute;left:18%;right:50%;top:78%;height:11%;background:#000}.pal-white-block{position:absolute;left:50%;right:18%;top:78%;height:11%;background:#fff}.pal-yellow-block{position:absolute;left:10%;right:10%;bottom:0;height:12%;background:#d5d200}.pattern-text{position:fixed;z-index:20;left:50%;bottom:clamp(2rem,5vh,4.5rem);max-width:min(82vw,1200px);padding:clamp(.55rem,1vw,1rem) clamp(.8rem,1.6vw,1.6rem);transform:translate(-50%);pointer-events:none;overflow-wrap:anywhere;background:#000;color:#fff;font:600 clamp(1rem,2vw,2.25rem)/1.3 "IBM Plex Mono",monospace;text-align:center;white-space:pre-wrap}.pattern-text.is-pal{bottom:clamp(3rem,6vh,5.5rem)}@media(max-width:980px){.tool-grid{grid-template-columns:repeat(2,1fr)}.sync-visuals{left:5%;right:5%;top:20%;grid-template-columns:22% 48% 22%;height:20%}.beep-panel{transform:scale(.8);transform-origin:left top}.timing-rulers{top:50%;gap:3.2rem}.sync-bottom .brand-logo{transform:scale(1)}}@media(max-width:620px){.home-page{padding:.7rem .7rem 2rem}.home-hero{padding:1rem}.home-hero h1{font-size:2rem}.section-heading{align-items:start}.live-pill{display:none}.tool-grid{grid-template-columns:1fr}.tool-preview{height:205px}.home-footer{align-items:start;flex-direction:column}.time-tool>.timecode{font-size:10vw}.time-tool>.brand-logo{transform:scale(.75);transform-origin:right top}.timezone-label{font-size:.52rem}.clock-stage{width:88vmin}.seconds-ring i{transform:rotate(calc(var(--i) * 6deg)) translateY(-44vmin)}.beep-panel{left:50%;top:8%;transform:translate(-50%) scale(.72)}.sync-topline{top:1rem}.sync-topline span{display:none}.sync-visuals{top:28%;height:16%}.sync-pendulum{display:none}.sync-visuals{grid-template-columns:67% 27%}.timing-rulers{top:51%;gap:3.2rem}.ruler-labels span:nth-child(2n){display:none}.frame-label{display:none}.sync-bottom{bottom:4%}.sync-bottom .brand-logo{display:none}.sync-bottom .ui-button{height:2.1rem;font-size:.67rem}.stress-title{white-space:normal;width:90%;text-align:center;top:70%}.stress-tool .brand-logo{top:84%;transform:translate(-50%) scale(1.1)}.pal-side{display:none}.pal-circle{width:92vw}.pal-header .brand-logo{transform:scale(.72)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--panel: #11151b;--panel-strong: #151a21;--line: #2a313b;--line-soft: #242b34;--muted: #7f8ba0;--cyan: #78e2cd;--green: #78e2cd;--magenta: #9c88f7}body{background:#090c10}.ui-button{border-radius:.72rem;font-size:.8rem;box-shadow:none}.ui-button-outline{border-color:#343c48;background:#0b0e13;color:#f3f5f8}.ui-button-outline:hover{border-color:#657082;background:#151a21}.ui-button-ghost:hover{background:#78e2cd1a;color:#8eecd9}.ui-button-signal{background:#78e2cd;color:#07110f;box-shadow:none}.ui-button-signal:hover{background:#91ebd9}.brand-logo{gap:.75rem;min-width:0}.brand-logo img{display:block;width:54px;height:64px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.06))}.brand-logo span{line-height:1.03}.brand-logo strong{font-size:1rem;letter-spacing:-.01em;color:#f7f8fa}.brand-logo small{color:#9facc0;font-size:.8rem;font-weight:400;letter-spacing:0;text-transform:none}.brand-logo.is-compact img{width:43px;height:50px}.brand-logo.is-compact strong{font-size:.78rem}.brand-logo.is-compact small{font-size:.65rem}.brand-logo.is-dark img{filter:invert(1)}.brand-logo.is-dark strong{color:#080b0f}.brand-logo.is-dark small{color:#313943}.home-page{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh;padding:0;background:#090c10}.home-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:1.45rem 1rem 1.3rem;border-right:1px solid #292f38;background:#0e1116}.home-sidebar>.brand-logo{padding:0 .1rem .95rem}.home-sidebar nav{display:grid;gap:.25rem;margin-top:.4rem}.home-sidebar nav button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:.7rem;width:100%;min-height:47px;padding:0 .8rem;border:0;border-radius:.72rem;background:transparent;color:#91a0b7;text-align:left;cursor:pointer;transition:.15s ease}.home-sidebar nav button:hover{background:#151a20;color:#dce3ea}.home-sidebar nav button.active{background:#1b2727;color:#78e2cd}.nav-separator{height:1px;margin:.7rem .65rem;background:#2b3139}.sidebar-footer{display:grid;gap:.8rem;margin-top:auto;padding:1rem .7rem 0;border-top:1px solid #292f38}.sidebar-footer small{color:#657184;font-size:.66rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}.sidebar-status{display:flex;align-items:center;gap:.55rem;color:#9ba7b8;font-size:.75rem}.sidebar-status i{width:.48rem;height:.48rem;border-radius:50%;background:#78e2cd;box-shadow:0 0 0 5px #78e2cd14}.home-main{min-width:0;padding:2.35rem 2.7rem 2rem}.dashboard-header{display:flex;align-items:center;justify-content:flex-start;gap:1.25rem;margin-bottom:2.15rem}.dashboard-logo{display:block;width:clamp(64px,6vw,88px);height:auto;object-fit:contain}.dashboard-header h1{margin:.2rem 0 0;color:#f7f8fb;font-size:clamp(2rem,3vw,2.65rem);line-height:1;letter-spacing:-.045em}.dashboard-header .eyebrow{color:#7e8a9e;letter-spacing:.12em}.dashboard-header .ui-button{min-width:128px;height:48px}.status-strip{display:grid;grid-template-columns:1.35fr repeat(4,1fr);min-height:120px;margin-bottom:2.7rem;overflow:hidden;border:1px solid #29303a;border-radius:1.1rem;background:#11151b}.status-strip>div{min-width:0;padding:1.3rem 1.45rem;border-right:1px solid #29303a}.status-strip>div:last-child{border-right:0}.status-online{display:flex;align-items:center;gap:.9rem}.status-icon{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border:8px solid rgba(120,226,205,.07);border-radius:50%;background:#17352f;color:#78e2cd}.status-online>span:last-child,.status-metric>span{display:grid;gap:.16rem;min-width:0}.status-strip small{color:#778398;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.status-strip strong{color:#f6f8fb;font-size:1.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-online strong{font-size:1.2rem}.status-online em{color:#77a9ba;font-size:.69rem;font-style:normal}.status-metric{display:flex;align-items:center;gap:.85rem}.status-metric>svg{flex:0 0 auto;color:#6d788b}.tools-section .section-heading{align-items:center;margin:0 0 1rem}.tools-section .section-heading h2{margin:0;color:#f6f7fa;font-size:1.48rem;line-height:1.2;letter-spacing:-.025em;text-transform:none}.tools-section .section-heading p{margin:.35rem 0 0;color:#7f8a9b;font-size:.76rem}.live-pill{min-height:40px;padding:0 .7rem;border-color:#2d343e;border-radius:.68rem;background:#11151b;color:#778398}.live-pill .timecode{color:#c8d1dc}.live-pill>span{background:#78e2cd;box-shadow:0 0 0 4px #78e2cd14}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ui-card{border-color:#2b323d;border-radius:1rem;background:#11151b}.tool-card{border-radius:1rem}.tool-card:hover{transform:translateY(-2px);border-color:#4b5665;box-shadow:0 14px 35px #0000003d}.tool-preview{height:215px}.open-label{right:.8rem;bottom:.75rem;padding:.42rem .55rem;border-color:#44505e;border-radius:.5rem;background:#0d1116eb;color:#e9edf2}.tool-card .ui-card-footer{height:74px;padding:.85rem 1rem}.tool-card h3{font-size:.88rem}.tool-card .ui-card-footer>div>svg{color:#79dfcc}.tool-card .ui-button{border-color:#343d48;border-radius:.58rem;background:#0e1217}.tool-card .ui-button:hover{border-color:#5e6b7a;background:#181e25}.home-footer{margin-top:2.8rem;border-color:#242b33;color:#647083}.tool-menu-trigger{border-color:#39434f;background:#0e1217eb;color:#dfe5eb}.tool-menu-trigger:hover{color:#78e2cd}.time-tool>.brand-logo{transform:scale(1.22);transform-origin:right top}.sheet-overlay{background:#020407b8}.sheet-content{border-right-color:#2a313a;background:#0e1116;box-shadow:24px 0 80px #0000009e}.sheet-close{border-color:#343c47;border-radius:.6rem;background:#11151b}.sheet-header,.sheet-fields{border-color:#292f38}.sheet-nav>button:not(.ui-button){border-radius:.7rem;color:#929fb2}.sheet-nav>button:not(.ui-button):hover{background:#151a20}.sheet-nav>button.active{border-color:transparent;background:#1b2727;color:#78e2cd}.sheet-fields h3{color:#79869a}.sheet-fields input[type=number],.sheet-fields select{height:2.55rem;border-color:#353d48;border-radius:.62rem;background:#0a0d11}.sheet-fields textarea{border-color:#353d48;border-radius:.62rem;background:#0a0d11}.switch-field input:checked{border-color:#78e2cd;background:#214840}.switch-field input:checked:after{background:#9af0df}.sync-bottom .brand-logo{transform:scale(1.05)}.pal-header .brand-logo img{width:36px;height:44px}.pal-header .brand-logo span{display:none}.stress-tool .brand-logo{transform:translate(-50%) scale(1.35)}@media(max-width:1280px){.status-strip{grid-template-columns:1.25fr repeat(2,1fr)}.status-strip>div:nth-child(3){border-right:0}.status-strip>div:nth-child(n+4){border-top:1px solid #29303a}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.home-page{display:block}.home-sidebar{position:relative;height:auto;padding:.8rem 1rem;border-right:0;border-bottom:1px solid #292f38}.home-sidebar>.brand-logo{padding:0}.home-sidebar .brand-logo img{width:42px;height:48px}.home-sidebar nav,.sidebar-footer{display:none}.home-main{padding:1.35rem 1rem 2rem}.dashboard-header{margin-bottom:1.4rem}.dashboard-header .ui-button{min-width:auto;height:42px}.status-strip{grid-template-columns:1fr 1fr;margin-bottom:2rem}.status-strip>div{min-height:92px;padding:1rem;border-top:1px solid #29303a}.status-strip>div:first-child{grid-column:1 / -1;border-top:0;border-right:0}.status-strip>div:nth-child(3){border-right:0}.status-strip>div:nth-child(4){border-right:1px solid #29303a}}@media(max-width:620px){.dashboard-header h1{font-size:1.8rem}.dashboard-header .ui-button{width:42px;padding:0;font-size:0}.dashboard-header .ui-button svg{margin:0}.status-strip{display:block}.status-strip>div{border-right:0}.tools-section .section-heading p{max-width:15rem}.tool-grid{grid-template-columns:1fr}}.tool-menu-trigger{opacity:0;pointer-events:none;transform:translate(-10px,-50%);transition:opacity .22s ease,transform .22s ease,border-color .15s ease,color .15s ease}.tool-menu-trigger.is-visible,.tool-menu-trigger:focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.time-tool>.timecode{color:#fff;font-size:clamp(5rem,14vw,17rem);letter-spacing:-.075em}.time-tool.bg-white>.timecode{color:#fff;text-shadow:0 0 5px #000,0 0 14px #000}.time-tool>.brand-logo{transform:scale(1.25);transform-origin:right top}.clock-tool>.brand-logo{position:absolute;z-index:4;right:1.35rem;top:1rem;transform:scale(1.15);transform-origin:right top}.clock-tool.bg-white{background:#fff}.clock-tool.bg-black{background:#000}.clock-tool.bg-transparent{background:transparent}.clock-stage{width:min(84vmin,790px)}.seconds-ring i{transform:rotate(calc(var(--i) * 6deg)) translateY(calc(min(42vmin,395px)*-1))}.seconds-ring i.major{transform:rotate(calc(var(--i) * 6deg)) translateY(calc(min(35vmin,325px)*-1))}.clock-inner-ring{top:20%;right:20%;bottom:20%;left:20%}.clock-stage>.timecode{top:45%;color:#ff402f;font-size:clamp(4.9rem,12vmin,9.6rem);text-shadow:0 0 20px rgba(255,50,35,.34)}.minute-markers{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.seconds-ring i.is-fifth,.minute-markers i{width:clamp(8px,1.15vmin,13px);height:clamp(8px,1.15vmin,13px);margin:calc(clamp(8px,1.15vmin,13px)/-2)}.minute-markers i{position:absolute;left:50%;top:50%;border-radius:50%;background:#47c63e;transform:rotate(calc(var(--i) * 30deg)) translateY(calc(min(35vmin,325px)*-1))}.clock-seconds-value{top:61%;color:#ff402f;font-size:clamp(2.5rem,5.8vmin,5rem)}.sync-topline .timecode{color:#fff}.beep-panel .beep-choice{display:grid;place-content:center;height:59px;border:1px solid #3d3d3d;background:#030303;text-align:center}.beep-panel .beep-choice.active{border-color:#72ecc7;background:#00462f}.beep-panel .beep-choice strong,.beep-panel .beep-choice small{display:block}.beep-panel .beep-choice strong{font-size:.9rem}.beep-panel .beep-choice small{margin-top:.3rem;font-size:.62rem}.sync-pendulum span{top:auto;left:50%;margin-left:-1.1rem;transition:none}.sync-wave polyline{stroke:#72ecc7;stroke-width:2.5}.sync-flash{background:#000;box-shadow:none;transition:none}.sync-flash.is-white{background:#fff;box-shadow:0 0 18px #fff3}.sync-visuals{top:17%}.timing-rulers{top:47%;gap:3.7rem}.ruler-row{padding-top:1.2rem}.frame-label{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;color:#e8eaec;font-size:.58rem}.ruler-labels{margin:.72rem 0 0;color:#e8eaec;font-size:.58rem}.ruler-track:after{top:-1.2rem;height:3.45rem}.ruler-track i{top:-1.2rem;width:.78rem;height:3.5rem;background:#66ebb7;opacity:0;transform:translate(-50%);transition:none}.ruler-track i.active{opacity:1}.sync-bottom{justify-content:flex-end}.sync-bottom .brand-logo{transform:scale(1);transform-origin:right bottom}.stress-mosaic{background:repeating-linear-gradient(90deg,#00c6ff94 0,#00c6ff94 70px,#24e69694 70px,#24e69694 140px,#eff43480 140px,#eff43480 210px,#ff852175 210px,#ff852175 280px,#ee219d7a 280px,#ee219d7a 350px,#8b54f080 350px,#8b54f080 420px,#ff433d7a 420px,#ff433d7a 490px,#00c6ff94 490px,#00c6ff94 560px),linear-gradient(135deg,#0f9ff0,#12e3a0 32%,#ebee44 58%,#e24ec8 82%,#5378ff);background-size:560px 100%,100% 100%;animation:stress-pan 1s steps(var(--stress-fps),end) infinite}.stress-mosaic:before{background:repeating-conic-gradient(from 45deg,#ffffff24 0,#ffffff24 12.5%,#0000001f 0,#0000001f 25%) 0 0 / 180px 180px,repeating-linear-gradient(0deg,transparent 0 58px,rgba(255,255,255,.2) 59px 60px),repeating-linear-gradient(90deg,transparent 0 74px,rgba(0,0,0,.22) 75px 76px);background-size:180px 180px,100% 60px,76px 100%;animation:stress-grid-pan 1s steps(var(--stress-fps),end) infinite}.stress-mosaic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0 1px,transparent 1.5px) 0 0 / 22px 22px,repeating-linear-gradient(135deg,transparent 0 34px,rgba(255,0,190,.12) 35px 36px);mix-blend-mode:overlay;animation:stress-dots 1s steps(var(--stress-fps),end) infinite}.stress-rays{animation:ray-turn 1s steps(var(--stress-fps),end) infinite}.stress-scanlines{animation:stress-scan 1s steps(var(--stress-fps),end) infinite}.stress-tool>.timecode{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.stress-title{left:12%;top:18%;transform:translate(-50%,-50%);animation:none;transition-property:left,top,transform;transition-timing-function:steps(var(--stress-fps),end);will-change:left,top,transform}.stress-tool .brand-logo{transform:translate(-50%) scale(1.2)}@keyframes stress-pan{0%{background-position:0 0,0 0}to{background-position:560px 0,0 0}}@keyframes stress-grid-pan{0%{background-position:0 0,0 0,0 0}to{background-position:180px 180px,0 60px,76px 0}}@keyframes stress-scan{to{background-position:0 48px,60px 0}}@keyframes stress-dots{to{background-position:22px 22px,72px 72px}}.pattern-brand{position:fixed;z-index:12;right:.75rem;top:.75rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0;width:clamp(76px,7vw,104px);height:clamp(76px,7vw,104px);padding:clamp(.4rem,.65vw,.65rem);overflow:hidden;background:#000}.pattern-brand img:first-child{flex:0 0 auto;width:100%;height:100%;object-fit:contain}.pattern-brand.is-inline{position:static;width:100%;height:clamp(42px,7vmin,68px);padding:.35rem .75rem}.pattern-brand.is-inline img:first-child{flex:0 0 auto;width:auto;height:100%}.pal-pattern{background:#000}.pal-pattern-stage{position:absolute;left:50%;top:50%;width:max(100vw,160vh);height:max(62.5vw,100vh);transform:translate(-50%,-50%);overflow:hidden}.pal-pattern-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.pal-header{top:10.5%;width:18.6%;background:transparent}.pal-header .pattern-brand.is-inline{height:clamp(52px,7.4vh,80px);padding:clamp(.2rem,.45vh,.35rem);background:transparent;transform:none}.pal-header .pattern-brand.is-inline img:first-child{width:auto;height:100%}.pal-header .timecode{display:grid;place-items:center;width:100%;height:clamp(52px,7vh,78px);margin-top:clamp(3px,.55vh,6px);padding:0;background:transparent;font-size:clamp(2rem,4.2vh,3.5rem);line-height:1;text-align:center}.pal-pattern-stage .pattern-text.is-pal{position:absolute;bottom:12%;max-width:min(42%,82vw)}@media(max-width:620px){.clock-stage{width:90vmin}.seconds-ring i{transform:rotate(calc(var(--i) * 6deg)) translateY(-45vmin)}.minute-markers i{transform:rotate(calc(var(--i) * 30deg)) translateY(-37vmin)}.clock-tool>.brand-logo{transform:scale(.8)}.sync-topline .timecode{font-size:1.4rem}.sync-visuals{top:28%}.timing-rulers{top:50%}.stress-title{width:auto;white-space:nowrap}.pattern-brand:not(.is-inline){width:72px;height:72px}}.tool-page .brand-logo.is-mark-only img{width:78px;height:94px}.sync-tool .sync-bottom{left:0;right:0;bottom:.8rem;width:100%;justify-content:center}.sync-tool .sync-bottom .brand-logo{display:inline-flex;transform:scale(1.45);transform-origin:center bottom}@media(max-width:620px){.tool-page .brand-logo.is-mark-only img{width:62px;height:74px}.sync-tool .sync-bottom .brand-logo{display:inline-flex;transform:scale(1.15)}}.home-page{display:block;min-height:100vh;padding:0}.home-main{width:min(1540px,100%);margin:0 auto;padding:2.35rem clamp(1rem,3.2vw,3rem) 3rem}.mini-time{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000}.mini-time.bg-white{background:#fff}.mini-time>.timecode{color:#fff;font:400 clamp(1.55rem,2.7vw,2.7rem) "IBM Plex Mono",monospace;letter-spacing:-.07em;white-space:nowrap}.mini-time.bg-white>.timecode{text-shadow:0 0 4px #000,0 0 10px #000}.time-tool>.timecode{font-variant-numeric:tabular-nums}.countdown-tool>.countdown-code{font-size:min(14vw,17rem,calc(145vw / var(--timer-digits)))}.mini-countdown>.countdown-code{font-size:min(2.7vw,2.7rem,calc(42vw / var(--timer-digits)))}.mini-countdown small{position:absolute;bottom:22%;max-width:90%;color:#a0a7af;font-size:.6rem;letter-spacing:.08em}.mini-countdown.bg-white small{color:#424950}.countdown-prompt{position:absolute;top:65%;margin:0 1.5rem;color:#a0a7af;font-size:clamp(.8rem,1.5vw,1.1rem);text-align:center}.countdown-tool.bg-white .countdown-prompt{color:#424950}.sheet-fields input[type=datetime-local],.sheet-fields input[type=text]{width:100%;min-width:0;height:2.55rem;padding:0 .6rem;border:1px solid #353d48;border-radius:.62rem;background:#0a0d11;color:#e6f1fa;color-scheme:dark}.sheet-fields .countdown-target-field label{grid-template-columns:1fr;gap:.5rem}.field-help,.field-error{margin:.45rem 0 0;font-size:.72rem;line-height:1.5}.field-help{color:#9facc0}.field-error{color:#ff8d86}.pal-logo-spacer{height:clamp(52px,7.4vh,80px)}@media(max-width:980px){.mini-countdown>.countdown-code{font-size:min(4.5vw,calc(66vw / var(--timer-digits)))}}@media(max-width:620px){.mini-countdown>.countdown-code{font-size:min(7vw,calc(125vw / var(--timer-digits)))}}.mini-clock{width:172px;height:172px;border:0}.mini-seconds-ring,.mini-minute-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.mini-seconds-ring i,.mini-minute-ring i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#111417;transform:rotate(calc(var(--i) * 6deg)) translateY(-81px)}.mini-seconds-ring i.active{background:#ff402f;box-shadow:0 0 4px #ff402f8c}.mini-seconds-ring i.is-fifth,.mini-minute-ring i{width:6px;height:6px;margin:-3px}.mini-minute-ring i{background:#47c63e;transform:rotate(calc(var(--i) * 30deg)) translateY(-65px)}.mini-clock-inner{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1px solid #173d14;border-radius:50%}.mini-clock .timecode{top:45%;color:#ff402f;font-size:1.55rem}.mini-clock small{top:61%;color:#ff402f;font-size:.82rem}.mini-sync .timecode{position:absolute;z-index:2;left:50%;top:.45rem;margin:0;transform:translate(-50%);color:#fff;font-size:.68rem}.mini-beep-scale{position:absolute;left:.5rem;top:.5rem;display:flex;gap:2px}.mini-beep-scale i{width:15px;height:12px;border:1px solid #34383b;background:#030303}.mini-beep-scale i.active{border-color:#72ecc7;background:#00462f}.mini-sync-visuals{position:absolute;left:8%;right:8%;top:25%;display:grid;grid-template-columns:24% 44% 24%;justify-content:space-between;height:41%}.mini-pendulum,.mini-wave,.mini-flash{position:relative;border:1px solid #34383a}.mini-pendulum:after{content:"";position:absolute;left:7%;right:7%;bottom:8%;border-top:1px solid #92999b}.mini-pendulum i{position:absolute;left:50%;width:9px;height:9px;margin-left:-4.5px;border:1px solid white;border-radius:50%}.mini-wave{background:none;opacity:1}.mini-wave:after{content:"";position:absolute;left:4%;right:4%;top:50%;border-top:1px solid #72ecc7}.mini-wave.active{background:repeating-radial-gradient(ellipse at left,transparent 0 3px,#72ecc7 4px,transparent 5px 8px)}.mini-flash{background:#000}.mini-flash.is-white{background:#fff}.mini-ruler{left:6%;right:6%;bottom:13%;height:6px}.mini-ruler:after{content:"";position:absolute;left:50%;top:-8px;height:23px;border-left:1px solid red}.mini-ruler i{top:-6px;width:5px;height:18px;border:0;background:#66ebb7;transform:translate(-50%)}.mini-stress{background:repeating-linear-gradient(90deg,#00c6ff 0,#00c6ff 32px,#24e696 32px,#24e696 64px,#eff434 64px,#eff434 96px,#ff8521 96px,#ff8521 128px,#ee219d 128px,#ee219d 160px,#8b54f0 160px,#8b54f0 192px);background-size:192px 100%;animation:none}.mini-stress:before{background:repeating-conic-gradient(from 45deg,#fff3 0,#fff3 12.5%,#00000029 0,#00000029 25%) 0 0 / 72px 72px;animation:none}.mini-stress-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 20px,rgba(255,255,255,.22) 21px),repeating-linear-gradient(90deg,transparent 0 26px,rgba(0,0,0,.22) 27px);mix-blend-mode:overlay}.mini-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mini-confetti i{position:absolute;left:var(--x);top:var(--y);width:4px;height:2px;background:hsl(calc(var(--i) * 47deg) 100% 55%);transform:rotate(calc(var(--i) * 29deg));animation:none}.mini-stress strong{top:53%;bottom:auto;animation:none}.mini-stress .timecode{z-index:2;color:#fff}@keyframes mini-stress-pan{to{background-position:192px 0}}@keyframes mini-stress-grid{to{background-position:72px 72px}}@keyframes mini-confetti-fall{to{transform:translate(28px,230px) rotate(540deg)}}@keyframes mini-title-drift{0%{transform:translate(-62%,-35%) rotate(-5deg)}35%{transform:translate(-35%,42%) rotate(4deg)}70%{transform:translate(-70%,12%) rotate(-2deg)}to{transform:translate(-62%,-35%) rotate(-5deg)}}.mini-pattern:after{content:"";position:absolute;inset:auto 0 0;height:10px;background:repeating-linear-gradient(90deg,#fff 0,#fff 11px,#000 11px,#000 22px)}.mini-pattern-circle{width:164px;height:164px}.mini-bars{top:47px}.mini-resolution{top:95px}@media(max-width:820px){.home-main{padding:1.35rem 1rem 2rem}}.sync-tool .sync-topline{top:clamp(1.25rem,3vh,2.25rem)}.sync-tool .sync-topline .timecode{display:inline;margin-top:0;font-size:clamp(2.4rem,4vw,4.75rem);line-height:1}.sync-tool .sync-topline .sync-target{margin-top:.45rem;font-size:clamp(.78rem,.9vw,1rem)}.sync-tool .beep-panel{left:clamp(1rem,2.5vw,3rem);top:clamp(1rem,2.5vh,2rem);width:clamp(300px,22vw,400px);padding:clamp(.8rem,1vw,1.1rem);font-size:clamp(.82rem,.85vw,1rem)}.sync-tool .beep-panel>span{margin-bottom:.35rem}.sync-tool .beep-panel>div{gap:clamp(.3rem,.4vw,.55rem)}.sync-tool .beep-panel .beep-choice{height:clamp(72px,8vh,96px)}.sync-tool .beep-panel .beep-choice strong{font-size:clamp(1.05rem,1.2vw,1.4rem)}.sync-tool .beep-panel .beep-choice small{margin-top:.45rem;font-size:clamp(.72rem,.75vw,.9rem)}.sync-tool .beep-panel b{margin-top:.8rem;font-size:clamp(.72rem,.75vw,.9rem)}.sync-tool .sync-visuals{left:8%;right:8%;top:20%;height:30%;grid-template-columns:20% 52% 20%}.sync-tool .sync-pendulum,.sync-tool .sync-wave,.sync-tool .sync-flash{border-width:2px}.sync-tool .sync-pendulum span{width:clamp(2.8rem,5vmin,4.5rem);height:clamp(2.8rem,5vmin,4.5rem);margin-left:0;border-width:3px;transform:translate(-50%)}.sync-tool .sync-pendulum:after{border-top-width:2px}.sync-tool .timing-rulers{left:3%;right:3%;top:61%}.sync-tool .ruler-row{padding-top:clamp(1.8rem,3.2vh,2.5rem)}.sync-tool .frame-label,.sync-tool .ruler-labels{font-size:clamp(.76rem,1vw,1.12rem)}.sync-tool .ruler-labels{margin-top:clamp(.9rem,1.6vh,1.25rem)}.sync-tool .ruler-track{height:clamp(.95rem,1.6vh,1.3rem)}.sync-tool .ruler-track:after{top:clamp(-2rem,-2.6vh,-1.5rem);height:clamp(4.4rem,7.5vh,5.6rem);border-left-width:3px}.sync-tool .ruler-track i{top:clamp(-2rem,-2.6vh,-1.5rem);width:clamp(.9rem,1vw,1.3rem);height:clamp(4.4rem,7.5vh,5.6rem)}@media(max-width:980px){.sync-tool .beep-panel{transform:scale(.88);transform-origin:left top}.sync-tool .sync-visuals{left:5%;right:5%;top:22%;height:28%;grid-template-columns:22% 48% 22%}}@media(max-width:620px){.sync-tool .sync-topline{top:.85rem}.sync-tool .sync-topline .timecode{font-size:clamp(1.65rem,7vw,2.25rem)}.sync-tool .beep-panel{left:50%;top:8%;width:min(390px,92vw);transform:translate(-50%) scale(.78);transform-origin:center top}.sync-tool .sync-visuals{top:30%;height:24%;grid-template-columns:67% 27%}.sync-tool .timing-rulers{top:63%}.sync-tool .ruler-labels{font-size:clamp(.65rem,2.6vw,.8rem)}}
