.iw-reel-dialog{width:min(850px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:22px;overflow:auto;border:1px solid #465160;border-radius:16px;background:#101720;color:#eef2f8;box-shadow:0 20px 70px #0009;font:14px/1.5 system-ui}
.iw-reel-dialog::backdrop{background:#000a}.iw-reel-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.iw-reel-dialog h2{margin:2px 0;font-size:24px}.iw-reel-dialog small{color:#aebaca;font-size:12px}.iw-reel-dialog header small{letter-spacing:.12em}.iw-reel-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:24px}.iw-reel-preview{aspect-ratio:9/16;max-height:600px;background:#03070c;border-radius:12px;overflow:hidden;align-self:start}.iw-reel-preview video{display:block;width:100%;height:100%;object-fit:contain}.iw-reel-dialog form{min-width:0}.iw-reel-dialog form>p:first-child{margin-top:0}.iw-reel-dialog label{display:grid;gap:6px;margin:14px 0}.iw-reel-trim{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iw-reel-dialog input,.iw-reel-dialog select,.iw-reel-dialog textarea{width:100%;box-sizing:border-box;min-width:0;padding:9px;border:1px solid #465160;border-radius:7px;background:#090f17;color:inherit;font:inherit}.iw-reel-dialog textarea{resize:vertical}.iw-reel-dialog button{padding:8px 11px;min-height:36px;border:1px solid #465160;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}.iw-reel-tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.iw-reel-tools button{font-size:12px}.iw-reel-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.iw-reel-dialog [data-reel-publish]{background:#e8c363;color:#15191e;border-color:#e8c363}.iw-reel-dialog [role=status]{color:#e8c363;overflow-wrap:anywhere}.iw-reel-dialog [role=status]:empty{display:none}.iw-reel-dialog [hidden]{display:none!important}.iw-reel-dialog :disabled{opacity:.5;cursor:default}.iw-reel-dialog :focus-visible{outline:2px solid #e8c363;outline-offset:3px}
html body [data-post-card] .iw-post-player.iw-reel-player{max-width:360px;margin-inline:auto}html body [data-post-card] .iw-reel-player video{aspect-ratio:9/16;height:auto;max-height:none;object-fit:var(--iw-reel-fit,contain);object-position:var(--iw-reel-position,50%) center}
/* Full-picture reels follow the source shape; only a selected vertical crop uses 9:16. */
html body [data-post-card] .iw-reel-player[data-reel-fit=contain]{width:min(100%,calc(min(580px,75vh) * var(--iw-reel-ratio,1.777778)));max-width:none}
html body [data-post-card] .iw-reel-player[data-reel-fit=contain] video{aspect-ratio:var(--iw-reel-ratio,16 / 9);max-height:none}
html body [data-post-card] .iw-reel-player>.iw-video-poster{object-fit:var(--iw-reel-fit,contain);object-position:var(--iw-reel-position,50%) center}
.iw-reel-player{container-type:inline-size}
@container(max-width:540px){.iw-reel-player>.iw-video-controls{height:76px;flex-wrap:wrap;gap:3px;padding:5px 4px}.iw-reel-player .iw-video-volume{order:8;flex:1 0 100%}.iw-reel-player .iw-video-volume input{width:auto;min-width:120px}.iw-reel-player .iw-video-controls>[data-video-seek]{width:40px}.iw-reel-player>.iw-video-settings{bottom:82px}}
html body [data-post-card] .iw-reel-player{padding-bottom:0}html body [data-post-card] .iw-reel-player>.iw-video-controls{position:relative;height:42px}html body [data-post-card] .iw-reel-player>.iw-video-poster{height:calc(100% - 42px)}
@container(max-width:540px){html body [data-post-card] .iw-reel-player>.iw-video-controls{height:76px}html body [data-post-card] .iw-reel-player>.iw-video-poster{height:calc(100% - 76px)}}
@media(max-width:600px){.iw-reel-dialog{padding:16px}.iw-reel-layout{grid-template-columns:1fr;gap:16px}.iw-reel-preview{width:min(210px,100%);margin:auto}.iw-reel-dialog input,.iw-reel-dialog select,.iw-reel-dialog textarea{font-size:16px}}

/* Owner-requested responsive frame scrubbing, with one main timeline. */
.iw-reel-preview{aspect-ratio:auto;max-height:none}.iw-reel-preview video{aspect-ratio:9/16;height:auto;max-height:520px}.iw-reel-playback{padding:8px;background:#0d141e}.iw-reel-playback>div{display:flex;align-items:center;gap:7px}.iw-reel-playback [data-reel-time]{flex:1;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.iw-reel-playback button{padding:3px 6px;min-height:32px;font-size:11px}.iw-reel-playback input[type=range]{display:block;width:100%;margin:6px 0 0;padding:0;height:24px;accent-color:#e8c363;touch-action:pan-y}
/* Precision controls stay beside the preview while choosing the opening moment. */
.iw-reel-playback>div:first-child{flex-wrap:wrap}.iw-reel-playback .iw-reel-precision{margin-top:8px}.iw-reel-playback .iw-reel-precision button{min-width:34px;font-size:18px}.iw-reel-playback .iw-reel-precision label{display:flex;align-items:center;gap:6px;margin:0 0 0 auto;font-size:12px}.iw-reel-playback .iw-reel-precision select{width:auto;padding:4px 6px;margin:0;font-size:13px}.iw-reel-playback .iw-reel-capture{margin-top:8px;gap:8px}.iw-reel-playback .iw-reel-capture button{flex:1;min-width:0;padding:6px;font-size:12px;border-color:#b49b5d;color:#f1d38a}.iw-reel-playback [data-reel-frame-state]{display:block;margin-top:6px;font-size:11px}.iw-reel-playback [data-reel-frame-state][hidden]{display:none}.iw-reel-playback [data-reel-time]{font-variant-numeric:tabular-nums}
@media(max-width:600px){.iw-reel-preview{width:min(320px,100%)}.iw-reel-playback .iw-reel-precision select{font-size:16px}}
/* Progress/errors stay in the feed; successful publication is a brief bottom strip. */
.iw-reel-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 0 16px;border:1px solid #7b7254;border-radius:10px;background:#1c211f;color:#ead7a4;font:14px/1.4 system-ui}.iw-reel-notice strong{flex:1;min-width:160px;font-weight:600}.iw-reel-notice a{color:inherit;text-decoration:underline}.iw-reel-notice button{padding:4px 9px;border:0;background:transparent;color:inherit;font-size:21px;cursor:pointer}.iw-reel-notice.is-published{background:#112b20;border-color:#449c70;color:#a6efc5}.iw-reel-notice.is-error{background:#321b20;border-color:#ae6570;color:#ffc0c7}
.iw-reel-notice.is-published{position:fixed;z-index:10080;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);box-sizing:border-box;width:min(640px,calc(100% - 24px));margin:0;padding:10px 14px;border-radius:8px;background:#125331;border-color:#429969;color:#eefff4;box-shadow:0 6px 24px #0006;flex-wrap:nowrap;gap:12px}.iw-reel-notice.is-published strong{min-width:0}.iw-reel-notice.is-published a{white-space:nowrap}.iw-reel-notice.is-published button{flex-shrink:0;min-width:32px;min-height:32px}.iw-reel-notice.is-published :focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Owner-requested compact portrait cards in the profile Reels tab. */
.iw-reel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1000px}.iw-reel-tile{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border:1px solid #66738566;border-radius:13px;background:linear-gradient(145deg,#29384e,#101720 65%);color:white;padding:0;text-align:left;cursor:pointer}.iw-reel-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.iw-reel-tile:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000d);z-index:-1;pointer-events:none}.iw-reel-tile strong{position:absolute;bottom:12px;left:12px;right:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 14px/1.35 system-ui;overflow-wrap:anywhere}.iw-reel-tile-play{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0007;font-size:12px}.iw-reel-tile-duration{position:absolute;right:10px;top:12px;background:#0008;border-radius:5px;padding:3px 6px;font:12px system-ui}.iw-reel-tile:hover{border-color:#e8c363}.iw-reel-tile:focus-visible{outline:2px solid #e8c363;outline-offset:3px}.iw-reel-viewer{width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:16px;background:#101720;color:#eef2f8;border:1px solid #657183;border-radius:14px}.iw-reel-viewer::backdrop{background:#000c}.iw-reel-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.iw-reel-viewer-head h2{font:600 20px system-ui}.iw-reel-viewer-head button{border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer}@media(max-width:900px){.iw-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.iw-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.iw-reel-tile strong{font-size:13px}}

/* Owner-requested visual trimming and compact discard confirmation. */
.iw-reel-dialog .iw-trim-presets{display:flex;align-items:center;gap:7px;margin:16px 0 12px}.iw-trim-presets span{font-size:12px;margin-right:auto;color:#b8c9dc}.iw-reel-dialog .iw-trim-presets button{min-width:44px}.iw-trim-timeline{padding:0 10px}.iw-trim-timeline [data-trim-bar]{position:relative;height:52px;border:1px solid #42566d;border-radius:8px;background:repeating-linear-gradient(90deg,#182c40 0,#182c40 9%,#213a52 9%,#213a52 10%);margin:8px 0}.iw-trim-timeline [data-trim-selection]{position:absolute;inset-block:0;left:0;width:100%;border:2px solid #ecc675;box-sizing:border-box;background:#e6bc5e22;touch-action:none;cursor:grab}.iw-reel-dialog [data-trim-in],.iw-reel-dialog [data-trim-out]{position:absolute;top:-3px;bottom:-3px;transform:translateX(-50%);padding:0;width:22px;min-height:56px;background:#ecc675;color:#192535;border:1px solid #ecc675;border-radius:5px;font-size:17px;font-weight:bold;touch-action:none;cursor:ew-resize}.iw-reel-dialog [data-trim-in]{left:0}.iw-reel-dialog [data-trim-out]{left:100%}.iw-trim-scale{display:flex;justify-content:space-between;font-size:11px;color:#b8c9dc;font-variant-numeric:tabular-nums;margin-bottom:10px}.iw-reel-dialog label.iw-reel-loop{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.iw-reel-dialog .iw-reel-loop input{width:auto;accent-color:#e8c363}
dialog.iw-reel-discard{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(360px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);padding:22px;overflow:auto;background:#101e2d;color:#eef4fc;border:1px solid #6f869d;border-radius:14px;box-shadow:0 20px 80px #000a;font:14px/1.5 system-ui;text-align:left}dialog.iw-reel-discard::backdrop{background:#0008}.iw-reel-discard h2{font:600 20px/1.3 system-ui;margin:0 0 10px}.iw-reel-discard p{margin:0}.iw-reel-discard footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.iw-reel-discard button{border:1px solid #6f869d;background:#20354a;color:#fff;border-radius:7px;padding:9px 12px;font:14px system-ui;cursor:pointer}.iw-reel-discard [data-reel-discard]{border-color:#c65368;background:#a02b40}.iw-reel-discard button:focus-visible{outline:2px solid #ecc675;outline-offset:3px}

@media(min-width:601px){.iw-reel-dialog form{max-height:calc(100dvh - 150px);overflow-y:auto;padding-right:4px;scrollbar-width:thin}.iw-reel-dialog form>footer{position:sticky;bottom:0;background:#101720;padding:12px 0 2px;border-top:1px solid #3c4d60}.iw-reel-preview video{max-height:min(520px,calc(100dvh - 230px))}}

/* Keep the start/end capture controls in view on shorter desktop windows. */
.iw-reel-dialog .iw-reel-preview video{--iw-preview-height:max(160px,min(420px,calc(100dvh - 360px)));width:min(100%,calc(var(--iw-preview-height) * var(--iw-preview-ratio,1.777778)));height:auto;max-height:none;aspect-ratio:var(--iw-preview-ratio,16 / 9);margin-inline:auto}