@font-face{font-family:Mehr;src:url('../fonts/Mehr.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Pak Nastaleeq';src:url('../fonts/PakNastaleeq.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Jameel Noori Nastaleeq';src:url('../fonts/JameelNooriNastaleeq.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Jameel Noori Nastaleeq Kasheeda';src:url('../fonts/JameelNooriNastaleeqKasheeda.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Payami Nastaleeq';src:url('../fonts/PayamiNastaleeq.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Nafees Nastaleeq';src:url('../fonts/NafeesNastaleeq.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'AlQalam Alvi Nastaleeq';src:url('../fonts/AlQalamAlviNastaleeq.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Faiz Lahori Nastaleeq';src:url('../fonts/FaizLahoriNastaleeq.ttf') format('truetype');font-weight:400;font-style:normal}:root{--chrome:#323232;--chrome-2:#3a3a3a;--chrome-3:#2b2b2b;--canvas-bg:#535353;--line:#262626;--txt:#d4d4d4;--txt-dim:#9a9a9a;--accent:#d99b28;--paper:#F3ECDD;--paper-text:#2A2118;--sel:#8C2E2E;--direct:#2F7ED9}*{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--chrome-2) var(--chrome-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--chrome-3)}::-webkit-scrollbar-thumb{background:var(--chrome-2);border-radius:6px;border:2px solid var(--chrome-3)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--chrome-3)}body,html{height:100%;overflow:hidden}body{background:var(--chrome-3);color:var(--txt);font-family:'Segoe UI',system-ui,sans-serif;font-size:12px;display:flex;flex-direction:column;user-select:none}.menubar{height:34px;background:var(--chrome);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:14px;flex-shrink:0;position:relative}.logo{height:22px;padding:0 10px;background:var(--accent);color:#1a1a1a;border-radius:3px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;white-space:nowrap;flex-shrink:0}.menubar .title{color:var(--txt-dim);font-size:12px}.menubar .spacer{flex:1}.menubar .exportGrp{display:flex;align-items:center;gap:8px;flex-shrink:0}.menubar .exportGrp .btnrow{gap:4px}.menubar .exportGrp .sbtn{flex:none;padding:4px 9px;font-size:11px}.menubar .accentbtn{background:var(--accent);color:#1a1a1a;font-weight:600;padding:5px 12px;white-space:nowrap}.menubar .accentbtn:hover{background:#e8ac3d}.title[contenteditable]{outline:0;border-bottom:1px dashed transparent;cursor:text;padding:2px 1px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title[contenteditable]:hover{border-bottom-color:var(--txt-dim)}.title[contenteditable]:focus{border-bottom-color:var(--accent);color:var(--txt)}.autosave{color:var(--txt-dim);font-size:10.5px;opacity:0;transition:opacity .5s;white-space:nowrap}.autosave.show{opacity:1}.filemenu{position:relative;flex-shrink:0}.menubtn{background:0 0;border:none;color:var(--txt);font-size:12px;padding:5px 9px;border-radius:3px;cursor:pointer;font-family:inherit}.menubtn.open,.menubtn:hover{background:#454545}.dropdown{position:absolute;top:30px;left:0;background:var(--chrome-2);border:1px solid var(--line);border-radius:4px;min-width:210px;width:max-content;max-width:320px;box-shadow:0 6px 18px rgba(0,0,0,.4);display:none;z-index:50;padding:4px}.dropdown.show{display:block}.dropdown .ditem{padding:7px 10px;font-size:12px;color:var(--txt);cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:14px;white-space:nowrap}.dropdown .ditem:hover{background:var(--accent);color:#1a1a1a}.dropdown .dsep{height:1px;background:var(--line);margin:4px 2px}.dropdown .dlabel{unicode-bidi:isolate}.dropdown .dkey{color:var(--txt-dim);font-size:10px;unicode-bidi:isolate}.dropdown .ditem:hover .dkey{color:#1a1a1a}.iconbtn{width:26px;height:26px;border:none;background:0 0;color:var(--txt-dim);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.iconbtn:hover:not(:disabled){background:#454545;color:var(--txt)}.iconbtn:disabled{opacity:.3;cursor:default}.iconbtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sugg-fab{position:fixed;bottom:22px;left:22px;z-index:100;width:50px;height:50px;border-radius:50%;background:var(--accent);color:#1a1a1a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4);animation:sugg-blink 1.6s ease-in-out infinite}.sugg-fab:hover{background:#e8ac3d;color:#1a1a1a}.sugg-fab svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes sugg-blink{0%,100%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 0 rgba(217,155,40,.5)}50%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 8px rgba(217,155,40,0)}}.sugg-reminder{position:fixed;bottom:30px;left:82px;z-index:99;display:flex;align-items:center;gap:10px;background:var(--chrome);border:1px solid var(--accent);border-radius:8px;padding:10px 12px;box-shadow:0 4px 14px rgba(0,0,0,.4);color:var(--txt);font-size:12.5px;cursor:pointer;max-width:240px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.sugg-reminder.show{opacity:1;visibility:visible;pointer-events:auto}.sugg-reminder-close{background:0 0;border:none;color:var(--txt-dim);font-size:16px;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.sugg-reminder-close:hover{color:var(--txt)}.optionbar{height:36px;background:var(--chrome-2);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:14px;flex-shrink:0}.optionbar .grp{display:flex;align-items:center;gap:6px}.optionbar label{color:var(--txt-dim);font-size:11px}.status{color:var(--accent);font-size:11px;white-space:nowrap}.main{flex:1;display:flex;min-height:0}.toolstrip{width:46px;background:var(--chrome);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;flex-shrink:0}.tool{width:34px;height:34px;border-radius:4px;background:0 0;border:none;color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}.tool:hover{background:#454545}.tool.active{background:var(--accent);color:#1a1a1a}.tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tooldiv{width:26px;height:1px;background:var(--line);margin:4px 0}.stage{flex:1;background:var(--canvas-bg);position:relative;overflow:hidden;min-width:0}.stage.pan{cursor:grab}.stage.panning{cursor:grabbing}.stage.marquee{cursor:crosshair}.stage.zoomin{cursor:zoom-in}.stage.direct{cursor:default}#viewport{position:absolute;top:0;left:0;transform-origin:0 0;display:flex;flex-direction:column;align-items:flex-start;gap:46px}.artboard-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ab-label{color:#d8d8d8;font-size:11px;background:rgba(0,0,0,.35);padding:3px 9px;border-radius:3px;cursor:default}.artboard{background:var(--paper);width:640px;min-height:460px;padding:48px 44px;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 6px 22px rgba(0,0,0,.3);display:flex;align-items:center;outline:2px solid transparent;outline-offset:3px;position:relative}.artboard.active-page{outline-color:var(--accent)}.previewStack{position:relative;width:100%}.preview{width:100%;word-break:break-word;font-family:Mehr,serif;text-align:right;direction:rtl;color:var(--paper-text)}.drag-word{display:inline-block;cursor:grab;touch-action:none;border-radius:2px}.drag-word.has-gap-before{margin-inline-start:var(--ws,0)}.drag-word:hover{outline:1px dashed rgba(140,46,46,.55)}.preview.editing{outline:1.5px dashed var(--accent);outline-offset:6px;cursor:text;min-height:1.4em}.drag-word-editing{outline:1.5px dashed var(--accent);outline-offset:3px;cursor:text;touch-action:auto}.stage.text{cursor:text}.drag-word.selected{outline:1.5px solid var(--sel)}.drag-word.dragging{cursor:grabbing;outline:1.5px solid var(--sel)}.glyph-piece{position:absolute;pointer-events:auto;cursor:grab}.glyph-piece.hovered{filter:drop-shadow(0 0 0 2px var(--direct))}.glyph-piece.selected{filter:drop-shadow(0 0 1.5px var(--direct)) drop-shadow(0 0 1.5px var(--direct))}.glyph-piece.dragging{cursor:grabbing}.glyph-hole{position:absolute;pointer-events:none}.glyph-hover-outline{position:absolute;pointer-events:none;outline:1.5px dashed var(--direct);outline-offset:1px}.marqueeBox{display:none;position:absolute;border:1px dashed var(--sel);background:rgba(140,46,46,.08);pointer-events:none}.marqueeBox.direct{border-color:var(--direct);background:rgba(47,126,217,.08)}.groupBoxIndicator{background:0 0}.ctxmenu{position:fixed;z-index:200;background:var(--chrome-2);border:1px solid var(--line);border-radius:4px;min-width:170px;width:max-content;max-width:320px;box-shadow:0 6px 18px rgba(0,0,0,.4);padding:4px}.ctxmenu .ctxitem{padding:7px 10px;font-size:12px;color:var(--txt);cursor:pointer;border-radius:3px;white-space:nowrap;unicode-bidi:isolate}.ctxmenu .ctxitem:hover{background:var(--accent);color:#1a1a1a}.panel{width:272px;background:var(--chrome);border-left:1px solid var(--line);overflow-y:auto;overflow-x:hidden;flex-shrink:0;padding-bottom:20px}.sect{border-bottom:1px solid var(--line);padding:12px 14px;overflow:hidden}.sect h3{font-size:11px;font-weight:600;color:var(--txt);margin-bottom:10px;letter-spacing:.3px;display:flex;align-items:center;justify-content:space-between}.irow{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-width:0;padding:0 2px}.irow:last-child{margin-bottom:0}.irow-pair{display:flex;gap:8px;margin-bottom:8px;min-width:0}.irow-pair:last-child{margin-bottom:0}.irow-pair .irow{flex:1;margin-bottom:0;min-width:0}.irow-icon{width:15px;height:15px;flex-shrink:0;color:var(--txt-dim);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.irow select{width:100%;min-width:0}.num-input{width:100%;min-width:0;background:var(--chrome-3);color:var(--txt);border:1px solid var(--line);border-radius:3px;padding:5px 6px;font-size:12px;font-family:inherit;text-align:center}input[type=number],select,textarea{background:var(--chrome-3);color:var(--txt);border:1px solid var(--line);border-radius:3px;padding:6px 8px;font-size:12px;width:100%;font-family:inherit}textarea{font-family:'Noto Nastaliq Urdu',serif;direction:rtl;font-size:17px;line-height:2;min-height:110px;resize:vertical}input[type=range]{-webkit-appearance:none;flex:1;height:3px;background:#5a5a5a;border-radius:2px;outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer}.btnrow{display:flex;gap:5px}.sbtn{flex:1;padding:6px 4px;background:var(--chrome-3);border:1px solid var(--line);border-radius:3px;color:var(--txt-dim);font-size:11px;cursor:pointer;font-family:inherit}.sbtn:hover{background:#454545;color:var(--txt)}.sbtn.active{border-color:var(--accent);color:var(--accent)}.swatch{height:22px;border-radius:3px;border:1px solid var(--line);cursor:pointer;flex:0 0 calc(16.66% - 5px)}.swatch.active{border:2px solid var(--accent)}.ibtn{flex:1;padding:7px 0;background:var(--chrome-3);border:1px solid var(--line);border-radius:3px;color:var(--txt-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.ibtn:hover{background:#454545;color:var(--txt)}.ibtn.active{border-color:var(--accent);color:var(--accent)}.color-row{display:flex;align-items:center;gap:8px}.color-wheel-btn{position:relative;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#ff00ff,red);border:1px solid var(--line);cursor:pointer;overflow:hidden}.color-wheel-btn input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;opacity:0}.color-row .btnrow{flex:1;flex-wrap:wrap;gap:5px;row-gap:6px}.layer-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:3px;background:var(--chrome-3);border:1px solid var(--line);cursor:pointer;font-size:11px;color:var(--txt-dim)}.layer-item:hover{border-color:#555}.layer-item.active{border-color:var(--accent);color:var(--txt)}.layer-item .lthumb{width:22px;height:22px;flex-shrink:0;border-radius:2px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}.layer-item .lthumb img{max-width:100%;max-height:100%}.layer-item .lname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item .leye{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--txt-dim);border-radius:3px}.layer-item .leye:hover{background:#4a4a4a;color:var(--txt)}.layer-item .leye svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layer-item.hidden-layer{opacity:.45}.layer-item.base-layer{cursor:default}.layer-item.drag-over-layer{outline:1.5px dashed var(--direct);outline-offset:2px}.layer-item.dragging-item{opacity:.4}.layers-empty{color:var(--txt-dim);font-size:10.5px;padding:4px 2px}.primary{width:100%;padding:9px;background:var(--accent);color:#1a1a1a;border:none;border-radius:3px;font-weight:600;font-size:12px;cursor:pointer;font-family:inherit;margin-bottom:7px}.primary:last-child{margin-bottom:0}.primary:hover{background:#e8ac3d}.primary.secondary{background:var(--chrome-3);color:var(--txt);border:1px solid var(--line)}.primary.secondary:hover{background:#454545}.tip{color:var(--txt-dim);font-size:10.5px;line-height:1.7;margin-top:9px}.tip b{color:var(--txt)}.ur{font-family:Mehr,Amiri,serif;direction:rtl}html[lang=en] .ur{font-family:'Segoe UI',system-ui,sans-serif;direction:ltr}.lang-option.active .dlabel{color:var(--accent);font-weight:600}.pagelist{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.pageitem-wrap{border-radius:3px}.pageitem-wrap.drag-over-page{outline:1.5px dashed var(--accent);outline-offset:2px}.pageitem-wrap.dragging-item{opacity:.4}.pageitem{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;background:var(--chrome-3);border:1px solid var(--line);cursor:pointer;font-size:11px;color:var(--txt-dim)}.pageitem:hover{border-color:#555}.pageitem.active{border-color:var(--accent);color:var(--txt)}.pageitem .pname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pageitem .picon{width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:3px;color:var(--txt-dim);flex-shrink:0}.pageitem .picon:hover{background:#4a4a4a;color:var(--txt)}.pageitem .picon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lgrip,.pgrip{width:14px;height:18px;flex-shrink:0;cursor:grab;display:flex;align-items:center;justify-content:center;color:var(--txt-dim)}.lgrip svg,.pgrip svg{width:10px;height:14px;fill:currentColor}.pfold{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:3px;color:var(--txt-dim);cursor:pointer}.pfold:hover{background:#4a4a4a;color:var(--txt)}.pfold svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.pfold.collapsed svg{transform:rotate(-90deg)}.page-layers{display:flex;flex-direction:column;gap:4px;margin:5px 0 0 17px}html[lang=en] .page-layers{margin:5px 17px 0 0}.h3-addbtn{width:20px;height:20px;border-radius:3px;background:0 0;border:none;color:var(--txt-dim);display:flex;align-items:center;justify-content:center;cursor:pointer}.h3-addbtn:hover{background:#4a4a4a;color:var(--accent)}.h3-addbtn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.modal-content{background:var(--chrome-2);color:var(--txt);border:1px solid var(--line);border-radius:6px}.modal-footer,.modal-header{border-color:var(--line)}.modal-title{font-size:14px}.modal-body{font-size:12.5px;line-height:1.8}.btn-accent{background:var(--accent);color:#1a1a1a;border:none;font-weight:600}.btn-accent:hover{background:#e8ac3d;color:#1a1a1a}.guide-body{max-height:65vh;overflow-y:auto}.guide-body h6{color:var(--accent);font-size:12.5px;font-weight:700;margin:14px 0 6px}.guide-body h6:first-child{margin-top:0}.guide-body p{margin-bottom:4px;line-height:1.9}.guide-body b{color:var(--txt)}.resize-handle{position:absolute;width:9px;height:9px;margin:-4.5px;background:#fff;border:1.5px solid var(--sel);border-radius:1px;pointer-events:auto;z-index:5}.resize-handle.nw,.resize-handle.se{cursor:nwse-resize}.resize-handle.ne,.resize-handle.sw{cursor:nesw-resize}.btn-outline-light2{background:var(--chrome-3);color:var(--txt);border:1px solid var(--line)}.btn-outline-light2:hover{background:#454545;color:var(--txt)}.tooltip-inner{font-family:inherit;font-size:11px}.livecount{display:inline-flex;align-items:center;gap:6px;color:var(--txt-dim);font-size:11px;white-space:nowrap}.livecount .dot{width:7px;height:7px;border-radius:50%;background:#4caf50;flex-shrink:0;box-shadow:0 0 4px #4caf50}#profileGateModal .sugg-field,#suggestModal .sugg-field{margin-bottom:12px}#profileGateModal .sugg-error,#suggestModal .sugg-error{color:var(--sel);font-size:12px}#profileGateModal .modal-header,#suggestModal .modal-header{border-bottom:none}#profileGateModal .modal-footer,#suggestModal .modal-footer{border-top:none}.gate-terms-link{display:block;color:var(--txt-dim);font-size:10.5px;text-decoration:underline;margin-top:6px}.gate-terms-link:hover{color:var(--txt)}.terms-link{position:fixed;bottom:8px;right:12px;z-index:90;color:var(--txt-dim);font-size:10px;text-decoration:none;opacity:.6}.terms-link:hover{opacity:1;color:var(--txt);text-decoration:underline}@media print{@page{margin:10mm}body *{visibility:hidden}.artboard,.artboard *{visibility:visible}body,html{overflow:visible;height:auto}#viewport{transform:none!important;position:static!important;display:block}.artboard-wrap{page-break-after:always;margin:0 auto;width:fit-content}.artboard-wrap:last-child{page-break-after:auto}.ab-label{display:none}.artboard{position:relative;box-shadow:none;outline:0!important;margin:0 auto}.drag-word{outline:0!important}}