.studio{--primary:#7849ff;--primary-bg:#f2eeff;--primary-subdued:#bca4ff;--danger:#e35169;--success:#2ecda7;--warning:#ffa439;--sbg:#fff;--bg-normal:#f0f4f9;--bg-accent:#e4eaf1;--bg-subdued:#f7fafc;--fg:#4f5464;--fg-accent:#172940;--fg-subdued:#a2b5cd;--line:#e4eaf1;--line-accent:#d3dae4;--line-subdued:#f0f4f9;--rad:6px;--bw:2px;--header-h:61px;--module-w:60px;--nav-w:220px;--side-w:280px;--modules-bg:#0e1c2f;--modules-fg:#8196b1;--header-shadow:0 4px 7px -4px rgba(0,0,0,.2);--menu-shadow:0 0 6px 0 rgba(23,41,64,.2),0 0 12px 2px rgba(23,41,64,.05);--f:"Inter",system-ui,sans-serif;--fm:"IBM Plex Mono","Fira Mono",monospace;--fa:"Tajawal",system-ui,sans-serif;--fast:125ms;--ease:cubic-bezier(.4,0,.2,1);background:var(--sbg);color:var(--fg);font-family:var(--f);font-size:15px;font-weight:500;letter-spacing:0;line-height:1.5;text-transform:none;-webkit-font-smoothing:antialiased}.studio[data-theme=dark]{--sbg:#0e1c2f;--bg-normal:#16263c;--bg-accent:#1e3049;--bg-subdued:#132339;--fg:#c3cddb;--fg-accent:#fff;--fg-subdued:#6b7f99;--line:#1e3049;--line-accent:#2a4059;--line-subdued:#16263c;--modules-bg:#08111e;--header-shadow:0 4px 7px -4px rgba(0,0,0,.5);--primary-bg:#25265d}.studio-shell{display:grid;grid-template-columns:var(--module-w) var(--nav-w) minmax(0,1fr) var(--side-w);height:100vh;top:0;right:0;bottom:0;left:0;overflow:hidden;position:fixed;z-index:400}.studio-shell.nosides{grid-template-columns:var(--module-w) var(--nav-w) minmax(0,1fr) 60px}.studio *,.studio :after,.studio :before{box-sizing:border-box}.studio button,.studio input,.studio select,.studio textarea{color:inherit;font:inherit;letter-spacing:0}.studio button{background:none;border:0;color:inherit;cursor:pointer;padding:0}.studio a{color:inherit;text-decoration:none}.studio h1,.studio h2,.studio h3,.studio h4,.studio h5,.studio p{font-weight:inherit;letter-spacing:0;margin:0}.studio ::-webkit-scrollbar{height:10px;width:10px}.studio ::-webkit-scrollbar-thumb{background:var(--line-accent);background-clip:padding-box;border:3px solid transparent;border-radius:8px}.studio .mi{display:block;flex:none;height:24px;width:24px}.studio .mi.s20{height:20px;width:20px}.studio .mi.s18{height:18px;width:18px}.studio .module-bar{align-items:center;background:var(--modules-bg);display:flex;flex-direction:column}.studio .module-bar__logo{background:var(--primary);color:#fff;display:grid;flex:none;height:60px;place-items:center;width:60px}.studio .mbtn{color:var(--modules-fg);display:grid;flex:none;height:60px;place-items:center;position:relative;transition:color var(--fast);width:60px}.studio .mbtn:hover{color:#fff}.studio .mbtn.on{background:var(--bg-normal);box-shadow:inset 3px 0 0 var(--primary);color:var(--fg-accent)}.studio .module-bar__sp{margin-top:auto}.studio .savedot{background:var(--warning);border-radius:50%;height:8px;position:absolute;right:12px;top:12px;width:8px}.studio .module-nav{background:var(--bg-normal);display:flex;flex-direction:column;overflow:hidden}.studio .project-bar{align-items:center;background:var(--bg-accent);color:var(--fg-accent);display:flex;flex:none;gap:10px;height:60px;padding:0 12px}.studio .project-bar img{flex:0 0 auto;height:22px;width:auto}.studio .project-bar b{color:var(--fg-subdued);font-size:13px;font-weight:600}.studio .lang-switch{background:var(--bg-accent);border-radius:var(--rad);display:flex;gap:3px;margin:12px 12px 0;padding:3px}.studio .lang-switch button{border-radius:4px;color:var(--fg-subdued);flex:1;font:600 13px/1 var(--f);height:30px;transition:background var(--fast),color var(--fast)}.studio .lang-switch button:lang(ar){font-family:var(--fa);font-size:14px;font-weight:700}.studio .lang-switch button:hover{color:var(--fg-accent)}.studio .lang-switch button.on{background:var(--sbg);box-shadow:0 1px 2px #1729401f;color:var(--primary)}.studio .nav-search{margin:12px;position:relative}.studio .nav-search .mi{color:var(--fg-subdued);inset-inline-start:10px;position:absolute;top:50%;transform:translateY(-50%)}.studio .nav-search input{background:var(--bg-accent);border:var(--bw) solid transparent;border-radius:var(--rad);font-size:14px;height:38px;padding-inline:36px 10px;width:100%}.studio .nav-search input:focus{background:var(--sbg);border-color:var(--primary);outline:none}.studio .nav-list{flex:1;overflow:auto;padding:0 12px 20px}.studio .nav-group{color:var(--fg-subdued);font-family:var(--fm);font-size:10px;letter-spacing:.1em;padding:14px 8px 6px;text-transform:uppercase}.studio .v-item{align-items:center;border-radius:4px;color:var(--fg-accent);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:2px;min-height:32px;padding:0 8px;text-align:start;width:100%}.studio .v-item .mi{color:var(--primary);height:20px;width:20px}.studio .v-item.on,.studio .v-item:hover{background:var(--bg-accent)}.studio .v-item.on{font-weight:600}.studio .v-item b{flex:1;font-weight:inherit;overflow:hidden;text-align:start;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}.studio .v-item em{color:var(--fg-subdued);font-family:var(--fm);font-size:11px;font-style:normal}.studio .v-item.sub{font-size:13.5px;padding-inline-start:26px}.studio .v-item.sub .mi{height:18px;width:18px}.studio .v-divider{background:var(--line-accent);border-radius:2px;height:var(--bw);margin:10px 8px}.studio .main{flex-direction:column;min-width:0;overflow:hidden}.studio .header-bar,.studio .main{background:var(--sbg);display:flex}.studio .header-bar{align-items:center;box-shadow:var(--header-shadow);flex:none;gap:12px;height:var(--header-h);padding:0 32px;z-index:5}.studio .title-box{margin-inline-end:auto;min-width:0}.studio .headline{color:var(--fg-subdued);font-size:13px;height:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .headline a{cursor:pointer}.studio .headline a:hover{color:var(--primary)}.studio .header-bar h1{color:var(--fg-accent);font-size:21px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}.studio .rbtn{background:var(--bg-normal);border-radius:50%;color:var(--fg-subdued);display:grid;flex:none;height:44px;place-items:center;transition:var(--fast);width:44px}.studio .rbtn:hover{background:var(--bg-accent);color:var(--fg-accent)}.studio .rbtn.pri{background:var(--primary);color:#fff}.studio .rbtn.pri:hover{background:#6646d0;color:#fff}.studio .rbtn.sm{height:36px;width:36px}.studio .content{flex:1;overflow:auto;padding:24px 32px 80px}.studio #navToggle{display:none}.studio .sbtn{align-items:center;background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);color:var(--fg);display:inline-flex;font-size:14px;font-weight:500;gap:7px;height:38px;padding:0 14px;white-space:nowrap}.studio .sbtn:hover{border-color:var(--line-accent);color:var(--fg-accent)}.studio .sbtn.pri{background:var(--primary);border-color:var(--primary);color:#fff}.studio .sbtn.dgr{color:var(--danger)}.studio .sbtn.dgr:hover{background:var(--danger);border-color:var(--danger);color:#fff}.studio .sbtn.pri:hover{background:#6646d0;border-color:transparent}.studio .sbtn.sm{font-size:13px;height:32px;padding:0 10px}.studio .sbtn[disabled]{cursor:default;opacity:.5}.studio .v-table{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);overflow:hidden}.studio .tr{align-items:center;background:var(--sbg);border-bottom:var(--bw) solid var(--line-subdued);display:flex;gap:12px;min-height:50px;padding:0 12px}.studio .tr:last-child{border-bottom:0}.studio .tr.head,.studio .tr:hover{background:var(--bg-subdued)}.studio .tr.head{color:var(--fg-subdued);font-family:var(--fm);font-size:12px;letter-spacing:.06em;min-height:44px;text-transform:uppercase}.studio .tr.dis{opacity:.45}.studio .tr.tall{align-items:flex-start;min-height:0;padding:14px 16px}.studio .tr.dragging{opacity:.35}.studio .tr.over-top{box-shadow:inset 0 3px 0 var(--primary)}.studio .tr.over-bot{box-shadow:inset 0 -3px 0 var(--primary)}.studio .dh{color:var(--fg-subdued);cursor:grab;flex:none}.studio .dh:active{cursor:grabbing}.studio .ix{color:var(--fg-subdued);flex:none;font-family:var(--fm);font-size:12px;width:26px}.studio .dot{background:var(--success);border-radius:50%;flex:none;height:9px;width:9px}.studio .dot.draft{background:var(--warning)}.studio .dot.off{background:var(--fg-subdued)}.studio .cell{flex:1 1 auto;min-width:170px}.studio .cell.wrapped{white-space:normal}.studio .cell b{color:var(--fg-accent);display:block;font-size:14.5px;font-weight:600;overflow:hidden;text-align:start;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}.studio .cell.wrapped b{white-space:normal}.studio .cell small{color:var(--fg-subdued);display:block;font-size:12.5px;overflow:hidden;text-align:start;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}.studio .cell.wrapped small{white-space:normal}.studio .cell.fx{flex:0 0 120px;min-width:0}.studio .acts{align-items:center;display:flex;flex:none;gap:2px}.studio .ib{border-radius:var(--rad);color:var(--fg-subdued);display:grid;height:32px;place-items:center;width:32px}.studio .ib:hover{background:var(--bg-normal);color:var(--fg-accent)}.studio .ib.dgr:hover{background:var(--danger);color:#fff}.studio .cbx{border:var(--bw) solid var(--line-accent);border-radius:4px;color:#fff;display:grid;flex:none;height:18px;place-items:center;width:18px}.studio .cbx.on{background:var(--primary);border-color:var(--primary)}.studio .schip{align-items:center;background:var(--sbg);border:var(--bw) solid var(--line);border-radius:12px;color:var(--fg-subdued);display:inline-flex;flex:none;font-family:var(--fm);font-size:12px;gap:4px;height:24px;padding:0 9px;white-space:nowrap}.studio .schip.ok{background:#eafaf6;border-color:#82e1ca;color:var(--success)}.studio .schip.warn{background:#fff4e7;border-color:#ffc888;color:#b06d00}.studio .schip.pri{background:var(--primary-bg);border-color:var(--primary-subdued);color:var(--primary)}.studio .schip.click{cursor:pointer;margin:0 6px 6px 0}.studio .empty{border:var(--bw) dashed var(--line);border-radius:var(--rad);color:var(--fg-subdued);padding:60px;text-align:center}.studio .bulkbar{align-items:center;background:var(--primary-bg);border:var(--bw) solid var(--primary);border-radius:var(--rad);color:var(--fg-accent);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;min-height:50px;padding:8px 14px}.studio .v-form{-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));max-width:1000px;row-gap:34px}.studio .fld{min-width:0}.studio .fld.full{grid-column:1/-1}.studio .type-label{align-items:center;color:var(--fg-accent);display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.studio .type-label i{color:var(--fg-subdued);font-family:var(--fm);font-size:11px;font-style:normal;font-weight:400}.studio .v-input{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);color:var(--fg);font-size:15px;min-height:60px;padding:0 16px;transition:var(--fast);width:100%}.studio textarea.v-input{height:auto;line-height:1.6;min-height:90px;padding:16px;resize:vertical}.studio select.v-input{cursor:pointer;height:60px}.studio .v-input:hover{border-color:var(--line-accent)}.studio .v-input:focus{border-color:var(--primary);box-shadow:0 0 16px -8px var(--primary);outline:none}.studio .v-input[dir=rtl]{font-family:var(--fa)}.studio .v-input.bad{border-color:var(--danger)}.studio .v-input.short{height:44px;min-height:44px}.studio .code-in{background:var(--bg-subdued);font-family:var(--fm);font-size:12.5px;line-height:1.65;min-height:220px;overflow-wrap:normal;overflow-x:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.studio .duo{display:grid;gap:16px;grid-template-columns:1fr 1fr}.studio .loc{align-items:center;color:var(--fg-subdued);display:inline-flex;font-family:var(--fm);font-size:11px;gap:6px;margin-bottom:6px}.studio .loc s{background:var(--success);border-radius:50%;height:6px;text-decoration:none;width:6px}.studio .loc s.miss{background:var(--warning)}.studio .hint{color:var(--fg-subdued);font-size:12.5px;margin-top:6px}.studio .tbar,.studio .tsel{align-items:center;display:flex;gap:8px}.studio .tsel{background:var(--primary-bg);border:var(--bw) solid var(--primary);border-radius:var(--rad);color:var(--fg-accent);flex:1;font-weight:500;height:60px;padding:0 16px}.studio .tsel .mi{color:var(--primary)}.studio .tsel.alt{background:#fdf1f3;border-color:var(--danger)}.studio .tsel.alt .mi{color:var(--danger)}.studio .tsplit{border:var(--bw) solid var(--line);border-radius:var(--rad);color:var(--fg-subdued);display:grid;flex:none;height:60px;place-items:center;width:60px}.studio .tsplit.on{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.studio .rep{background:var(--bg-subdued);border:var(--bw) solid var(--line);border-radius:var(--rad);margin-bottom:12px;padding:16px}.studio .rep__h{align-items:center;display:flex;gap:6px;margin-bottom:14px}.studio .rep__h span{color:var(--fg-subdued);font-family:var(--fm);font-size:12px;margin-inline-end:auto}.studio .tgl{background:var(--line-accent);border-radius:12px;flex:none;height:24px;position:relative;transition:var(--fast);width:44px}.studio .tgl:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;content:"";height:18px;inset-inline-start:3px;position:absolute;top:3px;transition:var(--fast);width:18px}.studio .tgl.on{background:var(--primary)}.studio .tgl.on:after{inset-inline-start:23px}.studio .row-i{align-items:center;display:flex;gap:12px}.studio .boxed{border:var(--bw) solid var(--line);border-radius:var(--rad);height:60px;padding:0 16px}.studio .tmsug{align-items:center;background:var(--primary-bg);border:var(--bw) dashed var(--primary);border-radius:var(--rad);color:var(--fg-accent);display:inline-flex;font-size:12.5px;gap:6px;margin-top:7px;max-width:100%;padding:5px 10px;text-align:start}.studio .tmsug b{direction:rtl;font-family:var(--fa);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .sidebar{background:var(--bg-normal);color:var(--fg-subdued);display:flex;flex-direction:column;overflow:auto}.studio .sb-sec{border-bottom:var(--bw) solid var(--line-subdued)}.studio .sb-tg{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px;height:52px;padding:0 16px;text-align:start;width:100%}.studio .sb-tg,.studio .sb-tg .mi{color:var(--fg-accent)}.studio .sb-tg em{color:var(--fg-subdued);font-family:var(--fm);font-size:11px;font-style:normal;margin-inline-start:auto}.studio .sb-bd{color:var(--fg);font-size:13px;line-height:1.7;padding:0 16px 16px}.studio .sb-foot{border-top:var(--bw) solid var(--line-subdued);margin-top:auto}.studio .meter{background:var(--bg-accent);border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.studio .meter i{background:var(--success);display:block;height:100%}.studio .logrow{border-inline-start:var(--bw) solid var(--line-accent);margin-inline-start:4px;padding:2px 0 12px 12px}.studio .logrow b{color:var(--fg-accent);display:block;font-size:13px;font-weight:600}.studio .logrow span{color:var(--fg-subdued);font-family:var(--fm);font-size:11px}.studio .side-collapsed{align-items:center;display:flex;flex-direction:column;gap:4px;padding-top:8px}.studio .rev{align-items:center;border-bottom:1px solid var(--line-subdued);display:flex;font-size:12.5px;gap:8px;padding:6px 0}.studio .rev b{color:var(--fg-accent);flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .rev span{color:var(--fg-subdued);font-family:var(--fm);font-size:10.5px}.studio .cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.studio .scard{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);display:block;padding:16px;text-align:start}.studio .scard:hover{border-color:var(--primary);box-shadow:0 0 16px -8px var(--primary)}.studio .scard b{align-items:center;color:var(--fg-accent);display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:6px}.studio .scard p{color:var(--fg-subdued);font-size:13px;line-height:1.5}.studio .stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:26px}.studio .stat{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);padding:18px}.studio .stat b{color:var(--fg-accent);display:block;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.studio .stat span{color:var(--fg-subdued);font-size:13px}.studio .sh{color:var(--fg-subdued);font-family:var(--fm);font-size:11px;letter-spacing:.1em;margin:26px 0 10px;text-transform:uppercase}.studio .sh:first-child{margin-top:0}.studio .swatch{align-items:center;background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);display:flex;gap:12px;height:56px;margin-bottom:8px;padding:0 14px}.studio .swatch input[type=color]{background:none;border:0;cursor:pointer;height:30px;padding:0;width:36px}.studio .swatch b{color:var(--fg-accent);font-family:var(--fm);font-size:14px;font-weight:600}.studio .swatch code{color:var(--fg-subdued);font-family:var(--fm);font-size:12px;margin-inline-start:auto}.studio .outline{background:var(--bg-subdued);display:flex;flex-direction:column;gap:8px;padding:12px}.studio .ob,.studio .outline{border:var(--bw) solid var(--line);border-radius:var(--rad)}.studio .ob{background:var(--sbg);color:var(--fg-accent);font-size:13px;padding:9px 11px;unicode-bidi:plaintext}.studio .ob em{color:var(--fg-subdued);display:block;font-family:var(--fm);font-size:10px;font-style:normal}.studio .ob.dis{opacity:.45}.studio .ssplit{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 220px}.studio .ssplit.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio .prevbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.studio .pframe{background:#060a14;border:var(--bw) solid var(--line);border-radius:var(--rad);margin:0 auto;overflow:hidden;transition:width .2s;width:100%}.studio .pframe iframe{background:#060a14;border:0;display:block;height:100%;width:100%}.studio .ed-split{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,40%)}.studio .ed-prev{position:sticky;top:0}.studio .ed-prev .pframe{height:560px}.studio .mgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.studio .mcard{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);overflow:hidden}.studio .mcard:hover{border-color:var(--primary)}.studio .mthumb{background-color:var(--bg-normal);background-position:50%;background-size:cover;display:grid;height:120px;place-items:center}.studio .mthumb.ph{border-bottom:var(--bw) dashed var(--line);color:var(--fg-subdued);font-family:var(--fm);font-size:12px}.studio .mbody{padding:10px 12px}.studio .mbody b{color:var(--fg-accent);font-family:var(--fm);font-size:12px}.studio .mbody b,.studio .mbody small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .mbody small{color:var(--fg-subdued);font-size:11px}.studio .mfoot{align-items:center;border-top:var(--bw) solid var(--line-subdued);display:flex;gap:2px;padding:6px 8px}.studio .drop{background:var(--bg-subdued);border:var(--bw) dashed var(--line-accent);border-radius:var(--rad);color:var(--fg-subdued);cursor:pointer;margin-bottom:16px;padding:26px;text-align:center}.studio .drop.hot{background:var(--primary-bg);border-color:var(--primary);color:var(--fg-accent)}.studio .sub-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.studio .seg2{border:var(--bw) solid var(--line);border-radius:var(--rad);display:flex;flex-wrap:wrap;overflow:hidden}.studio .seg2 button{border-inline-end:var(--bw) solid var(--line);color:var(--fg-subdued);font-size:13px;padding:8px 13px}.studio .seg2 button:last-child{border-inline-end:0}.studio .seg2 button.on{background:var(--primary);color:#fff}.studio .tagrow{display:flex;flex-wrap:wrap;gap:6px}.studio .stag{background:var(--bg-normal);border-radius:12px;color:var(--fg);font-size:11.5px;padding:3px 9px}.studio .detail{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 300px;max-width:1040px}.studio .dcard{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);padding:20px}.studio .drow{border-bottom:1px solid var(--line-subdued);display:flex;font-size:14px;gap:14px;padding:11px 0}.studio .drow:last-child{border-bottom:0}.studio .drow b{color:var(--fg-subdued);flex:none;font-size:13px;font-weight:500;width:120px}.studio .drow span{color:var(--fg-accent);unicode-bidi:plaintext}.studio .squote{border-inline-start:3px solid var(--primary);color:var(--fg);font-size:14.5px;line-height:1.7;padding:4px 0 4px 14px;unicode-bidi:plaintext;white-space:pre-wrap}.studio .tmpair{align-items:center;border-bottom:1px solid var(--line-subdued);display:grid;gap:14px;grid-template-columns:1fr 1fr auto;padding:11px 13px}.studio .tmpair:last-child{border-bottom:0}.studio .tmpair span{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}.studio .tmpair .ar{direction:rtl;font-family:var(--fa);text-align:right}.studio-overlay{background:#17294073;display:grid;top:0;right:0;bottom:0;left:0;padding:20px;place-items:center;position:fixed;z-index:500}.studio-overlay .box{background:#fff;border-radius:6px;box-shadow:0 0 6px #17294033,0 0 12px 2px #1729400d;color:#4f5464;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;font-size:15px;letter-spacing:0;max-height:86vh;overflow:hidden;text-transform:none;width:min(460px,94vw)}.studio-overlay .box h3{border-bottom:2px solid #e4eaf1;color:#172940;font-size:15px;font-weight:700;margin:0;padding:14px 18px}.studio-overlay .box .body{display:grid;gap:12px;overflow:auto;padding:18px}.studio-overlay .prow{align-items:center;background:none;border-bottom:1px solid #f0f4f9;border-inline:0;border-top:0;color:#172940;cursor:pointer;display:flex;gap:10px;padding:11px 18px;text-align:start;width:100%}.studio-overlay .prow:hover{background:#f2eeff}.studio-overlay .prow em{color:#a2b5cd;font-family:var(--fm,monospace);font-size:11px;font-style:normal;margin-inline-start:auto}.studio-overlay .err{color:#e35169;font-size:13px;min-height:18px}.studio-overlay .foot{display:flex;gap:8px;justify-content:flex-end}.studio-pal{background:#17294066;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding-top:12vh;position:fixed;z-index:520}.studio-pal .box{background:#fafcfd;border-radius:6px;box-shadow:0 0 6px #17294033,0 0 12px 2px #1729400d;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;height:-moz-fit-content;height:fit-content;max-height:70vh;overflow:hidden;width:min(620px,92vw)}.studio-pal .in{align-items:center;border-bottom:2px solid #e4eaf1;display:flex;gap:10px;height:60px;padding:0 18px}.studio-pal .in input{background:none;border:0;color:#172940;flex:1;font-size:16px}.studio-pal .in input:focus{outline:none}.studio-pal .list{overflow:auto}.studio-pal .row{align-items:center;background:none;border:0;color:#172940;cursor:pointer;display:flex;gap:12px;padding:11px 18px;text-align:start;width:100%}.studio-pal .row .mi{color:#7849ff}.studio-pal .row.on,.studio-pal .row:hover{background:#f2eeff}.studio-pal .row b{font-weight:500;unicode-bidi:plaintext}.studio-pal .row em{color:#a2b5cd;font-family:var(--fm,monospace);font-size:11px;font-style:normal;margin-inline-start:auto}.studio-toast{background:#172940;border-radius:6px;bottom:24px;box-shadow:0 0 12px 2px #1729402e;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:14px;left:50%;max-width:min(560px,92vw);padding:12px 20px;position:fixed;text-align:center;transform:translate(-50%);z-index:560}.studio-toast.bad{background:#e35169}.studio-menu{background:#fff;border:1px solid #e4eaf1;border-radius:6px;box-shadow:0 0 6px #17294033;color:#4f5464;font-family:Inter,system-ui,sans-serif;font-size:14px;min-width:240px;padding:6px;position:fixed;z-index:540}.studio-menu .who{border-bottom:1px solid #e4eaf1;margin-bottom:5px;padding:9px 10px 10px}.studio-menu .who b{color:#172940;display:block;font-weight:600}.studio-menu .who span{color:#a2b5cd;font-size:12.5px}.studio-menu button{align-items:center;background:none;border:0;border-radius:4px;color:#172940;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:start;width:100%}.studio-menu button:hover{background:#e4eaf1}.studio-menu .mi{color:#7849ff;height:20px;width:20px}@media (max-width:1400px){.studio .ed-split{grid-template-columns:1fr}.studio .ed-prev{position:static}}@media (max-width:1319px){.studio-shell,.studio-shell.nosides{grid-template-columns:var(--module-w) var(--nav-w) minmax(0,1fr)}.studio .sidebar{display:none}}@media (max-width:1100px){.studio .detail{grid-template-columns:1fr}}@media (max-width:1000px){.studio .ssplit,.studio .ssplit.even{grid-template-columns:1fr}}@media (max-width:899px){.studio-shell,.studio-shell.nosides{grid-template-columns:var(--module-w) minmax(0,1fr)}.studio .module-nav{bottom:0;box-shadow:var(--menu-shadow);display:none;inset-inline-start:var(--module-w);position:fixed;top:0;width:min(var(--nav-w),calc(100vw - var(--module-w) - 44px));z-index:60}.studio .module-nav.open{display:flex}.studio #navToggle{display:grid}.studio .scrim{background:#17294059;top:0;right:0;bottom:0;left:0;position:fixed;z-index:55}.studio .header-bar{gap:8px;padding:0 12px}.studio .header-bar h1{font-size:18px}.studio .content{padding:16px 12px 70px}.studio .sbtn .lbl{display:none}.studio .sbtn{padding:0 10px}}@media (max-width:820px){.studio .duo,.studio .v-form{grid-template-columns:1fr}}@media (max-width:560px){.studio{--module-w:52px}.studio .mbtn,.studio .module-bar__logo{height:52px;width:52px}.studio .cell.fx{flex:0 0 auto;min-width:0}.studio .tr{gap:8px;padding:0 8px}.studio .acts .ib{height:28px;width:28px}.studio .tmpair{grid-template-columns:1fr}}.studio .pickfield{display:grid;gap:10px}.studio .pickface{background:var(--bg-subdued);border:var(--bw) solid var(--line);border-radius:var(--rad);display:block;height:150px;overflow:hidden;padding:0;width:100%}.studio .pickface:hover{border-color:var(--primary)}.studio .pickimg{background-position:50%;background-size:cover;display:block;height:100%;width:100%}.studio .pickimg.contain{background-color:#fff;background-repeat:no-repeat;background-size:contain}.studio .pickface.contain{background:#fff}.studio .picknone{color:var(--fg-subdued);font-size:13px;height:100%;justify-content:center;width:100%}.studio .pickmeta,.studio .picknone{align-items:center;display:flex;gap:8px}.studio .pickmeta{flex-wrap:wrap}.studio .pickmeta code{color:var(--fg-subdued);font-family:var(--fm);font-size:12px;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .pubbar{align-items:center;background:var(--primary-bg);border-bottom:var(--bw) solid var(--line);color:var(--fg-accent);display:flex;flex-wrap:wrap;font-size:13.5px;gap:12px;padding:9px 20px}.studio .pubbar__dot{background:var(--warning);border-radius:50%;box-shadow:0 0 0 4px #ffa43938;flex:none;height:9px;width:9px}.studio .pubbar b{font-weight:700}.studio .pubbar em{color:var(--fg-subdued);flex:1 1 120px;font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio .pubbar__link{border-bottom:1px solid;color:var(--primary);font-weight:600;line-height:1.2;text-decoration:none}.studio .pubbar__note{color:var(--fg-subdued);font-size:12.5px}.studio .pubbar__go{background:var(--primary);border-radius:var(--rad);color:#fff;flex:none;font-size:13.5px;font-weight:600;height:34px;padding:0 16px}.studio .pubbar__go:hover{background:#6646d0}.studio .pubbar__go[disabled]{cursor:default;opacity:.55}.pubbar__list{color:#c3cddb;font-size:13px;line-height:1.9;margin:14px 0 0;max-height:40vh;overflow:auto;padding:0;padding-inline-start:18px}@media (max-width:760px){.studio .pubbar em{display:none}.studio .pubbar{gap:9px;padding:8px 12px}}.studio .wf{display:grid;gap:18px;max-width:980px}.studio .wf-card{background:var(--sbg);border:var(--bw) solid var(--line);border-radius:var(--rad);padding:18px 20px}.studio .wf-card>h3{color:var(--fg-accent);font-size:15px;font-weight:700;margin:0 0 4px}.studio .wf-card>p{color:var(--fg-subdued);font-size:13.5px;line-height:1.65;margin:0 0 14px}.studio .wf-row{align-items:center;border-top:1px solid var(--line-subdued);display:flex;flex-wrap:wrap;gap:12px;padding:11px 0}.studio .wf-row:first-of-type{border-top:0}.studio .wf-row b{color:var(--fg-accent);font-weight:600}.studio .wf-row .sp{margin-inline-start:auto}.studio .wf-meta{color:var(--fg-subdued);font-size:12.5px}.studio .wf-mono{background:var(--bg-subdued);border:1px solid var(--line);border-radius:4px;flex:1 1 260px;font-family:var(--fm);font-size:12px;min-width:0;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.studio .wf-tag{background:var(--bg-accent);border-radius:3px;color:var(--fg-subdued);font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 8px;text-transform:uppercase}.studio .wf-tag.ok{background:#2ecda729;color:#16876d}.studio .wf-tag.warn{background:#ffa4392e;color:#a2650a}.studio .wf-tag.bad{background:#e3516929;color:#b82a42}.studio[data-theme=dark] .wf-tag.ok{color:#6fe3c6}.studio[data-theme=dark] .wf-tag.warn{color:#ffc478}.studio[data-theme=dark] .wf-tag.bad{color:#ff8ea0}.studio .wf-list{font-size:13.5px;line-height:1.95;margin:0;padding-inline-start:18px}.studio .wf-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.studio .wf-row .v-input{font-size:14px;height:42px;min-height:42px;padding:0 12px}.studio .wf-row textarea.v-input{height:auto}.studio .wf-row input[type=file].v-input{height:auto;min-height:42px;padding:9px 12px}.studio .wf-row>div{min-width:0}.studio .prevbar__t{color:var(--fg-subdued);font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.studio .mlang span{font:700 14px/1 var(--f);letter-spacing:.02em}.studio .mlang span:lang(ar){font-family:var(--fa);font-size:21px;letter-spacing:0}.studio[dir=rtl]{--f:"Tajawal",system-ui,sans-serif;--fm:"IBM Plex Mono","Tajawal",monospace}.studio[dir=rtl] .nav-group,.studio[dir=rtl] .prevbar__t,.studio[dir=rtl] .sh,.studio[dir=rtl] .tr.head,.studio[dir=rtl] .wf-tag{letter-spacing:0}.studio[dir=rtl] .nav-group{font-size:12px}.studio[dir=rtl] .sh{font-size:12.5px}.studio[dir=rtl] .tr.head{font-size:13px}.studio[dir=rtl] .prevbar__t,.studio[dir=rtl] .wf-tag{font-size:12px}.studio[dir=rtl] .rep__h span,.studio[dir=rtl] .schip,.studio[dir=rtl] .v-item em{font-size:12.5px}.studio[dir=rtl] .headline{font-size:13.5px;height:18px}[dir=rtl] .mi.dirflip{transform:scaleX(-1)}.studio-overlay[dir=rtl] input[type=email],.studio-overlay[dir=rtl] input[type=number],.studio-overlay[dir=rtl] input[type=password],.studio-overlay[dir=rtl] input[type=url],.studio[dir=rtl] input[type=email],.studio[dir=rtl] input[type=number],.studio[dir=rtl] input[type=password],.studio[dir=rtl] input[type=tel],.studio[dir=rtl] input[type=url]{direction:ltr}.studio-menu[dir=rtl],.studio-overlay[dir=rtl] .box,.studio-pal[dir=rtl] .box,.studio-toast[dir=rtl]{font-family:Tajawal,system-ui,sans-serif}.studio-overlay[dir=rtl] .prow em,.studio-pal[dir=rtl] .row em{font-family:Tajawal,system-ui,sans-serif;font-size:12.5px}.studio-overlay[dir=rtl] :is(h1,h2,h3,h4),.studio[dir=rtl] :is(h1,h2,h3,h4){font-family:Tajawal,system-ui,sans-serif;letter-spacing:0}.studio[dir=rtl] .header-bar h1{line-height:1.45}.studio[dir=rtl] :is(.nav-group,.sh,.tr.head,.wf-tag,.prevbar__t,.schip){font-family:var(--fa)}.studio-overlay .v-input{background:#fff;border:2px solid #e4eaf1;border-radius:6px;color:#172940;font-size:15px;height:48px;padding:0 14px;width:100%}.studio-overlay .v-input:focus{border-color:#7849ff;outline:none}.studio-overlay .sbtn{align-items:center;background:#fff;border:2px solid #e4eaf1;border-radius:6px;color:#4f5464;cursor:pointer;display:inline-flex;font-size:14px;gap:7px;height:38px;padding:0 14px}.studio-overlay .sbtn.pri{background:#7849ff;border-color:#7849ff;color:#fff}.studio-overlay .sbtn[disabled]{opacity:.5}