.artifact-player{background:#fff;border:1px solid #e5e5e5;border-radius:16px;min-width:0;margin:0;overflow:clip;box-shadow:0 16px 42px -30px #15171547}.artifact-caption{color:#536158;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:8px 14px 8px 18px;display:flex}.artifact-caption>span{flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.35;display:flex}.artifact-controls{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.artifact-controls button{color:#34463a;cursor:pointer;background:#fff;border:1px solid #d8dfda;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;font:600 12px/1.2 Inter,sans-serif;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.artifact-controls button:hover{color:#145c3d;background:#f3f8f5;border-color:#18764b}.artifact-controls button:focus-visible,.artifact-scroll:focus-visible{outline-offset:2px;outline:3px solid #18764b}.artifact-canvas{background:#fff;min-width:0;overflow:clip}.artifact-canvas[data-paused=true] *,.artifact-canvas[data-paused=true] :before,.artifact-canvas[data-paused=true] :after{animation-play-state:paused!important}.artifact-canvas>*{max-width:100%}.artifact-dialog{color:#151715;background:#fff;border:1px solid #dce2de;border-radius:16px;width:min(96vw,1440px);max-width:none;max-height:min(94dvh,1100px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #15171547}.artifact-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1411b3}.artifact-dialog[open]{flex-direction:column;display:flex}.artifact-dialog-header{border-bottom:1px solid #e5e5e5;flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:8px 14px 8px 20px;display:flex}.artifact-dialog-header h2{color:#151715;margin:0;font:700 18px/1.3 Carbona,Inter,sans-serif}.artifact-scroll{overscroll-behavior:contain;scrollbar-color:#8c9a91 #f0f3f1;scrollbar-width:thin;touch-action:pan-x pan-y;min-height:0;padding:0 14px 16px;overflow:auto}.artifact-dialog-canvas{width:1120px;min-height:180px;margin-inline:auto}.artifact-dialog-canvas .artifact-canvas{width:100%;max-width:none;overflow:visible}.artifact-dialog-canvas .artifact-canvas>*{max-width:none}.artifact-dark .artifact-caption{color:#d0dad3;background:#1d241f;border-color:#3d4841}.artifact-dark .artifact-controls button{color:#f0f5f1;background:#252e28;border-color:#526257}@media (width<=640px){.artifact-caption{align-items:flex-start;gap:8px;padding:8px 10px}.artifact-caption>span{padding-top:4px;font-size:12px}.artifact-controls{gap:6px}.artifact-controls button{width:44px;padding:8px;font-size:0}.artifact-controls button svg{flex:none}.artifact-dialog{border-radius:14px 14px 0 0;width:100vw;max-height:96dvh;margin:auto 0 0}.artifact-dialog-header{align-items:flex-start;padding:8px 10px}.artifact-dialog-header h2{padding-top:10px;font-size:15px}.artifact-dialog-header .artifact-controls button{width:44px;padding:8px}.artifact-dialog-canvas{margin-left:0}}@media (prefers-reduced-motion:reduce){.artifact-controls button{transition:none}}.artifact-dialog-canvas[data-artifact-dialog-canvas=approval] [data-approval-devices]{flex-direction:row;align-items:flex-start}