main{max-width:1500px;padding-inline:var(--page-gutter);margin:auto}h1,h2,h3,legend{color:var(--navy);font-family:Barlow Condensed,sans-serif}h1{letter-spacing:-.025em;font-weight:700}button,a,input,select,textarea,summary{touch-action:manipulation}a:hover{text-decoration-thickness:2px}.page-heading{gap:28px;padding-block:40px 24px}.page-heading h1,.example-page h1,.intro h1{letter-spacing:-.025em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:700;line-height:1.03}.page-heading>p{color:var(--muted);font-size:17px}.intro-copy,.example-deck,.intro>p:last-child{color:var(--muted);max-width:68ch;font-size:20px;line-height:1.5}.intro{margin-block:0 32px;padding-top:0}.intro h1{margin-bottom:20px}.intro small{color:var(--muted);margin-top:16px;font-size:15px;display:block}.editorial-page main{padding-top:40px}.example-page{max-width:1240px}.studio{background:var(--panel);border-color:var(--rule);box-shadow:none;border-radius:8px;grid-template-columns:minmax(0,1fr) 350px}.preview-pane,.canvas-stage{background:var(--workspace)}canvas{box-shadow:none}.preview-top{color:var(--muted);border-color:var(--rule);letter-spacing:.04em;font-size:12px}.live-dot{background:var(--blue)}.transport,.timeline,.looks,.project-actions,.composition-select,.data-review{background:var(--surface);border-color:var(--rule)}.transport{height:auto;min-height:64px;padding-block:8px}.transport button,.player button{min-width:44px;min-height:44px;color:var(--navy)}.transport #play,.race-studio .transport #play{background:var(--blue);color:#fff;min-width:44px;height:44px;font-size:15px}.transport #restart{justify-content:center}.timecode,#phase-name,.loop-control,.timeline-ruler{color:var(--muted);font-size:12px}.loop-control input{width:16px;height:16px}.loop-control{min-height:44px}.timeline-beats span,.timeline-beats span:first-child,.timeline-beats span:last-child{background:var(--workspace);border-color:var(--rule);color:var(--muted);font-size:12px}.timeline-beats span:last-child{background:#e1e8ff}.timeline #scrub{min-height:24px}.timeline #scrub::-webkit-slider-runnable-track{background:#b4c2eb}.timeline #scrub::-webkit-slider-thumb{background:var(--blue);box-shadow:0 0 0 1px var(--blue);border-color:#fff}.look-options button{color:var(--muted);min-height:44px;font-size:13px}.look-options button[aria-pressed=true]{border-color:var(--blue);color:var(--navy);background:var(--panel)}form,.race-studio form{background:var(--panel);border-color:var(--rule);padding:24px}legend{letter-spacing:-.02em;margin-bottom:24px;font-size:28px;font-weight:600}label:not(.loop-control):not(.sr-only){color:var(--navy);font-size:14px;font-weight:600}.section-caption{color:var(--muted);font-size:15px}.section-caption span{color:var(--navy);font-size:16px}input:not([type=checkbox]):not([type=range]),select,textarea,.race-studio textarea{color:var(--navy);background:var(--panel);border-color:#aab8dc;border-radius:4px;height:auto;min-height:44px;font-size:16px;line-height:1.4}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}textarea,.race-studio textarea{font-family:ui-monospace,monospace;font-size:13px}.field-note,.data-hint,.export-spec,#status,.project-actions p,.counter-projects p,.hint{color:var(--muted);font-size:13px;line-height:1.55}.primary,.download-row a:first-child{background:var(--blue);color:#fff;border-color:var(--blue);border-radius:6px;min-height:48px;font-size:17px}.primary:hover,.download-row a:first-child:hover{background:#193cb8}.export-area{border-color:var(--rule)}#error{color:#a12626;font-size:15px}#cancel{min-height:44px;color:var(--navy);border-color:#aab8dc;font-size:15px}.inline-actions button,.file-label,.file-actions button,.project-actions button,#gif-play{background:var(--panel);color:var(--navy);border-color:#aab8dc;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.file-label:focus-within{outline-color:var(--blue)}.preset-bar a,.data-review summary{color:var(--blue);font-size:15px}.preset-bar label{font-weight:400}.preset-bar select{max-width:100%}.finished-heading{font-size:15px}#finished{border-color:var(--rule);background:var(--workspace)}.help{gap:56px;max-width:1200px;padding-block:48px}.help h2,.editor-help h2,.tools-section h2,.article-copy h2{letter-spacing:-.02em;color:var(--navy);font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:600;line-height:1.1}.help h2{max-width:400px}.help p,.editor-help p,.editor-help li,.tools-section p,.article-copy{color:var(--muted);font-size:17px;line-height:1.65}.help summary{color:var(--blue);font-size:16px}.editor-help h3{color:var(--navy);font-size:26px}.editor-help{max-width:1200px}.tools-section{border-color:var(--rule);padding-block:40px}.tools-section a{font-size:17px}.tools-section h2{margin-top:0}.help-grid{gap:48px}.article-copy a,.help a,.editor-help a{color:var(--blue)}.example-card{border-color:var(--rule);color:var(--navy)}.example-card img{object-fit:contain;border-radius:6px}.example-card h2,.example-card h3{letter-spacing:-.02em;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:600;line-height:1.15}.example-card:hover h2,.example-card:hover h3{text-decoration:underline}.example-card p{color:var(--muted);font-size:17px;line-height:1.5}.example-card .meta{letter-spacing:0;text-transform:none;color:var(--muted);font-size:13px}.example-grid{gap:32px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;font-size:15px;line-height:1.5}.example-page h1{margin-top:28px}.example-video{border-radius:8px}.download-row a{border-color:#aab8dc;min-height:44px;font-size:16px}.article-copy .provenance{border-left:0;border-top:1px solid var(--rule);padding:20px 0;font-size:16px}.article-copy dl{font-size:15px}.article-copy dt{color:var(--navy)}table.data{font-size:14px}table.data th,table.data td{border-color:var(--rule)}table.data caption{color:var(--muted);font-size:14px}.jump-link{color:var(--blue);font-size:16px}.counter-projects,.editorial-page .studies{border-color:var(--rule)}.editorial-page .studies button{color:var(--muted);min-width:0;padding:20px 16px;font-family:Barlow Condensed,sans-serif;font-size:20px}.editorial-page .studies button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:#e9eefe}.editorial-page .studies small{margin-left:0;font-family:Barlow,sans-serif;font-size:14px}.editorial-page .stage{border-color:var(--rule);background:var(--workspace);border-radius:8px;overflow:hidden}.editorial-page .player{border-color:var(--rule);background:var(--surface)}.editorial-page .stage>p{color:var(--muted);font-size:14px}.editorial-page .player button{font-size:15px}.editorial-page .player output{font-size:13px}.editorial-page .edit-heading h2{letter-spacing:-.02em;font-size:38px}.editorial-page .edit-heading p{color:var(--muted);font-size:16px}.editorial-page details,.editorial-page .output-settings{border-color:var(--rule)}.editorial-page summary{font-size:18px}.editorial-page summary span{color:var(--muted);font-size:14px}.editorial-page .annotation-grid>div{border-left:0;border-top:1px solid var(--rule);padding:16px 0 0}.editorial-page .source-studies article{border-color:var(--rule)}.editorial-page .source-studies h3{font-size:36px;font-weight:600}.editorial-page .source-studies article>p{font-size:18px}.editorial-page .source-studies article details p{color:var(--muted);font-size:16px}.editorial-page .source-links{font-size:16px}.editorial-page th,.editorial-page td{border-color:var(--rule)}.editorial-page table{font-size:14px}.editorial-page caption{color:var(--muted)}.editorial-page .study-video{border-color:var(--rule);border-radius:8px}.editorial-page .export-row button{border-color:var(--blue)}.editorial-page #editor{border:1px solid var(--rule);border-radius:8px}.editorial-page .file-actions>label,.editorial-page .project-actions>label{max-width:100%}.editorial-page .project-actions{background:0 0;padding:0}@media (width<=1100px){.studio{grid-template-columns:minmax(0,1fr) 310px}.editorial-page .output-settings{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.page-heading{padding-block:28px 20px}.page-heading h1,.example-page h1,.intro h1{font-size:44px}.intro-copy,.example-deck,.intro>p:last-child{font-size:18px}.studio{grid-template-columns:minmax(0,1fr)}.help,.help-grid{grid-template-columns:1fr;gap:24px}.help{padding-block:36px}.looks{padding-inline:12px}.look-options button{gap:6px;padding:6px;font-size:12px}.look-options i{width:24px;height:28px}.preset-bar label{flex-wrap:wrap}.preset-bar select{flex:auto;width:100%}.transport{padding-inline:16px}.loop-control{font-size:12px}.editorial-page main{padding-top:28px}.editorial-page .studies button{padding:16px 8px;font-size:19px;line-height:1.15}.editorial-page .player{flex-wrap:wrap}.editorial-page .player output{font-size:12px}.editorial-page .output-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page .edit-heading h2{font-size:32px}.editorial-page form{padding:20px}.editorial-page .source-studies h3{font-size:30px}.editorial-page .export-row .primary{width:100%}.editorial-page .file-actions,.editorial-page .project-actions{gap:16px}.editorial-page .file-actions input,.editorial-page .project-actions input{min-width:0;max-width:100%}}.lab-disclosure{color:var(--muted);max-width:70ch;padding-block:28px 40px;font-size:16px;line-height:1.6}.lab-disclosure a{color:var(--blue)}@media (width<=400px){.look-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.look-options button{flex-direction:column;justify-content:center;gap:6px;padding:8px 4px}.look-options span{white-space:normal}}.reading-choice{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-top:24px;padding-top:24px;display:grid}.reading-choice label{margin:0}.publishing-actions{border-top:1px solid var(--rule);margin-top:24px;padding-top:24px}.publishing-actions button{background:var(--blue);color:#fff;border:0;border-radius:6px;min-height:48px;padding:12px 18px;font-size:17px}.publishing-actions p{max-width:65ch;color:var(--muted);font-size:16px}.publishing-actions a{color:var(--blue)}@media (width<=760px){.reading-choice{grid-template-columns:1fr;gap:12px}}