/* Keep transparent pixels transparent: do not paint a white frame behind PNGs. */
.assistant-static-frame,.assistant-home-portrait {background:transparent!important;box-shadow:none!important;}
.assistant-static-frame {border:0!important;}
.assistant-static-frame img,.assistant-home-portrait img {background:transparent!important;}
.pocket-live {box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;height:min(850px,94dvh);max-height:94dvh;padding:24px;border:1px solid #ac8664;border-radius:26px;color:#49382b;background:radial-gradient(ellipse at 20% 40%,#f9efd9,#e3d6bf);}
.pocket-live::backdrop {background:#282822f5;}
.pocket-live header {display:flex;justify-content:space-between;align-items:center;gap:12px;}
.pocket-live h2 {margin:5px 0;font-size:1.4rem;}
.pocket-live small {letter-spacing:.08em;font-size:.7rem;}
.pocket-live button,.pocket-live input {font:inherit;border:1px solid #ab896b;border-radius:12px;padding:10px 14px;}
.pocket-live button {cursor:pointer;background:#68472f;color:#fff8e8;}
.pocket-live button:disabled {opacity:.55;cursor:default;}
.pocket-live :focus-visible {outline:3px solid #267c78;outline-offset:3px;}
.pocket-live-body {display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100% - 80px);min-height:0;}
.pocket-live-stage {position:relative;min-height:220px;}
.pocket-live-stage>img,.pocket-live-stage>model-viewer {width:100%;height:100%;position:absolute;inset:0;object-fit:contain;--poster-color:transparent;}
.pocket-live [hidden] {display:none!important;}
.pocket-live-interaction {display:flex;flex-direction:column;gap:12px;min-height:0;font-size:.95rem;}
.pocket-live-interaction p {margin:0;line-height:1.5;}
.pocket-live-log {flex:1;min-height:100px;overflow:auto;padding:16px;background:#fffbf099;border-radius:18px;overflow-wrap:anywhere;}
.pocket-live-log p+p {margin-top:12px;}
.pocket-live form>div {display:flex;gap:8px;margin-top:6px;}
.pocket-live input {width:100%;min-width:0;background:#fffaf2;}
.pocket-live-controls {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pocket-live-controls a {color:inherit;}
body:has(.pocket-live[open]) {overflow:hidden;}
@media(max-width:650px) {
 .pocket-live {padding:16px;}
 .pocket-live-body {display:flex;flex-direction:column;gap:12px;height:auto;}
 .pocket-live-stage {height:30dvh;min-height:170px;flex:none;}
 .pocket-live-log {height:130px;flex:none;}
 .pocket-live h2 {font-size:1.1rem;}
 .pocket-live header button {font-size:.8rem;}
}