.khaled-layer{--khaled-card:#fffdfc;--khaled-page:#f6efe8;--khaled-assistant:#f4efe7;--khaled-header:#faf5ef;--khaled-border:#ece2d6;--khaled-soft-border:#f0e8dd;--khaled-deep:#392319;--khaled-copper:#a2643f;--khaled-muted:#5d4d43;--khaled-faint:#8a7b70;--khaled-quiet:#a3958a;position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:60;display:flex;max-inline-size:100vw;flex-direction:column;align-items:flex-start;gap:12px;color:var(--khaled-deep);color-scheme:light;font-family:var(--font-khaled,"IBM Plex Sans Arabic",system-ui,sans-serif);font-feature-settings:normal;line-height:normal;pointer-events:none;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.khaled-layer button,.khaled-layer input,.khaled-layer textarea{font-family:inherit;touch-action:manipulation}.khaled-layer>*{pointer-events:auto}.khaled-layer.is-exit{inset-block-end:26px;inset-inline-end:26px}.khaled-mark{position:relative;display:block;inline-size:100%;block-size:100%;overflow:hidden;border-radius:inherit;background:var(--khaled-deep)}.khaled-mark-primary,.khaled-mark-secondary{position:absolute;display:block}.khaled-mark-primary{background:#f3e7dc}.khaled-mark-secondary{background:var(--khaled-copper)}.khaled-bubble{display:flex;max-inline-size:calc(100vw - 48px);align-items:center;gap:12px;padding:9px;padding-inline-start:22px;border:1px solid #efe6da;border-radius:999px;background:var(--khaled-card);box-shadow:0 14px 32px rgba(57,35,25,.14);color:inherit;cursor:pointer;text-align:start}.khaled-bubble-avatar{position:relative;display:block;flex:none;inline-size:42px;block-size:42px;overflow:hidden;border-radius:14px}.khaled-bubble-avatar .khaled-mark-primary{inset-block-start:9px;inset-inline-start:8px;inline-size:20px;block-size:14px;border-start-start-radius:6px;border-start-end-radius:6px;border-end-start-radius:6px;border-end-end-radius:2px}.khaled-bubble-avatar .khaled-mark-secondary{inset-block-end:8px;inset-inline-end:7px;inline-size:16px;block-size:11px;border-start-start-radius:5px;border-start-end-radius:5px;border-end-start-radius:2px;border-end-end-radius:5px;box-shadow:0 0 0 2.5px var(--khaled-deep)}.khaled-bubble-text{display:flex;min-inline-size:0;flex-direction:column;gap:2px}.khaled-bubble-label{color:var(--khaled-deep);font-size:13.5px;font-weight:500}.khaled-bubble-sub{color:var(--khaled-faint);font-size:11px}.khaled-bubble.is-compact{gap:10px;padding:7px;padding-inline-start:18px;box-shadow:0 10px 24px rgba(57,35,25,.12)}.khaled-bubble.is-compact .khaled-bubble-avatar{inline-size:34px;block-size:34px;border-radius:11px}.khaled-bubble.is-compact .khaled-mark-primary{inset-block-start:8px;inset-inline-start:6px;inline-size:16px;block-size:11px;border-start-start-radius:5px;border-start-end-radius:5px;border-end-start-radius:5px;border-end-end-radius:2px}.khaled-bubble.is-compact .khaled-mark-secondary{inset-block-end:7px;inset-inline-end:5px;inline-size:13px;block-size:9px;border-start-start-radius:4px;border-start-end-radius:4px;border-end-start-radius:2px;border-end-end-radius:4px;box-shadow:0 0 0 2px var(--khaled-deep)}.khaled-bubble.is-compact .khaled-bubble-label{font-size:12.5px}.khaled-bubble.is-compact .khaled-bubble-sub{display:none}.khaled-hint{display:flex;max-inline-size:min(272px,calc(100vw - 48px));align-items:flex-start;gap:8px;padding:10px 13px;border:1px solid #efe6da;border-radius:14px;background:var(--khaled-card);box-shadow:0 10px 24px rgba(57,35,25,.12)}.khaled-hint-text{color:var(--khaled-deep);font-size:12px;line-height:1.7}.khaled-exit-dismiss,.khaled-hint-dismiss{flex:none;margin-block-start:3px;padding:0;border:0;background:none;color:var(--khaled-quiet);font-size:10px;line-height:1;cursor:pointer}.khaled-exit{display:flex;box-sizing:border-box;inline-size:352px;max-inline-size:calc(100vw - 52px);align-items:flex-start;gap:12px;padding:16px;border:1px solid #efe6da;border-radius:16px;background:var(--khaled-card);box-shadow:0 16px 40px rgba(57,35,25,.15)}.khaled-exit-avatar{display:block;flex:none;inline-size:34px;block-size:34px;overflow:hidden;border-radius:11px}.khaled-exit-avatar .khaled-mark-primary,.khaled-panel-avatar .khaled-mark-primary{inset-block-start:8px;inset-inline-start:7px;inline-size:17px;block-size:12px;border-start-start-radius:5px;border-start-end-radius:5px;border-end-start-radius:5px;border-end-end-radius:2px}.khaled-exit-avatar .khaled-mark-secondary,.khaled-panel-avatar .khaled-mark-secondary{inset-block-end:7px;inset-inline-end:6px;inline-size:14px;block-size:10px;border-start-start-radius:4px;border-start-end-radius:4px;border-end-start-radius:2px;border-end-end-radius:4px;box-shadow:0 0 0 2px var(--khaled-deep)}.khaled-exit-body{display:flex;min-inline-size:0;flex:1;flex-direction:column;gap:10px}.khaled-exit-text{color:var(--khaled-muted);font-size:13.5px;line-height:1.85}.khaled-draft-title,.khaled-exit-accent{color:var(--khaled-copper)}.khaled-draft-actions,.khaled-exit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.khaled-pill,.khaled-pill-sm{border:0;border-radius:999px;font:inherit;font-size:12.5px;cursor:pointer;text-align:start}.khaled-pill-sm.is-primary,.khaled-pill.is-primary{padding:10px 16px;background:var(--khaled-deep);color:var(--khaled-card);font-weight:500}.khaled-pill-sm.is-quiet,.khaled-pill.is-quiet{padding:10px 14px;background:none;color:var(--khaled-faint)}.khaled-pill-sm.is-primary,.khaled-pill-sm.is-quiet{padding-block:9px}.khaled-panel{display:flex;box-sizing:border-box;inline-size:400px;block-size:600px;max-inline-size:calc(100vw - 48px);max-block-size:calc(100dvh - 48px);flex-direction:column;overflow:hidden;border:1px solid var(--khaled-border);border-radius:22px;background:var(--khaled-card);box-shadow:0 30px 70px rgba(57,35,25,.2),0 4px 14px rgba(57,35,25,.06)}.khaled-panel-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:14px 16px;border-block-end:1px solid var(--khaled-soft-border);background:var(--khaled-header)}.khaled-panel-identity{display:flex;min-inline-size:0;align-items:center;gap:10px}.khaled-panel-avatar{display:block;flex:none;inline-size:36px;block-size:36px;overflow:hidden;border-radius:12px}.khaled-panel-title{display:flex;min-inline-size:0;flex-direction:column;gap:2px}.khaled-panel-name{color:var(--khaled-deep);font-size:13.5px;font-weight:600}.khaled-panel-role{display:flex;align-items:center;gap:6px;color:var(--khaled-faint);font-size:11px}.khaled-status-dot{display:block;flex:none;inline-size:5px;block-size:5px;border-radius:50%;background:var(--khaled-copper)}.khaled-panel-actions{display:flex;align-items:center;gap:4px}.khaled-icon-button{display:flex;flex:none;inline-size:28px;block-size:28px;align-items:center;justify-content:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--khaled-quiet);font:inherit;font-size:14px;line-height:1;cursor:pointer}.khaled-icon-button:hover{background:#f2ebe2;color:var(--khaled-muted)}.khaled-thread{display:flex;min-block-size:0;flex:1;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px;background:var(--khaled-card)}.khaled-msg{box-sizing:border-box;padding:11px 14px;font-size:13.5px;overflow-wrap:anywhere}.khaled-msg-assistant{max-inline-size:86%;align-self:flex-start;border-end-start-radius:16px;border-end-end-radius:5px;background:var(--khaled-assistant);color:var(--khaled-deep);line-height:1.85}.khaled-msg-assistant,.khaled-msg-user{border-start-start-radius:16px;border-start-end-radius:16px}.khaled-msg-user{max-inline-size:82%;align-self:flex-end;border-end-start-radius:5px;border-end-end-radius:16px;background:var(--khaled-deep);color:#fdf7f1;line-height:1.8}.khaled-typing{display:flex;align-self:flex-start;align-items:center;gap:5px;padding:13px 15px;border-start-start-radius:16px;border-start-end-radius:16px;border-end-start-radius:16px;border-end-end-radius:5px;background:var(--khaled-assistant)}.khaled-note{align-self:flex-start;padding:2px 4px;color:var(--khaled-faint);font-size:12px;line-height:1.7}.khaled-draft{box-sizing:border-box;inline-size:88%;align-self:flex-start;gap:12px;padding:14px;border:1px solid #e6d2c2;border-radius:16px;background:#fdf8f3}.khaled-draft,.khaled-draft-head{display:flex;flex-direction:column}.khaled-draft-head{gap:8px}.khaled-draft-title{font-size:11px;letter-spacing:.04em}.khaled-draft-summary{color:var(--khaled-muted);font-size:12.5px;font-weight:400;line-height:1.8}.khaled-draft-ask{color:var(--khaled-deep);font-size:12.5px;line-height:1.8}.khaled-draft-foot{color:var(--khaled-faint);font-size:11px;line-height:1.7}.khaled-composer{display:flex;flex:none;align-items:center;gap:9px;padding:12px 14px;border-block-start:1px solid var(--khaled-soft-border);background:var(--khaled-header)}.khaled-input{min-inline-size:0;flex:1;padding:11px 16px;border:1px solid #e9dfd2;border-radius:999px;background:#fff;color:var(--khaled-deep);font-size:13px}.khaled-input::-moz-placeholder{color:var(--khaled-quiet)}.khaled-input::placeholder{color:var(--khaled-quiet)}.khaled-send{display:flex;flex:none;inline-size:38px;block-size:38px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--khaled-copper);color:#fff;cursor:pointer}.khaled-send:hover{background:#8e583f}.khaled-send:disabled{cursor:not-allowed}[dir=ltr] .khaled-send svg{transform:scaleX(-1)}.khaled-grabber,.khaled-grabber-wrap{display:none}.khaled-bubble:focus-visible,.khaled-exit-dismiss:focus-visible,.khaled-hint-dismiss:focus-visible,.khaled-icon-button:focus-visible,.khaled-input:focus-visible,.khaled-pill-sm:focus-visible,.khaled-pill:focus-visible,.khaled-send:focus-visible{outline:2px solid var(--khaled-copper);outline-offset:2px}@media ((hover:none) and (max-height:640px)),(max-width:640px){.khaled-layer,.khaled-layer.is-exit{inset-block-end:20px;inset-inline-end:20px}.khaled-bubble,.khaled-bubble.is-compact{gap:0;padding:0;border:0;background:transparent;box-shadow:none}.khaled-bubble-text,.khaled-bubble.is-compact .khaled-bubble-text{display:none}.khaled-bubble-avatar,.khaled-bubble.is-compact .khaled-bubble-avatar{inline-size:52px;block-size:52px;border-radius:18px;box-shadow:0 12px 26px rgba(57,35,25,.26)}.khaled-bubble-avatar .khaled-mark-primary,.khaled-bubble.is-compact .khaled-mark-primary{inset-block-start:11px;inset-inline-start:9px;inline-size:25px;block-size:18px;border-start-start-radius:7px;border-start-end-radius:7px;border-end-start-radius:7px;border-end-end-radius:3px}.khaled-bubble-avatar .khaled-mark-secondary,.khaled-bubble.is-compact .khaled-mark-secondary{inset-block-end:10px;inset-inline-end:8px;inline-size:20px;block-size:14px;border-start-start-radius:6px;border-start-end-radius:6px;border-end-start-radius:3px;border-end-end-radius:6px;box-shadow:0 0 0 3px var(--khaled-deep)}.khaled-layer.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;overscroll-behavior:none;pointer-events:auto}.khaled-layer.is-open,.khaled-panel{inset:0;max-inline-size:none;background:var(--khaled-card)}.khaled-panel{position:absolute;inline-size:auto;block-size:auto;min-block-size:0;max-block-size:none;border:0;border-radius:0;box-shadow:none}.khaled-grabber,.khaled-grabber-wrap{display:none}.khaled-panel-header{padding:12px 16px;padding-block-start:max(12px,env(safe-area-inset-top,0px))}.khaled-panel-name{font-size:15px}.khaled-panel-role{font-size:12px}.khaled-panel-avatar{inline-size:36px;block-size:36px;border-radius:12px}.khaled-status-dot{display:none}.khaled-icon-button{inline-size:44px;block-size:44px}.khaled-thread{gap:10px;padding:16px}.khaled-msg{padding:12px 14px;font-size:14px}.khaled-msg-assistant{max-inline-size:88%}.khaled-msg-user{max-inline-size:84%}.khaled-composer{padding:12px 16px;padding-block-end:max(12px,env(safe-area-inset-bottom,0px))}.khaled-input{padding:13px 16px;font-size:16px}.khaled-send{inline-size:44px;block-size:44px}}