.sim-container{overflow:visible!important;position:relative}.sim-header{margin-bottom:.5rem}.sim-track{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;padding:1rem .5rem 1.5rem;overflow:visible}.sim-msg{--s: .7;--lh-base: calc(1.15 * var(--s));position:relative;background-color:var(--dark-grey);width:320px;flex-shrink:0;min-height:174px;height:174px;border-radius:calc(15px * var(--s)) calc(15px * var(--s)) calc(15px * var(--s)) 0;font-size:calc(24px * var(--s));line-height:var(--lh-base);border:2px solid var(--dark-grey);transition:border-color .5s ease,box-shadow .5s ease,opacity .5s ease;overflow:visible}.sim-msg--active{border-color:var(--purple-accent)}.sim-msg--generating{border-color:#43b5ff;box-shadow:0 0 6px 1px #43b5ff99;animation:simGenPulse 1.6s ease-in-out infinite}.sim-msg--history{background:var(--purple-darker);opacity:.95}.sim-msg--pop{animation:simPop .4s ease-out}@keyframes simGenPulse{0%,to{box-shadow:0 0 6px 1px #43b5ff59}50%{box-shadow:0 0 14px 3px #43b5ffa6}}@keyframes simPop{0%{transform:scale(1)}35%{transform:scale(1.025)}to{transform:scale(1)}}.sim-msg__status-bar{display:flex;justify-content:space-between;align-items:center;margin:calc(8px * var(--s)) calc(15px * var(--s)) calc(2px * var(--s))}.sim-msg__stage-label{font-size:calc(14px * var(--s));font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:color .4s}.sim-msg__dots{display:flex;gap:3px}.sim-dot{width:6px;height:6px;border-radius:50%;background:var(--grey-dark);transition:background .4s,transform .3s}.sim-dot--on{transform:scale(1.3)}.sim-msg__head{margin:calc(10px * var(--s)) calc(15px * var(--s));display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;line-height:1.05}.sim-msg__small-text{font-size:calc(14px * var(--s));white-space:nowrap;line-height:1.05;color:var(--grey-light)}.sim-msg__name{font-weight:700;margin:0 calc(10px * var(--s));font-size:calc(24px * var(--s))}.sim-msg__mod-icon{display:flex;margin-right:calc(10px * var(--s));color:var(--green-accent)}.sim-msg__vip-icon{display:flex;margin-right:calc(10px * var(--s));color:var(--purple-pinky)}.sim-msg__settings{display:flex;margin:0 calc(15px * var(--s)) calc(10px * var(--s));font-size:calc(16px * var(--s));flex-direction:row;flex-wrap:wrap;align-items:flex-start;line-height:var(--lh-base);color:var(--white)}.sim-msg__text-wrap{display:block;overflow:visible}.sim-msg__text{max-width:1000px;margin:0 calc(15px * var(--s));word-break:break-word;font-size:calc(24px * var(--s));line-height:var(--lh-base);transition:opacity .4s}.sim-msg__text.dim{opacity:.4}.sim-msg__controls-wrap{display:block;overflow:visible}.sim-msg__controls{display:flex;margin:calc(10px * var(--s)) calc(15px * var(--s)) calc(40px * var(--s));justify-content:flex-end;gap:1%;flex-wrap:wrap;position:relative;line-height:var(--lh-base)}.sim-btn{background-color:var(--purple-bright);color:var(--white);padding:calc(5px * var(--s)) calc(10px * var(--s));margin:calc(5px * var(--s)) 0;border:none;box-shadow:1px 2px 1px #0000007f;border-radius:calc(20px * var(--s));cursor:pointer;font-size:calc(16px * var(--s));transition:background-color .3s ease}.sim-btn:hover{background-color:var(--purple-pinky)}.sim-msg__id{position:absolute;display:flex;flex-direction:row;align-items:center;gap:3px;bottom:calc(10px * var(--s));right:calc(10px * var(--s));font-size:calc(8px * var(--s));color:var(--purple-accent);z-index:1;line-height:1;overflow:visible}.sim-msg__gen{color:var(--purple-accent)}.sim-msg__ocean{height:calc(40px * var(--s));width:100%;position:relative;overflow:hidden;border-radius:0 0 calc(13px * var(--s)) 0}.sim-wave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%2318181b'/%3E%3C/svg%3E");position:absolute;width:200%;height:100%;animation:simOcean 10s -3s linear infinite;transform:translateZ(0);opacity:.8}.sim-wave:nth-child(2){animation:simOcean 18s linear reverse infinite;opacity:.5}.sim-wave:nth-child(3){animation:simOcean 20s -1s linear infinite;opacity:.5}@keyframes simOcean{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(-50%)}}.sim-spinner{display:inline-block;width:11px;height:11px;border:2px solid rgba(67,181,255,.25);border-top-color:#43b5ff;border-radius:50%;animation:simSpin .7s linear infinite}@keyframes simSpin{to{transform:rotate(360deg)}}.sim-pipeline{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:1.2rem;padding:1rem 1.2rem;background:#00000040;border-radius:12px}.sim-pipe{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--grey-light);transition:color .35s,transform .35s;padding:4px 6px;border-radius:8px}.sim-pipe--on{color:var(--white);transform:scale(1.08);background:#9146ff1f}.sim-pipe__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:transform .3s}.sim-pipe--on .sim-pipe__dot{transform:scale(1.25);box-shadow:0 0 6px 1px currentColor}.sim-pipe__label{white-space:nowrap;font-weight:500}.sim-pipe__arrow{color:var(--grey-dark);font-size:1.1rem;font-weight:700}.sim-pause{margin:1.2rem auto 0;display:block;font-size:.95rem;padding:.6rem 1.5rem}.sim-tip{cursor:help}.sim-tip__popup{position:fixed;z-index:999999;background:#14121cf7;color:#e2e2e2;padding:10px 16px;border-radius:10px;border:1px solid rgba(145,70,255,.25);font-size:13px;font-weight:400;pointer-events:none;opacity:0;transition:opacity .15s ease;box-shadow:0 8px 32px #0000008c,0 0 0 1px #9146ff1a;line-height:1.5;max-width:300px;width:max-content;white-space:normal;word-break:break-word}.sim-tip__popup--visible{opacity:1}@media (max-width: 1050px){.sim-track{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding-bottom:2rem;scrollbar-width:thin;scrollbar-color:var(--purple-accent) transparent}.sim-track::-webkit-scrollbar{height:6px}.sim-track::-webkit-scrollbar-track{background:transparent}.sim-track::-webkit-scrollbar-thumb{background:var(--purple-accent);border-radius:3px}}@media (max-width: 700px){.sim-msg{width:280px}.sim-pipeline{gap:4px;padding:.7rem}.sim-pipe{font-size:.82rem}}
