:root{--logan-font: Roboto, Arial, sans-serif;--logan-bg: #ffffff;--logan-surface: #ffffff;--logan-surface-2: #f1f5f9;--logan-text: #0b1220;--logan-text-weak: #3b4b69;--logan-text-inverse: #ffffff;--logan-primary: #68095a;--logan-primary-weak: #dbeafe;--logan-success: #16a34a;--logan-danger: #dc2626;--logan-radius: 14px;--logan-radius-sm: 10px;--logan-gap: 16px;--logan-gap-lg: 24px;--logan-gap-sm: 10px;--logan-shadow: 0 8px 40px rgba(18, 28, 60, .18);--logan-border: rgba(148, 163, 184, .35);--logan-border-soft: rgba(226, 232, 240, .65);--logan-chat-gradient-start: #f8fafc;--logan-chat-gradient-end: #d6d6d6;--logan-avatar-gradient-top: #68095a;--logan-avatar-gradient-bottom: #240320;--logan-avatar-accent: #5b8bff;--logan-avatar-material-color: var(--logan-primary)}.logan-assistant-root,.logan-assistant-root *,.logan-assistant-root *:before,.logan-assistant-root *:after,body.logan-preview-page,body.logan-preview-page *,body.logan-preview-page *:before,body.logan-preview-page *:after{box-sizing:border-box}.logan-assistant-root{font-family:var(--logan-font);color:var(--logan-text)}.logan-assistant-root img,.logan-assistant-root canvas{display:block;max-width:100%}.logan-assistant-root button{font:inherit;cursor:pointer}.logan-assistant-root input,.logan-assistant-root textarea{font:inherit}body.logan-preview-page{margin:0;font-family:var(--logan-font);color:var(--logan-text);background:var(--logan-bg);min-height:100vh;display:flex;flex-direction:column;align-items:stretch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.logan-preview-page #app{width:100%}body.logan-preview-page h1{font-size:1.75rem;font-weight:700;margin:var(--logan-gap) 0 0 0;color:var(--logan-primary);text-align:center}body.logan-preview-page a{color:var(--logan-primary);text-decoration:none}body.logan-preview-page a:hover{text-decoration:underline}body.logan-preview-page img,body.logan-preview-page canvas{display:block;max-width:100%}body.logan-preview-page button{font:inherit;cursor:pointer}body.logan-preview-page input,body.logan-preview-page textarea{font:inherit}.logan-preview{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--logan-gap-lg);padding:var(--logan-gap-lg);align-items:stretch;flex:1 1 auto;min-height:0}.logan-preview.logan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;display:block;pointer-events:none;z-index:2147483641;background:transparent}.logan-preview>*{min-height:0}.logan-card{background:var(--logan-surface);border-radius:var(--logan-radius);box-shadow:var(--logan-shadow);overflow:hidden}.logan-avatar-host{display:flex;align-items:stretch;justify-content:stretch;width:100%;height:auto;min-height:0;background:var(--logan-bg);border-radius:var(--logan-radius);overflow:hidden;aspect-ratio:var(--logan-widget-aspect, 6 / 7);max-height:var(--logan-widget-max-height, none)}.logan-chat-host{width:100%;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--logan-gap-sm)}.logan-overlay .logan-avatar-host,.logan-overlay .logan-chat-host{position:absolute;margin:0;pointer-events:auto}.logan-overlay .logan-avatar-host{display:block;width:auto;height:auto;max-width:none;max-height:none;aspect-ratio:auto}.logan-overlay .logan-card.logan-avatar-host{background:transparent;border-radius:0;box-shadow:none}.logan-overlay .logan-chat-host{display:flex;flex-direction:column;align-items:stretch;width:auto;max-width:min(420px,100vw - 32px);height:auto;max-height:min(600px,100vh - 32px);box-shadow:var(--logan-shadow);resize:both;overflow:hidden;--logan-widget-width: 360px;--logan-widget-height: 480px}.logan-overlay .logan-chat-toggle{position:fixed;inset-inline-end:16px;inset-block-end:16px;z-index:2147483645;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border-radius:var(--logan-radius-sm);border:0;background:var(--logan-primary);color:var(--logan-text-inverse);box-shadow:var(--logan-shadow)}.logan-overlay.logan-overlay--compact{pointer-events:none}.logan-overlay.logan-overlay--compact .logan-avatar-host,.logan-overlay.logan-overlay--compact .logan-chat-toggle{pointer-events:auto}.logan-overlay.logan-overlay--mobile .avatar-container,.logan-overlay.logan-overlay--mobile .chat__header,.logan-overlay.logan-overlay--mobile .avatar-container.logan-is-dragging{cursor:default}.logan-overlay-split-handle{position:absolute;background:transparent;border-radius:0;pointer-events:auto;box-shadow:none;touch-action:none}.logan-overlay-split-handle--horizontal{cursor:row-resize}.logan-overlay-split-handle--vertical{cursor:col-resize}.logan-overlay .logan-chat-toggle-icon{width:1.25em;height:1.25em;display:block}.logan-overlay .logan-avatar-host.logan-avatar--docked{width:220px;height:220px;max-width:none;max-height:none}.logan-overlay .logan-avatar-host.logan-avatar--docked .avatar-container{width:220px;height:220px;transform:scale(.6);transform-origin:center}.logan-overlay.logan-overlay--mobile .logan-avatar-host.logan-avatar--docked{width:150px;height:150px}.logan-overlay.logan-overlay--mobile .logan-avatar-host.logan-avatar--docked .avatar-container{width:100%;height:100%;min-height:0;transform:none}.logan-overlay.logan-overlay--mobile.logan-overlay--split .logan-avatar-host,.logan-overlay.logan-overlay--mobile.logan-overlay--split .logan-chat-host{width:100%;max-width:none;max-height:none}.logan-overlay.logan-overlay--mobile.logan-overlay--compact .logan-avatar-host{width:auto;height:auto;max-width:none;max-height:none}.logan-overlay.logan-overlay--mobile .logan-chat-host{border-radius:0;box-shadow:none;resize:none}.logan-overlay.logan-overlay--mobile .avatar-container{border-radius:0}.logan-overlay.logan-overlay--split .logan-avatar-host,.logan-overlay.logan-overlay--split .logan-chat-host{transform:translateZ(0)!important;border-radius:0}.logan-overlay.logan-overlay--mobile.logan-overlay--split .logan-avatar-host,.logan-overlay.logan-overlay--mobile.logan-overlay--split .logan-chat-host{margin:0;width:100%;height:100%;max-width:none;max-height:none}.logan-overlay.logan-overlay--mobile.logan-overlay--split .logan-chat-host{box-shadow:none;border-radius:0}.logan-overlay.logan-overlay--mobile.logan-overlay--split .avatar-container{width:100%;height:100%;border-radius:0;box-shadow:none;background:linear-gradient(180deg,var(--logan-avatar-gradient-top) 0%,var(--logan-avatar-gradient-bottom) 100%)}@media (max-width: 960px){.logan-preview{grid-template-columns:1fr;grid-auto-rows:auto;align-items:stretch}.logan-avatar-host,.logan-chat-host{width:100%;height:auto;min-height:0}}.avatar-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px;border-radius:var(--logan-radius);overflow:hidden;background:linear-gradient(180deg,var(--logan-avatar-gradient-top) 0%,var(--logan-avatar-gradient-bottom) 100%);border:none;box-shadow:var(--logan-shadow);transition:box-shadow .3s ease}.avatar-container[data-avatar-placeholder=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--logan-bg) 60%,var(--logan-primary) 40%) 0%,var(--logan-bg) 100%)}.avatar-container:focus-within{box-shadow:0 20px 48px color-mix(in srgb,var(--logan-primary) 40%,transparent)}.avatar-canvas{width:100%;height:100%;display:block;outline:none}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.logan-avatar-fallback{color:var(--logan-surface-2);font-size:.95rem;line-height:1.4;text-align:center;padding:24px}.logan-overlay .avatar-container{width:350px;height:350px;min-height:0;background:transparent;box-shadow:none;cursor:grab}.logan-overlay .avatar-container.logan-is-dragging{cursor:grabbing}.logan-consent-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#14181cb3;box-sizing:border-box}.logan-consent-banner__dialog{width:min(100%,420px);background:#fff;color:#101418;border-radius:12px;box-shadow:0 18px 48px #0003;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;outline:none}.logan-consent-banner__title{margin:0;font-size:1.25rem;line-height:1.3;font-weight:600}.logan-consent-banner__body{margin:0;font-size:.95rem;line-height:1.55}.logan-consent-banner__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.logan-consent-banner__button{flex:1 1 auto;min-width:120px;padding:.65rem 1rem;border-radius:999px;font-size:1rem;line-height:1.2;font-weight:600;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;background:#e6e9ec;color:#101418}.logan-consent-banner__button--accept{background:#005ad2;color:#fff}.logan-consent-banner__button--accept:hover,.logan-consent-banner__button--accept:focus{background:#0a64dc}.logan-consent-banner__button--decline:hover,.logan-consent-banner__button--decline:focus{background:#d8dce0}.logan-consent-banner__button:focus-visible{outline:3px solid #11161c;outline-offset:2px}.logan-consent-banner__button:active{transform:scale(.98)}@media (prefers-color-scheme: dark){.logan-consent-banner{background:#060a0ec7}.logan-consent-banner__dialog{background:#1c1f24;color:#f5f7fa;box-shadow:0 18px 48px #00000073}.logan-consent-banner__button{background:#2b3138;color:#f5f7fa}.logan-consent-banner__button--accept{background:#0f6fff}.logan-consent-banner__button--decline:hover,.logan-consent-banner__button--decline:focus{background:#353c45}}@media (max-width: 480px){.logan-consent-banner{padding:1rem}.logan-consent-banner__dialog{border-radius:10px;padding:1.5rem}.logan-consent-banner__actions{flex-direction:column;align-items:stretch}.logan-consent-banner__button{width:100%}}
