/* Premiere-inspired demo surfaces. Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. */
.lab-hero{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,4vw,72px)}.premiere-demo{min-width:0;width:100%;font-family:'Segoe UI',Arial,sans-serif;color:#dedede;--pr-bg:#1d1d1d;--pr-panel:#252525;--pr-line:#3e3e3e;--pr-blue:#58a6ff;--pr-muted:#a3a3a3}.premiere-demo button{font-family:inherit;cursor:pointer}.premiere-demo button:focus-visible{outline:2px solid #83bdff;outline-offset:3px}.premiere-product-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.premiere-product-picker button{display:flex;align-items:center;text-align:left;gap:12px;padding:16px;background:#151917;color:#ddd;border:1px solid #445047;border-radius:8px;min-height:80px}.premiere-product-picker button[aria-pressed=true]{background:#25271f;border-color:#bfa56f}.premiere-product-picker button:nth-child(2)[aria-pressed=true]{border-color:#92bda2;background:#1d2921}.picker-index{font-family:monospace;color:#baa879;font-size:12px}.premiere-product-picker button:nth-child(2) .picker-index{color:#a8c7b1}.premiere-product-picker strong{font-size:16px;font-weight:600;display:block;line-height:1.4}.premiere-product-picker small{font-size:12px;color:#aaa;display:block;margin-top:4px}.picker-arrow{margin-left:auto;color:#a7b0a7}.premiere-shell{background:var(--pr-bg);border:1px solid #484848;border-radius:8px;overflow:hidden;box-shadow:0 20px 48px #0003}.pr-titlebar{height:36px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#323232;font-size:11px}.pr-titlebar>span:nth-child(3){margin-left:auto;color:#ccc}.pr-app-mark{background:#17142f;color:#b2a5ff;font-weight:600;padding:0 4px;border-radius:2px}.pr-window{letter-spacing:4px;margin-left:16px;color:#999}.pr-menu{display:flex;gap:16px;font-size:11px;color:#ccc;padding:4px 12px;background:#292929;border-bottom:1px solid #111}.pr-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);gap:4px;padding:4px;background:#151515}.pr-workspace section{min-width:0;border:1px solid #3a3a3a;background:var(--pr-panel);margin:0;border-radius:0}.pr-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:11px;line-height:1.4;min-height:32px;background:#292929;border-bottom:1px solid #141414;color:#c5c5c5}.pr-panel-heading strong{font-weight:500}.pr-plugin .pr-panel-heading{box-shadow:inset 0 2px #58a6ff}.pr-shelf-body{padding:10px;min-height:284px;display:flex;flex-direction:column;gap:8px}.pr-library{display:flex;gap:6px;align-items:center;font-size:11px}.pr-library svg,.pr-proposed svg,.pr-bin-row svg{height:12px;width:14px;fill:#bebebe;flex:none}.pr-library small{margin-left:auto;color:#aaa;font-size:11px}.pr-search{height:28px;background:#191919;border:1px solid #444;border-radius:3px;padding:4px 8px;color:#aaa;font-size:11px;display:flex;justify-content:space-between}.pr-filters{display:flex;gap:4px}.pr-filters button{font-size:11px;background:transparent;color:#bbb;border:1px solid transparent;padding:3px 6px;border-radius:3px;min-height:28px}.pr-filters button[aria-pressed=true]{background:#414141;color:#fff;border-color:#666}.pr-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:140px;align-content:start}.pr-asset-grid button{padding:4px;background:#303030;border:1px solid #444;border-radius:3px;min-width:0;color:#ddd;text-align:left}.pr-asset-grid button.selected{border-color:#62a8f5;background:#31475b}.pr-thumbnail{display:block;position:relative;height:46px;overflow:hidden;background:#36525d}.pr-asset-grid button>span:last-child{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 0 0}.pr-thumbnail.coast,.pr-program-image.coast{background:#78929d}.pr-thumbnail.coast:after,.pr-program-image.coast .pr-image-art:after{content:'';position:absolute;inset:35% -15% -50% 20%;background:#c6b499;border-radius:48% 0 0 0;transform:rotate(-24deg);box-shadow:-8px -6px 0 #c9d4d0}.pr-thumbnail.coast:before,.pr-program-image.coast .pr-image-art:before{content:'';position:absolute;left:-10%;right:30%;top:30%;bottom:-30%;background:#486b77;border-radius:45%;transform:rotate(-24deg)}.pr-thumbnail.city,.pr-program-image.city{background:#79808a}.pr-thumbnail.city:after,.pr-program-image.city .pr-image-art:after{content:'';position:absolute;inset:30% 0 0;background:repeating-linear-gradient(90deg,#303b45 0 14%,transparent 14% 19%);clip-path:polygon(0 35%,12% 35%,12% 10%,28% 10%,28% 40%,44% 40%,44% 0,60% 0,60% 20%,80% 20%,80% 35%,100% 35%,100% 100%,0 100%)}.pr-thumbnail.audio,.pr-program-image.audio{background:#243a31}.pr-wave{position:absolute;inset:0;display:grid;place-items:center;color:#9bbca9;letter-spacing:2px;font-size:20px}.pr-thumbnail.paper,.pr-program-image.paper{background:#c2bdb0}.pr-action{display:block;width:100%;font-size:11px;min-height:32px;background:#414141;border:1px solid #666;color:#efefef;border-radius:3px;padding:6px 8px;margin-top:auto}.pr-action:hover{background:#505050}.pr-monitor{display:flex;flex-direction:column}.pr-program-image{position:relative;overflow:hidden;aspect-ratio:16/9;margin:20px 10px 8px;background:#78929d;isolation:isolate}.pr-image-art{position:absolute;inset:0;overflow:hidden}.pr-monitor-corner{position:absolute;bottom:6px;left:6px;background:#101010a8;color:#eee;font-size:11px;padding:2px 4px;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pr-monitor-info{display:flex;justify-content:space-between;padding:0 12px;font:11px monospace;color:#b5b5b5}.pr-monitor-info>span:first-child{color:var(--pr-blue)}.pr-transport{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px;color:#bbb;margin-top:auto;font-size:12px}.pr-transport button{background:transparent;border:0;color:#ccc;min-height:32px;min-width:32px;font-size:14px}.pr-organize-body{padding:12px;min-height:284px;display:flex;flex-direction:column}.pr-plugin-logo{font-size:15px;font-weight:600;color:#d9c58b;margin-bottom:8px}.pr-plugin-logo span{font-size:13px;color:#ddd;font-weight:400}.pr-segment{display:flex;gap:16px;font-size:11px;border-bottom:1px solid #444;padding-bottom:6px;color:#999}.pr-segment .active{color:#eee}.pr-scan-label{font-size:11px;color:#ccc;margin-top:12px}.pr-organize-body p{font-size:11px;color:#aaa;margin:4px 0 8px}.pr-proposed{margin-bottom:12px}.pr-proposed>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #333;font-size:11px;padding:4px 0}.pr-proposed small{margin-left:auto;color:#aaa}.pr-plugin-foot{font-size:11px;color:#aaa;line-height:1.5;margin-top:8px;min-height:32px}.pr-project-columns{display:flex;justify-content:space-between;font-size:11px;color:#999;padding:6px 10px;border-bottom:1px solid #383838}.pr-project-list>div{height:28px;display:flex;gap:6px;align-items:center;padding:0 8px;font-size:11px;border-bottom:1px solid #303030}.pr-project-list>div:nth-child(2n){background:#222}.pr-project-list>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-project-list small{margin-left:auto;color:#aaa;font-size:11px}.pr-file-dot{width:8px;height:10px;flex:none;background:#9293ba}.pr-file-dot.audio{background:#7da88b}.pr-file-dot.images{background:#b18cbb}.pr-project-list .pr-proposed-row{background:#293b4c}.pr-project-footer{padding:8px;font-size:11px;color:#aaa}.pr-timeline{position:relative;padding-bottom:12px}.pr-timecode{font:12px monospace;color:#65b1fa;padding:8px 10px 0}.pr-ruler{display:flex;justify-content:space-between;font:10px monospace;color:#b5b5b5;padding:6px 8px 8px 40px;border-bottom:1px solid #444}.pr-track{display:flex;gap:4px;padding:2px 4px;min-height:30px;font-size:10px;align-items:center}.pr-track>span{width:28px;flex:none;color:#8ab4df;padding-left:2px}.pr-lane{height:28px;flex:1;position:relative;background:#202020;border-bottom:1px solid #393939;overflow:hidden}.pr-lane>i{position:absolute;display:block;font-style:normal;height:25px;top:0;font-size:10px;white-space:nowrap;overflow:hidden;padding:4px;border:1px solid #9f9ed055;color:#eee}.pr-video-clip{background:#69659b;left:0;width:50%;transform-origin:left}.pr-interview{background:#7475a5;left:51%;width:46%}.pr-adjustment{background:#9d6d9f;left:10%;width:60%}.pr-audio-clip{background:#397650;left:0;width:97%;padding:0 4px!important;display:flex!important;flex-direction:column}.pr-audio-clip>span:first-child{font-size:9px}.pr-timeline-wave{line-height:9px;color:#a0c6a5;letter-spacing:1px;font-size:10px;overflow:hidden}.pr-playhead{position:absolute;left:38px;top:64px;bottom:20px;background:#4da8ff;width:1px;pointer-events:none}.pr-playhead:before{content:'';position:absolute;width:8px;height:8px;background:#4da8ff;left:-3px;top:0;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.pr-timeline-scroll{height:5px;background:#606060;border-radius:3px;margin:8px 10px 0 36px;width:68%}.pr-story-caption{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 4px 12px}.pr-story-caption>span{color:#c6b681;font-size:11px}.premiere-demo[data-product=organize] .pr-story-caption>span{color:#a8c7b1}.pr-story-caption strong{grid-row:2;font-size:14px;font-weight:400;color:#e5e5e5;line-height:1.5}.pr-story-caption a{grid-row:1/3;grid-column:2;align-self:center;color:#d5d9d4;font-size:12px}.pr-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff14;color:#959f96;font-size:11px;padding:4px}.pr-demo-footer>div{display:flex;gap:8px}.pr-demo-footer button{background:transparent;border:0;color:#ddd;font-size:11px;min-height:36px;padding:4px}.pr-demo-footer button:disabled{opacity:.4;cursor:default}
/* Existing product examples use the same editor-neutral palette. */
.lab-console{--pr-blue:#58a6ff;background:#252525;border-color:#484848;color:#ddd}.lab-console .console-title,.lab-console .playback-controls{background:#292929;color:#aaa}.lab-console .console-title>span:first-child{color:#ddd}.lab-console .library-bar,.lab-console .organizer-toolbar{background:#252525;color:#bbb}.lab-console .asset-art{background:#323c43!important}.lab-console .asset.selected{border-color:#58a6ff}.lab-console .lab-filters button[aria-pressed=true],.lab-console .tool-switches button[aria-pressed=true]{background:#35475a;border-color:#5784b1;color:#eee}.lab-console .bin-groups>div,.lab-console .loose-files>div{background:#2a2a2a;border-color:#454545}.lab-console .tool-monitor{background:#101010}.lab-console .monitor-landscape{background:#475d68!important}.lab-console .adjustment{background:#9d6d9f}.lab-console .clip-track i,.lab-console .mini-timeline>b{background:#69659b}.lab-console .waveform i{background:#9ab8a2}.lab-console .simulation-note,.lab-console .tool-explanation{color:#b7b7b7}
@media(min-width:1800px){.premiere-product-picker strong{font-size:20px}.premiere-product-picker small{font-size:14px}.pr-shelf-body,.pr-organize-body{min-height:360px;padding:16px}.pr-thumbnail{height:72px}.pr-panel-heading{font-size:13px;min-height:40px}.pr-program-image{margin:24px 16px 12px}.pr-project-list>div{height:32px;font-size:12px}.pr-filters button,.pr-action,.pr-library,.pr-asset-grid button>span:last-child,.pr-scan-label,.pr-organize-body p,.pr-proposed>div{font-size:12px}.pr-track{min-height:36px}.pr-lane{height:32px}.pr-lane>i{height:29px;font-size:11px}.pr-story-caption strong{font-size:16px}}
@media(max-width:1000px) and (min-width:761px){.lab-hero{grid-template-columns:1fr;max-width:900px}.lab-hero-copy{max-width:680px}.lab-hero h1{font-size:56px}.pr-thumbnail{height:76px}.pr-shelf-body,.pr-organize-body{min-height:340px}}
@media(max-width:760px){.lab-hero{grid-template-columns:1fr}.premiere-product-picker button{padding:12px 8px;gap:8px;min-height:84px}.premiere-product-picker strong{font-size:13px}.premiere-product-picker small{font-size:11px}.picker-arrow{display:none}.picker-index{font-size:11px}.pr-workspace{grid-template-columns:1fr}.pr-plugin{grid-column:1}.pr-monitor{grid-column:1}.pr-project{grid-column:1}.pr-timeline{grid-column:1}.pr-shelf-body,.pr-organize-body{min-height:0;padding:12px}.pr-thumbnail{height:68px}.pr-program-image{margin:12px;max-height:180px;aspect-ratio:16/9}.pr-project-list>div{height:28px}.pr-panel-heading{font-size:12px}.pr-asset-grid button>span:last-child,.pr-action,.pr-library,.pr-project-list>div,.pr-organize-body p,.pr-proposed>div{font-size:12px}.pr-filters button{min-height:44px}.pr-action{min-height:44px}.pr-story-caption{grid-template-columns:1fr}.pr-story-caption a{grid-column:1;grid-row:3;min-height:36px;display:flex;align-items:center}.pr-story-caption strong{font-size:14px}.pr-demo-footer button{min-height:44px;font-size:12px}.pr-demo-footer{align-items:start}.pr-demo-footer>span{max-width:160px;line-height:1.5}.pr-window{display:none}.pr-menu{gap:12px}.pr-track,.pr-lane>i{font-size:11px}.pr-transport button{min-height:44px;min-width:44px}}
@media(prefers-reduced-motion:reduce){.premiere-demo *{animation:none!important;transition:none!important}}
/* Keep scene colours independent of the website's older illustration classes. */
.premiere-demo .pr-thumbnail.coast,.premiere-demo .pr-program-image.coast{background:#78929d!important}.premiere-demo .pr-thumbnail.city,.premiere-demo .pr-program-image.city{background:#79808a!important}.premiere-demo .pr-thumbnail.audio,.premiere-demo .pr-program-image.audio{background:#243a31!important}.premiere-demo .pr-thumbnail.paper,.premiere-demo .pr-program-image.paper{background:#c2bdb0!important}.premiere-demo{line-height:1.4}.pr-workspace{line-height:1.4}.pr-organize-body{min-height:280px}.pr-project-footer{padding-block:6px}.pr-program-image.audio:after{content:'▂▅▃▇▅▂▆▃▅▂';position:absolute;inset:0;display:grid;place-items:center;color:#9bbca9;font-size:28px}.lab-hero h1{font-size:clamp(40px,4.1vw,76px)}
@media(max-width:760px){.lab-hero h1{font-size:clamp(36px,9.5vw,60px)}.pr-organize-body{min-height:0}.pr-project{display:none}.pr-story-caption{padding-top:12px}.pr-demo-footer>div{flex-shrink:0}}