@font-face{font-family:OHWAmiri;src:url(fonts/Amiri-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:OHWRiyaz;src:url(fonts/XBRiyaz-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
.ohw-app{--hw-ink:var(--os-ink,#172c49);--hw-muted:var(--os-muted,#64748b);--hw-border:var(--os-line,#dce4ef);--hw-card:var(--os-card,#fff);--hw-accent:#2457d6;max-width:1200px;margin:auto;padding:20px 0 30px;color:var(--hw-ink);font-family:inherit;line-height:1.7}
.ohw-app *{box-sizing:border-box}.ohw-app [hidden]{display:none!important}.ohw-app h1{font-size:clamp(27px,3.5vw,38px);margin:6px 0 8px;line-height:1.5}.ohw-app h2{font-size:18px;margin:0;font-weight:750}.ohw-heading{margin-bottom:26px}.ohw-heading>p{color:var(--hw-muted);margin:0}.ohw-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--hw-accent)}
.ohw-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.2fr);gap:24px;align-items:start}.ohw-editor{min-width:0;display:grid;gap:18px}.ohw-card{border:1px solid var(--hw-border);border-radius:14px;background:var(--hw-card);padding:22px;min-width:0}.ohw-card-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.ohw-app button{font:inherit;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid var(--hw-border);border-radius:9px;background:var(--hw-card);color:var(--hw-ink);line-height:1.5}.ohw-app button:disabled{opacity:.45;cursor:default}.ohw-app .ohw-text-button{font-size:12px;min-height:36px;padding:6px 8px;border:0;color:var(--hw-muted)}.ohw-app :focus-visible{outline:3px solid #83acee;outline-offset:3px}
.ohw-app textarea,.ohw-app select{font:inherit;border:1px solid var(--hw-border);border-radius:8px;background:var(--hw-card);color:var(--hw-ink);width:100%;min-width:0;max-width:100%}.ohw-app textarea{display:block;padding:12px 14px;font-size:18px;line-height:1.8;resize:vertical;min-height:160px;unicode-bidi:plaintext}.ohw-app select{font-size:13px;min-height:44px;padding:8px 10px}.ohw-app fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}.ohw-app fieldset+fieldset{border-top:1px solid var(--hw-border);padding-top:18px}.ohw-app legend{font-size:13px;font-weight:700;margin-bottom:12px;padding:0}.ohw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.ohw-fields label{display:grid;gap:6px;font-size:12px;min-width:0}.ohw-wide{grid-column:1/-1}.ohw-wide select{max-width:110px}.ohw-help{font-size:12px;line-height:1.8;color:var(--hw-muted);margin:10px 0 0}
.ohw-preview-section{min-width:0}.ohw-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}.ohw-paper-spec{direction:ltr;font-size:12px;color:var(--hw-muted);white-space:nowrap}.ohw-preview-toolbar{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.ohw-preview-toolbar button{font-size:12px;padding:7px 10px}.ohw-pagination{display:flex;gap:10px;align-items:center}.ohw-pagination>span{font-size:12px;font-variant-numeric:tabular-nums}.ohw-stage{padding:20px;background:#eaf0f6;border:1px solid var(--hw-border);border-radius:12px;overflow:auto;max-height:920px;max-width:100%;direction:ltr;scrollbar-gutter:stable}.ohw-sheet-holder{width:100%;margin:auto;max-width:var(--ohw-paper-width,560px)}.ohw-sheet-holder.is-zoomed{width:calc(var(--ohw-paper-width,560px) * 1.5);max-width:none}.ohw-sheet{background:#fff;box-shadow:0 3px 14px #263d5b16;line-height:0}.ohw-sheet>svg{display:block;width:100%;height:auto;background:#fff}.ohw-stage[aria-busy=true]{opacity:.65}.ohw-export-actions{display:flex;gap:12px;margin-top:18px}.ohw-export-actions button{flex:1;min-height:48px;font-size:14px;font-weight:700}.ohw-app .ohw-primary{background:var(--hw-accent);color:#fff;border-color:var(--hw-accent)}.ohw-export-status{font-size:12px;color:var(--hw-muted);margin:12px 0 0;min-height:22px}.ohw-error{padding:12px;color:#9e2440;background:#fff0f3;border:1px solid #f2ced7;border-radius:10px;font-size:13px}.ohw-privacy{margin-top:8px}.ohw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ohw-tool-page .orc-tools-launcher{display:none!important}
@media(max-width:900px){.ohw-layout{grid-template-columns:minmax(0,1fr)}.ohw-editor{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ohw-card{padding:18px}.ohw-stage{max-height:none}.ohw-preview-section{max-width:750px;width:100%;margin:auto}}
@media(max-width:600px){.ohw-app{padding:12px 4px 20px}.ohw-editor{grid-template-columns:minmax(0,1fr)}.ohw-card{padding:16px}.ohw-heading{margin-bottom:20px}.ohw-preview-toolbar{gap:6px}.ohw-preview-toolbar button{padding:7px 8px}.ohw-pagination{gap:6px}.ohw-pagination>span{font-size:11px}.ohw-stage{padding:12px;scrollbar-gutter:auto}.ohw-preview-heading{align-items:baseline}.ohw-app h2{font-size:17px}.ohw-export-actions{gap:8px}}
[data-ostadi-theme=dark] .ohw-stage{background:#172436}[data-ostadi-theme=dark] .ohw-eyebrow{color:#91b6ff}