@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/fonts/barlow-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/fonts/barlow-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/fonts/barlow-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:500;font-display:swap;src:url(/fonts/barlow-semi-condensed-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-semi-condensed-latin-700-normal.woff2)format("woff2")}:root{--ink:#0f1a33;--ink-raised:#18243f;--ink-line:#2d3b5a;--stage:#0a1122;--mist:#9fb0cc;--chalk:#eef2f8;--pen-yellow:#f7d13d;--pen-red:#ff5a4f;--pen-blue:#5b8def;--pen-green:#3ecf7a;--paper:#f2f5f0;--paper-grid:#d6e0d8;--font-body:"Barlow", "Segoe UI", system-ui, sans-serif;--font-display:"Barlow Condensed", "Barlow", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--chalk);font:400 15px/1.4 var(--font-body)}h1,h2,h3{font-family:var(--font-body)}h2{margin:0;font-size:16px;font-weight:600}h3{margin:4px 0 0;font-size:15px;font-weight:600}hr{border:0;border-top:1px solid var(--ink-line);width:100%;margin:2px 0}a{color:inherit}button,select,input,textarea{font:inherit;color:inherit}button,select{background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:4px;padding:6px 10px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--mist)}button:disabled,select:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--pen-yellow);outline-offset:1px}input[type=text],input[type=email],input:not([type]){background:var(--stage);border:1px solid var(--ink-line);border-radius:4px;width:100%;padding:8px 10px}button.primary{background:var(--pen-yellow);border-color:var(--pen-yellow);color:#151515;padding:9px 14px;font-size:16px;font-weight:600}button.primary:hover:not(:disabled){background:#ffdd5c;border-color:#ffdd5c}button.primary:disabled{background:var(--ink-raised);border-color:var(--ink-line);color:var(--mist);opacity:1}.link-button{color:var(--pen-yellow);background:0 0;border:0;padding:0;text-decoration:underline}.icon-button{color:var(--mist);background:0 0;border:0;padding:2px 8px;font-size:20px;line-height:1}.logo{font-family:var(--font-display);letter-spacing:.01em;color:var(--chalk);align-items:center;gap:8px;font-weight:700;display:inline-flex}.editor-shell{flex-direction:column;height:100dvh;display:flex}.editor-drop{box-shadow:inset 0 0 0 3px var(--pen-yellow)}.topbar{border-bottom:1px solid var(--ink-line);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.topbar-logo{text-decoration:none;display:inline-flex}.chip{background:0 0;border-radius:999px;padding:4px 10px;font-size:14px}.chip-accent{border-color:var(--pen-yellow);color:var(--pen-yellow)}.banner{background:#3a2f12;border-bottom:1px solid #6b5720;flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 14px;font-size:14px;display:flex}.editor{flex:1;grid-template-columns:300px minmax(0,1fr) 320px;gap:12px;min-height:0;padding:12px;display:grid}.panel{flex-direction:column;gap:8px;min-height:0;display:flex}.panel-right{flex-direction:column;gap:10px;min-height:0;display:flex}.panel-scroll{scrollbar-width:thin;scrollbar-color:var(--ink-line) transparent;flex:1;padding-right:6px;overflow-y:auto}.panel-scroll>*{flex-shrink:0}.panel-export{border-top:1px solid var(--ink-line);flex-direction:column;flex:none;gap:8px;padding-top:10px;display:flex}.hint{color:var(--mist);margin:0;font-size:14px}.error{color:#ff9a92;margin:0;font-size:14px}.button-row{gap:8px;display:flex}.button-row button{flex:1}.segmented{border:1px solid var(--ink-line);border-radius:4px;display:flex;overflow:hidden}.seg{background:0 0;border:0;border-radius:0;flex:1;padding:6px 4px;font-size:14px}.seg+.seg{border-left:1px solid var(--ink-line)}.seg-on{background:var(--ink-line);font-weight:600}.list{background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:4px;margin:0;padding:0;list-style:none;overflow-y:auto}.list-grow{flex:2;min-height:80px}.list-grow-small{flex:1;min-height:60px}.overlay-list{flex:none;grid-template-columns:1fr 1fr;display:grid;overflow:visible}.clip-row{align-items:stretch;display:flex}.clip-row .row{flex:1;min-width:0}.row-remove{color:var(--mist);opacity:0;background:0 0;border:0;border-radius:0;padding:0 8px;font-size:18px}.clip-row:hover .row-remove,.row-remove:focus-visible{opacity:1}.row{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:7px 9px;display:block}.row-static{padding:7px 9px;display:block}.row-on{background:var(--ink-line)}.row-title{overflow-wrap:anywhere;display:block}.row-sub{color:var(--mist);font-size:14px;display:block}.clip-row-linked{box-shadow:inset 4px 0 0 var(--pen-green);background:#3ecf7a29}.clip-row-linked .row{padding-left:13px}.clip-row-linked .row-sub{color:#aeeecb}.clip-row-linked .row-on{background:#3ecf7a4d}.panel-clips{scrollbar-width:thin;scrollbar-color:var(--ink-line) transparent;padding-right:6px;overflow-y:auto}.panel-clips>*{flex-shrink:0}.panel-clips>.list-grow{flex:120px}.match-alert{border:1px solid var(--pen-yellow);background:var(--ink-raised);border-radius:4px;gap:6px;padding:8px 10px;display:grid}.match-alert strong{color:var(--pen-yellow);font-size:14px;font-weight:600}.match-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.match-list .row-static{padding:0}.garmin-section{flex-direction:column;gap:8px;display:flex}.garmin-section hr{width:100%}.garmin-row button{margin-top:5px;padding:4px 10px;font-size:14px}.row-credit{color:var(--chalk);opacity:.86;font-size:13px;font-weight:500;display:block}.consent-list{gap:6px;margin:0 0 12px;padding-left:18px;font-size:15px;display:grid}.check-row{align-items:center;gap:7px;min-width:0;padding:0 8px;display:flex}.check-row label{cursor:pointer;flex:1;padding:3px 0;font-size:14px}.check-row-empty label{color:var(--mist)}input[type=checkbox],input[type=range]{accent-color:var(--pen-yellow)}input[type=checkbox]{flex:none;width:16px;height:16px;margin:0}.form{border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;margin:0;padding:0;display:grid}.form:disabled{opacity:.45}.form select{width:100%}.form input[type=range]{width:100%;margin:0}input[type=color]{background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:4px;width:100%;height:30px;padding:2px}.inline-check{align-items:center;gap:8px;display:flex}progress{width:100%;height:6px;accent-color:var(--pen-yellow)}.centre{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.stage{background:var(--stage);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.stage-frame{position:relative}.stage-frame video,.stage-frame canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-frame video{background:#000}.stage-frame canvas{touch-action:none}.stage-warning{background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:4px;margin:0;padding:10px 12px;position:absolute;inset:auto 16px 16px}.stage-empty{flex-direction:column;gap:14px;padding:24px}.stage-empty h1{font-family:var(--font-display);text-align:center;margin:0;font-size:clamp(28px,6vw,40px);font-weight:700;line-height:1.1}.stage-empty p{color:var(--mist);margin:0}.steps{counter-reset:step;gap:10px;max-width:56ch;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:30px 1fr;gap:10px;display:grid}.steps li:before{content:counter(step);font-family:var(--font-display);color:var(--pen-yellow);font-size:24px;font-weight:700;line-height:1.1}.steps li{color:var(--mist)}.steps strong{color:var(--chalk);font-weight:600}.timeline{background:var(--ink-raised);cursor:pointer;touch-action:none;flex:none;height:64px;position:relative;overflow:hidden}.timeline canvas{width:100%;height:100%;position:absolute;inset:0}.timeline-head{background:var(--pen-yellow);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.timeline-shade{pointer-events:none;background:#0a1122c2;position:absolute;top:0;bottom:0}.timeline-chapter{background:var(--mist);opacity:.6;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.timeline-tip{background:var(--stage);border:1px solid var(--ink-line);white-space:nowrap;pointer-events:none;border-radius:3px;padding:1px 7px;font-size:13px;position:absolute;top:4px;transform:translate(-50%)}.transport{flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.transport-side{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.transport-side-end{justify-content:flex-end}.transport .play{justify-content:center;align-items:center;width:52px;height:38px;padding:0;display:inline-flex}.time{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-width:140px;font-size:22px;font-weight:700}.spacer{flex:1}.sync-label{margin-right:2px}.problems{background:var(--ink-raised);border:1px solid var(--pen-yellow);z-index:5;border-radius:4px;flex-direction:column;align-items:flex-start;gap:8px;max-width:420px;padding:14px 16px;display:flex;position:fixed;bottom:24px;right:24px}.problems ul{margin:0;padding-left:18px}.dialog{background:var(--ink-raised);color:var(--chalk);border:1px solid var(--ink-line);border-radius:8px;width:min(440px,100vw - 32px);padding:20px}.dialog::backdrop{background:#060a14b8}.dialog form{flex-direction:column;gap:10px;display:flex}.dialog p{margin:0 0 10px}.dialog form p{margin:0}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dialog-head h2{font-family:var(--font-display);font-size:26px;font-weight:700}.dialog a{color:var(--pen-yellow)}.agree{align-items:flex-start}.agree input{margin-top:3px}.plan-list{gap:8px;margin:4px 0 12px;display:grid}.plan{text-align:left;background:var(--ink);grid-template-columns:1fr auto;gap:0 12px;padding:10px 12px;display:grid}.plan-name{font-weight:600}.plan-price{font-family:var(--font-display);grid-row:span 2;align-self:center;font-size:20px;font-weight:700}.plan-note{color:var(--mist);font-size:14px}.plan-featured{border-color:var(--pen-yellow)}@media (max-width:1000px){.editor-shell{height:auto;min-height:100dvh}.editor{flex-direction:column;display:flex}.stage{min-height:56vw}.centre{order:-1}.stage-empty{padding:20px 16px}.time{min-width:0}.panel-scroll{flex:none;overflow:visible}.list-grow,.list-grow-small{flex:none;max-height:200px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}