@font-face{font-family:Urdu;src:url(/urdu.ttf)}*{box-sizing:border-box}body{margin:0;background:#f4f3ee;color:#203b36;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,.file-button{cursor:pointer;border:1px solid #c8d3ca;border-radius:9px;padding:10px 15px;color:#23463b;background:#fff;font-weight:600}button:hover,.file-button:hover{background:#edf4ee}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#245d48;color:#fff;border-color:#245d48}.primary:hover{background:#194b38}.danger{color:#9c3e32}header{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;background:#fff;border-bottom:1px solid #dde1d8;gap:15px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px}.brand span{color:#609176}.tagline{font-size:12px;color:#708078;letter-spacing:0;font-weight:400;margin-top:3px}.account{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{background:#edf3ea;padding:6px 10px;border-radius:30px;font-size:12px}.intro{padding:30px 4vw 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}h1{font-family:Georgia,serif;font-size:34px;margin:4px 0 8px;font-weight:500}p{line-height:1.6;color:#687b71;margin:6px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#52765f;font-weight:700}.layout{display:grid;grid-template-columns:265px minmax(300px,1fr) minmax(290px,370px);gap:20px;padding:0 4vw 35px;align-items:start}.panel{background:#fff;border:1px solid #dfe4da;border-radius:14px;padding:20px;margin-bottom:18px}.panel h2{font-size:15px;margin:0 0 16px;display:flex;align-items:center;gap:10px}.step{display:inline-grid;place-items:center;background:#edf2e9;color:#4f7658;border-radius:50%;width:25px;height:25px;font-size:12px}label{display:block;font-size:12px;font-weight:600;color:#4a6256;margin:14px 0 6px}input:not([type=checkbox]),select,textarea{width:100%;padding:10px;border:1px solid #d6ded4;border-radius:7px;background:#fdfefc;color:#254035}input[type=color]{height:40px;padding:3px}textarea{resize:vertical;min-height:65px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #6d997a;outline-offset:2px}.hint{font-size:12px;line-height:1.5;color:#77867e;margin-top:9px}.file-button{display:block;text-align:center;border-style:dashed;padding:18px 12px;background:#f8faf4}.hidden{display:none!important}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.stack{display:grid;gap:8px;margin-top:12px}.preview-wrap{padding:20px;background:#e6e9e0;border-radius:10px;display:flex;justify-content:center}.preview-wrap canvas{max-width:100%;max-height:430px;object-fit:contain;box-shadow:0 8px 22px #28403020;border-radius:4px}video{width:100%;max-height:160px;background:#1f3027;border-radius:7px;margin-top:14px}.preview-caption{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#758378}.caption-row{border-top:1px solid #e3e8df;padding:14px 0}.caption-row:first-child{border-top:0}.caption-row textarea{direction:rtl;font-family:Urdu,serif;line-height:2.5;padding:8px 12px}.caption-row .row input{width:80px}.caption-row button{flex:0}.caption-row small{font-size:11px}.empty{padding:25px 12px;text-align:center;border:1px dashed #d4ddcd;border-radius:8px;color:#83917f;line-height:1.7}.status{margin:0 4vw 18px;padding:12px 16px;border-radius:8px;background:#e5efdf;color:#32573b;display:flex;gap:15px;align-items:center}.status.error{background:#f8e7df;color:#8a3926}.status span{flex:1}.status progress{width:110px}.caption-list{max-height:630px;overflow:auto}.check{display:flex;align-items:flex-start;gap:8px;line-height:1.5;font-weight:400}.check input{margin-top:3px}footer{text-align:center;padding:0 20px 25px;color:#899284;font-size:12px}a{color:#326a50}.mobile-title{margin-top:0}.wide{width:100%}#account-note{max-width:230px;font-size:12px}details summary{cursor:pointer;font-size:12px;color:#547660;margin-top:12px}@media(max-width:1100px){.layout{grid-template-columns:230px 1fr}.editor{grid-column:1/-1}.caption-list{max-height:none}}@media(max-width:650px){header{padding:15px 5vw}.tagline{max-width:180px}.account{justify-content:flex-end}.intro{padding:25px 5vw 15px;display:block}.intro h1{font-size:29px}.layout{display:flex;flex-direction:column;padding:0 5vw 20px;gap:0}.layout>div{width:100%}.panel{padding:17px}.preview-wrap canvas{max-height:360px}.status{margin:0 5vw 15px;flex-wrap:wrap}.pill{display:none}.intro .pill{display:inline-block;margin-top:12px}#account-note{max-width:135px}}