.chat-typing-shimmer{--typing-accent: hsl(var(--primary-hue, 350) var(--primary-sat, 70%) var(--primary-lightness, 48%));display:inline-flex;width:100%;min-width:6.25rem;align-items:center;justify-content:center;font-size:calc(.75rem * var(--os-font-scale, 1));font-weight:500;line-height:1;letter-spacing:.01em}.message-typing-bubble{display:flex;min-height:2.5rem;align-items:center;justify-content:center}.chat-typing-shimmer__char{display:inline-block;color:var(--typing-accent);animation:chatTypingAccentPulse 1.45s ease-in-out infinite}@keyframes chatTypingAccentPulse{0%,to{opacity:.42;text-shadow:0 0 0 transparent}50%{opacity:1;text-shadow:0 0 8px hsl(var(--primary-hue, 350) var(--primary-sat, 70%) var(--primary-lightness, 48%) / .34)}}@media (prefers-reduced-motion: reduce){.chat-typing-shimmer__char{animation:none;color:var(--typing-accent);opacity:1}}.microchat-style-host{position:relative;width:100%;height:100%;min-height:0}.microchat-style-host[data-chat-css-active=true]{isolation:isolate;contain:paint}.chat-css-editor__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;background:#0f172a66}.chat-css-editor{display:flex;width:100%;min-height:0;flex-direction:column;margin-top:var(--content-top-inset, env(safe-area-inset-top, 0px));overflow:hidden;background:var(--system-bg, #f2f2f7);color:var(--system-text-primary, #1d1d1f)}.chat-css-editor__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:1px solid var(--system-surface-border, rgba(0, 0, 0, .08));background:var(--system-surface, #fff)}.chat-css-editor__header h2{margin:0;font-size:calc(17px * var(--os-font-scale, 1));font-weight:700}.chat-css-editor__scope{margin:2px 0 0;color:var(--system-text-secondary, #6e6e73);font-size:calc(12px * var(--os-font-scale, 1))}.chat-css-editor__close{flex:none;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--system-bg, #f2f2f7);color:var(--system-text-primary, #1d1d1f);font-size:calc(14px * var(--os-font-scale, 1));font-weight:600}.chat-css-editor__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px calc(24px + var(--content-bottom-inset, env(safe-area-inset-bottom, 0px)))}.chat-css-editor__preview,.chat-css-editor__panel{display:flex;flex-direction:column;gap:10px}.chat-css-editor__panel{margin-top:14px}.chat-css-editor__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chat-css-editor__toolbar{gap:6px}.chat-css-editor__segmented{display:inline-flex;padding:2px;border-radius:10px;background:var(--system-surface, #fff);box-shadow:inset 0 0 0 1px var(--system-surface-border, rgba(0, 0, 0, .08))}.chat-css-editor__segmented button{min-height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--system-text-secondary, #6e6e73);font-size:calc(12px * var(--os-font-scale, 1));font-weight:600}.chat-css-editor__segmented button[data-active=true]{background:var(--system-text-primary, #1d1d1f);color:var(--system-surface, #fff)}.chat-css-editor__button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--system-surface-border, rgba(0, 0, 0, .1));border-radius:10px;background:var(--system-surface, #fff);color:var(--system-text-primary, #1d1d1f);font-size:calc(13px * var(--os-font-scale, 1));font-weight:600;cursor:pointer}.chat-css-editor__button:disabled{cursor:not-allowed;opacity:.4}.chat-css-editor__button input[type=file]{display:none}.chat-css-editor__primary{border-color:transparent;background:var(--system-text-primary, #1d1d1f);color:var(--system-surface, #fff)}.chat-css-editor__grow{flex:1;min-width:0}.chat-css-editor__left{justify-content:flex-start}.chat-css-editor__textarea{width:100%;min-height:220px;box-sizing:border-box;resize:vertical;padding:12px;border:1px solid var(--system-surface-border, rgba(0, 0, 0, .12));border-radius:12px;outline:none;background:#111827;color:#e5e7eb;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;tab-size:2}.chat-css-editor__input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--system-surface-border, rgba(0, 0, 0, .12));border-radius:10px;outline:none;background:var(--system-surface, #fff);color:var(--system-text-primary, #1d1d1f);font:inherit;font-size:calc(13px * var(--os-font-scale, 1))}.chat-css-editor__textarea:focus,.chat-css-editor__input:focus{border-color:var(--system-text-secondary, #6e6e73)}.chat-css-editor__diagnostics p{margin:0 0 4px;color:var(--system-text-secondary, #6e6e73);font-size:calc(12px * var(--os-font-scale, 1));line-height:1.45}.chat-css-editor__diagnostics p[data-severity=error],.chat-css-editor__error{color:#c0392b}.chat-css-editor__diagnostics p[data-severity=warning]{color:#9a6700}.chat-css-editor__box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--system-surface, #fff);font-size:calc(13px * var(--os-font-scale, 1))}.chat-css-editor__box>summary{font-weight:700;cursor:pointer}.chat-css-editor__check{display:flex;align-items:flex-start;gap:8px;color:var(--system-text-primary, #1d1d1f);font-size:calc(13px * var(--os-font-scale, 1));line-height:1.4}.chat-css-editor__check input{flex:none;margin-top:2px}.chat-css-editor__hint{margin:0;color:var(--system-text-secondary, #6e6e73);font-size:calc(12px * var(--os-font-scale, 1));line-height:1.45}.chat-css-editor__notice{margin:0;padding:10px 12px;border-radius:10px;background:var(--system-surface, #fff);font-size:calc(13px * var(--os-font-scale, 1))}.chat-css-editor__diff,.chat-css-editor__reference{max-height:260px;margin:0;overflow:auto;white-space:pre-wrap;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.chat-css-editor__diff span[data-kind="-"]{color:#c0392b}.chat-css-editor__diff span[data-kind="+"]{color:#1e7a3c}.chat-css-preview-frame{position:relative;max-width:100%;height:520px;margin:0 auto;overflow:hidden;isolation:isolate;contain:paint;border-radius:16px;background:var(--system-bg, #f2f2f7);box-shadow:0 0 0 1px var(--system-surface-border, rgba(0, 0, 0, .1))}.chat-css-preview-frame>.chat-css-preview-root{height:100%}.chat-css-preview-frame [data-chat-ui=header] *,.chat-css-preview-frame [data-chat-ui=composer] *{pointer-events:none}