*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#f7f4ea;overflow:hidden;font-family:Arial,sans-serif}.presentation{position:relative;width:100%;height:100%;display:grid;place-items:center}.presentation>img{display:block;width:100%;height:100%;object-fit:contain}.presentation-controls{position:fixed;z-index:2;top:18px;right:18px;display:flex;gap:9px;transition:opacity .3s,transform .3s}.presentation-controls a,.presentation-controls button{border:1px solid #151918;background:#f7f4eae8;color:#151918;padding:12px 15px;font:700 13px Arial,sans-serif;text-decoration:none;box-shadow:4px 4px 0 #151918;cursor:pointer;backdrop-filter:blur(8px)}.presentation-controls a:hover,.presentation-controls button:hover{background:#ffc52a}.presentation-hint{position:fixed;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);margin:0;padding:9px 13px;background:#151918dc;color:#fff;font-size:12px;white-space:nowrap;transition:opacity .3s,transform .3s}.controls-hidden{cursor:none}.controls-hidden .presentation-controls{opacity:0;pointer-events:none;transform:translateY(-10px)}.controls-hidden .presentation-hint{opacity:0;transform:translate(-50%,10px)}@media(max-width:700px){.presentation-controls{top:10px;right:10px;left:10px;justify-content:flex-end}.presentation-controls a,.presentation-controls button{padding:10px;font-size:11px}.presentation-hint{bottom:10px;max-width:calc(100% - 20px);white-space:normal;text-align:center}}