/* Yleo Tools: presentation first, the editor is the content. */
:root{color-scheme:dark;--bg:#08090b;--surface:#121417;--line:#26292e;--text:#f1f2f3;--muted:#8b919a;--accent:#b6d9ee;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;inset:0 0 auto;height:700px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0,#1b273141,transparent 62%)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border-radius:0}svg{display:block}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#b6d9ee3d;color:white}.skip-link{position:fixed;top:-60px;left:15px;z-index:100;background:var(--accent);color:#08090b;padding:12px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;background:#08090be8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff09}.header-inner{max-width:1336px;min-height:76px;padding:0 38px;margin:auto;display:flex;align-items:center;gap:42px}.wordmark{display:inline-flex;align-items:center;font-size:23px;font-weight:650;letter-spacing:-1.2px;white-space:nowrap}.wordmark svg{width:27px;height:27px;stroke:#c2d8e8;stroke-width:1.5;stroke-linejoin:round;margin-right:12px}.wordmark>span{color:#7d858f;font-weight:450}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:12px;color:#9da3ab}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:white}.nav-dot{display:inline-block;vertical-align:super;margin-left:5px;width:4px;height:4px;border-radius:50%;background:#8797a6}.header-actions{display:flex;align-items:center;gap:30px}.github-link{display:flex;align-items:center;gap:7px;color:#c1c5ca;font-size:11px}.github-link svg{width:16px;height:16px}.language-control{display:flex;align-items:center;gap:7px;color:#42474f;font-size:10px}.language-control button{border:0;background:none;color:#727a85;padding:5px 1px;font-size:10px}.language-control button[aria-pressed=true]{color:#e5edf3}
main{max-width:1336px;padding:0 38px;margin:auto}.intro{padding:67px 0 56px;text-align:center;position:relative}.intro-eyebrow{display:flex;align-items:center;justify-content:center;gap:11px;font-size:9px;font-weight:550;letter-spacing:2px;color:#8996a3}.app-badge{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #7174b94d;background:#20213a;color:#a9adf5;border-radius:5px;letter-spacing:-.7px;font-size:14px;font-weight:600}.intro h1{font-size:clamp(32px,4vw,52px);font-weight:570;letter-spacing:-2.4px;line-height:1.12;margin:23px 0 13px}.muted-heading{color:#7d858e}.intro>p{font-size:13px;color:#7f8791;margin:0}.intro-scroll{display:inline-flex;align-items:center;gap:13px;color:#a9b5c0;font-size:10px;margin-top:26px}.intro-scroll span:last-child{font-size:16px;color:var(--accent)}
.product-section{padding-top:26px;border-top:1px solid #24272c}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.section-index{font-size:9px;color:#8b959f;letter-spacing:1.6px;font-weight:500}.availability{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:500;letter-spacing:1px;color:#8b969b}.availability i{width:4px;height:4px;border-radius:50%;background:#95cbae;box-shadow:0 0 7px #9ee0b33b}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;align-items:center;gap:64px;padding-bottom:78px}.demo-column{min-width:0}.try-caption{display:flex;align-items:center;gap:9px;color:#b9c2cc;font-size:11px;margin-bottom:12px}.try-arrow{font-size:21px;color:#a5c8de;line-height:14px}.simulation-label{margin-left:auto;font-size:7px;letter-spacing:1.3px;color:#6a7682}.editor-demo{border:1px solid #3b424a;border-radius:9px;overflow:hidden;background:#191b1e;box-shadow:0 12px 80px #0007,0 0 0 5px #e4f1ff03;text-align:left;isolation:isolate}.editor-titlebar{height:30px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:#202226;border-bottom:1px solid #34373c;font-size:8px;color:#7c848f}.editor-titlebar>span:first-child{display:flex;gap:4px;min-width:64px}.window-dot{height:5px;width:5px;border:1px solid #51565f;border-radius:50%}.editor-title-separator{padding:0 5px;color:#505761}.editor-live{display:flex;align-items:center;gap:5px;min-width:64px;justify-content:flex-end;color:#a2acb7}.editor-live i{width:4px;height:4px;border-radius:50%;background:#b1d4c8}.editor-workspace{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:276px}.plugin-demo{min-width:0;border-right:1px solid #383b41;background:#1b1d20;padding:11px 10px 10px;display:flex;flex-direction:column}.plugin-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#cbd1d8;padding:0 2px 13px}.tiny-gear{font-size:12px;color:#8b939e}.plugin-search{display:flex;align-items:center;background:#111315;border:1px solid #383d44;border-radius:3px;min-width:0;height:25px;padding:0 7px}.plugin-search svg{width:11px;height:11px;stroke:#75808b;stroke-width:1.5;flex-shrink:0}.plugin-search input{color:#c5cbd3;outline:none;border:0;background:none;width:100%;min-width:0;padding:4px 5px;font-size:8px}.plugin-search:focus-within{border-color:#889eae}.plugin-search input::-webkit-search-cancel-button{cursor:pointer}.demo-profile{display:flex;align-items:center;justify-content:space-between;margin:7px 0 10px;font-size:7px;color:#b1b8c2;background:#17191c;border:1px solid #30353c;border-radius:2px;min-height:22px;padding:0 7px}.demo-profile span{color:#808994}.preset-list{display:flex;flex-direction:column;gap:5px}.preset-row{--preset:#b1a0dd;position:relative;display:flex;flex-wrap:wrap;min-height:34px;border:1px solid var(--preset);border-radius:3px;background:#16181a;transition:background .15s,box-shadow .15s}.preset-impact{--preset:#78ae90}.preset-zoom{--preset:#56a6bf}.preset-flash{--preset:#c4b583}.preset-glitch{--preset:#ac8bc9}.preset-row:hover{background:#24282c;box-shadow:0 0 12px #b6d9ee09}.preset{flex:1;min-width:0;text-align:left;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:8px 7px;font-size:7px;white-space:nowrap}.preset-color{background:var(--preset);border-radius:1px;width:6px;height:6px;flex-shrink:0}.preset-chevron{color:#9ca6b0;font-size:11px;line-height:1}.preset.is-selected{color:white}.preset.is-selected .preset-chevron{transform:rotate(90deg)}.preset-insert{font-size:7px;align-self:flex-start;min-width:40px;min-height:23px;margin:5px 5px 0 0;padding:3px 6px;border-radius:2px;border:1px solid #3d4249;background:#111315;color:#b6c0ca}.preset-insert:hover{background:#b6d9ee;color:#16222a;border-color:#b6d9ee}.preset-description{width:100%;display:flex;align-items:center;gap:4px;color:#939ca8;font-size:6px;padding:0 8px 8px 25px}.preset-mini-chip{width:5px;height:5px;border-radius:1px}.preset-mini-chip.amber{background:#e0b260;margin-left:5px}.preset-mini-chip.pink{background:#cc8ca2}.plugin-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:auto;padding-top:12px;font-size:6px;color:#737f8b}.plugin-bottom>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-main-insert{background:#363d45;border:1px solid #586575;border-radius:2px;font-size:7px;padding:4px 10px;color:#dae6ef}.demo-main-insert:hover{background:#b6d9ee;color:#101a23}
.program-demo{display:flex;flex-direction:column;min-width:0;justify-content:center;background:#101214;padding:11px 13px 0}.program-title{display:flex;align-items:center;justify-content:space-between;color:#7e8792;font-size:7px;gap:6px;margin-bottom:auto;padding-bottom:12px}.program-title span:last-child{font-size:6px}.demo-monitor{position:relative;overflow:hidden;aspect-ratio:16/9;background:#273d34;width:100%}.demo-scene{position:absolute;inset:0;will-change:transform;transform-origin:50% 50%;overflow:hidden}.demo-scene img{width:100%;height:100%;object-fit:cover}.scene-kicker{position:absolute;top:29%;left:8%;font-size:clamp(9px,1.1vw,14px);font-weight:600;color:#d2dfca;letter-spacing:3px}.scene-title{position:absolute;top:37%;left:7.5%;font-size:clamp(24px,3.4vw,45px);letter-spacing:-1.5px;font-weight:850;line-height:1;color:#fffde9;white-space:nowrap;transform:skew(-6deg)}.scene-title>span{color:#b9dc77}.scene-counter{position:absolute;left:8%;bottom:15%;font-size:7px;letter-spacing:1px;color:#c3d0b7}.scene-counter span{color:#879a85;padding:0 4px}.monitor-corner{position:absolute;width:8px;height:8px;border:1px solid #e5e8da45;pointer-events:none}.tl{left:8px;top:8px;border-right:0;border-bottom:0}.tr{right:8px;top:8px;border-left:0;border-bottom:0}.bl{left:8px;bottom:8px;border-right:0;border-top:0}.br{right:8px;bottom:8px;border-left:0;border-top:0}.effect-label{position:absolute;right:8px;top:8px;font-size:6px;background:#09150cbf;color:#d0e7d2;border:1px solid #e7f3d02a;padding:3px 5px;border-radius:2px;z-index:3}.demo-flash-overlay{position:absolute;inset:0;pointer-events:none;background:white;opacity:0;z-index:2}.monitor-transport{display:flex;justify-content:space-between;align-items:center;padding:12px 0 9px;margin-top:auto;color:#7c8997;font-size:7px;font-variant-numeric:tabular-nums}.monitor-transport button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#b6c1cd;font-size:7px;padding:3px}.play-icon{display:inline-block;border-left:6px solid #b6c1cd;border-top:4px solid transparent;border-bottom:4px solid transparent}.monitor-transport button[data-playing=true] .play-icon{width:6px;height:7px;border:0;border-left:2px solid #b6c1cd;border-right:2px solid #b6c1cd}.monitor-fit{font-size:6px}
.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:32px;border-top:1px solid #373c43;border-bottom:1px solid #30343b;padding:0 10px;color:#a4b0bc;font-size:7px;background:#202327}.sequence-icon{color:#7a91b1;margin-right:3px}.timeline-header>div{display:flex;gap:9px}.timeline-header button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:#84909c;padding:5px 0;font-size:7px}.timeline-header button:hover{color:#e1eaf3}.timeline-header button span:first-child{font-size:12px}.demo-timeline{position:relative;min-height:111px;max-height:216px;overflow-y:auto;background:#141619;padding:0 0 12px}.timeline-ruler{height:23px;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;margin-left:34px;padding:5px 3px 6px 0;color:#6e7783;font-size:6px;background:#1a1d21;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#3b414a calc(8.333% - 1px),#3b414a 8.333%);background-size:100% 4px;background-repeat:no-repeat;background-position:bottom}.demo-track{display:flex;min-height:25px;border-bottom:1px solid #242932}.demo-track[data-kind=audio]:first-of-type{border-top:3px solid #303841}.demo-track-label{display:flex;align-items:center;justify-content:center;flex:0 0 34px;color:#64768c;font-size:7px;border-right:1px solid #292f38;background:#1b1e24}.demo-track[data-kind=audio] .demo-track-label{color:#6f9984}.demo-track-lane{position:relative;min-width:0;flex:1;height:25px;background-image:linear-gradient(90deg,transparent calc(25% - 1px),#a2b0bf0c 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#a2b0bf0c 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#a2b0bf0c 75%,transparent calc(75% + 1px))}.demo-clip{position:absolute;top:3px;height:19px;display:flex;align-items:center;font-size:6px;color:#e0e8f0;overflow:hidden;white-space:nowrap;padding:0 6px;border-radius:2px;border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff0a}.demo-clip[data-kind=audio]{color:#d3e8d8;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 2px,#c6ffd31c 3px,transparent 4px);background-position:bottom;background-size:100% 6px;background-repeat:no-repeat}.demo-clip.is-inserted{animation:clip-appear .35s ease-out}.playhead-wrap{position:absolute;top:20px;left:34px;right:0;bottom:0;pointer-events:none}.demo-playhead{position:absolute;top:0;bottom:0;width:1px;background:#82b5d4;z-index:6;box-shadow:0 0 5px #82b5d422}.demo-playhead>span{position:absolute;top:-3px;left:-3px;width:7px;height:7px;background:#82b5d4;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.demo-footer{min-height:25px;background:#1a1d21;border-top:1px solid #2c323b;display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:7px;color:#8d9ba9}.demo-footer>span:first-child{flex:1;min-width:0;line-height:1.6}.demo-footer-badge{color:#5a6776;font-size:6px;letter-spacing:.7px;flex-shrink:0}.demo-help{font-size:10px;line-height:1.7;color:#6e7a86;display:flex;gap:8px;align-items:flex-start;margin:12px 0 0}.pointer-icon{color:#9dbfd6;font-size:16px;line-height:17px}
.product-platform{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;color:#7e8b99}.app-badge.small{width:20px;height:20px;font-size:11px;border-radius:4px}.product-copy h2{font-size:48px;line-height:1.1;font-weight:600;letter-spacing:-2.5px;margin:19px 0 21px}.title-period{color:#b6d9ee}.product-pitch{font-size:24px;line-height:1.3;letter-spacing:-.8px;color:#d6dce3;font-weight:450;margin:0 0 16px}.product-description{font-size:12px;line-height:1.8;color:#7e8996;margin:0 0 28px}.download-button{display:flex;align-items:center;gap:10px;height:47px;border-radius:5px;padding:0 16px;background:#bcd9e9;color:#11212c;font-size:12px;font-weight:600;border:1px solid #c2deee;box-shadow:0 0 30px #b6d9ee08;transition:background .2s,transform .2s}.download-button:hover{background:#dbedf7;transform:translateY(-2px)}.download-button>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6}.button-arrow{margin-left:auto;font-size:19px;font-weight:400}.download-meta{display:flex;justify-content:space-between;font-size:8px;color:#647382;margin-top:10px}.product-points{display:flex;flex-direction:column;gap:10px;padding:23px 0;border-bottom:1px solid #272c32;margin-bottom:15px}.product-points>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#96a4b2}.product-points svg{width:12px;height:12px;stroke:#8db8ce;stroke-width:1.5;fill:none}.install-details{color:#96a4b2;font-size:10px;border-bottom:1px solid #272c32;padding-bottom:14px;margin-bottom:14px}.install-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.install-details summary::-webkit-details-marker{display:none}.install-details summary>span:last-child{color:#8ba8bd;font-size:16px;font-weight:300;transition:transform .2s}.install-details[open] summary>span:last-child{transform:rotate(45deg)}.install-details ol{padding-left:15px;font-size:10px;line-height:1.9;color:#a0acb8;margin:15px 0 10px}.install-details p{font-size:8px;line-height:1.8;color:#6d7a87;margin:0}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:9px;color:#8ea4b8}.text-link:hover{color:#d1e6f6}
.tracker-section{padding-top:26px}.availability.upcoming{color:#7e858e}.upcoming i{background:#6b7380;box-shadow:none}.tracker-layout{grid-template-columns:274px minmax(0,1fr);gap:98px;padding-top:8px;padding-bottom:75px}.coming-button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:41px;border:1px solid #323940;background:#161b20;border-radius:4px;color:#8f9ca8;font-size:11px;cursor:default}.coming-note{font-size:9px;color:#5f6d7b;margin:12px 0 0}.tracker-preview{border:1px solid #303941;border-radius:7px;background:#14181c;overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);box-shadow:0 18px 60px #0004;opacity:.8}.tracker-preview-top{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;font-size:11px;color:#c1cdd6;border-bottom:1px solid #30373f}.concept-label{font-size:6px;letter-spacing:1.1px;margin-left:9px;color:#627384}.tracker-preview-top svg{width:18px;height:18px;stroke:#8faab9;stroke-width:1.2}.tracker-screen{position:relative;aspect-ratio:16/8.3;overflow:hidden;background:#263b36}.tracker-screen>img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.5)}.tracker-overlay-title{position:absolute;top:26%;left:9%;font-size:clamp(26px,4vw,51px);font-weight:800;line-height:.95;letter-spacing:-1.5px;color:#d8e0d6}.tracker-overlay-title>span{color:#a4c9d9}.tracking-path{position:absolute;inset:0}.tracking-path svg{width:100%;height:100%;fill:none;stroke:#82bdd2;stroke-width:1;stroke-dasharray:3 6;opacity:.4}.tracking-subject{position:absolute;left:77%;top:61%;width:30px;height:30px;border:1px solid #b9e8f3;transform:translate(-50%,-50%);box-shadow:0 0 20px #a9dfe922;background:#b6d9ee0c}.tracking-subject::after{content:"";position:absolute;inset:-5px;border:1px solid #b9e8f33a}.tracking-cross::before,.tracking-cross::after{content:"";position:absolute;left:50%;top:50%;background:#c3eef8;transform:translate(-50%,-50%)}.tracking-cross::before{width:10px;height:1px}.tracking-cross::after{height:10px;width:1px}.tracking-tag{position:absolute;left:38px;top:7px;font-size:6px;color:#c7e8ef;white-space:nowrap;letter-spacing:.4px}.tracker-frame{position:absolute;right:13px;bottom:11px;font-size:6px;letter-spacing:1px;color:#839f9b}.tracker-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;font-size:8px;color:#70818e}.tracker-bottom>span{display:flex;gap:6px;align-items:center}.tracker-bottom i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#7c9196}.tracker-bottom>div{display:flex;gap:7px}.tracker-bottom>div>span{font-size:6px;padding:5px 9px;background:#222a32;border:1px solid #3a4855;border-radius:2px;color:#9aaebb}
.closing{padding:48px 0 67px;text-align:center;border-top:1px solid #24272c}.closing-line{display:block;width:26px;height:1px;margin:0 auto 23px;background:#719bb5}.closing p{font-size:15px;font-weight:450;letter-spacing:-.3px;color:#a4b1bd;margin:0 0 15px}.closing a{display:inline-flex;align-items:center;gap:12px;color:#697e90;font-size:9px}.closing a:hover{color:#d0e5f5}.site-footer{max-width:1260px;padding:22px 0 28px;margin:auto;border-top:1px solid #24272c;display:flex;align-items:center;gap:24px;color:#626f7c;font-size:8px}.small-wordmark{font-size:17px;letter-spacing:-.7px}.site-footer p{margin-right:auto}.site-footer a:not(.wordmark):hover{color:#b1cedf}@keyframes clip-appear{from{opacity:.3;filter:brightness(1.7);transform:translateY(-3px)}to{opacity:1;filter:brightness(1);transform:none}}
@media(min-width:1500px){.intro{padding-top:83px;padding-bottom:72px}.product-layout{gap:80px}.editor-workspace{min-height:296px}.scene-title{font-size:48px}.site-header .header-inner{min-height:82px}}
@media(max-width:1100px){.product-layout{grid-template-columns:minmax(0,1fr) 225px;gap:35px}.editor-workspace{grid-template-columns:200px minmax(0,1fr)}.product-copy h2{font-size:42px}.product-pitch{font-size:22px}.tracker-layout{grid-template-columns:225px minmax(0,1fr);gap:45px}.scene-title{font-size:30px}.site-footer{margin:0 38px}}
@media(max-width:880px){.header-inner,main{padding-left:24px;padding-right:24px}.header-inner{gap:24px}.header-actions{gap:22px}.intro{padding-top:54px;padding-bottom:48px}.intro h1{letter-spacing:-1.8px}.product-layout{grid-template-columns:minmax(0,1fr);gap:34px;padding-bottom:55px}.product-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;align-items:start}.product-platform{grid-column:1}.product-copy h2{grid-column:1;margin:14px 0 16px}.product-pitch{grid-column:1;margin-bottom:10px}.product-description{grid-column:1;margin-bottom:14px}.download-button{grid-column:2;grid-row:2;align-self:center}.download-meta{grid-column:2;grid-row:3;align-self:start;margin-top:0}.product-points{grid-column:2;grid-row:4 / span 2;padding:0 0 16px;margin-bottom:14px}.install-details{grid-column:2;grid-row:6;margin-bottom:0}.text-link{grid-column:1;grid-row:6;align-self:start;padding-top:0}.editor-workspace{grid-template-columns:226px minmax(0,1fr);min-height:282px}.scene-title{font-size:44px}.tracker-layout .product-copy{display:block}.tracker-layout{grid-template-columns:220px minmax(0,1fr);gap:25px}.tracker-preview{transform:none}.tracker-overlay-title{font-size:33px}.tracker-bottom>div{display:none}.concept-label{display:none}.tracker-screen{aspect-ratio:1.5}.site-footer{margin:0 24px;gap:20px}.site-footer p{font-size:7px}}
@media(max-width:600px){html{scroll-padding-top:78px}.header-inner{min-height:64px;padding-left:18px;padding-right:18px;gap:18px}.wordmark{font-size:21px}.wordmark svg{width:24px;height:24px;margin-right:8px}.site-header nav{gap:17px;font-size:10px}.header-actions{gap:14px}.github-link{display:none}.language-control{gap:5px}.language-control button{font-size:9px}main{padding:0 18px}.intro{padding-top:48px;padding-bottom:40px}.intro-eyebrow{font-size:7px;letter-spacing:1.2px;gap:8px}.app-badge{width:22px;height:22px;font-size:12px}.intro h1{font-size:33px;letter-spacing:-1.7px;max-width:330px;margin:21px auto 13px}.intro>p{font-size:11px}.intro-scroll{margin-top:22px;font-size:9px}.section-top{margin-bottom:20px}.section-index{font-size:8px}.availability{font-size:6px;letter-spacing:.7px;gap:5px}.try-caption{font-size:9px;gap:6px}.simulation-label{font-size:5px;letter-spacing:.8px}.try-arrow{font-size:18px}.editor-demo{border-radius:6px}.editor-titlebar{font-size:7px;height:27px;padding:0 9px}.editor-titlebar>span:first-child{min-width:40px}.editor-live{font-size:6px;min-width:40px}.window-dot{width:4px;height:4px}.editor-workspace{grid-template-columns:1fr;min-height:0}.program-demo{grid-row:1;padding:9px 10px 0;border-bottom:1px solid #333a43}.program-title{padding-bottom:9px;font-size:7px}.demo-monitor{max-height:210px;aspect-ratio:16/8.6}.scene-title{font-size:40px}.scene-kicker{font-size:10px}.monitor-transport{padding:8px 0;font-size:7px}.plugin-demo{grid-row:2;border-right:0;padding:11px 10px 10px}.plugin-heading{padding-bottom:10px;font-size:9px}.plugin-search{height:27px;flex:1}.plugin-search input{font-size:9px}.demo-profile{display:none}.preset-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.preset-row{min-height:33px}.preset{font-size:7px;gap:5px;padding:9px 5px;min-height:35px}.preset-insert{min-width:36px;margin:6px 4px 0 0;font-size:6px;padding:3px 4px}.preset-description{display:none}.preset-color{height:5px;width:5px}.preset-chevron{font-size:10px}.plugin-bottom{padding-top:10px;font-size:7px}.demo-main-insert{font-size:8px;padding:5px 13px}.timeline-header{font-size:7px;min-height:31px}.timeline-header button{font-size:7px}.demo-footer{font-size:6px;min-height:26px}.demo-footer-badge{font-size:5px}.demo-help{font-size:9px;gap:5px;margin-top:10px}.product-layout{gap:30px;padding-bottom:43px}.product-copy{display:block;max-width:100%}.product-platform{font-size:7px}.product-copy h2{font-size:45px;margin:14px 0 16px}.product-pitch{font-size:24px;line-height:1.25;margin-bottom:13px}.product-pitch br{display:none}.product-description{font-size:12px;margin-bottom:22px}.product-description br{display:none}.product-description br::after{content:" "}.download-button{height:47px;max-width:100%;font-size:12px}.download-meta{font-size:8px;margin-top:10px}.product-points{display:none}.install-details{margin-top:21px;margin-bottom:14px;font-size:10px}.text-link{font-size:9px}.tracker-layout{display:flex;flex-direction:column-reverse;gap:27px;padding-top:0}.tracker-layout .product-copy{align-self:stretch}.tracker-preview{width:100%;opacity:.8}.tracker-screen{aspect-ratio:16/9}.tracker-overlay-title{font-size:38px}.tracker-preview-top{padding:11px 13px;font-size:10px}.concept-label{display:inline;font-size:5px}.tracker-bottom{font-size:7px;padding:10px 13px}.tracker-bottom>div{display:flex}.tracker-bottom>div>span{font-size:5px;padding:4px 6px}.tracker-layout .product-pitch br{display:block}.coming-button{height:40px;min-width:145px}.closing{padding:36px 0 45px}.closing p{font-size:13px}.site-footer{margin:0 18px;padding:20px 0 24px;flex-wrap:wrap;gap:13px 20px}.site-footer p{width:calc(100% - 114px);margin:0 0 0 auto;text-align:right;font-size:6px}.site-footer>a:not(.wordmark){font-size:8px}.site-footer>a:last-child{margin-left:auto}}
@media(max-width:375px){.header-inner{gap:12px}.wordmark{font-size:18px}.wordmark svg{width:21px;height:21px;margin-right:6px}.site-header nav{gap:10px;font-size:9px}.header-actions{margin-left:auto}.language-control{gap:3px}.intro h1{font-size:29px}.simulation-label{font-size:4px;letter-spacing:.5px}.scene-title{font-size:35px}.preset{font-size:6px;gap:4px}.preset-insert{font-size:6px;min-width:30px;padding:3px}.availability{font-size:5px}.demo-help{font-size:8px}}
/* The panel is illustrative, but its interactive controls must remain legible. */
.plugin-search input{font-size:10px}.preset{font-size:9px;min-height:39px}.preset-insert{font-size:8px;min-height:28px}.plugin-bottom{font-size:8px}.demo-main-insert{font-size:9px}.demo-profile{font-size:8px}.preset-description{font-size:7px}.demo-track-label{font-size:8px}.demo-clip{font-size:7px}.demo-footer{font-size:8px}.program-title,.monitor-transport{font-size:8px}
@media(max-width:600px){.preset{font-size:8px;gap:4px;min-height:42px}.preset-insert{font-size:8px;min-height:30px;margin-top:6px;min-width:37px}.demo-footer{font-size:7px}.demo-main-insert{min-height:30px}.plugin-bottom{font-size:8px}.scene-kicker{letter-spacing:2px}}
@media(max-width:375px){.preset{font-size:7px;gap:3px;padding-left:4px;padding-right:3px}.preset-insert{font-size:7px;min-width:32px;margin-right:3px}.demo-footer{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.tracker-preview{transform:none}.demo-scene{will-change:auto}}
