.page-preview{width:100%;max-width:500px;justify-self:end;border:1px solid #ffffff2c;background:linear-gradient(140deg,#ffffff19,#ffffff08);border-radius:8px;padding:21px;box-shadow:0 24px 90px #0008}.page-preview-top{display:flex;justify-content:space-between;gap:15px;color:#aaa;font:9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.4px}.page-preview-canvas{margin-top:18px;border:1px solid #ffffff35;background:linear-gradient(140deg,#efefee,#cfcfcd);color:#262626;border-radius:5px;padding:19px;min-height:290px;position:relative;overflow:hidden}.preview-site-nav{display:flex;align-items:center;gap:8px;font:8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.5px}.preview-logo{font-size:17px;line-height:1}.preview-site-nav i{width:18px;height:2px;background:#8d8d8a}.preview-site-nav i:first-of-type{margin-left:auto}.preview-content{padding:44px 0 25px;position:relative;z-index:1}.preview-content>span{font:8px/1.5 'IBM Plex Mono',monospace;color:#777}.preview-content>strong{display:block;font-size:clamp(27px,3vw,39px);line-height:1.05;letter-spacing:-1.4px;font-weight:500;margin-top:14px}.preview-content p{font-size:11px;color:#6f6f6f;margin-top:12px}.preview-content b{display:inline-flex;gap:18px;padding:9px 11px;border-radius:3px;background:#252525;color:white;font-size:9px;font-weight:500;margin-top:17px}.preview-line{position:absolute;right:-28px;bottom:-50px;width:190px;height:190px;border:1px solid #9d9d9b;border-radius:50%;opacity:.45}.preview-line i{position:absolute;inset:19px;border:1px solid #9d9d9b;border-radius:50%}.preview-line i:nth-child(2){inset:40px}.preview-line i:nth-child(3){inset:62px}.page-preview-bottom{display:flex;align-items:center;gap:19px;padding-top:17px;color:#aaa;font-size:11px}.page-preview-bottom b{color:#b88872;font-size:20px;margin-left:auto;font-weight:400}@media(max-width:850px){.page-preview{padding:17px}.page-preview-canvas{min-height:260px}}@media(max-width:560px){.page-preview{justify-self:start}.page-preview-canvas{min-height:250px}.preview-content{padding-top:35px}}
