.lex-avatar{text-align:center;color:#547087;width:100%;max-width:260px;margin:auto}.lex-canvas{touch-action:pan-y;background:radial-gradient(at 50% 75%,#85d5eb33,#0000 65%);border-radius:24px;height:210px;position:relative}.lex-canvas canvas{touch-action:none;cursor:grab;display:block;position:absolute;inset:0}.lex-canvas img{object-fit:contain;margin:20px auto;width:160px!important;height:160px!important;animation:none!important}.lex-controls{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.lex-controls button{color:#24475f;cursor:pointer;background:#f2f8fc;border:1px solid #bdd2e1;border-radius:8px;padding:6px 8px;font:600 11px system-ui}.lex-controls button:disabled{opacity:.45;cursor:default}.lex-controls button:focus-visible{outline-offset:2px;outline:3px solid #cc9d37}.lex-avatar small{margin-top:6px;font-size:10px;display:block}.robot-tutor-body>.lex-avatar{float:right;width:220px;margin:0 0 12px 18px}.portal-robot-image:has(.lex-avatar){flex-shrink:0;width:250px}.portal-robot-image .lex-avatar{width:230px}@media (max-width:600px){.robot-tutor-body>.lex-avatar{float:none;width:100%;margin:0 auto 15px}.portal-robot-image:has(.lex-avatar){width:100%}.lex-canvas{height:190px}}.floating-lex{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e9f8ff;background:#15335ee8;border:1px solid #9fcee077;border-radius:18px;width:180px;padding:7px;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 32px #06162b40}.floating-lex .lex-avatar{color:#d7e9f5;width:100%;max-width:none}.floating-lex .lex-canvas{height:150px}.floating-lex .lex-canvas img{margin:10px auto;width:120px!important;height:120px!important}.floating-lex .lex-controls button{padding:5px;font-size:10px}.floating-lex .lex-avatar small{font-size:9px}.floating-lex-toolbar{justify-content:space-between;gap:4px;display:flex}.floating-lex-toolbar button{color:#e8f8ff;background:#ffffff15;border:0;border-radius:8px;padding:6px;font:600 11px system-ui}.floating-lex-handle{cursor:grab;touch-action:none;flex:1}.floating-lex-handle:active{cursor:grabbing}.floating-lex button:focus-visible{outline-offset:2px;outline:3px solid #ffe1a4}.floating-lex.is-collapsed{width:160px}@media (max-width:480px){.floating-lex{width:155px;bottom:10px;right:10px}.floating-lex .lex-canvas{height:125px}.floating-lex .lex-controls{gap:3px}.floating-lex .lex-controls button{padding:5px 4px}}