.peeking-cat { --ornament-height:calc(var(--ornament-size) * .55042); }
.peeking-cat .chat-list { gap:calc(var(--gap) + var(--ornament-height));padding-top:var(--ornament-height); }
.peeking-cat .message {
 position:relative;isolation:isolate;align-self:flex-start;width:100%;min-height:0;
 padding:max(12px,var(--padding)) max(16px,var(--padding));
 border:var(--border) solid var(--outline);border-radius:clamp(4px,var(--radius),18px);
 background:var(--bubble);box-shadow:0 3px calc(var(--shadow) * .35px) #17112616;
 overflow:visible;
}
.peeking-cat .message-fill,.peeking-cat .preset-art {display:none;}
.peeking-cat .cat-ornament {
 position:absolute;display:block;width:var(--ornament-size);height:var(--ornament-height);
 left:calc(8px + (100% - var(--ornament-size) - 16px) * var(--ornament-position));
 bottom:calc(100% - var(--ornament-height) * .1115 - var(--border));
 pointer-events:none;z-index:3;overflow:visible;
 filter:hue-rotate(var(--asset-hue)) saturate(var(--asset-saturation)) brightness(var(--asset-brightness));
}
.peeking-cat .message-content {flex:1;min-width:0;overflow-wrap:anywhere;word-break:normal;position:relative;z-index:1;}
.peeking-cat .badge {flex:none;position:relative;font-size:calc(var(--size) * .8);line-height:var(--line);}
.frame-mini.peeking-cat {width:84px;height:24px;position:relative;border:1px solid #baacd5;background:#fcf9f0;border-radius:5px;}
.frame-mini.peeking-cat:after {content:'🐱';position:absolute;right:2px;top:-12px;font-size:14px;}
.ornament-controls {border-top:1px solid #353141;margin-top:18px;padding-top:12px;}
.preview-toolbar {flex-wrap:wrap;min-height:42px;height:auto;padding-bottom:8px;}
.test-controls {flex-wrap:wrap;}
.test-controls textarea {min-height:32px;max-height:90px;width:220px;resize:vertical;background:#282936;color:#eee;border:1px solid #424052;border-radius:5px;padding:5px;font:11px Arial;}
.stage {overflow:auto;}
.preview {margin:20px 0;}
html:has(.overlay-mode),body:has(.overlay-mode) {background:transparent;}