.preview-ribbon-container{position:fixed;top:20px;right:0;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.preview-ribbon{position:relative;display:inline-block;pointer-events:auto}.preview-ribbon-content{position:relative;display:flex;justify-content:center;align-items:center;min-width:100px;height:20px;background-color:#49e9e3;color:white;font-weight:600;font-size:12px;padding:0 15px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.25)}.preview-ribbon-content:before{content:"";position:absolute;left:-10px;top:0;width:0;height:0;border-top:11px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #49e9e3}.preview-ribbon-content:after{content:"";position:absolute;right:0;bottom:-15px;width:15px;height:15px;background-color:#00aaa4;clip-path:polygon(0 0,100% 100%,100% 0)}.preview-exit-button{margin-top:8px;margin-right:8px;background-color:white;color:#49e9e3;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease;pointer-events:auto}.preview-exit-button:hover{background-color:#f9fafb;color:#00aaa4}