.shappychat-surface{--sg-panel: var(--shappychat-panel, #f5f3fb);--sg-field: var(--shappychat-field, #e8e3f3);--sg-ink: var(--shappychat-ink, #292237);--sg-accent: var(--shappychat-accent, #6c46ae);--sg-ghost: var(--shappychat-ghost, #231b33);--background: var(--sg-panel);--foreground: var(--sg-ink);--card: var(--sg-field);--muted: var(--sg-field);--secondary: var(--sg-field);--primary: var(--sg-accent);--color-background: var(--sg-panel);--color-foreground: var(--sg-ink);--color-card: var(--sg-field);--color-muted: var(--sg-field);--color-secondary: var(--sg-field);--color-primary: var(--sg-accent);--sg-field-focus: color-mix(in srgb, var(--sg-field) 80%, var(--sg-accent))}.shappychat-chat{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;background:var(--sg-panel);color:var(--sg-ink)}.shappychat-chat-scroll{flex:1;min-height:0;overflow-y:auto}.shappychat-chat-content{max-width:896px;margin:0 auto;padding:16px 16px 0}.shappychat-chat-footer{flex:none;width:100%;max-width:896px;margin:0 auto;padding:0 8px}.shappychat-composer-field{position:relative;border-radius:12px;background:var(--sg-field)}.shappychat-composer-field[data-dragging=true]:after{content:"Drop files here";position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--sg-accent) 14%,transparent);color:var(--sg-accent);font-weight:500;pointer-events:none}.shappychat-composer textarea{display:block;width:100%;min-height:1lh;max-height:200px;field-sizing:content;padding:16px;background:transparent;color:var(--sg-ink);resize:none;overflow-y:auto;outline:none}.shappychat-composer-files{display:flex;flex-wrap:wrap;gap:6px;padding:10px 10px 0}.shappychat-composer-file{display:inline-flex;align-items:center;gap:2px;max-width:220px;height:28px;padding:0 3px 0 10px;border-radius:8px;background:var(--sg-panel);font-size:12px}.shappychat-composer-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shappychat-composer-file button{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:transparent;color:inherit}.shappychat-composer-file button:is(:hover,:focus-visible){background:var(--sg-field-focus)}.shappychat-composer .composer-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px}.shappychat-composer :is(.composer-options,.composer-actions){display:flex;align-items:center;gap:4px;min-width:0}.shappychat-composer .composer-actions{flex:1;justify-content:flex-end}.shappychat-composer :is(.composer-attach,.composer-send,.composer-stop){display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:0;border-radius:8px}.shappychat-composer .composer-thinking{display:grid;grid-template-columns:16px minmax(0,1fr) 14px;align-items:center;gap:6px;height:32px;padding:0 8px;border-radius:8px;background:var(--sg-field);font-size:12px}.shappychat-composer .composer-thinking[hidden]{display:none}.shappychat-composer .composer-model{display:inline-flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px;border-radius:8px;font-size:12px}.composer-model-mark{display:grid;place-items:center;flex:none;width:20px;height:20px}.composer-model-mark svg{width:16px;height:16px;fill:currentColor}.shappychat-chat-stats{display:flex;justify-content:flex-end;height:20px;padding:0 12px;font-size:12px;color:var(--sg-muted-ink)}.shappychat-execution-control{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.shappychat-execution-button{height:28px;min-width:65px;max-width:86px;padding:0 6px;border:0;outline:none;border-radius:8px;background:var(--sg-field, var(--secondary));color:var(--sg-ink, var(--foreground));font:12px / 1.3 var(--shappychat-font, system-ui, sans-serif);cursor:pointer}.shappychat-execution-button:focus-visible{background:var(--sg-field-focus, var(--muted))}.shappychat-execution-hint{font:10px / 1.3 var(--shappychat-font, system-ui, sans-serif);color:#c58a36}.shappychat-execution-hint[hidden],.shappychat-execution-control[hidden],.shappychat-execution-button[hidden]{display:none}.shappychat-island .shappychat-execution-control{order:1}.shappychat-island .shappychat-execution-hint{position:absolute;bottom:0;right:12px}.shappychat-island [data-history]{order:0}.shappychat-island input{order:2}.shappychat-island [data-clear]{order:3}.shappychat-island kbd{order:4}.shappychat-island [data-send],.shappychat-island [data-stop]{order:5}.shappychat-cursor-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;outline:none;border-radius:8px;background:var(--sg-field, var(--secondary));color:var(--sg-ink, var(--foreground));cursor:pointer}.shappychat-cursor-button svg{width:18px;height:18px;display:block}.shappychat-cursor-button[data-enabled=true]{background:var(--sg-accent-soft, #b89aef26);color:var(--sg-accent, #b89aef)}.shappychat-cursor-button:hover,.shappychat-cursor-button:focus-visible{background:var(--sg-field-focus, var(--muted))}.shappychat-cursor-button[hidden]{display:none}.shappychat-choice-menu{position:fixed;inset:auto;margin:0;padding:5px;width:232px;max-width:calc(100vw - 16px);border:0;outline:none;border-radius:12px;background:var(--sg-surface, var(--background, #17151c));color:var(--sg-ink, var(--foreground, #eee8f7));box-shadow:0 10px 32px #0003;font:12px / 1.4 var(--shappychat-font, system-ui, sans-serif)}.shappychat-choice-menu button{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 10px;border:0;outline:none;border-radius:7px;text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer}.shappychat-choice-menu button[data-active=true]{background:var(--sg-field-focus, var(--muted, #2d2736))}.shappychat-choice-label{display:flex;flex-direction:column;min-width:0}.shappychat-choice-label span{line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shappychat-choice-label small{font-size:10px;color:var(--sg-muted, var(--muted-foreground, #9e94ac))}.shappychat-choice-menu button svg{display:block;width:18px;height:18px;justify-self:center;opacity:0;color:var(--sg-accent, #b89aef)}.shappychat-choice-menu button[aria-selected=true] svg{opacity:1}.shappychat-execution-button{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:5px}.shappychat-execution-button span{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shappychat-execution-button svg{display:block;width:14px;height:14px;justify-self:center}.shappychat-model-menu{width:360px;max-height:min(360px,calc(100dvh - 16px));overflow-y:auto}.shappychat-model-menu .shappychat-choice-label span{white-space:normal;overflow-wrap:anywhere}.ux-spinner{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ux-spinner-size, 32px);height:var(--ux-spinner-size, 32px);color:inherit;vertical-align:middle}.ux-spinner__graphic{display:block;width:100%;height:100%;transform-origin:center;animation:ux-spinner-turn var(--ux-spinner-speed, 1s) linear infinite}.ux-spinner__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes ux-spinner-turn{to{transform:rotate(360deg)}}@keyframes ux-spinner-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.ux-spinner__graphic{animation:ux-spinner-pulse 1.4s ease-in-out infinite}}.ux-ascii{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ux-ascii-size, 32px);height:var(--ux-ascii-size, 32px);color:inherit;vertical-align:middle;--ux-ascii-cycle: var(--ux-ascii-speed, 1s)}.ux-ascii__frames{display:grid;place-items:center;font:var(--ux-ascii-size, 32px) / 1 ui-monospace,SFMono-Regular,Consolas,monospace}.ux-ascii__frame{grid-area:1 / 1;opacity:0;animation:ux-ascii-frame var(--ux-ascii-cycle) steps(1,end) infinite;animation-delay:calc(var(--ux-ascii-cycle) * var(--ux-ascii-phase, 0))}.ux-ascii__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes ux-ascii-frame{0%{opacity:1}10%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.ux-ascii{--ux-ascii-cycle: calc(var(--ux-ascii-speed, 1s) * 2.5)}}.shappychat-drawer{position:fixed;inset:var(--shappychat-top, 0px) 0 0 auto;z-index:30;width:min(var(--shappychat-width, 440px),100%);display:flex;flex-direction:column;min-height:0;min-width:0;color:var(--sg-ink);background:var(--sg-panel);box-shadow:-12px 0 40px #00000018;transform:translate(102%);visibility:hidden;transition:transform .24s ease,visibility .24s}.dark .shappychat-surface{--sg-panel: var(--shappychat-panel, #1d1a26);--sg-field: var(--shappychat-field, #302a3f);--sg-ink: var(--shappychat-ink, #eeebf6);--sg-accent: var(--shappychat-accent, #b9a0ee);--sg-ghost: var(--shappychat-ghost, #17121f)}.shappychat-surface .shappychat-mark{overflow:visible}.shappychat-surface .shappychat-mark .shappychat-mark-body{fill:var(--sg-ghost);stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.shappychat-surface .shappychat-mark .shappychat-mark-eyes{fill:#fff;stroke:none}.shappychat-surface[data-glow=true] .shappychat-mark{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--sg-accent) 90%,transparent)) drop-shadow(0 0 7px color-mix(in srgb,var(--sg-accent) 55%,transparent))}.shappychat-drawer[data-open=true]{transform:translate(0);visibility:visible}.shappychat-drawer[data-presentation=inline]{position:relative;inset:auto;width:100%;box-shadow:none}.shappychat-drawer[data-presentation=inline][data-open=false]{display:none}.shappychat-drawer .shappychat-drawer-header{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:transparent;gap:12px}.shappychat-drawer-brand,.shappychat-drawer-actions{display:flex;align-items:center;gap:8px}.shappychat-drawer-brand{color:var(--sg-accent)}.shappychat-drawer-brand h2{margin:0;font:600 14px / 1.3 var(--shappychat-font, system-ui, sans-serif)}.shappychat-drawer svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.shappychat-drawer-brand circle{fill:currentColor;stroke:none}.shappychat-drawer-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;outline:none;border-radius:8px;background:transparent;color:var(--sg-ink);cursor:pointer}.shappychat-drawer-actions button[hidden]{display:none}.shappychat-drawer-actions button:hover,.shappychat-drawer-actions button:focus-visible{background:var(--sg-field)}.shappychat-drawer-actions button:disabled{opacity:.5}.shappychat-drawer-chat{display:flex;flex:1;min-height:0;min-width:0;padding:0 8px}.shappychat-drawer-chat>.shappychat-chat{display:flex;flex:1;min-height:0;min-width:0}.shappychat-drawer-chat .shappychat-chat-stats{display:none}.shappychat-drawer .shappychat-drawer-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:4px 16px 8px;font:10px / 1.3 var(--shappychat-font, system-ui, sans-serif)}.shappychat-drawer-credit{grid-column:2;color:var(--sg-accent);opacity:.8;transition:opacity .15s ease}.shappychat-drawer-credit:hover,.shappychat-island-credit:hover{opacity:1}.shappychat-drawer-usage{grid-column:3;justify-self:end;color:var(--sg-muted-ink);opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}.shappychat-drawer-footer strong{font-weight:600}@media(prefers-reduced-motion:reduce){.shappychat-drawer{transition:none}}.shappychat-drawer .shappychat-composer{display:block;margin-bottom:4px;padding:6px;border-radius:calc(var(--shappychat-radius, 20px) + 8px);background:var(--sg-panel);box-shadow:0 8px 32px #0003}.shappychat-drawer .shappychat-composer-field{padding:4px 6px 6px;border:0;border-radius:calc(var(--shappychat-radius, 20px) + 2px);background:var(--sg-field);box-shadow:none;transition:background-color .15s ease}.shappychat-drawer .shappychat-composer-field:focus-within{background:var(--sg-field-focus)}.shappychat-drawer .shappychat-composer textarea{padding:10px 8px 4px;border-radius:0;background:transparent;color:var(--sg-ink);font:14px / 1.5 var(--shappychat-font, system-ui, sans-serif)}.shappychat-drawer .shappychat-composer textarea::placeholder{color:var(--sg-muted-ink)}.shappychat-drawer .shappychat-composer .composer-controls{flex-wrap:nowrap;gap:4px;padding:8px 0 0}.shappychat-drawer .shappychat-composer .composer-options{gap:2px;flex:0 0 auto}.shappychat-drawer .shappychat-composer .composer-actions{flex:1 1 0;min-width:0;justify-content:flex-end;gap:4px}.shappychat-drawer .shappychat-composer :is(.shappychat-execution-button,.shappychat-cursor-button,.composer-attach){background:transparent;color:var(--sg-ink)}.shappychat-drawer .shappychat-composer .shappychat-cursor-button{color:var(--sg-accent)}.shappychat-drawer .shappychat-composer :is(.shappychat-execution-button,.shappychat-cursor-button,.composer-model,.composer-attach,.composer-thinking):is(:hover,:focus-visible){outline:none;background:var(--sg-panel)}.shappychat-drawer .shappychat-composer .composer-model{flex:0 1 auto;min-width:0;max-width:100%;height:32px;border-radius:10px;color:var(--sg-muted-ink)}.shappychat-drawer .shappychat-composer .composer-model span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shappychat-drawer .shappychat-composer .composer-model svg{flex-shrink:0}.shappychat-drawer .shappychat-composer .composer-controls button:is(.composer-send,.composer-stop){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border-radius:50%;background:transparent;color:var(--sg-accent);transition:opacity .15s ease,background-color .15s ease}.shappychat-drawer .shappychat-composer .composer-controls button:is(.composer-send,.composer-stop):is(:hover,:focus-visible){outline:none;background:var(--sg-panel)}.shappychat-drawer .shappychat-composer .composer-send:disabled{opacity:.5;background:transparent}@media(prefers-reduced-motion:reduce){.shappychat-drawer .shappychat-composer-field,.shappychat-drawer .shappychat-composer .composer-controls button{transition:none}}.shappychat-drawer[data-presentation=floating]{inset:auto 20px calc(88px + var(--shappychat-keyboard-inset, 0px) + env(safe-area-inset-bottom)) auto;width:min(400px,calc(100vw - 32px));height:min(540px,calc(100dvh - var(--shappychat-top, 0px) - 112px - var(--shappychat-keyboard-inset, 0px)));border-radius:var(--shappychat-radius, 20px);box-shadow:0 12px 48px #0003;transform:translateY(12px) scale(.97);opacity:0;transition:transform .24s ease,opacity .24s ease,visibility .24s;overflow:hidden}.shappychat-drawer[data-presentation=island]{inset:auto auto calc(96px + var(--shappychat-keyboard-inset, 0px) + env(safe-area-inset-bottom)) 50%;width:min(560px,calc(100vw - 32px));height:min(420px,calc(100dvh - var(--shappychat-top, 0px) - 126px - var(--shappychat-keyboard-inset, 0px)));border-radius:var(--shappychat-radius, 20px);transform:translate(-50%,12px);opacity:0;box-shadow:0 12px 48px #0003;overflow:hidden;transition:transform .24s ease,opacity .24s ease,visibility .24s}.shappychat-drawer[data-presentation=floating][data-open=true]{transform:none;opacity:1}.shappychat-drawer[data-presentation=island][data-open=true]{transform:translate(-50%);opacity:1}.shappychat-drawer[data-presentation=island][data-history=false]{visibility:hidden;opacity:0}.shappychat-drawer[data-presentation=island] .shappychat-composer,.shappychat-drawer[data-presentation=island] .shappychat-drawer-footer{display:none}.shappychat-launcher{position:fixed;right:24px;bottom:calc(24px + var(--shappychat-keyboard-inset, 0px) + env(safe-area-inset-bottom));z-index:31;display:inline-flex;align-items:center;justify-content:center;padding:0;width:56px;height:56px;border:0;outline:none;border-radius:50%;background:var(--sg-panel);color:var(--sg-accent);box-shadow:0 8px 32px #0003;cursor:pointer}.shappychat-launcher[data-presentation=island]{left:50%;right:auto;bottom:calc(20px + var(--shappychat-keyboard-inset, 0px) + env(safe-area-inset-bottom));transform:translate(-50%)}.shappychat-launcher[hidden],.shappychat-island[hidden],.shappychat-island-credit[hidden]{display:none}.shappychat-launcher .shappychat-mark{width:26px;height:26px}.shappychat-launcher:hover,.shappychat-launcher:focus-visible{background:var(--sg-field)}.shappychat-launcher svg,.shappychat-island svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.shappychat-launcher circle,.shappychat-island circle{fill:currentColor;stroke:none}.shappychat-island{--search-width: min(560px, calc(100vw - 32px) );--search-inner-width: min(548px, calc(100vw - 44px) );position:fixed;left:50%;bottom:calc(max(48px,env(safe-area-inset-bottom) + 48px) + var(--shappychat-keyboard-inset, 0px));transform:translate(-50%,50%);z-index:32;width:var(--search-width);height:56px;padding:6px;box-sizing:border-box;border:0;border-radius:var(--shappychat-island-radius, 999px);overflow:hidden;background:var(--sg-panel);color:var(--sg-ink);box-shadow:0 8px 32px #0003;font:14px / 1.5 var(--shappychat-font, system-ui, sans-serif)}.shappychat-island[data-state=opening]{animation:shappychat-island-expand .36s cubic-bezier(.22,1,.36,1) both}.shappychat-island-content{display:flex;align-items:center;gap:8px;width:var(--search-inner-width);min-width:var(--search-inner-width);height:44px;box-sizing:border-box;padding:0 8px;border-radius:999px;background:var(--sg-field)}.shappychat-island[data-state=opening] .shappychat-island-content{animation:shappychat-island-content .36s ease-out both}.shappychat-island input{flex:1;min-width:0;height:44px;padding:0;border:0;outline:none;border-radius:0;background:transparent;color:inherit;font:inherit}.shappychat-island input:not([type=checkbox]):not([type=radio]):not([type=file]){background:transparent;color:inherit}.shappychat-island input::placeholder{color:var(--color-muted-foreground)}.shappychat-island input:focus-visible{background:transparent}.shappychat-island:focus-within .shappychat-island-content{background:var(--sg-field-focus)}.shappychat-island button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;border:0;outline:none;border-radius:50%;background:transparent;color:var(--sg-accent);cursor:pointer}.shappychat-island .shappychat-execution-button{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:5px;width:65px;height:28px;padding:0 6px;border-radius:8px;color:var(--sg-ink)}.shappychat-island button:hover,.shappychat-island button:focus-visible{background:var(--sg-panel)}.shappychat-island button:disabled{opacity:.5}.shappychat-island button[hidden]{display:none}.shappychat-island [data-history]{transition:background .2s ease}.shappychat-island [data-history][aria-expanded=true]{background:var(--sg-panel)}.shappychat-island [data-history] .shappychat-mark{width:20px;height:20px}.shappychat-island kbd{flex-shrink:0;white-space:nowrap;font-size:11px;line-height:1.3;font-family:inherit;color:var(--sg-accent)}.shappychat-island[data-state=closing]{animation:shappychat-island-collapse .36s cubic-bezier(.64,0,.78,0) both}.shappychat-island[data-state=closing] .shappychat-island-content{animation:shappychat-island-content-collapse .36s ease-in both}.shappychat-island-credit{position:fixed;left:50%;bottom:calc(4px + var(--shappychat-keyboard-inset, 0px) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:31;font:10px / 1.3 var(--shappychat-font, system-ui, sans-serif);color:var(--sg-accent);opacity:.8;transition:opacity .15s ease;white-space:nowrap}.shappychat-island-status{position:fixed;left:50%;bottom:calc(max(48px,env(safe-area-inset-bottom) + 48px) + 36px + var(--shappychat-keyboard-inset, 0px));transform:translate(-50%);z-index:32;width:min(536px,calc(100vw - 56px));min-height:34px;display:flex;align-items:flex-start;gap:8px;padding:4px 4px 4px 12px;box-sizing:border-box;border:0;outline:none;border-radius:18px;background:var(--sg-panel);color:var(--sg-ink);box-shadow:0 6px 24px #00000024;font:13px / 1.45 var(--shappychat-font, system-ui, sans-serif);text-align:left;cursor:pointer;transition:opacity .2s ease,transform .2s ease,background .15s ease}.shappychat-island-status:hover,.shappychat-island-status:focus-visible{background:var(--sg-field)}.shappychat-island-status[hidden]{display:flex;opacity:0;transform:translate(-50%,6px);visibility:hidden;pointer-events:none}.shappychat-island-status-text{flex:1;min-width:0;max-height:min(40vh,320px);overflow-y:auto;padding:4px 0;overflow-wrap:anywhere;scrollbar-width:thin}.shappychat-island-status-text :is(p,ul,ol,pre){margin:0 0 6px}.shappychat-island-status-text>:last-child{margin-bottom:0}.shappychat-island-status-text :is(ul,ol){padding-left:18px}.shappychat-island-status-text a{color:var(--sg-accent)}.shappychat-island-status-text strong:first-child:not(:only-child){display:block}.shappychat-island-status-symbol{width:16px;height:16px;margin-top:5px;flex:none;display:grid;place-items:center;box-sizing:border-box;color:var(--sg-accent)}.shappychat-island-status-symbol>svg:not(.shappychat-ghost),.shappychat-island-status-open svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shappychat-island-status[data-tone=done] .shappychat-island-status-symbol{color:var(--sg-success)}.shappychat-island-status[data-tone=error] .shappychat-island-status-symbol,.shappychat-island-status[data-tone=error] .shappychat-island-status-text{color:var(--sg-danger)}.shappychat-island-status[data-tone=stopped] .shappychat-island-status-symbol,.shappychat-island-status[data-tone=stopped] .shappychat-island-status-text{color:var(--sg-warning)}.shappychat-island-status[data-tone=thinking] .shappychat-island-status-text,.shappychat-island-status[data-tone=working] .shappychat-island-status-text{color:var(--sg-muted-ink)}.shappychat-island-status-open{flex:none;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;outline:none;border-radius:50%;background:transparent;color:var(--sg-muted-ink);cursor:pointer}.shappychat-island-status-open:hover,.shappychat-island-status-open:focus-visible{background:var(--sg-panel);color:var(--sg-ink)}.shappychat-launcher[data-presentation=island]{background:transparent;box-shadow:none;transition:background .2s ease,box-shadow .2s ease}.shappychat-launcher[data-presentation=island] .shappychat-mark{opacity:.5;transition:opacity .2s ease}.shappychat-launcher[data-presentation=island]:hover,.shappychat-launcher[data-presentation=island]:focus-visible{background:var(--sg-panel);box-shadow:0 8px 32px #0003}.shappychat-launcher[data-presentation=island]:hover .shappychat-mark,.shappychat-launcher[data-presentation=island]:focus-visible .shappychat-mark{opacity:1}@media(prefers-reduced-motion:reduce){.shappychat-island-status{transition:none}}.shappychat-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes shappychat-island-expand{0%{width:12px;height:12px;padding:0}30%{width:56px;height:56px;padding:6px}to{width:var(--search-width);height:56px;padding:6px}}@keyframes shappychat-island-content{0%,65%{opacity:0}to{opacity:1}}@keyframes shappychat-island-content-collapse{0%{opacity:1}35%,to{opacity:0}}@keyframes shappychat-island-collapse{0%{width:var(--search-width);height:56px;padding:6px}70%{width:56px;height:56px;padding:6px}to{width:12px;height:12px;padding:0}}@media(max-width:700px){.shappychat-drawer[data-presentation=floating],.shappychat-launcher{right:16px}.shappychat-island kbd{display:none}}@media(prefers-reduced-motion:reduce){.shappychat-island,.shappychat-island-content{animation:none}.shappychat-drawer[data-presentation=floating],.shappychat-drawer[data-presentation=island]{transition:none}}.shappychat-surface{--sg-muted-ink: color-mix(in srgb, var(--sg-ink) 62%, transparent);--sg-success: #2f9e5b;--sg-danger: #d0453f;--sg-warning: #b7791f}.dark .shappychat-surface{--sg-success: #5fd08b;--sg-danger: #f07a74;--sg-warning: #e8b45a}.shappychat-transcript{display:flex;flex-direction:column;padding-bottom:12px;color:var(--sg-ink);font:14px / 1.6 var(--shappychat-font, system-ui, sans-serif);overflow-wrap:anywhere}.shappychat-turn-user{display:grid;justify-items:end;gap:4px;margin:14px 0 10px}.shappychat-turn-user:first-child{margin-top:4px}.shappychat-user-bubble{max-width:85%;padding:8px 14px;border-radius:18px;background:var(--sg-field);white-space:pre-wrap}.shappychat-user-attachments{font-size:11px;color:var(--sg-muted-ink)}.shappychat-transcript-message{margin:6px 0 12px}.shappychat-transcript-message.is-final{margin-top:14px}.shappychat-transcript-label{margin-bottom:4px;font-size:11px;color:var(--sg-muted-ink)}.shappychat-transcript-tool,.shappychat-transcript-completed{margin:0;font-size:12px;color:var(--sg-muted-ink)}.shappychat-transcript summary{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 8px;border-radius:8px;cursor:pointer;list-style:none;transition:background-color .15s ease}.shappychat-transcript summary::-webkit-details-marker{display:none}.shappychat-transcript summary:hover,.shappychat-transcript summary:focus-visible{outline:none;background:var(--sg-field)}.shappychat-transcript-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shappychat-transcript-outcome{font-size:11px}.shappychat-transcript-symbol,.shappychat-transcript-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px}.shappychat-transcript-symbol{width:22px}.shappychat-transcript-symbol>svg:not(.shappychat-ghost),.shappychat-transcript-chevron svg{width:14px;height:14px}.shappychat-transcript-chevron{transform:rotate(-90deg);transition:transform .15s ease}.shappychat-transcript details[open]>summary>.shappychat-transcript-chevron{transform:rotate(0)}.shappychat-transcript-tool.is-completed .shappychat-transcript-symbol,.shappychat-transcript-tool.is-completed .shappychat-transcript-outcome,.shappychat-transcript-completed>summary .shappychat-transcript-symbol{color:var(--sg-success)}.shappychat-transcript-tool.is-failed .shappychat-transcript-symbol,.shappychat-transcript-tool.is-failed .shappychat-transcript-outcome{color:var(--sg-danger)}.shappychat-transcript-tool.is-running .shappychat-transcript-outcome,.shappychat-transcript-tool.is-recorded .shappychat-transcript-symbol,.shappychat-transcript-tool.is-recorded .shappychat-transcript-outcome{color:var(--sg-warning)}.shappychat-transcript-completed>.shappychat-transcript-tool{padding-left:16px}.shappychat-transcript-detail{padding:4px 8px 10px 30px;font-size:12px;white-space:pre-wrap}.shappychat-transcript-detail-label{margin:8px 0 4px;font-size:11px}.shappychat-transcript-detail pre{margin:0;max-height:240px;padding:8px 10px;overflow:auto;border-radius:8px;background:var(--sg-field);color:var(--sg-ink);font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.shappychat-transcript-status{display:flex;align-items:center;gap:8px;margin:10px 0;padding:0 8px;font-size:12px}.shappychat-transcript-status.is-active{color:var(--sg-accent)}.shappychat-transcript-status.is-attention{color:var(--sg-warning)}.shappychat-transcript-error{margin:8px 0;font-size:12px;color:var(--sg-danger);white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.shappychat-transcript-chevron,.shappychat-transcript summary{transition:none}}.shappychat-markdown{white-space:normal}.shappychat-markdown>:first-child{margin-top:0}.shappychat-markdown>:last-child{margin-bottom:0}.shappychat-markdown :is(p,ul,ol,blockquote,pre,table){margin:0 0 .75em}.shappychat-markdown :is(ul,ol){padding-left:1.4em;list-style:revert}.shappychat-markdown li{display:list-item}.shappychat-markdown li+li{margin-top:.2em}.shappychat-markdown :is(h1,h2,h3,h4,h5,h6){margin:1em 0 .4em;font-size:1.05em;font-weight:650}.shappychat-markdown strong{font-weight:650}.shappychat-markdown a{color:var(--sg-accent);text-decoration:underline;text-underline-offset:3px}.shappychat-markdown blockquote{padding-left:.9em;color:var(--sg-muted-ink);box-shadow:inset 2px 0 0 var(--sg-field)}.shappychat-markdown hr{height:1px;margin:1em 0;border:0;background:var(--sg-field)}.shappychat-markdown pre{padding:10px 12px;overflow:auto;border-radius:10px;background:var(--sg-field);white-space:pre}.shappychat-markdown code{font:.86em/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.shappychat-markdown .shappychat-inline-code{padding:1px 5px;border-radius:5px;background:var(--sg-field);color:var(--sg-accent)}.shappychat-markdown table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:13px}.shappychat-markdown :is(th,td){padding:5px 10px;text-align:left}.shappychat-markdown th{font-weight:600;background:var(--sg-field)}.shappychat-markdown tr:nth-child(2n) td{background:color-mix(in srgb,var(--sg-field) 45%,transparent)}.shappychat-markdown input[type=checkbox]{margin-right:.5em;pointer-events:none}:is(.shappychat-transcript,.shappychat-approvals) .hljs{color:var(--sg-ink);background:transparent}:is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-literal){color:#7c4dcc}:is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-string,.hljs-attr,.hljs-symbol,.hljs-template-tag){color:#2d8a55}:is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-number,.hljs-meta){color:#b4600d}:is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-title,.hljs-name,.hljs-section,.hljs-type){color:#2c6fb7}:is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-comment,.hljs-quote){color:var(--sg-muted-ink);font-style:italic}.dark :is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-literal){color:#c7a6ff}.dark :is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-string,.hljs-attr,.hljs-symbol,.hljs-template-tag){color:#8fd9a8}.dark :is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-number,.hljs-meta){color:#f2b56b}.dark :is(.shappychat-transcript,.shappychat-approvals) :is(.hljs-title,.hljs-name,.hljs-section,.hljs-type){color:#8cc2ff}.shappychat-transcript-detail>.shappychat-transcript-detail-label:first-child{margin-top:0}.shappychat-drawer-chat .overflow-y-auto,.shappychat-transcript-detail pre,.shappychat-markdown :is(pre,table){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sg-ink) 22%,transparent) transparent}.shappychat-drawer .shappychat-drawer-header[hidden]{display:none}.shappychat-surface .chat-plugin-output ul{padding:0;list-style:none}.shappychat-surface .chat-plugin-output li{padding:8px 0;overflow-wrap:anywhere}.shappychat-surface .chat-plugin-status[data-state=connected]{color:#22c55e}.shappychat-surface .chat-plugin-status:not([data-state=connected]),.shappychat-surface .chat-plugin-error{color:#e9a13b}.shappychat-surface .chat-plugin-status[data-state=connected]{color:#15803d}.shappychat-surface .chat-plugin-status:not([data-state=connected]){color:#92400e}.shappychat-surface .chat-plugin-error{color:#b91c1c}.dark .shappychat-surface .chat-plugin-status[data-state=connected]{color:#22c55e}.dark .shappychat-surface .chat-plugin-status:not([data-state=connected]){color:#e9a13b}.dark .shappychat-surface .chat-plugin-error{color:#fca5a5}.shappychat-ghost{display:block;overflow:visible}.shappychat-ghost *{transform-box:fill-box;transform-origin:center}.shappychat-ghost-shadow{fill:currentColor;opacity:.14}.shappychat-ghost-body{stroke-width:1.6;stroke-linejoin:round;transition:stroke .35s,fill .35s}.shappychat-ghost-tint{transition:filter .45s,opacity .45s}.shappychat-ghost-eyes{opacity:0;transform:scale(.4);transition:opacity .18s,transform .28s cubic-bezier(.34,1.56,.64,1)}.shappychat-ghost-look{transition:transform .35s cubic-bezier(.22,1,.36,1)}.shappychat-ghost-mouth,.shappychat-ghost-smile{opacity:0;transform:scale(.3);transition:opacity .18s,transform .25s cubic-bezier(.34,1.56,.64,1)}.shappychat-ghost-fx>*{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}.shappychat-ghost-badge{transform:scale(.2)}.shappychat-ghost-act{transition:transform .5s cubic-bezier(.22,1,.36,1)}.shappychat-ghost:is([data-state=idle],[data-state=listening],[data-state=thinking],[data-state=working],[data-state=speaking]) .shappychat-ghost-eyes-open,.shappychat-ghost[data-state=success] .shappychat-ghost-eyes-happy,.shappychat-ghost[data-state=error] .shappychat-ghost-eyes-x,.shappychat-ghost[data-state=sleeping] .shappychat-ghost-eyes-closed{opacity:1;transform:none}.shappychat-ghost[data-state=thinking] .shappychat-ghost-look{transform:translate(.7px,-.9px)}.shappychat-ghost[data-state=listening] .shappychat-ghost-look{transform:scale(1.18)}.shappychat-ghost[data-state=working] .shappychat-ghost-look{transform:scaleY(.55)}.shappychat-ghost:is([data-state=idle],[data-state=speaking],[data-state=listening]) .shappychat-ghost-blink{animation:shappychat-ghost-blink 4.2s infinite}.shappychat-ghost[data-state=speaking] .shappychat-ghost-mouth{opacity:1;transform:none}.shappychat-ghost[data-state=speaking] .shappychat-ghost-mouth-inner{animation:shappychat-ghost-talk .32s ease-in-out infinite alternate}.shappychat-ghost[data-state=success] .shappychat-ghost-smile{opacity:1;transform:none}.shappychat-ghost-float{animation:shappychat-ghost-float 3.2s ease-in-out infinite}.shappychat-ghost-shadow{animation:shappychat-ghost-shadow 3.2s ease-in-out infinite}.shappychat-ghost[data-state=thinking] .shappychat-ghost-act{transform:rotate(-6deg)}.shappychat-ghost[data-state=listening] .shappychat-ghost-act{animation:shappychat-ghost-sway 2.4s ease-in-out infinite}.shappychat-ghost[data-state=working] :is(.shappychat-ghost-float,.shappychat-ghost-shadow){animation-duration:.55s}.shappychat-ghost[data-state=working] .shappychat-ghost-act{animation:shappychat-ghost-lean .55s ease-in-out infinite alternate}.shappychat-ghost[data-state=speaking] .shappychat-ghost-act{animation:shappychat-ghost-nod 1.1s ease-in-out infinite}.shappychat-ghost[data-state=success] .shappychat-ghost-act{animation:shappychat-ghost-hop 1.4s cubic-bezier(.3,.7,.4,1) infinite}.shappychat-ghost[data-state=error] .shappychat-ghost-act{animation:shappychat-ghost-shake 1.6s ease-in-out infinite}.shappychat-ghost[data-state=error] .shappychat-ghost-body{stroke:#ff7278}.shappychat-ghost[data-state=sleeping] :is(.shappychat-ghost-float,.shappychat-ghost-shadow){animation-duration:5.5s}.shappychat-ghost[data-state=sleeping] .shappychat-ghost-act{transform:translateY(1px);animation:shappychat-ghost-breathe 3.6s ease-in-out infinite}.shappychat-ghost[data-state=sleeping] .shappychat-ghost-tint{filter:saturate(.25) brightness(.85);opacity:.82}.shappychat-ghost[data-state=thinking] .shappychat-ghost-dots{opacity:1}.shappychat-ghost[data-state=thinking] .shappychat-ghost-dots circle{animation:shappychat-ghost-pulse 1.2s ease-in-out infinite}.shappychat-ghost[data-state=thinking] .shappychat-ghost-dots circle:nth-child(2){animation-delay:.2s}.shappychat-ghost[data-state=thinking] .shappychat-ghost-dots circle:nth-child(3){animation-delay:.4s}.shappychat-ghost[data-state=working] .shappychat-ghost-sparks{opacity:1}.shappychat-ghost[data-state=working] .shappychat-ghost-sparks path{animation:shappychat-ghost-twinkle .9s ease-in-out infinite}.shappychat-ghost[data-state=working] .shappychat-ghost-sparks path:nth-child(2){animation-delay:.45s}.shappychat-ghost[data-state=listening] .shappychat-ghost-waves{opacity:1}.shappychat-ghost[data-state=listening] .shappychat-ghost-waves path{animation:shappychat-ghost-wave 1.4s ease-out infinite}.shappychat-ghost[data-state=listening] .shappychat-ghost-waves path:nth-child(2n){animation-delay:.35s}.shappychat-ghost[data-state=sleeping] .shappychat-ghost-zzz{opacity:1}.shappychat-ghost[data-state=sleeping] .shappychat-ghost-zzz text{animation:shappychat-ghost-zzz 2.8s ease-in infinite}.shappychat-ghost[data-state=sleeping] .shappychat-ghost-zzz text:nth-child(2){animation-delay:1.4s}.shappychat-ghost[data-state=success] .shappychat-ghost-badge-ok,.shappychat-ghost[data-state=error] .shappychat-ghost-badge-err{opacity:1;transform:none}.shappychat-ghost-sway{transform-origin:50% 100%}.shappychat-ghost:is([data-state=working],[data-state=listening]) .shappychat-ghost-sway{animation:shappychat-ghost-leaf .6s ease-in-out infinite alternate}.shappychat-ghost:is([data-state=thinking],[data-state=working]) .shappychat-ghost-glow{animation:shappychat-ghost-glow 1s ease-in-out infinite alternate}.shappychat-ghost[data-state=sleeping] .shappychat-ghost-glow{opacity:.35}.shappychat-ghost[data-state=listening] .shappychat-ghost-cups{animation:shappychat-ghost-cups .7s ease-in-out infinite alternate}.shappychat-ghost-still .shappychat-ghost-float,.shappychat-ghost-still .shappychat-ghost-shadow{animation:none}@keyframes shappychat-ghost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.8px)}}@keyframes shappychat-ghost-shadow{0%,to{transform:scaleX(1);opacity:.14}50%{transform:scaleX(.86);opacity:.09}}@keyframes shappychat-ghost-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes shappychat-ghost-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes shappychat-ghost-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes shappychat-ghost-lean{0%{transform:rotate(-2deg) translate(-.2px)}to{transform:rotate(2deg) translate(.2px)}}@keyframes shappychat-ghost-nod{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}@keyframes shappychat-ghost-hop{0%,55%,to{transform:translateY(0) scale(1)}10%{transform:translateY(.4px) scale(1.06,.92)}25%{transform:translateY(-3px) scale(.95,1.06)}42%{transform:translateY(0) scale(1.04,.96)}}@keyframes shappychat-ghost-shake{0%,40%,to{transform:translate(0)}5%,15%,25%{transform:translate(-.9px) rotate(-3deg)}10%,20%,30%{transform:translate(.9px) rotate(3deg)}}@keyframes shappychat-ghost-breathe{0%,to{transform:translateY(1px) scale(1)}50%{transform:translateY(1px) scale(1.035,.985)}}@keyframes shappychat-ghost-pulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes shappychat-ghost-twinkle{0%,to{opacity:.2;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(45deg)}}@keyframes shappychat-ghost-wave{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes shappychat-ghost-zzz{0%{opacity:0;transform:translateY(1px)}25%{opacity:1}to{opacity:0;transform:translate(2px,-4px)}}@keyframes shappychat-ghost-leaf{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes shappychat-ghost-glow{0%{filter:brightness(1)}to{filter:brightness(1.6) drop-shadow(0 0 1.2px #ffd66b)}}@keyframes shappychat-ghost-cups{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.shappychat-ghost[data-state][data-variant] *{animation:none}.shappychat-ghost[data-state=thinking][data-variant] .shappychat-ghost-dots circle,.shappychat-ghost[data-state=working][data-variant] .shappychat-ghost-sparks path,.shappychat-ghost[data-state=listening][data-variant] .shappychat-ghost-waves path,.shappychat-ghost[data-state=sleeping][data-variant] .shappychat-ghost-zzz text{animation:shappychat-ghost-pulse 2.4s ease-in-out infinite;transform:none}.shappychat-ghost[data-state][data-variant] :is(.shappychat-ghost-eyes,.shappychat-ghost-fx>*,.shappychat-ghost-mouth,.shappychat-ghost-smile,.shappychat-ghost-act,.shappychat-ghost-look){transition:opacity .2s}}.shappychat-transcript-symbol.is-ghost .shappychat-ghost{width:30px;height:30px;margin:-8px -4px;color:var(--sg-ink)}.shappychat-island-status-symbol.is-ghost .shappychat-ghost{width:26px;height:26px;margin:-5px;color:var(--sg-ink)}.shappychat-transcript-thinking.is-running .shappychat-transcript-name,.shappychat-transcript-tool.is-running .shappychat-transcript-name,.shappychat-transcript-status.is-active .shappychat-transcript-status-text{animation:shappychat-ghost-label 1.6s ease-in-out infinite}@keyframes shappychat-ghost-label{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.shappychat-transcript-thinking.is-running .shappychat-transcript-name,.shappychat-transcript-tool.is-running .shappychat-transcript-name,.shappychat-transcript-status.is-active .shappychat-transcript-status-text{animation-duration:3.2s}}.shappychat-approvals{display:flex;flex-direction:column;gap:8px;padding:0 0 8px;color:var(--sg-ink);font:14px / 1.5 var(--shappychat-font, system-ui, sans-serif)}.shappychat-approvals[hidden]{display:none}.shappychat-approval{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--sg-field);animation:shappychat-approval-in .18s ease-out}@keyframes shappychat-approval-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.shappychat-approval{animation:none}}.shappychat-approval-heading{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:2px}.shappychat-approval-symbol{display:block;justify-self:center;color:var(--sg-warning)}.shappychat-approval-heading strong{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.shappychat-approval-status{grid-column:2;color:var(--sg-warning);font-size:12px}.shappychat-approval-arguments pre{max-height:160px;margin:0;padding:8px 10px;overflow:auto;border-radius:8px;background:var(--sg-panel);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sg-ink) 22%,transparent) transparent}.shappychat-approval-actions{display:flex;justify-content:flex-end;gap:8px}.shappychat-approval-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:8px;outline:none;font:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.shappychat-approval-actions button svg{flex:none;display:block}.shappychat-approval-deny{background:var(--sg-panel);color:var(--sg-ink)}.shappychat-approval-deny:is(:hover,:focus-visible){background:color-mix(in srgb,var(--sg-panel) 80%,var(--sg-ink))}.shappychat-approval-approve{background:var(--sg-accent);color:var(--sg-panel)}.shappychat-approval-approve:is(:hover,:focus-visible){background:color-mix(in srgb,var(--sg-accent) 78%,#000)}.shappychat-approval-actions button:disabled{cursor:default;opacity:.5}@media(pointer:coarse){.shappychat-approval-actions button{min-height:44px}}.shappychat-chat-welcome{display:flex;flex-direction:column;gap:10px;padding:8px 0 16px;color:var(--sg-ink);font:14px / 1.6 var(--shappychat-font, system-ui, sans-serif)}.shappychat-chat-welcome[hidden]{display:none}.shappychat-chat-welcome p{margin:0;white-space:pre-line}.shappychat-chat-suggestions{display:flex;flex-wrap:wrap;gap:6px}.shappychat-chat-suggestions button{min-height:30px;padding:4px 12px;border:0;border-radius:15px;outline:none;background:var(--sg-field);color:var(--sg-ink);font:inherit;font-size:13px;line-height:1.3;text-align:left;cursor:pointer;transition:background-color .15s ease}.shappychat-chat-suggestions button:is(:hover,:focus-visible){background:var(--sg-field-focus)}@media(pointer:coarse){.shappychat-chat-suggestions button{min-height:44px}}.shappychat-brand-logo{display:block;width:24px;height:24px;object-fit:contain}.shappychat-launcher .shappychat-brand-logo{width:28px;height:28px}.shappychat-brand-ghost{display:grid;place-items:center}.shappychat-brand-ghost svg{display:block;width:100%;height:100%}:root{--s-bg: #f4f2f8;--s-card: #ffffff;--s-field: #ebe7f2;--s-field-hover: #e1dcec;--s-ink: #241f2e;--s-muted: #6b6479;--s-line: #e4e0ec;--s-accent: #6c46ae;--s-on-accent: #ffffff;--s-success: #2f9e5b;--s-error: #c8413b;color-scheme:light}:root[data-theme=dark]{--s-bg: #0f0d14;--s-card: #17141e;--s-field: #241f2e;--s-field-hover: #2e2839;--s-ink: #ece9f3;--s-muted: #9d96ab;--s-line: #2a2533;--s-accent: #b9a0ee;--s-on-accent: #1a1424;--s-success: #5fd08b;--s-error: #f07a74;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body.studio-page{display:flex;flex-direction:column;overflow:hidden;background:var(--s-bg);color:var(--s-ink);font:14px/1.5 system-ui,-apple-system,sans-serif;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font:inherit;color:inherit;outline:none}a{color:inherit}.skip-link{position:absolute;left:8px;top:-40px;padding:6px 10px;border-radius:8px;background:var(--s-card);z-index:10}.skip-link:focus{top:6px}.g-body{fill:currentColor}.g-eyes{fill:var(--s-bg)}.studio-header{flex:none;display:flex;align-items:center;gap:16px;height:43px;padding:0 8px 0 14px}.studio-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.studio-mark{display:block;color:var(--s-accent)}.studio-brand b{font-size:15px;font-weight:650}.studio-brand b span{color:var(--s-accent)}.studio-title{margin:0;font-size:14px;font-weight:600;color:var(--s-muted)}.studio-nav{display:flex;gap:4px;margin-left:auto}.studio-nav a{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:8px;color:var(--s-muted);font-size:13px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.studio-nav a:is(:hover,:focus-visible){background:var(--s-field);color:var(--s-ink)}.studio-header-end{display:flex;gap:4px}.studio-icon{display:inline-grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--s-ink);cursor:pointer;transition:background-color .15s ease}.studio-icon:is(:hover,:focus-visible){background:var(--s-field)}.studio-icon svg,.studio-tabs svg,.studio-copy svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.studio-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:8px;padding:0 8px 8px;transition:grid-template-columns .26s cubic-bezier(.2,.8,.2,1)}.studio-body[data-panel=closed]{grid-template-columns:minmax(0,1fr) 0px;gap:0}.studio-workspace{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px;border-radius:12px;background:var(--s-card)}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px}.studio-tabs{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--s-field)}.studio-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;height:29px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--s-muted);font-size:13px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.studio-tabs button:is(:hover,:focus-visible){color:var(--s-ink);background:var(--s-field-hover)}.studio-tabs button[aria-selected=true]{background:var(--s-card);color:var(--s-ink);font-weight:600}.studio-stage{flex:1;min-height:0;display:flex;justify-content:center;border-radius:10px;background:var(--s-field);overflow:hidden}.studio-stage iframe{display:block;width:100%;height:100%;border:0;transition:width .26s cubic-bezier(.2,.8,.2,1)}.studio-stage[data-device=phone] iframe{width:min(390px,100%)}.studio-note{margin:0;color:var(--s-muted);font-size:12px}.studio-settings{min-width:0;min-height:0;overflow:hidden auto;padding:4px 16px 180px;border-radius:12px;background:var(--s-card);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--s-ink) 22%,transparent) transparent;transition:opacity .2s ease}.studio-body[data-panel=closed] .studio-settings{opacity:0;padding:0}.studio-settings section{display:flex;flex-direction:column;gap:10px;padding:14px 0 6px}.studio-settings h2{margin:0;font-size:13px;font-weight:650}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;min-height:35px}.studio-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.studio-field small,.studio-small{margin:0;color:var(--s-muted);font-size:12px}.studio-small a{color:var(--s-accent)}.studio-settings :is(input:not([type=color]):not([type=range]):not([type=file]),select,textarea){width:100%;padding:9px 10px;border:0;border-radius:9px;background:var(--s-field);font-size:13px;transition:background-color .15s ease}.studio-settings :is(input,select,textarea):is(:hover,:focus-visible){background:var(--s-field-hover)}.studio-settings textarea{resize:vertical}.studio-settings input[aria-invalid=true]{color:var(--s-error)}.studio-settings input[type=range]{accent-color:var(--s-accent)}.studio-settings output{color:var(--s-muted);font-variant-numeric:tabular-nums}.studio-stack{display:flex;flex-direction:column;gap:6px}.studio-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-presets button{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:var(--s-field);font-size:13px;text-align:left;cursor:pointer;transition:background-color .15s ease}.studio-presets button:is(:hover,:focus-visible){background:var(--s-field-hover)}.studio-presets button[aria-pressed=true]{background:color-mix(in srgb,var(--s-accent) 22%,var(--s-field));font-weight:600}.studio-swatch{flex:none;width:14px;height:14px;border-radius:50%}.studio-logo{position:relative;display:flex;align-items:center;gap:10px}.studio-logo-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--s-field);color:var(--s-accent)}.studio-logo-mark :is(img,svg){display:block;width:26px;height:26px;object-fit:contain}.studio-button{display:inline-flex;align-items:center;min-height:35px;padding:0 12px;border-radius:9px;background:var(--s-field);font-size:13px;cursor:pointer;transition:background-color .15s ease}.studio-button:is(:hover,:focus-within){background:var(--s-field-hover)}.studio-button input{position:absolute;width:1px;height:1px;opacity:0}.studio-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 12px;border-radius:9px;background:var(--s-field);font-size:13px}.studio-toggle button{position:relative;flex:none;width:36px;height:20px;padding:0;border:0;border-radius:10px;background:color-mix(in srgb,var(--s-ink) 25%,transparent);cursor:pointer;transition:background-color .15s ease}.studio-toggle button:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.studio-toggle button[aria-checked=true]{background:var(--s-accent)}.studio-toggle button[aria-checked=true]:after{transform:translate(16px)}.studio-toggle button:focus-visible{background:color-mix(in srgb,var(--s-ink) 40%,transparent)}.studio-toggle button[aria-checked=true]:focus-visible{background:color-mix(in srgb,var(--s-accent) 75%,var(--s-ink))}.studio-colour{display:grid;grid-template-columns:minmax(0,1fr) 35px 96px;align-items:center;gap:8px;font-size:13px}.studio-colour input[type=color]{width:35px;height:35px;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer}.studio-colour input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.studio-colour input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.studio-hint{display:block;margin-top:4px;font-size:12px}.studio-hint[hidden]{display:none}.is-error{color:var(--s-error)}.studio-status{margin:0;font-size:12px}.studio-status.is-ok{color:var(--s-success)}.studio-code{position:relative}.studio-code pre{max-height:320px;margin:0;padding:12px 44px 12px 12px;overflow:auto;border-radius:10px;background:var(--s-field);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;scrollbar-width:thin}.studio-copy{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:var(--s-card);color:var(--s-ink);cursor:pointer;transition:background-color .15s ease}.studio-copy:is(:hover,:focus-visible){background:var(--s-field-hover)}.studio-copy[data-copied=true]{color:var(--s-success)}.studio-copy:disabled{opacity:.5;cursor:default}.studio-code .hljs-keyword,.studio-code .hljs-built_in,.studio-code .hljs-literal{color:#7c4dcc}.studio-code .hljs-string{color:#2d8a55}.studio-code .hljs-number{color:#b4600d}.studio-code .hljs-attr,.studio-code .hljs-title,.studio-code .hljs-property{color:#2c6fb7}.studio-code .hljs-comment{color:var(--s-muted);font-style:italic}:root[data-theme=dark] .studio-code .hljs-keyword,:root[data-theme=dark] .studio-code .hljs-built_in,:root[data-theme=dark] .studio-code .hljs-literal{color:#c7a6ff}:root[data-theme=dark] .studio-code .hljs-string{color:#8fd9a8}:root[data-theme=dark] .studio-code .hljs-number{color:#f2b56b}:root[data-theme=dark] .studio-code :is(.hljs-attr,.hljs-title,.hljs-property){color:#8cc2ff}@media(max-width:860px){body.studio-page{overflow:auto}.studio-nav{display:none}.studio-header-end{margin-left:auto}.studio-body,.studio-body[data-panel=closed]{grid-template-columns:minmax(0,1fr);gap:8px}.studio-workspace{height:78dvh}.studio-body[data-panel=closed] .studio-settings{display:none}.studio-settings{overflow:visible}.studio-toolbar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.studio-body,.studio-stage iframe,.studio-settings,.studio-toggle button:after{transition:none}}.studio-play{display:inline-flex;align-items:center;gap:8px;height:32px;margin-right:4px;padding:0 14px;border:0;border-radius:8px;background:var(--s-accent);color:var(--s-on-accent);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.studio-play:is(:hover,:focus-visible){background:color-mix(in srgb,var(--s-accent) 82%,var(--s-ink))}.studio-play[data-playing=true]{background:var(--s-field);color:var(--s-ink)}.studio-play[data-playing=true]:is(:hover,:focus-visible){background:var(--s-field-hover)}.studio-play svg{display:block;fill:currentColor}.wt-blocker{position:fixed;inset:0;z-index:20;cursor:default}.wt-card{position:fixed;left:50%;bottom:24px;z-index:30;display:flex;flex-direction:column;gap:8px;width:min(620px,calc(100vw - 32px));padding:14px 18px;border-radius:14px;background:#1b1924;color:#eeebf6;box-shadow:0 12px 40px #00000073;transform:translate(-50%)}.wt-head{display:flex;align-items:center;gap:10px}.wt-counter{color:#c9b5f5;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.wt-track{flex:1;height:3px;overflow:hidden;border-radius:2px;background:#2e2a3a}.wt-bar{height:100%;background:#c9b5f5;transition:width .4s}.wt-caption{font-size:15px;line-height:1.5}.wt-controls{display:flex;align-items:center;gap:8px}.wt-controls button{height:32px;padding:0 12px;border:0;border-radius:8px;background:#2a2636;color:#eeebf6;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.wt-controls button:is(:hover,:focus-visible){background:#383247}.wt-controls button[data-dim=true]{opacity:.4;cursor:default}.wt-hint{color:#9d96ab;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.wt-cursor{position:fixed;z-index:40;width:22px;height:26px;pointer-events:none;transition:left 1s cubic-bezier(.45,0,.2,1),top 1s cubic-bezier(.45,0,.2,1)}.wt-cursor svg{position:absolute;left:0;top:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.wt-ring{position:absolute;left:-16px;top:-16px;width:34px;height:34px;border-radius:17px;background:#cdf56473;transform:scale(.3);opacity:0;transition:transform .2s,opacity .35s}.wt-ring[data-on=true]{transform:scale(1);opacity:1}@media(max-width:860px){.studio-play span,.wt-hint{display:none}}.studio-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.studio-layouts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 7px;border:0;border-radius:10px;background:var(--s-field);color:var(--s-muted);font-size:12px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.studio-layouts button:is(:hover,:focus-visible){background:var(--s-field-hover);color:var(--s-ink)}.studio-layouts button[aria-checked=true]{background:color-mix(in srgb,var(--s-accent) 22%,var(--s-field));color:var(--s-ink);font-weight:600}.studio-layouts svg{display:block;width:100%;max-width:88px;height:auto}.studio-layouts .lt-page{fill:var(--s-card)}.studio-layouts .lt-line{fill:color-mix(in srgb,var(--s-ink) 14%,transparent)}.studio-layouts .lt-chat{fill:color-mix(in srgb,var(--s-ink) 22%,var(--s-card));transition:fill .15s ease}.studio-layouts .lt-bubble,.studio-layouts .lt-field{fill:var(--s-card)}.studio-layouts .lt-dot{fill:color-mix(in srgb,var(--s-ink) 40%,var(--s-card));transition:fill .15s ease}.studio-layouts button[aria-checked=true] :is(.lt-chat,.lt-dot){fill:var(--s-accent)}.studio-layouts button[aria-checked=true] :is(.lt-bubble,.lt-field){fill:color-mix(in srgb,var(--s-on-accent) 80%,var(--s-accent))}button.studio-logo-mark{padding:0;border:0;cursor:pointer;transition:background-color .15s ease}button.studio-logo-mark:is(:hover,:focus-visible),button.studio-logo-mark[aria-expanded=true]{background:var(--s-field-hover)}.studio-logo-mark .shappychat-ghost{display:block;width:30px;height:30px}.studio-ghosts{position:absolute;top:calc(100% + 6px);left:0;z-index:15;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(320px,calc(100vw - 48px));padding:8px;border-radius:12px;background:var(--s-card);box-shadow:0 12px 32px #140e202e,0 2px 8px #140e201a;animation:studio-ghosts-in .16s ease-out}:root[data-theme=dark] .studio-ghosts{background:var(--s-field);box-shadow:0 12px 32px #00000080}.studio-ghosts[hidden]{display:none}@keyframes studio-ghosts-in{0%{opacity:0;transform:translateY(-4px)}}.studio-ghosts button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;border:0;border-radius:9px;background:transparent;color:var(--s-muted);font-size:11px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.studio-ghosts button:is(:hover,:focus-visible){background:var(--s-field-hover);color:var(--s-ink)}.studio-ghosts button[aria-checked=true]{background:color-mix(in srgb,var(--s-accent) 22%,var(--s-field));color:var(--s-ink);font-weight:600}.studio-ghost-figure{display:grid;place-items:center;width:34px;height:34px}.studio-ghost-figure .shappychat-ghost{display:block;width:34px;height:34px}.studio-ghosts .studio-small{grid-column:1 / -1;padding:2px 4px 0}@media(prefers-reduced-motion:reduce){.studio-ghosts{animation:none}}