:host { direction:rtl; }
*,*::before,*::after { box-sizing:border-box; }
[hidden],dialog:not([open]) { display:none!important; }
.aa-launch,#aa-panel { font:medium/1.45 Arial,sans-serif; letter-spacing:normal; word-spacing:normal; text-align:start; color:#173d40; text-shadow:none; }
.aa-launch { position:fixed; left:max(12px,env(safe-area-inset-left)); bottom:var(--aura-float-floor); z-index:202; display:grid; place-items:center; width:46px; height:46px; padding:0; border:2px solid white; border-radius:12px; background:#075d64; color:white; box-shadow:0 2px 9px #102f3a38; cursor:pointer; }
#aa-panel { --aa-edge:max(12px,env(safe-area-inset-left)); position:fixed; inset:auto auto max(12px,env(safe-area-inset-bottom)) var(--aa-edge); margin:0; width:min(432px,calc(100% - var(--aa-edge) - 12px)); max-width:none; max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))); height:auto; padding:0; overflow:hidden; background:white; border:1px solid #9eb3b3; border-radius:15px; box-shadow:0 12px 56px #123d4240; color-scheme:light; cursor:auto; }
#aa-panel[open] { display:flex; flex-direction:column; }
#aa-panel::backdrop { background:rgb(12 40 44 / 20%); }
button,select { font:inherit; min-height:44px; color:inherit; }
button,select,input[type=checkbox],.aa-toggle { cursor:pointer; }
:focus-visible { outline:3px solid #005b67; outline-offset:2px; box-shadow:0 0 0 5px #fff; }
.aa-head { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 20px; background:#104c51; color:#fff; border-top:3px solid #cba540; }
.aa-head h2 { margin:0; font-size:1.4em; line-height:1.25; }
.aa-head span { display:block; margin-top:4px; color:#e2efec; font-size:.82em; }
.aa-head kbd { display:inline-block; padding-inline:4px; font:inherit; font-weight:700; }
.aa-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.aa-presets { padding:15px 18px; background:#f6f8f7; border-bottom:1px solid #d5dedb; }
.aa-presets h3 { margin:0 0 9px; font-size:.96em; }
.aa-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.aa-grid button { display:flex; align-items:center; gap:9px; text-align:start; padding:9px; border:1px solid #b9cbc6; border-radius:8px; background:white; color:#173d40; }
.aa-grid button svg { flex:none; color:#09656d; }
.aa-grid strong,.aa-grid small { display:block; line-height:1.35; }
.aa-grid strong { font-size:.94em; }
.aa-grid small { margin-top:2px; font-size:.78em; color:#495f61; }
.aa-grid button[aria-pressed=true] { color:white; background:#07585e; border-color:#07585e; }
.aa-grid button[aria-pressed=true] :is(svg,small) { color:white; }
.aa-cursor-preview { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:6px; font-size:.85em; background:#edf4f2; }
.aa-close { display:grid; place-content:center; width:44px; padding:0; color:#fff; background:transparent; border:1px solid #94b3b4; border-radius:8px; font-size:1.5em; }
.aa-tabs { display:flex; flex:none; padding:0 14px; border-bottom:1px solid #d5dedb; }
.aa-tabs button { flex:1; min-width:0; background:white; color:#345758; border:0; border-bottom:3px solid transparent; }
.aa-tabs [aria-selected=true] { color:#054e58; border-bottom-color:#006b73; font-weight:700; }
.aa-tabs button:focus-visible { outline-offset:-4px; box-shadow:none; }
.aa-body { padding:12px 18px; }
.aa-setting,.aa-toggle { display:flex; align-items:center; justify-content:space-between; min-height:50px; gap:12px; padding:8px 2px; }
.aa-setting { margin-bottom:9px; padding:10px 12px; border-radius:6px; background:#edf4f2; }
.aa-setting label,.aa-jump label { font-weight:700; }
.aa-setting select,.aa-jump select { max-width:100%; min-width:0; border:1px solid #829e99; color:#103e43; background:white; border-radius:5px; padding:6px; }
.aa-setting select { flex:0 1 auto; min-width:5em; }
.aa-toggle { border-bottom:1px solid #dbe4e1; }
.aa-toggle input { appearance:none; flex:none; position:relative; width:38px; height:23px; margin:0; border:1px solid #788e8b; background:white; border-radius:20px; }
.aa-toggle input::after { content:""; position:absolute; top:3px; left:3px; width:15px; height:15px; border-radius:100%; background:#657977; }
.aa-toggle input:checked { background:#00636a; border-color:#00636a; }
.aa-toggle input:checked::after { left:auto; right:3px; background:white; }
.aa-extra,.aa-jump { margin-top:10px; margin-bottom:0; }
.aa-jump div { display:flex; align-items:center; gap:8px; margin-top:8px; }
.aa-jump select { flex:1; }
.aa-go { padding:6px 14px; background:#00636a; color:#fff; border:1px solid #00636a; border-radius:5px; }
#aa-guide-help { margin:4px 0 0; font-size:.9em; color:#3e5754; }
.aa-foot { flex:none; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px; padding:10px 20px max(10px,env(safe-area-inset-bottom)); background:#f6f9f8; border-top:1px solid #ccdcd7; }
.aa-reset { border:1px solid #a3b6b2; border-radius:5px; background:white; padding:6px 10px; }
.aa-foot a { display:inline-flex; align-items:center; min-height:44px; color:#14565c; text-underline-offset:3px; }
.aa-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.aa-guide-line { position:fixed; inset-inline:0; z-index:199; pointer-events:none; height:3px; border-top:2px solid #996820; box-shadow:0 1px white,0 -1px #14363d; }
.aa-guide-line.is-mask { height:72px; transform:translateY(-50%); border-block:1px solid #56736c; box-shadow:0 0 0 150vmax rgb(12 28 30 / 66%); }
@media (any-pointer:fine) {
    :host([data-large-cursor]) :is(#aa-panel,#aa-panel *, .aa-launch) { cursor:var(--aa-arrow); }
    :host([data-large-cursor]) :is(.aa-launch,#aa-panel :is(button,a,select,label,input),#aa-panel :is(button,a,label) *) { cursor:var(--aa-hand); }
}
@media (max-width:500px) {
    #aa-panel { inset:auto 0 0; width:100%; max-height:calc(100dvh - max(8px,env(safe-area-inset-top))); border-radius:14px 14px 0 0; }
    .aa-presets,.aa-body { padding-inline:12px; }
    .aa-grid button { gap:6px; }
}
@media (max-width:355px) { .aa-grid button svg { width:16px; } .aa-foot { padding-inline:10px; } }
@media (max-height:300px) { #aa-panel[open] { display:block; overflow-y:auto; } .aa-scroll { overflow:visible; } }
@media (forced-colors:active) { .aa-toggle input { appearance:auto; width:1.2em; height:1.2em; } .aa-toggle input::after { display:none; } .aa-tabs [aria-selected=true] { border-bottom-color:Highlight; } .aa-guide-line { border-color:Highlight; } }
