:root{--bg:#101018;--panel:#1b1925;--border:#ffffff12;--muted:#a6a0b9;--ink:#f1edf7;--lime:#d9ed94;--violet:#a987ef}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:13px/1.8 'Noto Sans Arabic',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{background:#ffffff06;border:1px solid var(--border);border-radius:8px;color:inherit;padding:8px 12px;cursor:pointer}button:hover{border-color:#a987ef70;background:#a987ef12}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--violet);outline-offset:3px}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;min-width:0;padding:10px 11px;background:#100f18;color:var(--ink);border:1px solid #ffffff1c;border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet)}input[type=color]{padding:4px;height:40px}input[type=range]{padding:0;accent-color:var(--violet)}input[type=checkbox]{width:17px;height:17px;accent-color:var(--violet)}label{display:grid;gap:6px;margin:15px 0;font-size:11px}label>span{color:#c1b8d1;font-size:10px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.primary{font-family:Alexandria,Arial,sans-serif}h1,h2{font-size:21px;line-height:1.7}h3{font-size:12px}small{color:var(--muted)}.primary{background:var(--lime);border-color:var(--lime);color:#28331a;font-size:11px;font-weight:600}.primary:hover{background:#e6f3b6;border-color:#e6f3b6}.topbar{height:76px;display:flex;gap:25px;align-items:center;padding:13px 24px;border-bottom:1px solid var(--border);background:#16131f}.brand{display:flex;gap:10px;align-items:center;font-size:13px;white-space:nowrap;line-height:1.4;direction:ltr}.brand>b{background:#7651b4;color:var(--lime);font:31px Georgia;border-radius:10px;display:grid;place-items:center;width:39px;height:41px}.brand small{font:9px 'Noto Sans Arabic';display:block;text-align:right;margin-top:4px}.project-title{display:grid;gap:2px;border-right:1px solid var(--border);padding-right:25px}.project-title strong{font-size:12px;font-weight:500}.project-title span{font-size:9px;color:var(--muted)}.top-actions{display:flex;gap:7px;margin-right:auto;align-items:center}.top-actions button{font-size:10px;padding:8px 12px}.top-actions #undo,.top-actions #redo{font:22px Arial;padding:3px 11px;background:none}.modebar{height:62px;display:flex;align-items:center;gap:20px;padding:10px 24px;border-bottom:1px solid var(--border)}.mode-switch{display:flex;gap:5px;background:#191521;border:1px solid var(--border);border-radius:10px;padding:4px}.mode-switch button{font-size:10px;padding:7px 15px;border-color:transparent;background:none}.mode-switch button.active{background:#a987ef1c;border-color:#a987ef55;color:#decafc}.mode-switch span{color:var(--lime);margin-right:4px}#mode-hint{color:var(--muted);font-size:10px}.modebar>a{margin-right:auto;font-size:10px;color:#c7b5e3}.editor-shell{display:grid;grid-template-columns:286px minmax(0,1fr);height:calc(100dvh - 138px);min-height:480px}.side-panel{background:var(--panel);border-left:1px solid var(--border);overflow:auto}.panel-tabs{display:flex;position:sticky;top:0;background:#1b1925;z-index:2;padding:12px 13px 0;gap:3px;border-bottom:1px solid var(--border)}.panel-tabs button{flex:1;font-size:10px;padding:9px 4px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);background:none}.panel-tabs button.active{color:var(--lime);border-color:var(--lime)}.panel-content{padding:25px 22px}.eyebrow{font-size:9px;color:#b7a1d4;letter-spacing:.3px}.panel-content h1,.panel-content h2{font-size:20px;margin:9px 0}.panel-content p{font-size:10px;color:var(--muted);line-height:2;margin-bottom:20px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.template-card{padding:12px 8px 9px;display:grid;justify-items:center;gap:10px;background:#100e19;border-radius:12px}.template-card.active{border-color:var(--lime);background:#d9ed9408}.template-card span{font-size:10px}.template-thumb{width:71px;height:96px;background:#fff;position:relative;box-shadow:0 3px 9px #0004;overflow:hidden;color:#315faa}.template-thumb:before{content:'';position:absolute;inset:5px;border:1px solid currentColor}.template-thumb:after{content:'';position:absolute;top:14px;right:11px;width:36px;height:5px;background:currentColor;box-shadow:0 12px 0 #e4dfed,0 20px 0 #e4dfed,0 28px 0 #e4dfed,0 36px 0 #e4dfed,0 44px 0 #e4dfed}.template-thumb.ribbon:before{border:0;border-top:9px solid currentColor;inset:7px}.template-thumb.geometry:before{border-width:2px 0 2px 2px}.template-thumb.minimal:before{border:0;border-right:3px solid currentColor}.palette-title{font-size:11px;margin:25px 0 12px}.palette{display:flex;gap:10px;flex-wrap:wrap}.palette button{width:27px;height:27px;border-radius:50%;padding:0;border:3px solid #1b1925;outline:1px solid #ffffff20}.palette button.active{outline:2px solid #d9ed94}.color-field{display:flex;align-items:center;justify-content:space-between}.color-field input{width:52px;height:32px}.mini-note{font-size:9px;color:#a69ab7;background:#a987ef0b;border:1px solid #a987ef17;padding:11px;border-radius:8px;margin-top:20px;line-height:2}.wide-button{width:100%;font-size:11px}.source-note{font-size:10px}.column-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}.column-switch button{display:grid;justify-items:center;gap:10px;padding:14px 4px;font-size:10px}.column-switch button.active{border-color:var(--lime);color:var(--lime)}.column-switch i{width:24px;height:30px;border:1px solid currentColor;border-radius:2px;display:block;position:relative}.column-switch i:before{content:'';position:absolute;inset:6px 4px;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 4px)}.column-switch .two-col:after{content:'';position:absolute;top:5px;bottom:5px;left:10px;width:2px;background:#1b1925}fieldset{border:0;margin:20px 0;padding:0}legend{font-size:10px;color:#c1b8d1;margin-bottom:9px}.add-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.add-grid button{padding:12px 4px;font:22px Georgia;display:grid;gap:8px}.add-grid small{font:9px 'Noto Sans Arabic'}.panel-content h3{margin:25px 0 8px}.layer-row{display:flex;align-items:center;gap:8px;width:100%;font-size:10px;padding:10px;border-radius:7px;margin-top:6px;text-align:right;min-width:0}.layer-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer-row.active{border-color:var(--violet);background:#a987ef16}.layer-row small{font-size:9px}.canvas-area{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#2d283e 0,#14121d 85%);overflow:hidden}.canvas-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 25px;flex-shrink:0;font-size:10px}.canvas-toolbar>div{display:flex;gap:9px;align-items:center}.canvas-toolbar strong{font-size:10px;font-weight:500;color:#c9bfd8}.canvas-toolbar button{padding:4px 8px;font-size:10px;border:0;background:none}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #d9ed9410}.sample-badge{font-size:8px;color:#b8a6cf;border:1px solid #a987ef30;padding:2px 8px;border-radius:20px}#canvas-scroll{overflow:auto;flex:1;padding:10px 30px 18px;direction:ltr;min-height:0;display:flex;justify-content:center;align-items:flex-start}#paper-wrap{flex-shrink:0;position:relative;margin:auto}.paper{width:794px;height:1123px;position:relative;background:#fff;transform-origin:top left;box-shadow:0 14px 50px #0006;isolation:isolate;color:#1d293d;outline:none;direction:rtl;overflow:hidden}.paper.advanced{cursor:default}#content-layer,#frame-layer,#selection-layer{position:absolute;inset:0;pointer-events:none}#content-layer{z-index:1}#frame-layer{z-index:2}#selection-layer{z-index:3}.frame-object{position:absolute;box-sizing:border-box;transform-origin:center;white-space:pre-wrap;line-height:1.5;overflow:hidden;user-select:none}.paper.advanced .frame-object{pointer-events:auto;cursor:move;touch-action:none}.paper.advanced .frame-object.locked{cursor:not-allowed}.frame-object.selected{outline:1px solid #9260db;outline-offset:2px}.frame-object img{width:100%;height:100%;object-fit:contain;display:block}.frame-object.line{overflow:visible}.selection-box{position:absolute;border:1px solid #986de2;transform-origin:center;pointer-events:none;z-index:4}.selection-box .resize-handle{position:absolute;bottom:-6px;right:-6px;width:12px;height:12px;border:2px solid #a987ef;background:white;border-radius:3px;pointer-events:auto;cursor:se-resize;touch-action:none}.guide{position:absolute;z-index:4;pointer-events:none;background:#ca55c4}.guide.vertical{width:1px;top:0;bottom:0;left:50%}.guide.horizontal{height:1px;left:0;right:0;top:50%}.page-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px 5px;flex-shrink:0;font-size:10px}.page-navigation button{font-size:9px;padding:5px 10px;background:none}.page-navigation span{color:#c7bdd5}.canvas-caption{font-size:9px;color:#92879f;text-align:center;padding:7px 15px 16px;flex-shrink:0}.properties{border-right:1px solid var(--border);background:#1b1925;overflow:auto;padding:18px}.properties-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid var(--border);padding-bottom:14px}.properties-top button{border:0;padding:0 6px;font:20px Arial;background:none}.properties h2{font-size:14px;margin:20px 0}.properties label{margin:12px 0}#no-selection{padding:40px 0;color:var(--muted);font-size:11px}#no-selection>span{font-size:40px;color:var(--violet)}#no-selection h3{font-size:15px;color:#ebe2f6;margin:12px 0}#no-selection p{font-size:10px;line-height:2.1}#no-selection button{margin-top:20px;font-size:10px}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.number-grid input{font-size:11px;padding:8px;direction:ltr;text-align:right}.number-grid label{margin:7px 0}.text-buttons{display:flex;gap:7px}.text-buttons button{font-size:10px}.text-buttons button.active{background:#a987ef30;border-color:var(--violet)}.text-buttons select{font-size:10px;padding:7px}.inline-check{display:flex;gap:9px;align-items:flex-start}.inline-check span{font-size:10px}.object-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.object-actions button{font-size:9px;padding:8px}.danger{color:#f5aebc}.advanced-only{display:none!important}body.advanced-mode .advanced-only{display:block!important}body.advanced-mode .panel-tabs .advanced-only{display:block!important}body.advanced-mode .editor-shell{grid-template-columns:270px minmax(0,1fr) 236px}
.flow-block{position:absolute;direction:rtl;color:#273147;font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.9;display:flow-root}.flow-block p{margin:0 0 8px}.flow-block h3{font-family:'Noto Sans Arabic',Arial;font-size:1.08em;margin:0 0 8px;display:flex;gap:10px;align-items:center;color:var(--paper-accent,#315faa)}.flow-block h3:before{content:'';display:inline-block;width:5px;height:20px;background:var(--paper-accent,#315faa)}.flow-block .rule{background:color-mix(in srgb,var(--paper-accent,#315faa) 5%,white);border:1px solid color-mix(in srgb,var(--paper-accent,#315faa) 35%,white);padding:12px 18px;border-radius:6px;margin:10px 0;text-align:center}.flow-block .note{border-right:3px solid var(--paper-accent,#315faa);padding:6px 12px;background:#f8f9fc;font-size:.94em}.flow-block math{font-family:math;direction:ltr;display:inline math;font-size:1.15em;margin:0 4px}.flow-block .rule math{display:block math;margin:4px auto}.flow-block svg{width:31%;float:left;margin:5px 15px 12px 0}.flow-block .pill{display:inline-block;padding:1px 9px;background:var(--paper-accent,#315faa);color:white;font-size:.85em;border-radius:4px}.flow-block img.question{width:100%;height:auto;display:block}.flow-block .sample-label{font-size:.8em;color:#8891a1}.body-protection{position:absolute;inset:30% 5%;display:flex;align-items:center;justify-content:center;transform:rotate(-22deg);font:35px Arial;color:#63488914;pointer-events:none;z-index:2}.canvas-area #measure{visibility:hidden}#measure{position:absolute;left:-20000px;top:0;visibility:hidden;pointer-events:none}#measure .flow-block{position:static}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:40;background:#e0edb1;color:#27341b;padding:12px 25px;border-radius:10px;box-shadow:0 8px 30px #0005;font-size:12px;max-width:90vw;text-align:center}dialog{width:min(520px,94vw);max-height:92dvh;overflow:auto;border:1px solid #a987ef50;border-radius:20px;background:#1b1826;color:var(--ink);padding:30px}dialog::backdrop{background:#090611d9;backdrop-filter:blur(6px)}.dialog-close{float:left;font:23px Arial;padding:0 6px;border:0;background:none}dialog h2{font-size:24px;margin:10px 0}dialog>p{font-size:11px;color:var(--muted)}dialog .primary{width:100%;padding:13px}.form-note{font-size:10px;color:var(--muted)}.error{color:#ffadbd;font-size:11px;margin:12px 0}#order-success{text-align:center;padding:30px 0}#order-success>span{font-size:48px;color:var(--lime)}#reference{display:block;font:21px Alexandria;margin:22px 0}#bank-dialog{width:min(850px,95vw)}.bank-controls{display:flex;gap:12px;align-items:center}.bank-controls label{flex:1}.bank-controls button{font-size:10px}#bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bank-card{padding:0;background:#100f18;border-radius:10px;overflow:hidden}.bank-card.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.bank-card img{width:100%;height:140px;object-fit:contain;background:white;display:block}.bank-card span{display:block;font-size:10px;padding:10px}.bank-pagination{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:11px}.bank-pagination button{font-size:10px}[hidden]{display:none!important}
@media(max-width:1100px){body.advanced-mode .editor-shell{grid-template-columns:235px minmax(0,1fr) 210px}.editor-shell{grid-template-columns:260px minmax(0,1fr)}.panel-content{padding:20px 17px}.topbar{gap:18px}.project-title{padding-right:17px}.canvas-toolbar{padding:14px 15px}.sample-badge{display:none}}
@media(max-width:850px){.project-title{display:none}.topbar{height:65px;padding:10px 16px;gap:12px}.top-actions button{font-size:9px;padding:7px 9px}.top-actions #undo,.top-actions #redo{font-size:20px;padding:3px 7px}.modebar{height:58px;padding:8px 15px;gap:10px}#mode-hint{display:none}.modebar>a{font-size:9px}.editor-shell,body.advanced-mode .editor-shell{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr)}.canvas-area{grid-row:1;height:calc(100dvh - 123px);min-height:480px;max-height:900px}.side-panel{grid-row:2;border-left:0;overflow:visible}.panel-tabs{top:0;padding-top:8px}.panel-tabs button{font-size:11px;padding:13px 3px}.panel-content{max-width:650px;width:100%;margin:auto;padding:25px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.properties{grid-row:3;border:0;border-top:1px solid var(--border);padding:25px;overflow:visible}.properties>#object-properties{max-width:600px;margin:auto}.properties #no-selection{padding:20px 0}.properties-top{max-width:600px;margin:auto}.number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-toolbar{padding:12px 16px}.canvas-caption{font-size:8px;padding-bottom:13px}#canvas-scroll{padding:5px 17px 10px}.page-navigation{padding-top:7px}.mode-switch button{padding:6px 12px}.properties #no-selection{max-width:600px;margin:auto}.add-grid{max-width:400px}.bank-card img{height:110px}}
@media(max-width:430px){.brand{font-size:10px;gap:7px}.brand>b{width:30px;height:34px;font-size:25px}.brand small{font-size:8px}.topbar{padding:9px 10px;gap:5px}.top-actions{gap:3px}.top-actions #undo,.top-actions #redo{padding:2px 5px}.top-actions button{padding:7px;font-size:8px}.modebar{padding:7px 10px}.mode-switch button{font-size:9px}.canvas-toolbar{padding:12px 10px}.canvas-toolbar>div{gap:6px}.canvas-toolbar #fit{display:none}.canvas-toolbar strong{font-size:9px}.canvas-toolbar button{padding:3px 6px}.page-navigation{gap:12px}.template-grid{grid-template-columns:1fr 1fr}.number-grid{grid-template-columns:1fr 1fr}#bank-grid{grid-template-columns:1fr 1fr}dialog{padding:23px}.canvas-caption{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{body{display:none}}

#mobile-tools{display:none}@media(max-width:850px){#mobile-tools{display:block;margin:4px 18px;font-size:10px;padding:9px;border-color:#a987ef45;background:#a987ef10;color:#d7c3f2;flex-shrink:0}}@media(max-width:430px){.brand>span{display:none}.top-actions{gap:6px}.top-actions button{font-size:9px;padding:8px 10px}.modebar{gap:7px}.modebar>a{white-space:nowrap;font-size:8px}.mode-switch button{padding:6px 10px}}

#measure{position:fixed;left:0;top:0;width:0;height:0;overflow:hidden;contain:strict;visibility:hidden;pointer-events:none;z-index:-1}