dialog.portfolio-modal{width:80vw;height:80vh;height:80dvh;max-width:none;max-height:none;padding:0;border:1px solid #dedee4;border-radius:8px;color:#17172e;background:#fff;overflow:hidden;margin:auto}dialog.portfolio-modal::backdrop{background:rgba(15,15,30,.65)}.portfolio-shell{height:100%;display:flex;flex-direction:column}.portfolio-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid #dedee4}.portfolio-bar h2{font:400 19px/1.4 Arial,sans-serif;letter-spacing:0;margin:0;overflow-wrap:anywhere}.portfolio-close{flex-shrink:0;width:44px;height:44px;border:1px solid #d3cedd;border-radius:4px;background:#fff;color:#17172e;font:28px Arial;cursor:pointer}.portfolio-view{flex:1;min-height:0;background:#f6f5f8;overflow:auto}.portfolio-view iframe{width:100%;height:100%;display:block;border:0;background:#fff}.portfolio-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #dedee4;font:13px/1.5 Arial,sans-serif}.portfolio-bottom a{color:#7252ad;text-decoration:underline;flex-shrink:0;padding:8px 0}.portfolio-gate{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:16px}.portfolio-gate p{max-width:520px}.portfolio-gate button{padding:14px 22px;background:#7252ad;color:white;border:0;border-radius:4px;cursor:pointer;font:inherit}@media(max-width:850px){dialog.portfolio-modal{width:100vw;height:100dvh;border:0;border-radius:0}.portfolio-bar{padding-top:max(8px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right))}.portfolio-bottom{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.portfolio-bar h2{font-size:16px}}