#director{overflow:hidden}.flow-header{height:58px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0b2934;border-bottom:1px solid #3b6571;box-sizing:border-box}.flow-header>strong{font-size:16px}.flow-header>span{margin-left:auto;font-size:12px;color:#b6e3d8}.flow-header .close-director{position:static;float:none;margin:0;background:#254751;color:white;border:1px solid #698e96;border-radius:12px;padding:8px 12px;font-size:14px}.flow-header .jr-icon{display:none!important}.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:sticky;top:0;background:#12343e;z-index:4;padding:8px 0}.flow-steps button{padding:10px 4px!important;font-size:12px!important;line-height:1.4;box-shadow:none!important;display:block!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}.flow-steps button.active{background:#149c89;border-color:#4bd5bd;color:#fff}.flow-steps .jr-icon{display:none!important}.flow-step[hidden]{display:none!important}.flow-step h3{font-size:18px;margin:10px 0 18px;color:#fff}.flow-next{margin-top:22px!important}.director-tools{padding:16px!important}.director-tools #director-message{margin:6px 0 15px;min-height:28px;line-height:1.6;font-size:13px}.director-tools .director-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.director-tools .director-row:has(#director-near){grid-template-columns:repeat(3,minmax(0,1fr))}.director-tools .director-row button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:10px 5px!important;font-size:13px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.5}.director-tools .jr-icon{width:25px!important;height:28px!important;margin:0!important}.director-tools input,.director-tools select{margin-bottom:14px}.director-tools label{margin:12px 0 6px}.director-tools .flow-record-help{padding:14px;background:#234a54;border-radius:14px;color:#e6fff8;font-size:14px}.director-tools #director-download{display:block!important;background:#1ca384;color:#fff;padding:18px;font-size:17px;margin:18px 0;opacity:.4;pointer-events:none}.director-tools #director-download.ready{opacity:1;pointer-events:auto;box-shadow:0 5px 0 #07584c}.director-tools #director-download[hidden]:before{content:'রেকর্ড শেষ করলে: '}.director-tools .flow-details{font-size:12px;color:#b7d9d7;margin:22px 0}.director-tools .flow-details summary{padding:12px;background:#22424b;border-radius:12px;cursor:pointer}.director-stats{bottom:38px;padding:11px;gap:6px}.director-stats strong{font-size:20px}.director-stats>span{min-width:0;flex:1}.director-hud{top:12px;left:12px;right:12px}.director-hud h3{font-size:15px}.flow-live .flow-steps,.flow-live [data-step="0"],.flow-live [data-step="1"],.flow-live label[for="director-speed"],.flow-live label[for="director-speed-number"],.flow-live #director-speed,.flow-live #director-speed-number,.flow-live #director-play,.flow-live #director-reset,.flow-live #director-progress{display:none!important}.flow-history{padding:24px}.flow-history h2{font-size:22px}.flow-history-row{border:1px solid #ccdce0;padding:16px;border-radius:18px;margin:14px 0;background:#ffffffa8;overflow-wrap:anywhere}.flow-history-row p{font-size:13px;color:#6e8790}.flow-download{display:block;text-align:center;text-decoration:none;padding:14px;border-radius:12px}.flow-payment-steps{padding:15px;border-radius:15px;background:#e0f5ef;line-height:1.9;font-size:14px}.accountbanner{gap:18px!important;align-items:center}.accountbanner>div{min-width:0}.accountbanner button{flex-shrink:0;white-space:normal}.maptop,.mapbottom{max-width:calc(100% - 92px)}.environment-controls{top:76px!important;max-width:220px!important}.mapbottom .speedcard{max-width:170px}.flow-live-entry{background:linear-gradient(135deg,#158e83,#0c5e72)}
@media(min-width:701px){.director-layout{height:calc(100dvh - 58px)!important;min-height:0}.director-stage{height:calc(100dvh - 58px)!important}.director-view{width:min(100%,calc((100dvh - 90px)*9/16))}}
@media(max-width:700px){.director-layout{height:calc(100dvh - 58px)!important;min-height:0;display:grid!important;grid-template-rows:43% 57%;overflow:hidden}.director-stage{order:0!important;grid-row:1;height:100%;padding:0!important;min-height:0}.director-view{height:100%!important;width:100%;border-radius:0;aspect-ratio:auto}.director-tools{grid-row:2;overflow-y:auto!important;overflow-x:hidden;min-height:0;padding:10px 16px 26px!important;overscroll-behavior:contain}.director-stats{left:10px;right:10px;bottom:38px;padding:8px;font-size:10px}.director-stats strong{font-size:17px}.director-badge{font-size:10px;padding:5px 9px}.director-hud h3{font-size:13px;margin-top:6px}.flow-header>strong{display:none}.flow-header>span{font-size:13px}.accountbanner{display:grid!important;grid-template-columns:1fr!important}.accountbanner button{width:100%}.flow-history{padding:20px}.flow-step h3{font-size:16px;margin:8px 0 14px}}
@media(max-width:700px){.director-layout{grid-template-columns:minmax(0,1fr)!important}}
.flow-map-zoom{position:absolute;right:10px;top:78px;z-index:5;display:grid;gap:8px}.flow-map-zoom button{width:42px;height:42px;border:1px solid #b2dfd2;border-radius:12px;background:#f1fffae8;color:#17424b;font-size:25px;box-shadow:0 4px 0 #8dabae}.flow-map-zoom .jr-icon{display:none}
.flow-package-gate{text-align:left;max-width:480px}.flow-package-gate h1{font-size:25px!important}.flow-package-gate ol{padding-left:22px;color:#577580;line-height:2}.flow-package-gate button{width:100%;margin-top:16px}.flow-plan-price{display:flex;align-items:center;gap:15px;background:#d4f2e8;border:1px solid #99d5c4;padding:22px;border-radius:20px;color:#125b5c}.flow-plan-price strong{font-size:35px}.flow-plan-price span{font-size:18px}
.flow-cinema-open{position:absolute;top:9px;right:10px;z-index:6;background:#eefdf6;color:#154650;border:1px solid #a2d6c6;border-radius:12px;padding:8px 10px;font:600 11px system-ui;box-shadow:0 3px 0 #7faaa0}.flow-cinema-open .jr-icon{display:none}.flow-cinema-open:disabled{opacity:.45}.director-hud{max-width:65%;pointer-events:none}.flow-cinema-bar{display:none}.flow-cinema .director-layout{display:block!important;height:calc(100dvh - 58px)!important}.flow-cinema .director-stage,.flow-cinema .director-view{width:100%!important;height:100%!important;max-width:none!important;border-radius:0}.flow-cinema .director-tools,.flow-cinema .flow-cinema-open{display:none!important}.flow-cinema .director-stats{bottom:108px}.flow-cinema .flow-cinema-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:absolute;left:10px;right:10px;bottom:37px;z-index:7}.flow-cinema-bar button{border:1px solid #609b98;background:#113c46ee;color:#fff;border-radius:14px;padding:13px 5px;font:600 12px system-ui;white-space:normal}.flow-cinema-bar button:disabled{opacity:.4}.flow-cinema-bar .jr-icon{display:none}
/* Reel preview uses the same portrait composition as the 1080×1920 recording. */
#director:not(.director-picking) .director-stage{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;background:#06151d}
#director:not(.director-picking) .director-view{height:var(--reel-height,100%)!important;width:var(--reel-width,auto)!important;aspect-ratio:9/16!important;max-height:100%!important;max-width:100%!important;flex:none!important}
#director:not(.director-picking) .director-hud{max-width:65%;font-size:10px}