[hidden]{display:none!important}
.media-editor{max-width:1080px;width:calc(100% - 40px)}
.motion-workspace{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);gap:30px;margin-top:24px}
.motion-sources h3{font:650 23px/1.25 var(--serif);margin:22px 0 15px}.motion-sources h3:first-child{margin-top:0}
.motion-sources .feature-field{margin:14px 0}.motion-sources input,.motion-sources select{font-size:15px;width:100%}
.motion-sources input[type=file]{box-sizing:border-box;width:100%}
.motion-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.motion-inline-actions button,.motion-export button,.motion-direct>button{font:14px/1.3 var(--sans);padding:9px 12px;border:1px solid var(--line);background:var(--paper)}
.motion-sources .feature-help,.motion-editing .feature-help,.motion-local-note{font:14px/1.55 var(--sans);color:var(--muted)}
.motion-direct,.motion-help{margin:18px 0;font:14px/1.55 var(--sans)}.motion-direct summary,.motion-help summary{cursor:pointer;color:var(--blue)}.motion-help p{margin:10px 0}
.motion-editing{min-width:0}.motion-editing .media-preview{margin:0 0 18px}.motion-editing .media-preview video{max-height:320px;background:#142129}
.motion-empty{border:1px solid var(--line);background:var(--soft);min-height:190px;display:grid;place-items:center;padding:25px;text-align:center;font:16px/1.5 var(--sans);color:var(--muted)}
.motion-range{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;margin:15px 0}.motion-range label{font:600 14px var(--sans);display:grid;gap:6px}.motion-range input[type=number]{font:16px var(--sans);padding:8px;width:110px;border:1px solid var(--line);background:white}.motion-range input[type=range]{width:100%;accent-color:var(--blue)}
.motion-export{margin:20px 0;border-top:1px solid var(--line);padding-top:15px}.motion-export a{display:inline-block;padding:10px 0;margin-left:12px;color:var(--blue);font:600 14px var(--sans);text-decoration:underline;text-underline-offset:3px}.motion-export button{background:var(--blue);color:white}
#motion-poster-preview img{max-width:160px;max-height:100px;object-fit:contain;border:1px solid var(--line)}
.motion-local-note{border-top:1px solid var(--line);padding-top:18px;margin:24px 0 12px}.motion-video-badge{position:absolute;bottom:10px;left:10px;padding:6px 9px;background:#fffefbed;color:var(--ink);font:12px/1.3 var(--sans);z-index:1}
.full-video-box{position:relative;background:var(--soft);margin:20px 0;padding:20px;text-align:center}.full-video-box .video-cover{width:100%;max-height:530px;object-fit:contain;display:block}.full-video-start{display:inline-block;background:var(--blue);color:white;font:600 16px/1.4 var(--sans);border:0;padding:15px 20px;margin:12px auto}.video-source-link{display:block;font:14px/1.5 var(--sans);color:var(--blue);text-decoration:underline;text-underline-offset:3px;margin:12px auto 0}.video-load-note{font:14px/1.5 var(--sans);color:var(--muted);max-width:600px;margin:12px auto}.external-video{display:block;border:0;width:100%;aspect-ratio:16/9;margin:auto;background:#e5e8e9}.external-video.portrait-video{aspect-ratio:9/16;max-width:380px;max-height:70vh}.native-full-video{display:block;width:100%;max-height:70vh;background:#142129}.article-motion{display:block;width:100%;max-height:530px;object-fit:contain}.article-motion-pause{font:14px var(--sans);padding:8px 12px;border:1px solid var(--line);background:var(--paper);margin:8px 0}
.video-article{max-width:1000px;margin:32px auto 60px}.video-article-header{max-width:850px;margin:auto}.video-article-header h1{font:700 50px/1.1 var(--serif);margin:16px 0 20px}.video-article-deck{font:20px/1.55 var(--sans);color:var(--deck)}.video-article-header .meta{margin:22px 0}.video-article-body{max-width:740px;margin:35px auto;font:20px/1.65 var(--serif)}.video-article-body p{margin:0 0 22px}.video-article-note{font:14px/1.5 var(--sans);color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
@media(max-width:800px){.media-editor{width:calc(100% - 20px);padding:24px 18px}.motion-workspace{grid-template-columns:1fr;gap:22px}.motion-range{grid-template-columns:100px 1fr}.motion-range input[type=number]{width:90px}.motion-editing .media-preview video{max-height:300px}}
@container paper (max-width:680px){.video-article-header h1{font-size:34px}.video-article-deck{font-size:18px}.video-article-body{font-size:18px}.full-video-box{padding:12px}.video-article{margin-top:25px}}