@font-face{font-family:Bayti;src:url('/arabic.ttf');font-display:swap}
:root{--ink:#173d34;--muted:#64766e;--green:#22634e;--gold:#d5b87a;--line:#dce5df;--paper:#f7f8f3;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#e5ede2,transparent 50%),var(--paper);color:var(--ink);font:15px/1.8 Bayti,Arial,sans-serif;padding:28px 36px 60px}header,main,#login,#message{max-width:1320px;margin-inline:auto}header{background:#163e33;color:#fff;border-radius:26px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;box-shadow:0 14px 40px #173d3412}header:after{content:'';position:absolute;inline-size:260px;block-size:260px;border:1px solid #d5b87a30;border-radius:50%;inset-inline-end:-60px;inset-block-start:-130px;pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:22px}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:62px;height:70px;background:#d5b87a;color:#173d34;border-radius:20px 20px 8px 20px;font-size:40px}.eyebrow{display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#a58a4e}header .eyebrow{color:#e1c992}h1{font-size:29px;line-height:1.6;margin:5px 0}header p{margin:0;color:#cedcd2;font-size:13px}.local-badge{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;border:1px solid #ffffff24;background:#ffffff09;padding:8px 13px;border-radius:30px}.local-badge i{width:7px;height:7px;background:#b8d5a8;border-radius:50%}h2{font-size:20px;line-height:1.5;margin:0}h3{font-size:17px;margin:0 0 16px}p{color:var(--muted);font-size:12px}nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:14px 0}a{color:var(--green);text-decoration:none;font-size:12px}a:hover{text-decoration:underline}#message{margin-block:12px;color:#8a441f;border-radius:10px;font-size:13px}#message:empty{display:none}.cycle{border:1px solid var(--line);border-radius:14px;background:#ffffffa8;margin-block:16px}.cycle>summary{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;font-weight:bold;list-style:none}.cycle>summary:before{content:'＋';font-size:20px;color:var(--green)}.cycle[open]>summary:before{content:'−'}.cycle small{font-weight:normal;color:var(--muted);margin-inline-start:auto;font-size:11px}.cycle-content{padding:0 22px 22px;border-top:1px solid var(--line)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-bar{margin-block:28px 22px;gap:18px}.draft-bar .section-intro{margin-inline-end:auto}.section-intro h2{font-size:25px;margin-block-start:6px}.draft-bar label{margin:0;min-width:210px;font-size:11px}.columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.85fr);gap:26px;align-items:start}#editor,aside,#login{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-width:0;box-shadow:0 8px 28px #173d3405}aside{position:sticky;top:20px;background:#eef2ec;border-color:#d5dfd5}.panel-heading{display:flex;align-items:center;gap:13px;margin-block-end:22px}.panel-heading p{margin:4px 0 0}.step{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6dfd4;border-radius:12px;font:600 13px Arial;color:var(--green);background:#f5f6ef}.scenes-heading{margin-block:32px 18px;padding-block-start:24px;border-top:1px solid var(--line)}label{display:block;margin-block:15px;font-size:13px;font-weight:600}input,textarea,select{display:block;font:normal 14px/1.7 Bayti,Arial,sans-serif;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfcf9;color:var(--ink);margin-block-start:7px;transition:border-color .18s,box-shadow .18s,background .18s;min-width:0}textarea{min-height:96px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:#9fb8aa}input:focus,textarea:focus,select:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #22634e12;outline:none}button{font:600 13px/1.7 Bayti,Arial,sans-serif;border:1px solid transparent;border-radius:11px;background:var(--green);color:#fff;padding:11px 19px;cursor:pointer;min-height:44px;transition:transform .18s var(--ease),background .18s,box-shadow .18s,border-color .18s}button:hover:enabled{background:#164c3a;transform:translateY(-2px);box-shadow:0 6px 14px #164c3a22}button:active:enabled{transform:translateY(0) scale(.98);box-shadow:none}button:disabled{background:#e6ebe5;color:#7b8980;border-color:#dce4db;cursor:not-allowed;box-shadow:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bd9140;outline-offset:4px}#logout,#reject,#local-stop,.scene button{background:transparent;border-color:var(--line);color:var(--ink)}#logout:hover:enabled,#local-stop:hover:enabled{background:#e7eee5}#reject:hover:enabled,.scene button:hover:enabled{background:#fff1eb;border-color:#deb7a4;color:#873d21}#new{align-self:flex-end;background:#173d34}#add{width:100%;background:#f5f8f1;color:var(--green);border:1px dashed #a9beab}#add:hover:enabled{background:#e8f0e3}#generate-media-copy{background:#f5eddb;color:#66511f;border-color:#e8d8b2}#generate-media-copy:hover:enabled{background:#ecdebd}#generate-media-copy:disabled{opacity:.6}.editor-actions{margin-block-start:24px;padding-block-start:18px;border-top:1px solid var(--line)}.editor-actions button{flex:1}#save{background:#fff;color:var(--green);border-color:#b3c6ba}#save:hover:enabled{background:#eff4ec}.scene{border:1px solid var(--line);border-radius:15px;padding:20px;margin-block:16px;background:#fbfcf9}.scene h3{border-bottom:1px solid var(--line);padding-block-end:12px;color:var(--green)}.scene img,.scene video{display:block;width:100%;max-height:210px;object-fit:contain;background:#eef1e8;border-radius:10px;margin-block:16px}.scene button{margin-inline-end:8px;padding:7px 13px;font-size:11px}input[type=file]{font-size:11px;background:white}input::file-selector-button{font:inherit;background:#e6eee3;color:var(--ink);border:0;border-radius:6px;padding:6px 10px;margin-inline-end:10px;cursor:pointer}#preview{display:block;width:auto;max-width:100%;height:min(53vh,490px);aspect-ratio:9/16;margin-inline:auto;border-radius:17px;background:#153c31;box-shadow:0 12px 30px #173d3422}#state{font-size:11px;color:var(--green);background:#e0e9dc;border-radius:8px;padding:8px 12px}#actual-duration{font-size:12px;color:#6b5525;margin-block:12px 18px}.review{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:12px;margin-block:20px 14px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin:3px 0 0}#approve{width:100%;font-size:14px}#reject{width:100%;margin-block-start:8px}aside>p:last-child{font-size:10px;text-align:center}#stale{background:#fff1e3;color:#884b23;padding:12px;border-radius:10px}#login{max-width:480px;margin-block:38px}#login button{width:100%}[hidden]{display:none!important}details summary{cursor:pointer}#outcome{padding:12px 0}.cycle .toolbar{margin-block:16px}#editor>p{line-height:1.9}
@media(min-width:1100px){#editor{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}#editor>*{grid-column:1/-1}#editor>label:has(#kind),#editor>label:has(#title),#editor>label:has(#cta),#editor>label:has(#voice-provider){grid-column:auto}}
@media(max-width:900px){body{padding:18px}header{padding:24px;align-items:flex-start;flex-direction:column}.columns{grid-template-columns:1fr 1fr;gap:16px}#editor,aside{padding:18px}h1{font-size:24px}.brand-mark{width:48px;height:58px}.local-badge{font-size:10px}}
@media(max-width:680px){body{padding:12px}header{border-radius:18px;padding:22px 18px}.brand-lockup{gap:12px}h1{font-size:21px}.eyebrow{font-size:9px}.columns{display:flex;flex-direction:column}aside{position:static;order:-1;width:100%}#editor{width:100%}.draft-bar{gap:12px}.draft-bar .section-intro{width:100%}.draft-bar label{min-width:0;flex:1}.cycle small{display:none}#preview{height:380px;max-height:65vh}.local-badge{white-space:normal}.panel-heading{margin-block-end:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover:enabled,button:active:enabled{transform:none}}
/* Focused editing and review workspace */
.editor-tabs{display:flex;padding:5px;background:#edf2ea;border-radius:13px;gap:5px;margin-block-end:24px}.editor-tabs button{flex:1;background:transparent;color:#526b5f;border:0;box-shadow:none}.editor-tabs button[aria-selected=true]{background:#fff;color:#173d34;box-shadow:0 3px 9px #173d3412}.editor-tabs button:hover:enabled{transform:none;background:#fff}#copy-panel,#scenes-panel{min-width:0}.scenes-heading{margin-block-start:0;padding-block-start:0;border:0}.preview-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-block:16px}.preview-tools button,.preview-tools a{padding:7px 10px;border:1px solid #cbd9cb;background:#fff;color:#27523e;border-radius:9px;font-size:11px;min-height:36px;text-decoration:none}.preview-tools a:hover{background:#e0ebda}#review-mode{border:1px solid #d9cba7;background:#fbf5e7;color:#735d2b;border-radius:10px;padding:10px 14px;margin-block-end:20px;font-size:12px}.review-only .cycle,.review-only #new,.review-only #add,.review-only .editor-actions,.review-only #generate-media-copy,.review-only .scene button,.review-only .scene label:has(input[type=file]),.review-only .scene>select,.review-only nav a{display:none}.review-only #editor input:disabled,.review-only #editor textarea:disabled,.review-only #editor select:disabled{opacity:1;color:#224536;background:#f8faf5;border-color:#e7ece3;cursor:default}.review-only #editor>div>p{display:none}.review-only .scene label:has([data-field=duration]),.review-only .scene label:has([data-field=observations]){display:none}.scene img,.scene video{max-height:240px}.review-only .draft-bar .section-intro h2{font-size:24px}#copy-panel textarea{min-height:120px}.review-only .columns{grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr)}@media(max-width:680px){.preview-tools button,.preview-tools a{flex:1;text-align:center}.editor-tabs button{font-size:12px}}
.preview-tools button:hover:enabled{background:#dce9d6;color:#173d34;border-color:#9bb49e}