:root{--ink: #0E1015;--panel: #171A22;--panel-2: #1E222C;--blue: #1751F1;--orange: #F15A22;--grey: #D5D9E2;--muted: rgba(213, 217, 226, .62);--muted-2: rgba(213, 217, 226, .38);--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--green: #2FA36B;--ease: cubic-bezier(.16, 1, .3, 1);--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--grey);font:400 14px/1.55 Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue);text-decoration:none}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:22px 0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar h1{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 20px 4px}.sidebar .sub{font-family:var(--mono);font-size:11px;color:var(--muted-2);margin:0 20px 26px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:var(--muted);padding:9px 20px;font-size:13.5px;border-left:2px solid transparent;transition:.16s var(--ease)}.sidebar nav a:hover{color:var(--grey);background:#ffffff08}.sidebar nav a.active{color:#fff;border-left-color:var(--blue);background:#1751f11a}.sidebar footer{margin-top:auto;padding:0 20px;font-family:var(--mono);font-size:11px;color:var(--muted-2)}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--ink);position:sticky;top:0;z-index:5}.topbar h2{margin:0;font-size:15px;font-weight:700}.topbar .path{font-family:var(--mono);font-size:12px;color:var(--muted)}.topbar .spacer{flex:1}.content{padding:24px;flex:1}.btn{background:var(--blue);color:#fff;border:0;border-radius:3px;padding:8px 15px;font-weight:600;font-size:13px;cursor:pointer;transition:.16s var(--ease)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--line-2);color:var(--grey)}.btn.ghost:hover{border-color:var(--blue);color:#fff;filter:none}.btn.danger{background:transparent;border:1px solid var(--line-2);color:var(--orange)}.btn.sm{padding:5px 10px;font-size:12px}.field{margin-bottom:16px}.field>label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field .help{font-size:11.5px;color:var(--muted-2);margin-top:5px}input[type=text],input[type=number],input[type=url],input[type=password],select,textarea{width:100%;background:var(--ink);border:1px solid var(--line-2);border-radius:3px;padding:8px 10px;color:var(--grey);transition:border-color .16s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)}textarea{resize:vertical;min-height:76px}.mono,.field.mono input{font-family:var(--mono);font-size:12.5px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.checkbox label{text-transform:none;letter-spacing:0;font-size:13px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair .ar input,.pair .ar textarea{direction:rtl;text-align:right}.pair .tag{font-family:var(--mono);font-size:10px;color:var(--muted-2);display:block;margin-bottom:3px}table.list{width:100%;border-collapse:collapse}table.list th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}table.list td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}table.list tr:hover td{background:#ffffff05}table.list td.path{font-family:var(--mono);font-size:12.5px}.pill{display:inline-block;font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:2px;border:1px solid var(--line-2);color:var(--muted)}.pill.published{color:var(--green);border-color:#2fa36b66}.pill.draft{color:var(--orange);border-color:#f15a2266}.builder{display:grid;grid-template-columns:268px 1fr 340px;gap:0;height:calc(100vh - 53px)}.builder>*{overflow-y:auto}.outline{border-right:1px solid var(--line);padding:16px 0}.outline h3,.inspector h3{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin:0 16px 12px;font-weight:600}.block-row{display:flex;align-items:center;gap:9px;padding:9px 16px;cursor:pointer;border-left:2px solid transparent;transition:.14s var(--ease)}.block-row:hover{background:#ffffff08}.block-row.active{background:#1751f11a;border-left-color:var(--blue)}.block-row.dragging{opacity:.35}.block-row.drop-target{border-top:2px solid var(--blue)}.block-row .grip{color:var(--muted-2);cursor:grab;font-size:13px;line-height:1;letter-spacing:-1px}.block-row .meta{min-width:0;flex:1}.block-row .name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-row .type{font-family:var(--mono);font-size:10.5px;color:var(--muted-2)}.block-row.hidden .name{color:var(--muted-2);text-decoration:line-through}.block-row .eye{background:none;border:0;color:var(--muted-2);cursor:pointer;padding:2px 4px}.block-row .eye:hover{color:var(--grey)}.canvas{padding:20px 24px}.canvas .empty{border:1px dashed var(--line-2);border-radius:4px;padding:60px 20px;text-align:center;color:var(--muted)}.inspector{border-left:1px solid var(--line);padding:16px 0 60px}.inspector .body{padding:0 16px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 16px}.palette button{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:9px 8px;text-align:left;cursor:pointer;color:var(--grey);font-size:12px;transition:.14s var(--ease)}.palette button:hover{border-color:var(--blue);background:var(--panel-2)}.palette .cat{grid-column:1 / -1;font-family:var(--mono);font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;margin:10px 0 2px}.repeater-item{border:1px solid var(--line);border-radius:3px;padding:12px;margin-bottom:8px;background:var(--panel)}.repeater-item header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.repeater-item header span{font-family:var(--mono);font-size:11px;color:var(--muted-2)}.seo-grid{display:grid;grid-template-columns:1fr 380px;gap:32px}.meter{margin-top:6px}.meter .rail{height:2px;background:var(--line);border-radius:2px;overflow:hidden}.meter .rail i{display:block;height:100%;background:var(--blue);transition:width .2s var(--ease),background .2s var(--ease)}.meter.over .rail i{background:var(--orange)}.meter.short .rail i{background:var(--muted-2)}.meter .count{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);margin-top:4px;display:flex;justify-content:space-between}.meter.over .count{color:var(--orange)}.serp{background:#fff;color:#202124;border-radius:4px;padding:16px 18px;font-family:Arial,sans-serif;position:sticky;top:24px}.serp .url{font-size:12.5px;color:#202124}.serp .url small{color:#4d5156}.serp h4{margin:3px 0 2px;font-size:19px;line-height:1.3;font-weight:400;color:#1a0dab}.serp p{margin:0;font-size:13.5px;line-height:1.58;color:#4d5156}.serp .truncated{color:#9aa0a6}.serp .label{font-family:var(--mono);font-size:10px;color:#70757a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.checklist{list-style:none;margin:18px 0 0;padding:0}.checklist li{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}.checklist li .mark{font-family:var(--mono);flex:0 0 14px}.checklist li.pass .mark{color:var(--green)}.checklist li.warn .mark{color:var(--orange)}.checklist li .why{color:var(--muted-2);display:block;font-size:11.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;color:var(--muted);cursor:pointer;font-size:13px}.tabs button.active{color:#fff;border-bottom-color:var(--blue)}.toast{position:fixed;bottom:22px;right:22px;background:var(--panel-2);border:1px solid var(--line-2);border-left:2px solid var(--blue);padding:11px 16px;border-radius:3px;font-size:13px;z-index:50}.toast.error{border-left-color:var(--orange)}.login{min-height:100vh;display:grid;place-items:center}.login form{width:320px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:26px}.login h1{font-size:15px;margin:0 0 3px;letter-spacing:.1em;text-transform:uppercase}.login .sub{font-family:var(--mono);font-size:11px;color:var(--muted-2);margin:0 0 22px}.loading{padding:60px;text-align:center;color:var(--muted-2);font-family:var(--mono);font-size:12px}[dir=rtl] body{font-family:IBM Plex Sans Arabic,Tajawal,Montserrat,sans-serif}[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .sidebar nav a{border-left:0;border-right:2px solid transparent}[dir=rtl] .sidebar nav a.active{border-right-color:var(--blue)}[dir=rtl] .outline{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .inspector{border-left:0;border-right:1px solid var(--line)}[dir=rtl] .block-row{border-left:0;border-right:2px solid transparent}[dir=rtl] .block-row.active{border-right-color:var(--blue)}[dir=rtl] .toast{right:auto;left:22px;border-left:0;border-right:2px solid var(--blue)}[dir=rtl] .toast.error{border-right-color:var(--orange)}[dir=rtl] table.list th,[dir=rtl] table.list td{text-align:right}[dir=rtl] .mono,[dir=rtl] .path,[dir=rtl] .block-row .type,[dir=rtl] .meter .count,[dir=rtl] input.mono,[dir=rtl] textarea.mono,[dir=rtl] .serp{direction:ltr;text-align:left}[dir=rtl] .meter .count{flex-direction:row}[dir=rtl] .pair>div:not(.ar) input,[dir=rtl] .pair>div:not(.ar) textarea{direction:ltr;text-align:left}.lang-toggle{background:none;border:1px solid var(--line-2);border-radius:3px;color:var(--muted);padding:4px 9px;font-size:11px;cursor:pointer;font-family:var(--mono)}.lang-toggle:hover{color:#fff;border-color:var(--blue)}.template-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:8px}.template-picker button{text-align:start;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:11px 12px;cursor:pointer;color:var(--grey);transition:.14s var(--ease)}.template-picker button:hover{border-color:var(--line-2)}.template-picker button.active{border-color:var(--blue);background:#1751f11a}.template-picker b{display:block;font-size:13px;font-weight:600}.template-picker small{display:block;color:var(--muted-2);font-size:11.5px;margin-top:3px}.template-picker .count{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);margin-top:6px;display:block}.nav-toggle{display:none;position:fixed;top:12px;inset-inline-start:12px;z-index:60;width:42px;height:42px;border-radius:4px;background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.nav-toggle span{display:block;width:18px;height:1.5px;background:#fff}.sidebar-backdrop{display:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1100px){.builder{grid-template-columns:220px 1fr 280px}.seo-grid{grid-template-columns:1fr}}@media (max-width: 900px){.nav-toggle{display:flex}.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);transform:translate(-105%);transition:transform .22s ease;z-index:50}[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(105%)}.shell.nav-open .sidebar{transform:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:.2s;z-index:40}.shell.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main{padding-top:56px}.builder{grid-template-columns:1fr}.builder .outline,.builder .inspector{order:2}.pair{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:8px}.content{padding:16px}}@media (max-width: 640px){.template-picker{grid-template-columns:1fr}.login-card{width:min(100% - 32px,360px)}}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.pager-actions{display:flex;align-items:center;gap:8px}.pager-page,.pager-meta{font-size:12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:4px}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:start;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}table.data th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}table.data tr:last-child td{border-bottom:0}table.data .actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.muted{color:var(--muted);font-size:12px;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;background:#ffffff0d;color:var(--muted)}.pill.ok{background:#2fa36b29;color:#8dffc0}.drawer-panel{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field.full,.form-grid .check{grid-column:1 / -1}.form-grid .check{display:flex;align-items:center;gap:8px;font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel-2)}.media-thumb{aspect-ratio:4/3;display:grid;place-items:center;background:#ffffff08;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-meta{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.media-meta strong{font-size:13px}input.search{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:8px 10px;min-width:200px}@media (max-width: 800px){.form-grid{grid-template-columns:1fr}input.search{min-width:0;width:100%}}