.bubble.html-preview-bubble{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;min-width:0}
html[data-bubble-style] body[data-page=chat] #messages .message .bubble.html-preview-bubble:not(.voice-bubble):not(.photo-bubble)::before,html[data-bubble-style] body[data-page=chat] #messages .message .bubble.html-preview-bubble:not(.voice-bubble):not(.photo-bubble)::after{display:none!important}
.html-card-prose{padding:14px 18px;margin-bottom:10px;border-radius:22px;background:#ffffffbf;border:1px solid #ffffffdd;color:#333;white-space:pre-wrap}
.html-card-prose.rich-message{white-space:normal}
.html-chat-card{box-sizing:border-box;width:290px;max-width:100%;padding:12px 16px 17px;border:1px solid #ffffffed;border-radius:23px;background:linear-gradient(145deg,#ffffffef,#eeeeeed9);box-shadow:0 8px 24px #00000007,inset 0 1px 0 #fff;color:#292929;margin:8px 0}
.html-card-art{height:92px;position:relative;overflow:hidden;display:grid;place-items:center;margin:0 -4px 14px;border-radius:15px;border:1px solid #fff;background:radial-gradient(ellipse at 70% 20%,#ffffff,#dedee2);box-shadow:inset 0 1px 10px #ffffffa0}
.html-card-art::before,.html-card-art::after{content:'';position:absolute;width:125px;height:125px;border:1px solid #ffffffb8;border-radius:50%;right:-30px;top:-60px}.html-card-art::after{width:160px;height:160px;right:-50px;top:-76px}
.html-card-brackets{font:italic 32px Georgia,serif;letter-spacing:3px;color:#56565b;transform:rotate(-6deg)}
.html-card-art-line{position:absolute;left:14px;bottom:12px;width:28px;height:3px;border-radius:2px;background:#b4b4bb;box-shadow:34px 0 0 #ceced3,68px 0 0 #e8e8eb}
.html-card-label{display:block;font:9px system-ui,sans-serif;letter-spacing:1.7px;color:#89898e;margin:0 0 7px}.html-card-title{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.html-card-hint{margin:7px 0 16px;font-size:12px;color:#8b8b91}
.html-card-actions{display:flex;gap:9px}.html-card-actions button{border-radius:14px;font:inherit;font-size:12px;padding:10px 14px;cursor:pointer}.html-card-launch{flex:1;border:1px solid #424246;background:#424246;color:#fff}.html-card-code{border:1px solid #dadade;background:#ffffff90;color:#66666c}
html body dialog#htmlPreviewDialog.html-preview-dialog{box-sizing:border-box;width:100vw!important;max-width:none!important;height:100vh;height:100dvh;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f4f4f5!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#333!important;overflow:hidden!important}
.html-preview-dialog[open]{display:flex;flex-direction:column}.html-preview-dialog::backdrop{background:#56565ba6;backdrop-filter:blur(16px)}
.html-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:calc(14px + env(safe-area-inset-top)) 20px 12px;background:#ffffffad;border-bottom:1px solid #e5e5e9;flex:none}
.html-preview-heading{min-width:0}.html-preview-heading strong{display:block;font:600 15px system-ui,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:70vw}.html-preview-heading small{display:block;margin-top:5px;font:11px system-ui,sans-serif;color:#8a8a90}
.html-preview-close{flex:none;width:36px;height:36px;border:1px solid #e1e1e5;border-radius:50%;background:#fff;color:#59595f;font:24px system-ui,sans-serif;cursor:pointer}
.html-preview-controls{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f6f6f7;flex:none;overflow-x:auto}.html-preview-controls button{white-space:nowrap;flex:none;border:1px solid #e0e0e5;border-radius:12px;background:#fff;padding:8px 12px;font:12px system-ui,sans-serif;color:#6a6a70;cursor:pointer}.html-preview-controls button[aria-pressed=true]{background:#424246;color:#fff;border-color:#424246}.html-preview-controls button:last-child{margin-left:auto}.html-preview-controls button[hidden]{display:none}
.html-preview-stage{min-height:0;flex:1;display:flex;position:relative;margin-bottom:env(safe-area-inset-bottom);background:#fff;overflow:hidden}.html-preview-frame{display:block;flex:1;width:100%;height:100%;border:0;background:#fff}
.html-preview-source{box-sizing:border-box;flex:1;margin:0;padding:20px;overflow:auto;background:#fafafa;color:#38383d;font:12px/1.7 ui-monospace,monospace;white-space:pre;tab-size:2}.html-preview-resume{margin:auto;padding:12px 24px;border:1px solid #dedee3;border-radius:20px;background:#f2f2f4;color:#4b4b50;font:14px system-ui,sans-serif;cursor:pointer}
html[data-theme=dark] .html-chat-card{background:linear-gradient(145deg,#36363a,#2d2d31);border-color:#ffffff26;color:#eee}html[data-theme=dark] .html-card-prose{background:#343438e8;border-color:#ffffff26;color:#eee}
@media(prefers-reduced-motion:no-preference){.html-chat-card{animation:html-card-appear .25s ease-out}@keyframes html-card-appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}