html,body{margin:0;padding:0;font-family:'Helvetica Neue',sans-serif;background:#faf8f5;color:#333;overflow-x:hidden;scroll-behavior:smooth}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
main{padding-top:70px;min-height:calc(100vh - 200px)}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;color:#111}
p{margin:0 0 15px;line-height:1.6}
.preview-bar{position:fixed;top:0;left:0;width:100%;height:54px;background:#0f172a;z-index:10000;display:flex;justify-content:center;align-items:center;gap:20px}
.preview-overlay{position:fixed;top:54px;left:0;width:100%;height:calc(100vh - 54px);background:#f1f5f9;z-index:9999;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;box-sizing:border-box !important;padding:40px 0 100px 0}
.preview-wrapper{box-sizing:content-box !important;border:12px solid #1e293b;border-radius:36px;overflow:hidden;background:#fff;transition:transform 0.3s ease;transform-origin:top center;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.preview-iframe{width:100%;height:100%;border:none;display:block}
.preview-icon{color:#64748b;cursor:pointer;background:none;border:none;padding:5px;transition:color 0.3s;display:flex;align-items:center;justify-content:center}
.preview-icon svg{width:24px;height:24px}
.preview-icon:hover,.preview-icon.active{color:#fff}
@media(max-width:991px){
.preview-overlay,.preview-bar{display:none !important}
body{padding-top:0 !important}
}