#fjEditor{position:fixed;inset:0;z-index:10000;background:#ffffff;color:#302d3b;font:14px Vazirmatn,sans-serif;display:flex;flex-direction:column;color-scheme:light}#fjEditor *{box-sizing:border-box}#fjEditor button,#fjEditor input,#fjEditor select{font:inherit;color:inherit}#fjEditor button{cursor:pointer;background:transparent;border:0;border-radius:9px;padding:8px 10px;white-space:nowrap;min-height:36px}#fjEditor button:hover{background:#efebf8}#fjEditor button:focus-visible,#fjEditor input:focus-visible,#fjEditor select:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}#fjEditor svg:not(#fjSvg){width:23px;height:23px;display:block}#fjEditor [hidden]{display:none!important}.fj-header{height:68px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e9e6ee;padding:10px 18px;flex-shrink:0}.fj-brand{font-size:34px;color:#8660de}.fj-header #fjTitle{width:240px;border:0;background:transparent;font-size:16px;font-weight:700;padding:8px}.fj-header #fjPrivacy{width:auto;font-size:12px;border:1px solid #e5e0ee;border-radius:9px;background:#fff;padding:8px}.fj-divider{height:22px;width:1px;background:#e5e0ee}.fj-spacer{flex:1}#fjStatus{font-size:11px!important;color:#797481!important}#fjStage{flex:1;min-height:0;position:relative;overflow:hidden;background-color:#ffffff;background-image:radial-gradient(#d4cfdf 1px,transparent 1px);direction:ltr}#fjStage.no-grid{background-image:none}#fjSvg{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:default}#fjStage[data-tool=pan] #fjSvg,#fjStage.space #fjSvg{cursor:grab}#fjStage.dragging #fjSvg{cursor:grabbing}#fjStage[data-tool=text] #fjSvg{cursor:text}#fjStage[data-tool=pen] #fjSvg,#fjStage[data-tool=highlighter] #fjSvg,#fjStage[data-tool=rect] #fjSvg,#fjStage[data-tool=ellipse] #fjSvg,#fjStage[data-tool=arrow] #fjSvg,#fjStage[data-tool=elbow] #fjSvg,#fjStage[data-tool=line] #fjSvg,#fjStage[data-tool=diamond] #fjSvg,#fjStage[data-tool=triangle] #fjSvg,#fjStage[data-tool=section] #fjSvg{cursor:crosshair}#fjStage[data-tool=note] #fjSvg{cursor:copy}#fjStage[data-tool=eraser] #fjSvg{cursor:cell}#fjSelection{pointer-events:none}#fjSelection [data-handle]{pointer-events:all;cursor:nwse-resize}.fj-dock,.fj-navigation,.fj-history,.fj-pagebar,#fjProps,.fj-palette{position:absolute;background:#fff;border:1px solid #e8e3ed;box-shadow:0 5px 20px #3020390d;border-radius:15px;display:flex;align-items:center;gap:3px;padding:7px;z-index:2}.fj-dock{bottom:46px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);overflow:auto;direction:ltr;scrollbar-width:thin}.fj-dock button{position:relative;min-width:40px;height:49px;padding:8px!important;display:flex;align-items:center;justify-content:center}.fj-dock button.active{background:#ede5ff!important;color:#7d4bdd!important;box-shadow:inset 0 0 0 1px #d6c1ff}.fj-dock button span{position:absolute;font-size:8px;bottom:1px;right:4px;opacity:.5}.fj-navigation{bottom:128px;right:20px;direction:ltr;font-size:12px}.fj-navigation button[data-action=zoomOut],.fj-navigation button[data-action=zoomIn]{font-size:0!important}.fj-navigation button[data-action=zoomOut]:after{content:'−';font-size:22px}.fj-navigation button[data-action=zoomIn]:after{content:'+';font-size:22px}.fj-history{bottom:128px;left:20px;direction:ltr}.fj-pagebar{top:18px;left:20px;max-width:calc(100% - 40px);gap:6px;font-size:12px;direction:rtl}.fj-label{color:#8b8399;padding:0 8px}#fjPages{display:flex;gap:4px;overflow:auto;max-width:40vw}#fjPages button.active{background:#f0e9ff;color:#8256d2}#fjProps{top:80px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);flex-wrap:wrap;justify-content:center;direction:rtl;padding:7px 12px;font-size:11px}#fjProps input[type=number]{width:58px;border:1px solid #e5e0ee;border-radius:7px;padding:6px}#fjProps select{width:70px;border:1px solid #e5e0ee;padding:6px;background:#fff;border-radius:7px}#fjEditor input[type=color]{width:29px;height:29px;border:0;padding:2px;background:transparent;cursor:pointer}#fjSelectionCount{color:#867993}#fjTableOps{display:flex}.fj-palette{bottom:112px;left:50%;transform:translateX(-50%);gap:7px;padding:6px 12px}.fj-palette button{width:22px;height:22px;min-height:22px!important;padding:0!important;border-radius:50%!important;background:var(--swatch)!important;border:1px solid #0002!important}.fj-palette button:hover{outline:2px solid #ae8ce8}#fjHint{position:absolute;bottom:12px;left:15px;right:15px;text-align:center;direction:rtl;font-size:11px;color:#9b94a3;pointer-events:none}#fjInline{position:absolute;z-index:4;border:2px solid #9567e8;border-radius:3px;background:#fff9;color:#292936;padding:10px;resize:both;outline:0;font-family:Vazirmatn,sans-serif;line-height:1.45;text-align:center;min-height:50px}#fjHelp{border:1px solid #e3d9f1;border-radius:20px;padding:28px;width:min(540px,90vw);color:#40364f;line-height:2;background:#fff}#fjHelp::backdrop{background:#20152d55;backdrop-filter:blur(4px)}#fjHelp h2{font-size:22px}#fjHelp button{background:#8b5cf6;color:#fff;width:100%}
@media(max-width:800px){.fj-header{padding:8px;gap:3px;height:60px}.fj-header #fjTitle{width:130px;font-size:13px}.fj-header #fjPrivacy{max-width:94px;padding:5px;font-size:10px}#fjStatus,.fj-divider,.fj-brand{display:none}.fj-header button{padding:6px!important}.fj-dock{bottom:45px;max-width:calc(100% - 20px);justify-content:flex-start;border-radius:14px}.fj-dock button{min-width:38px}.fj-pagebar{top:10px;left:10px;max-width:calc(100% - 20px)}.fj-pagebar .fj-label{display:none}#fjPages{max-width:42vw}.fj-navigation{right:10px;bottom:160px}.fj-history{left:10px;bottom:160px}#fjProps{top:65px;max-height:160px;overflow:auto;width:calc(100% - 20px)}.fj-palette{bottom:111px}#fjHint{font-size:9px;bottom:9px}.fj-header button[data-action=png]{display:none}}
@media(prefers-reduced-motion:no-preference){#fjEditor button{transition:background .12s,color .12s}}
#fjEditor{min-width:0}#fjStage,.fj-header{min-width:0;width:100%}.fj-header #fjTitle{min-width:0;flex-shrink:1}.fj-header .fj-spacer{min-width:0}#fjProps #fjStamp{width:46px}#fjProps #fjLineWidth{width:65px}
@media(max-width:800px){.fj-header #fjTitle{flex:1;width:70px}.fj-header>button{font-size:11px}.fj-header #fjPrivacy{width:80px}.fj-header>button[data-action=close]{max-width:46px;overflow:hidden}.fj-pagebar{flex-wrap:nowrap}.fj-navigation{max-width:calc(100% - 135px);gap:0;padding:4px;font-size:10px}.fj-navigation button{padding:6px!important}.fj-pagebar button{padding:6px!important}}
@media(max-width:800px){#fjStatus{display:block;position:absolute;bottom:220px;right:10px;z-index:3;max-width:190px;white-space:normal!important;background:#ffffffed!important;box-shadow:0 2px 10px #30203910;font-size:10px!important;min-height:28px!important}}

/* White canvas and contextual typography/table controls. */
#fjStage{background-color:#fff;background-image:radial-gradient(#e5e3eb .75px,transparent .75px)}
#fjInline{border:1px solid #9b72ee;background:transparent;box-shadow:none;border-radius:1px;resize:none;overflow:hidden;min-height:0;outline:none;caret-color:#7c3aed;letter-spacing:normal}
#fjInline::placeholder{color:#aaa3b7}#fjInline:focus{outline:0!important;box-shadow:none!important}
#fjTextBar,#fjTableBar{position:absolute;z-index:5;display:flex;align-items:center;gap:4px;padding:7px;background:#fff;border:1px solid #e6e1ed;border-radius:12px;box-shadow:0 5px 24px #30203914;direction:rtl;max-width:calc(100% - 24px);flex-wrap:wrap}
#fjTextBar{width:max-content;max-width:min(760px,calc(100% - 24px));font-size:12px}
#fjTextBar button{height:32px;min-height:32px!important;padding:5px 9px!important;border-radius:7px}#fjTextBar button.active{background:#ede5ff;color:#7c3aed}
#fjTextBar select,#fjTextBar input[type=number],#fjTableBar select{width:auto;border:0;background:#f8f6fb;border-radius:7px;font-size:11px;padding:6px;max-width:115px;height:32px}
#fjTextBar #fjTextSize{width:54px;background:#fff;border:1px solid #eee9f3;font-size:13px}#fjTextBar #fjTextInk{width:28px;height:28px;padding:3px}.fj-text-divider{width:1px;height:22px;background:#e8e3ed}
#fjTextBar button[data-text-command=autoWidth].active{background:#ede5ff}
#fjTableBar{top:75px;right:18px;max-width:270px;justify-content:flex-start;font-size:11px;padding:10px;gap:5px}
#fjTableBar strong{font-size:11px;width:100%;font-weight:500;color:#776b89}#fjTableBar select{width:100%;max-width:none}
#fjTableBar button{border:1px solid #e8e0f3;flex:1;min-height:32px!important;font-size:11px;padding:6px!important}#fjTableBar button[data-table-command^=del]{color:#b94b66;background:#fff6f8;border-color:#f2dfe5}#fjTableBar small{width:100%;color:#a095ad;font-size:10px;padding:3px 0}
#fjProps[data-kind=text],#fjProps[data-kind=table]{display:none!important}
#fjProps.fj-text-selected>#fjTextColor,#fjProps.fj-text-selected>#fjFontSize,#fjProps.fj-text-selected>#fjAlign,#fjProps.fj-text-selected>button[data-action=bold],#fjProps.fj-text-selected>button[data-action=italic]{display:none}
#fjSelection [data-table-col],#fjSelection [data-table-row]{pointer-events:stroke}#fjSelection [data-table-col]{cursor:col-resize}#fjSelection [data-table-row]{cursor:row-resize}
#fjEditor [data-text-command=bold]{font-weight:700}#fjEditor [data-text-command=italic]{font-style:italic}
@media(max-width:800px){#fjTextBar{left:12px!important;top:65px!important;max-width:calc(100% - 24px);gap:2px;padding:6px;max-height:144px;overflow:auto}#fjTextBar button{padding:4px 7px!important}#fjTextBar select{max-width:90px;padding:5px;font-size:10px}#fjTableBar{top:auto;bottom:205px;right:10px;max-width:calc(100% - 20px);max-height:150px;padding:8px;overflow:auto}#fjTableBar strong,#fjTableBar small{width:auto;font-size:9px}#fjTableBar select{width:auto;max-width:130px}#fjTableBar button{font-size:10px}}

#fjStage[data-tool=select] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%202v17l4.5-4.8%204.2%208%203.2-1.8-4.2-7.8%206.8-.2Z%22%20fill%3D%22%23272332%22%20stroke%3D%22white%22%20stroke-width%3D%221.25%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 4 2,default}
#fjStage[data-tool=pen] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m5%2026%204-10L22%203l7%207-13%2013Z%22%20fill%3D%22%23fff%22%20stroke%3D%22%2330283d%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22m9%2016%207%207M5%2026l5-2-3-3Z%22%20fill%3D%22%238b5cf6%22%20stroke%3D%22%2330283d%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") 4 20,default}
#fjStage[data-tool=highlighter] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m5%2023%203-8L20%203l9%209-12%2012-8%203Z%22%20fill%3D%22%23fff2ad%22%20stroke%3D%22%23403441%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22m8%2015%209%209M4%2029h13%22%20fill%3D%22none%22%20stroke%3D%22%23b59a11%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E") 4 20,default}
#fjStage[data-tool=eraser] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m4%2021%2014-17%2011%209-14%2017h-4Z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23403441%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22m10%2014%2011%209-6%207h-4l-7-9Z%22%20fill%3D%22%23e9ddff%22%20stroke%3D%22%23403441%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fsvg%3E") 4 16,default}
#fjStage[data-tool=note] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%205h21v17l-6%206H7Z%22%20fill%3D%22%23fff2ad%22%20stroke%3D%22%23403441%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M22%2028v-6h6M3%201v8M0%205h7%22%20fill%3D%22none%22%20stroke%3D%22%23403441%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") 2 4,default}
#fjStage[data-tool=pan] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M11%2017V6a2%202%200%200%201%204%200v9-11a2%202%200%200%201%204%200v11-9a2%202%200%200%201%204%200v10-6a2%202%200%200%201%204%200v12c0%206-4%209-10%209-4%200-6-3-8-6l-4-6a2%202%200%200%201%203-3l3%203%22%20fill%3D%22%23fff%22%20stroke%3D%22%2330283d%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") 11 11,grab}
#fjStage.space #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M11%2017V6a2%202%200%200%201%204%200v9-11a2%202%200%200%201%204%200v11-9a2%202%200%200%201%204%200v10-6a2%202%200%200%201%204%200v12c0%206-4%209-10%209-4%200-6-3-8-6l-4-6a2%202%200%200%201%203-3l3%203%22%20fill%3D%22%23fff%22%20stroke%3D%22%2330283d%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") 11 11,grab}
#fjStage.dragging #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2016v-5a3%203%200%200%201%205-2%203%203%200%200%201%205-1%203%203%200%200%201%205%201%203%203%200%200%201%205%202v10c0%206-4%209-10%209-5%200-7-3-9-6l-4-5a2%202%200%200%201%203-3l2%202%22%20fill%3D%22%23fff%22%20stroke%3D%22%2330283d%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") 11 11,grabbing}
#fjStage[data-tool=rect] #fjSvg,#fjStage[data-tool=ellipse] #fjSvg,#fjStage[data-tool=diamond] #fjSvg,#fjStage[data-tool=triangle] #fjSvg,#fjStage[data-tool=line] #fjSvg,#fjStage[data-tool=arrow] #fjSvg,#fjStage[data-tool=elbow] #fjSvg,#fjStage[data-tool=section] #fjSvg,#fjStage[data-tool=table] #fjSvg,#fjStage[data-tool=stamp] #fjSvg{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203v10m0%206v10M3%2016h10m6%200h10%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M16%203v10m0%206v10M3%2016h10m6%200h10%22%20stroke%3D%22%23514459%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%221.5%22%20fill%3D%22%238b5cf6%22%2F%3E%3C%2Fsvg%3E") 12 12,crosshair}
#fjSelection [data-table-insert-row],#fjSelection [data-table-insert-col],#fjSelection [data-table-scope]{pointer-events:all;cursor:pointer}#fjSelection [data-table-insert-row]:hover circle,#fjSelection [data-table-insert-col]:hover circle{fill:#6d28d9}#fjTableBar .fj-cell-fill{display:flex;align-items:center;margin:0}#fjTableBar .fj-cell-fill input{width:25px;height:25px}#fjTextBar select#fjTextDirection,#fjTextBar select#fjTextLineHeight{max-width:90px}

@font-face{font-family:FarindanehBoard;src:url('/assets/fonts/vazirmatn-board-v33.003.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
#fjEditor{font-family:FarindanehBoard,Vazirmatn,Tahoma,sans-serif;font-synthesis:style;text-rendering:optimizeLegibility}
#fjInline{font-family:FarindanehBoard,Vazirmatn,Tahoma,sans-serif;font-synthesis:style;font-kerning:normal;font-variant-ligatures:normal}
#fjWorld text{font-kerning:normal;font-variant-ligatures:normal}
#fjSelection [data-corner=nw],#fjSelection [data-corner=se]{cursor:nwse-resize}#fjSelection [data-corner=ne],#fjSelection [data-corner=sw]{cursor:nesw-resize}
#fjStage[data-tool=select] #fjWorld [data-object]{cursor:inherit}

#fjAlignBar{position:absolute;z-index:5;top:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px;max-width:calc(100% - 24px);background:#fff;border:1px solid #e8e3ed;border-radius:12px;box-shadow:0 4px 18px #30203912;padding:7px 10px;direction:ltr;flex-wrap:wrap;font-size:12px}
#fjAlignBar button{min-width:32px;height:34px;min-height:34px;padding:6px!important}#fjAlignBar button:disabled{opacity:.3;cursor:default}#fjAlignBar svg{width:20px!important;height:20px!important}#fjAlignCount{padding:0 8px;color:#867993;font-size:11px;direction:rtl}.fj-align-divider{width:1px;height:20px;background:#ebe6f2;margin:0 3px}
.fj-zoom-input{display:flex;align-items:center;justify-content:center;gap:2px;border-radius:7px;direction:ltr;padding:0;margin:0;border:1px solid transparent;background:#fff}
.fj-zoom-input:hover,.fj-zoom-input:focus-within{border-color:#d8c8f1;background:#faf7ff}
#fjEditor #fjZoom{width:51px;min-width:0;max-width:60px;background:transparent;border:0!important;border-radius:5px;padding:5px 2px;text-align:right;font:12px FarindanehBoard,Vazirmatn,sans-serif;box-shadow:none!important;height:30px;color:#40334f}
.fj-zoom-input>span{font-size:11px;padding-right:5px;color:#867993}#fjStage{background-image:radial-gradient(#e4e0ea .7px,transparent .7px)}
@media(max-width:800px){#fjAlignBar{top:65px;gap:2px;padding:6px;width:calc(100% - 24px)}#fjAlignBar button{min-width:29px;padding:4px!important;font-size:10px}#fjAlignCount{padding:0 4px;font-size:10px}#fjEditor #fjZoom{width:44px;font-size:11px}.fj-navigation{max-width:calc(100% - 120px)}}

#fjProps:not([data-kind=stamp]) #fjStamp,#fjProps>#fjTextColor,#fjProps>#fjFontSize,#fjProps>#fjAlign,#fjProps>button[data-action=bold],#fjProps>button[data-action=italic]{display:none}

/* The requested white board surface stays independent of the panel theme. */
#fjEditor{--bg:#ffffff;--card:#ffffff;--line:#e8e3ed;--muted:#867993;--danger:#b94b66;color-scheme:light;isolation:isolate;transition:none}
#fjStage,#fjSvg{transition:none}#fjEditor #fjHelp{color-scheme:light}
