.header[data-v-d0304335]{position:relative;padding-bottom:10px}.title-block[data-v-d0304335]{position:relative;z-index:1}.header h1[data-v-d0304335]{font-size:clamp(1.45rem,6.1vw,2.4rem);font-weight:800;letter-spacing:-.02em}.header h1 .glyph[data-v-d0304335]{font-size:.78em;font-weight:700}.subtitle[data-v-d0304335]{color:var(--color-muted);font-size:clamp(.8rem,3vw,1rem);margin-top:4px}.deco[data-v-d0304335]{position:absolute;top:-2.2rem;right:2px;font-family:var(--font-arabic);font-size:clamp(4rem,13.5vw,6rem);line-height:1.35;color:var(--color-deco);pointer-events:none;user-select:none;z-index:0}.switch[data-v-21ffbfa4]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.segment[data-v-21ffbfa4]{min-height:56px;border-radius:16px;font-weight:700;font-size:.95rem;border:1px solid var(--color-field-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.segment.active[data-v-21ffbfa4]{background:linear-gradient(135deg,var(--color-primary-1),var(--color-primary-2));color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}@media(max-width:560px){.switch[data-v-21ffbfa4]{gap:8px}.segment[data-v-21ffbfa4]{min-height:46px;border-radius:14px;font-size:.76rem;gap:6px;padding:8px 4px;white-space:nowrap}.segment svg[data-v-21ffbfa4]{width:15px;height:15px}}.panel[data-v-f5842ac8]{background:var(--color-surface);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-card);border:none}.panel-header[data-v-f5842ac8]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.badge[data-v-f5842ac8]{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none}.badge-in[data-v-f5842ac8]{background:var(--color-badge-in-bg);color:var(--color-badge-in-fg)}.badge-out[data-v-f5842ac8]{background:var(--color-badge-out-bg);color:var(--color-badge-out-fg)}.badge-letter.font-arabic[data-v-f5842ac8]{font-size:1.6rem}.badge-letter.font-latin[data-v-f5842ac8]{font-size:1rem;font-weight:700}.titles[data-v-f5842ac8]{flex:1;min-width:0}.label[data-v-f5842ac8]{font-weight:700;font-size:1.05rem}.sublabel[data-v-f5842ac8]{font-size:.8rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions[data-v-f5842ac8]{display:flex;gap:8px;flex:none}.action-btn[data-v-f5842ac8]{min-height:40px;border-radius:12px;padding:0 12px;border:1px solid var(--color-field-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.field[data-v-f5842ac8]{width:100%;min-height:140px;border-radius:var(--radius-field);padding:14px}.field.font-arabic[data-v-f5842ac8]{font-family:var(--font-arabic);font-size:2.1rem;line-height:1.85}.field.font-latin[data-v-f5842ac8]{font-family:var(--font-translit);font-size:1rem;line-height:1.7}.editor[data-v-f5842ac8]{background:var(--color-field-bg);border:1px solid var(--color-field-border);resize:vertical;color:var(--color-text);outline:none;max-width:100%}.editor[data-v-f5842ac8]::placeholder{color:var(--color-muted)}.output[data-v-f5842ac8]{background:var(--color-out-bg);border:1px solid var(--color-out-border);white-space:pre-wrap;word-break:break-word;user-select:text;color:var(--color-text)}.empty[data-v-f5842ac8]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;height:100%;min-height:112px}@media(max-width:560px){.btn-label[data-v-f5842ac8]{display:none}.action-btn[data-v-f5842ac8]{width:40px;min-height:40px;padding:0;justify-content:center}.panel[data-v-f5842ac8]{padding:12px;border-radius:18px}.panel-header[data-v-f5842ac8]{gap:10px;margin-bottom:10px}.badge[data-v-f5842ac8]{width:38px;height:38px}.badge svg[data-v-f5842ac8]{width:17px;height:17px}.badge-letter.font-arabic[data-v-f5842ac8]{font-size:1.3rem}.badge-letter.font-latin[data-v-f5842ac8]{font-size:.85rem}.label[data-v-f5842ac8]{font-size:.95rem}.sublabel[data-v-f5842ac8]{font-size:.72rem}.field[data-v-f5842ac8]{min-height:112px;padding:12px;border-radius:14px}.field.font-latin[data-v-f5842ac8]{font-size:.95rem}.field.font-arabic[data-v-f5842ac8]{font-size:1.35rem;line-height:1.8}.counter[data-v-f5842ac8]{font-size:.72rem;margin-top:6px}.empty[data-v-f5842ac8]{min-height:88px;gap:6px}.empty-icon[data-v-f5842ac8]{width:24px;height:24px}.empty-text[data-v-f5842ac8]{font-size:.9rem}}.empty-icon[data-v-f5842ac8]{color:#b9c2f2}.empty-text[data-v-f5842ac8]{color:var(--color-muted);font-family:var(--font-latin);font-size:1rem}.counter[data-v-f5842ac8]{font-size:.78rem;color:var(--color-muted);margin-top:8px;text-align:right}.chip-label[data-v-c47a8c7e]{font-family:var(--font-translit)}.options-bar[data-v-c47a8c7e]{display:flex;align-items:center;gap:10px}.chip[data-v-c47a8c7e]{min-height:48px;border-radius:999px;padding:0 18px;gap:8px;border:1px solid var(--color-field-border);background:var(--color-surface);color:var(--color-muted);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}.chip[aria-pressed=true][data-v-c47a8c7e]{background:var(--color-primary-soft);border:2px solid var(--color-primary-1);padding:0 17px;color:var(--color-chip-text)}.state[data-v-c47a8c7e]{flex:none;color:var(--color-primary-1)}.state-off[data-v-c47a8c7e]{color:#c2cadd}.chip[data-v-c47a8c7e]:disabled{opacity:.45;cursor:not-allowed}@media(max-width:560px){.chip[data-v-c47a8c7e]{min-height:40px;padding:0 14px;font-size:.85rem}.chip[aria-pressed=true][data-v-c47a8c7e]{padding:0 13px}.chip svg[data-v-c47a8c7e]{width:16px;height:16px}}.page[data-v-4a449f98]{min-height:100vh}.wrap[data-v-4a449f98]{max-width:640px;margin-inline:auto;padding-inline:16px;padding-block:34px 28px}.main[data-v-4a449f98]{display:flex;flex-direction:column;gap:16px;margin-top:24px}.swap-btn[data-v-4a449f98]{width:100%;min-height:64px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--color-primary-1),var(--color-primary-2));color:#fff;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-primary);cursor:pointer}@media(max-width:560px){.wrap[data-v-4a449f98]{padding-block:16px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.main[data-v-4a449f98]{gap:12px;margin-top:16px}.swap-btn[data-v-4a449f98]{min-height:52px;font-size:.95rem;gap:8px}.swap-btn svg[data-v-4a449f98]{width:19px;height:19px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-latin);background:var(--color-bg);color:var(--color-text);transition:background-color .15s ease,color .15s ease;overflow-x:hidden}img,svg{display:block;max-width:100%}button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}textarea{font-family:inherit}ul,ol{margin:0;padding:0}h1,h2,h3,p{margin:0}:root{color-scheme:light;--font-latin: "Inter", system-ui, -apple-system, sans-serif;--font-translit: "Segoe UI", "Helvetica Neue", "DejaVu Sans", "Noto Sans", system-ui, -apple-system, sans-serif;--font-arabic: "Arabic Typesetting", "Scheherazade New", "Noto Naskh Arabic", serif;--color-bg: #edf0fa;--color-surface: #ffffff;--color-text: #0f1836;--color-muted: #79839f;--color-primary-1: #5a5be0;--color-primary-2: #7a63ea;--color-primary-soft: #eef1ff;--color-chip-border: #ccd3f5;--color-chip-text: #4a55d4;--color-field-bg: #fafbff;--color-field-border: #e4e8f7;--color-out-bg: #eef7f0;--color-out-border: #dcecdf;--color-badge-in-bg: #e9ecfe;--color-badge-in-fg: #4a55d4;--color-badge-out-bg: #e1f1e6;--color-badge-out-fg: #2f7d52;--color-deco: #dde2fa;--shadow-card: 0 2px 10px rgba(22, 32, 80, .05), 0 8px 24px rgba(22, 32, 80, .05);--shadow-primary: 0 10px 24px rgba(91, 91, 214, .32);--radius-card: 22px;--radius-field: 16px}:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}