.editor-header{border-bottom:1px solid var(--border);width:100%;max-width:1800px;min-height:94px;color:var(--text);direction:rtl;align-items:center;gap:24px;margin:0 auto;padding:16px 0;font-family:Vazirmatn,Arial,sans-serif;display:flex;position:relative}.editor-header:after{content:"";background:linear-gradient(to left,color-mix(in srgb,var(--accent) 55%,transparent),transparent);pointer-events:none;width:138px;height:1px;position:absolute;bottom:-1px;right:0}.editor-header .ed-brand{color:var(--text);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.editor-header .ed-identity{border-inline-start:1px solid var(--border);align-items:center;gap:10px;min-width:0;padding-inline-start:24px;display:flex}.editor-header .ed-studio-icon{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));width:34px;height:34px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.editor-header .ed-icon{flex-shrink:0;width:17px;height:17px}.editor-header .ed-identity h2{color:var(--text);margin:0;font:500 13px/1.6 Vazirmatn,Arial,sans-serif}.editor-header .ed-subtitle{color:var(--muted);white-space:nowrap;margin-top:2px;font:400 9px/1.9 Vazirmatn,Arial,sans-serif;display:block}.editor-header .ed-project-name{width:180px;max-width:180px;color:var(--muted);text-align:right;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px dashed #0000;border-radius:0;min-width:0;margin:1px 0 0;padding:0;font:400 10px/1.9 Vazirmatn,Arial,sans-serif;display:block}.editor-header .ed-project-name:hover:not(:disabled){border-color:var(--border-strong)}.editor-header .ed-project-name:focus{border-color:var(--accent);color:var(--text);outline:none}.editor-header .ed-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.editor-header .ed-plan{white-space:nowrap;color:var(--muted);align-items:center;gap:7px;margin-inline-end:9px;font:400 9px/1.6 Vazirmatn,Arial,sans-serif;display:flex}.editor-header .ed-plan i{background:var(--accent);width:4px;height:4px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%}.editor-header .ed-link{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:9px 8px;font:400 10px/1.5 Vazirmatn,Arial,sans-serif;text-decoration:none;display:flex}.editor-header .ed-link:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.editor-header .ed-theme{border:1px solid var(--border);background:var(--surface);width:35px;height:35px;color:var(--muted);cursor:pointer;border-radius:11px;flex-shrink:0;place-items:center;padding:0;display:grid}.editor-header .ed-theme:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.editor-header .ed-export{white-space:nowrap;border:1px solid var(--text);background:var(--text);min-height:37px;color:var(--bg);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font:500 11px/1.6 Vazirmatn,Arial,sans-serif;display:flex}.editor-header .ed-export:hover:not(:disabled){background:var(--text-soft);border-color:var(--text-soft)}.editor-header .ed-export:disabled{opacity:.35;cursor:default}.editor-header button:focus-visible,.editor-header a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:1100px){.editor-header{gap:18px}.editor-header .ed-identity{padding-inline-start:18px}.editor-header .ed-plan{display:none}.editor-header .ed-project-name{width:150px;max-width:150px}.editor-header .ed-header-actions{gap:7px}}@media (max-width:850px){.editor-header .ed-link>span{display:none}.editor-header .ed-link{justify-content:center;width:34px;height:35px;padding:7px}.editor-header .ed-studio-icon{display:none}.editor-header .ed-subtitle{font-size:8px}.editor-header .ed-identity h2{font-size:12px}}@media (max-width:620px){.editor-header{grid-template-columns:auto minmax(0,1fr);gap:12px 17px;min-height:0;padding:14px 0 12px;display:grid}.editor-header .ed-identity{border:0;justify-content:flex-end;padding:0}.editor-header .ed-identity h2{font-size:12px}.editor-header .ed-identity>div{min-width:0}.editor-header .ed-project-name{width:138px;max-width:100%;font-size:9px}.editor-header .ed-subtitle{white-space:normal;font-size:8px}.editor-header .ed-header-actions{grid-column:1/-1;justify-content:flex-start;gap:8px;width:100%;margin:0}.editor-header .ed-plan{margin-inline-end:auto;font-size:8px;display:flex}.editor-header .ed-export{min-height:34px;margin-inline-start:0;padding:7px 11px;font-size:10px}.editor-header .ed-theme,.editor-header .ed-link{width:32px;height:34px}.editor-header .ed-icon{width:15px;height:15px}.editor-header .klymb-brand.is-persian .klymb-symbol{width:35px;height:35px}.editor-header .klymb-brand.is-persian .klymb-wordmark strong{font-size:23px}.editor-header .klymb-brand.is-persian .klymb-wordmark small{font-size:6.5px}}@media (prefers-reduced-motion:reduce){.editor-header *{transition:none!important}}
