.media-shell{--sea:#0d766e;--ink:#15344d}.media-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:34px 38px;border-radius:24px;background:radial-gradient(circle at 84% 18%,#1f746e 0,transparent 27%),linear-gradient(115deg,#10283e,#173c55);color:white}.media-hero .eyebrow{color:#8ee5d0}.media-hero h1{max-width:780px}.media-hero p{margin:0;max-width:760px;color:#d6e6ef;line-height:1.8}.media-hero-mark{flex:0 0 auto;width:96px;height:96px;border:2px solid #81ddc6;border-radius:24px;display:grid;place-items:center;color:#b5ffdf;font-size:38px;font-weight:800;box-shadow:0 0 35px #5df2c945}.media-notice{margin:18px 0;padding:13px 17px;border:1px solid #f1dbad;border-radius:13px;background:#fff7e5;color:#765921;font-size:13px;line-height:1.75}.media-actions,.media-export-row,.media-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.media-actions{margin:18px 0}.media-actions .button,.media-actions button,.media-export-row button,.media-inline button{font-size:13px;min-height:38px;padding:8px 12px}.media-file-button{position:relative;overflow:hidden}.media-file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.media-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:18px;align-items:start}.media-grid>*{min-width:0}.media-stack{display:grid;gap:18px;min-width:0}.media-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:16px}.media-panel-head h2{margin-bottom:4px}.media-panel-head .hint{margin:0}.media-chip{padding:6px 10px;border-radius:999px;background:#e9f7f2;color:#087b6c;font-size:12px;font-weight:700;white-space:nowrap}.subtitle-stage,.redact-stage{position:relative;background:#081725;border-radius:14px;overflow:hidden;min-height:220px;display:grid;place-items:center}.subtitle-stage video{width:100%;max-height:min(62vh,600px);display:block}.subtitle-stage video:not([src]){min-height:280px}.subtitle-placeholder{position:absolute;color:#9eb4c5;font-size:14px;text-align:center;padding:15px;pointer-events:none}.caption-preview{position:absolute;left:8%;right:8%;bottom:14%;text-align:center;color:white;font-size:clamp(17px,2vw,27px);font-weight:700;white-space:pre-line;line-height:1.5;text-shadow:0 2px 5px #000,0 0 12px #000;background:#08172570;padding:2px 6px;border-radius:6px;pointer-events:none;overflow-wrap:anywhere}.caption-preview:empty{display:none}.media-tip,.media-footer{font-size:12px;color:#668096;line-height:1.8}.media-export-row{margin-top:16px}.media-form{display:grid;gap:10px;margin-bottom:16px}.media-form label{font-size:12px;font-weight:700;color:#355772}.media-form input,.media-form textarea,.media-form select{width:100%;font-weight:400}.media-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-list{display:grid;gap:9px;max-height:520px;overflow:auto}.media-item{border:1px solid #e1eaf1;border-radius:12px;background:#f9fbfd;padding:11px 12px;min-width:0}.media-item.active{border-color:#46aa94;background:#f1fbf7}.media-item-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.media-item-head strong{font-size:13px;color:#183c56;overflow-wrap:anywhere}.media-item p{margin:7px 0;color:#314d61;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.media-item-actions{display:flex;gap:5px;flex-wrap:wrap}.media-item-actions button{min-height:29px;padding:4px 7px;font-size:11px}.media-empty{padding:20px;text-align:center;border:1px dashed #cbd9e6;border-radius:12px;color:#72869b;font-size:13px}.media-status{min-height:22px;color:#355f73;font-size:13px}.media-status.error{color:#b43543}.media-footer{text-align:center;margin:24px 0 0}.media-edit-panel{padding:20px}.redact-stage{touch-action:none;aspect-ratio:16/9}.redact-stage video{display:none}.redact-stage canvas{width:100%;height:100%;display:block;object-fit:contain;touch-action:none;cursor:crosshair}.redact-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:#a6bbcc;background:#081725;pointer-events:none}.redact-stage.ready .redact-placeholder{display:none}.redact-controls{display:flex;gap:10px;align-items:center;margin-top:14px}.redact-controls input[type=range]{flex:1;min-width:0}.redact-controls button{min-width:66px}.redact-controls span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;color:#5c7186}.redact-guide{font-size:12px;color:#60788d;line-height:1.7}.redact-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.redact-tools button.active{background:#e7f7f0;border-color:#38a988;color:#08745c}.redact-item .media-fields{margin:8px 0}.redact-export{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.redact-export select{width:auto;max-width:100%}.redact-export button{min-height:38px}.redact-progress{width:100%;height:12px}.redact-progress[hidden]{display:none}.privacy-caution{border-left:4px solid #e5aa4f;background:#fff9ee;padding:10px 13px;border-radius:0 10px 10px 0;color:#7c581e;font-size:12px;line-height:1.7}.redact-stage canvas.dragging{cursor:crosshair}@media(max-width:980px){.media-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.media-hero{padding:26px 22px}.media-hero-mark{width:58px;height:58px;font-size:23px;border-radius:16px}.media-shell .panel{padding:18px}.subtitle-stage video:not([src]){min-height:210px}}@media(max-width:420px){.media-hero-mark{display:none}.media-fields{grid-template-columns:1fr}.media-panel-head{flex-wrap:wrap}.redact-controls{flex-wrap:wrap}.redact-controls input[type=range]{order:3;flex-basis:100%}}
/* Prevent the video preview's aspect ratio from imposing a desktop-sized minimum width. */
.media-shell .redact-stage{min-height:0;width:100%}