.courier-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:25px}.courier-heading h1{margin-block:12px}.courier-heading p{margin-block:0}.courier-heading .badge{margin-top:14px}.scene{border:1px solid var(--line);background:var(--paper);overflow:hidden;border-radius:4px}canvas{width:100%;height:auto;aspect-ratio:2/1;display:block}.scene-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding:13px 20px;font-size:14px;min-height:53px}.scene-caption p{margin:0}.scene-caption>span{color:var(--muted);white-space:nowrap;font:12px ui-monospace,monospace}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-block:18px 27px;border-bottom:1px solid var(--line)}.timeline button{border:0;background:transparent;text-align:center;padding:11px 6px 13px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.timeline button[aria-pressed="true"]{color:var(--green);border-bottom-color:var(--green);font-weight:700}.courier-controls{margin-bottom:18px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.main-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.main-controls .primary{gap:15px;padding:11px 16px}.remix-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.remix-controls label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}select{border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);padding:9px 22px 9px 9px;font-size:12px}.control-note{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding-bottom:29px;border-bottom:1px solid var(--line);margin-block:17px 0}.remix-note{padding-block:32px 24px}.remix-note .eyebrow{color:var(--orange)}.remix-note h2{font:400 31px/1.15 var(--serif);letter-spacing:-.7px;margin:13px 0}.remix-note>p:not(.eyebrow){color:var(--muted);font-size:15px}.made-with{padding-block:0 35px;font-size:13px;color:var(--muted);max-width:760px}.made-with summary{cursor:pointer;padding:12px 0;width:max-content}
@media(max-width:700px){.courier-heading{display:block}.courier-heading>.badge{margin-top:18px}.scene-caption{font-size:12px;padding:11px 12px;min-height:57px;gap:10px}.scene-caption>span{font-size:11px}.timeline{margin-block:13px 20px}.timeline button{font-size:11px;padding-inline:3px;line-height:1.4}.courier-controls{gap:18px}.main-controls{gap:7px}.main-controls .copy-button{font-size:12px;padding:10px 11px}.main-controls .primary{font-size:12px}.remix-controls{gap:10px}.remix-controls label{font-size:12px;gap:5px}.remix-controls .copy-button{font-size:12px;padding:9px}.remix-controls select{font-size:16px}.control-note{flex-direction:column;gap:5px;padding-bottom:23px}.remix-note h2{font-size:28px}.remix-note{padding-top:23px}}

.scene{position:relative}.scene-start{position:absolute;top:18px;left:18px;box-shadow:0 2px 8px #252c2620}.scene-start[hidden]{display:none}@media(max-width:700px){.scene-start{top:10px;left:10px;padding:8px 12px;font-size:12px}}

/* Opus 5.5: Emil design-engineering pass */
@media (hover:hover) and (pointer:fine){.timeline button:hover{background:var(--soft)}}select{font-size:14px}.timeline button{min-height:44px}@media(max-width:700px){.courier-heading{padding-bottom:14px}}