.olla-media-picker{box-sizing:border-box;direction:rtl;border:1px solid #fff9;border-radius:24px;background:rgba(253,252,250,.96);color:#181817;box-shadow:0 14px 48px #00000018;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);width:min(740px,94vw);max-height:88dvh;padding:18px;font:inherit}.olla-media-picker::backdrop{background:#18181730;backdrop-filter:blur(3px)}.olla-media-picker header,.olla-media-picker footer,.media-picker-filter{display:flex;gap:12px;align-items:center}.olla-media-picker h2{font-size:18px;flex:1;margin:0}.olla-media-picker button,.olla-media-picker input,.olla-media-picker select{font:inherit}.olla-media-picker button{min-height:44px;border:1px solid #dedbd3;border-radius:14px;background:#fff;padding:8px 14px;cursor:pointer}.olla-media-picker button:disabled{cursor:default;opacity:.55}.media-picker-filter{margin:16px 0}.media-picker-filter input{min-width:0;flex:1}.media-picker-filter input,.media-picker-filter select{box-sizing:border-box;border:1px solid #dedbd3;border-radius:12px;padding:10px;background:#fff;max-width:100%}.media-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:auto;max-height:55dvh;overscroll-behavior:contain}.media-picker-grid button{text-align:start;padding:6px;min-width:0}.media-picker-grid [aria-selected=true]{border-color:#b9a65d;background:#fff3b6}.media-picker-grid .shot{display:flex;align-items:center;justify-content:center;background:#f3f0e9;aspect-ratio:9/16;border-radius:10px;overflow:hidden;font-size:12px}.media-picker-grid img{width:100%;height:100%;object-fit:cover}.media-picker-grid .nm{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.olla-media-picker footer{padding-top:14px;justify-content:flex-end}.olla-media-picker footer .primary{background:#f7e9a8;color:#171714}.olla-media-picker [role=status]{font-size:13px;min-height:20px}.inline-story-thumb:is([data-pick-draft-media],[data-preview-draft-media]){cursor:pointer;position:relative}.inline-story-thumb:is([data-pick-draft-media],[data-preview-draft-media]):focus-visible{outline:2px solid #b9a65d}.inline-story-thumb img{height:100%;width:100%;object-fit:cover}.inline-media-action{min-height:44px;font:inherit}
@media(max-width:600px){.olla-media-picker{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:24px 24px 0 0;padding:16px 16px calc(12px + env(safe-area-inset-bottom))}.media-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:52dvh}.media-picker-filter{gap:8px}.media-picker-filter select{max-width:43%;font-size:14px}.olla-media-picker footer{flex-wrap:wrap;gap:8px}.olla-media-picker footer button{flex:1;padding:8px}.olla-media-picker input{font-size:16px}}
.week-bridge-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #dedbd366}.week-bridge-actions:empty{display:none}.week-bridge-actions p{margin:0;font-size:14px}.week-bridge-actions button{font:inherit;min-height:44px;border:1px solid #dedbd3;background:#fff;border-radius:14px;padding:8px 14px;cursor:pointer}.week-bridge-actions button:disabled{opacity:.5;cursor:default}.inline-story-thumb:is([data-pick-draft-media],[data-preview-draft-media]):empty::after{content:'הוספת מדיה';font-size:10px}
.inline-media-pick-label{position:absolute;inset:auto 2px 5px;text-align:center;font-size:10px;line-height:1.3;color:#69665f}

.week-editor-actions{gap:8px}.inline-plan-details [data-structure-actions]{display:flex;flex-wrap:wrap;gap:8px}
#weekRequirementsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#weekRequirementsForm>label:first-child,#weekRequirementsForm>p,#weekRequirementsForm>button{grid-column:1/-1}
:is(#weekRequirementsForm,#weekAddStory,#weekMoveStory) :is(input,select,textarea){box-sizing:border-box;max-width:100%;width:100%;font:inherit;padding:10px;border:1px solid #dedbd3;border-radius:12px;background:#fff}
:is(#weekRequirementsForm,#weekAddStory,#weekMoveStory) input[type=checkbox]{width:auto}#weekRequirementsForm label{display:flex;flex-direction:column;gap:4px}
@media(max-width:600px){:is(#weekRequirementsForm,#weekAddStory,#weekMoveStory) :is(input,select,textarea){font-size:16px}.week-editor-actions button{flex:1 1 42%;padding-inline:8px}}

/* One immersive viewer. Native controls own video playback and scrubbing. */
.olla-media-preview{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#121310;color:#fff;direction:ltr;overflow:hidden;display:none;font:inherit}
.olla-media-preview[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:media-viewer-enter .16s ease-out}
.olla-media-preview::backdrop{background:#121310}
.media-viewer-header{display:flex;align-items:center;gap:12px;min-width:0;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#191a17;z-index:1}
.media-viewer-title{flex:1;min-width:0;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.media-viewer-counter{font-size:12px;font-variant-numeric:tabular-nums;color:#d1d0c7}
.olla-media-preview button{box-sizing:border-box;font:inherit;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff22;border-radius:24px;color:inherit;background:#ffffff0e;cursor:pointer;line-height:1.2}
.olla-media-preview [data-close]{font-size:28px;font-weight:300;line-height:1;padding:4px;border:0;background:none}
.olla-media-preview button:focus-visible{outline:2px solid #f4df8a;outline-offset:2px}.olla-media-preview button:disabled{opacity:.4;cursor:default}.olla-media-preview [hidden]{display:none!important}
.media-viewer-stage{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center}
.media-viewer-canvas{position:absolute;inset:0;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}
.media-viewer-canvas img,.media-viewer-canvas video{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.media-viewer-canvas img{transform-origin:center;touch-action:none;user-select:none;-webkit-user-drag:none}.media-viewer-canvas video{touch-action:auto;background:#121310}
.media-viewer-status{position:absolute;inset:50% 16px auto;transform:translateY(-50%);text-align:center;margin:0;pointer-events:none;font-size:14px;line-height:1.6;color:#f2eee4;text-shadow:0 1px 6px #000}
.olla-media-preview[data-phase=loading] .media-viewer-status::before{content:'';display:block;width:22px;height:22px;margin:0 auto 12px;border:2px solid #ffffff33;border-top-color:#f4df8a;border-radius:50%;animation:media-loading .9s linear infinite}
.olla-media-preview[data-phase=error] .media-viewer-status{padding:16px;background:#1c1c18e8;border-radius:16px}
.media-viewer-tools{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#191a17;z-index:1}
.media-viewer-image-tools,.media-viewer-video-tools{display:flex;gap:8px;align-items:center;justify-content:center;min-width:0}.media-viewer-tools button{font-size:13px}
.olla-media-preview[data-kind=video] .media-viewer-image-tools,.olla-media-preview[data-kind=image] .media-viewer-video-tools{display:none}
@keyframes media-viewer-enter{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes media-loading{to{transform:rotate(360deg)}}
@media(orientation:landscape) and (max-height:550px){.media-viewer-header{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px}.media-viewer-tools{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.media-viewer-tools button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.olla-media-preview[open],.olla-media-preview[data-phase=loading] .media-viewer-status::before{animation:none}}
/* Safari native selects otherwise ignore the surrounding control height. */
.media-picker-filter select{appearance:none;-webkit-appearance:none;height:44px;min-height:44px;line-height:1.4;font-size:13px;padding-inline-end:26px;background-image:linear-gradient(45deg,transparent 50%,#706b60 50%),linear-gradient(135deg,#706b60 50%,transparent 50%);background-position:12px center,8px center;background-size:4px 4px;background-repeat:no-repeat}
.media-picker-grid button{border:0;background:transparent;padding:2px}.media-picker-grid button[aria-selected=true]{border:0;background:transparent;box-shadow:inset 0 0 0 2px #b9a65d}.media-picker-grid .shot{aspect-ratio:4/5;border-radius:8px}.media-picker-grid .nm{margin-top:5px}.olla-media-picker footer button{border-radius:22px}.olla-media-picker [role=status]:empty{display:none}
